/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
@font-face {
  font-family: 'AvenirNext';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-regular.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-regular.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-regular.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-regular.ttf") format("truetype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-regular.svg#avenir-next-regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextBold';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-bold.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-bold.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-bold.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-bold.ttf") format("truetype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-bold.svg#avenir-next-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextDemi';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-demi.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-demi.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-demi.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-demi.ttf") format("truetype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-demi.svg#avenir-next-demi") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextHeavy';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-heavy.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-heavy.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-heavy.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-heavy.ttf") format("truetype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/avenir-next-heavy.svg#avenir-next-heavy") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextUltraLight';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/AvenirNextCyr-UltraLight.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/AvenirNextCyr-UltraLight.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/AvenirNextCyr-UltraLight.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/AvenirNextCyr-UltraLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Didot';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/Didot-Headline.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/Didot-Headline.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DidotBold';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/Didot-Bold.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/Didot-Bold.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/Didot-Bold.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/Didot-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'News 705 BT';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT/news705BT.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT/news705BT.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT/news705BT.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT/news705BT.ttf") format("truetype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT/news705BT.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'News 705 BT Bold';
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT Bold/news705BT_bold.eot");
  src: url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT Bold/news705BT_bold.eot") format("embedded-opentype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT Bold/news705BT_bold.woff") format("woff"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT Bold/news705BT_bold.ttf") format("truetype"), url("https://pentalight.com/wp-content/themes/wk_penta_2019/font/News 705 BT Bold/news705BT_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
/* HOMEPAGE */
/*
a.wk_squared_item {
    width: 25%;
    display: block;
    height: 0;
    padding-top: 25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    .wk_squared_item_bw {
    	background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	left: 0;
    	top: 0;
    }
}*/
.griglia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 100px; }
  .griglia:after {
    content: "";
    flex: auto; }

.father {
  width: calc(50% - 20px);
  height: 0;
  padding-top: calc(50% - 10px);
  position: relative;
  margin: 10px;
  transition: all 0.4s ease-in-out;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  cursor: pointer;
  overflow: hidden; }
  @media all and (min-width: 48em) {
    .father {
      width: calc(33.333% - 40px);
      padding-top: calc(33.333% - 40px);
      margin: 20px; } }
  @media all and (min-width: 64.0625em) {
    .father {
      width: calc(25% - 40px);
      padding-top: calc(25% - 40px); } }
  @media all and (min-width: 78.75em) {
    .father {
      width: calc(20% - 40px);
      padding-top: calc(20% - 40px); } }

.father .front_bk, .father .front_bk_secondo {
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s; }

.father .front_bk_secondo {
  opacity: 0;
  background-position: center center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.father .front_bk_terzo {
  opacity: 0; }

.notouch .father:hover .front_bk_secondo {
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s; }

.notouch .father:hover .front_bk_terzo {
  opacity: 1; }

.notouch .father:hover .front_bk {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s; }

.father div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  text-align: center;
  line-height: 300px;
  color: #fff; }

.front {
  z-index: 2; }

.front_bk {
  background-position: center center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-filter: grayscale(1) brightness(0.9) contrast(1.3);
          filter: grayscale(1) brightness(0.9) contrast(1.3); }

.father svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

#quadratobase, .father svg rect {
  opacity: 0;
  display: none; }

.back {
  z-index: 1;
  background-position: center center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.father svg path {
  opacity: 1 !important;
  transition: all 0.1 ease-in-out; }

.father {
  overflow: hidden; }

.notouch .father:hover .front > svg path {
  opacity: 0 !important;
  transition: all 0 ease-in-out; }

.notouch .father:hover svg path:nth-child(0) {
  transition-delay: .7s; }

.notouch .father:hover svg path:nth-child(1) {
  transition-delay: .6s; }

.notouch .father:hover svg path:nth-child(2) {
  transition-delay: .5s; }

.notouch .father:hover svg path:nth-child(3) {
  transition-delay: .4s; }

.notouch .father:hover svg path:nth-child(4) {
  transition-delay: .0s; }

.notouch .father:hover svg path:nth-child(5) {
  transition-delay: .0s; }

.notouch .father:hover svg path:nth-child(6) {
  transition-delay: .0s; }

.father svg path:nth-child(4) {
  transition-delay: .3s; }

.father svg path:nth-child(5) {
  transition-delay: .2s; }

.father svg path:nth-child(6) {
  transition-delay: .1s; }

.notouch .father:hover svg path:nth-child(1) {
  transition-delay: .0s; }

.notouch .father:hover svg path:nth-child(2) {
  transition-delay: .0s; }

.notouch .father:hover svg path:nth-child(3) {
  transition-delay: .0s; }

.father svg path:nth-child(1) {
  transition-delay: .3s; }

.father svg path:nth-child(2) {
  transition-delay: .2s; }

.father svg path:nth-child(3) {
  transition-delay: .1s; }

/*  SINGLE  */
h1.blocco_correlati {
  font-size: 3rem;
  text-align: center;
  width: auto;
  display: inline-block;
  margin: 50px 0; }

/*  SEARCH  */
.titolo-result {
  margin: 100px auto 20px auto; }
  .titolo-result h1 {
    font-size: 3rem; }

.pagina-designers .contenuto-designer {
  width: calc(100% - 40px);
  margin: 20px;
  margin-top: 80px; }
  .pagina-designers .contenuto-designer h1 {
    margin-bottom: 20px; }
  @media all and (min-width: 48em) {
    .pagina-designers .contenuto-designer {
      margin: 0;
      position: fixed;
      top: 100px;
      left: 30px;
      width: calc(33.333% - 60px); } }
  @media all and (min-width: 64.0625em) {
    .pagina-designers .contenuto-designer {
      left: 50px;
      width: calc(33.333% - 100px);
      top: 130px; } }

.pagina-designers .griglia-designer {
  width: 100%;
  justify-content: flex-start; }
  @media all and (min-width: 48em) {
    .pagina-designers .griglia-designer {
      width: 66.6666%;
      position: relative;
      left: 33.333%; } }
  .pagina-designers .griglia-designer .father {
    width: calc(50% - 40px);
    padding-top: calc(50% - 40px); }
    @media all and (min-width: 64.0625em) {
      .pagina-designers .griglia-designer .father {
        width: calc(33.333% - 40px);
        padding-top: calc(33.333% - 40px); } }
    @media all and (min-width: 78.75em) {
      .pagina-designers .griglia-designer .father {
        width: calc(25% - 40px);
        padding-top: calc(25% - 40px); } }

/*
** Griglia piastre
*/
.griglia.wk-griglia-piastre {
  margin-top: -100px;
  justify-content: flex-end;
  -webkit-transform: translateX(105%);
          transform: translateX(105%);
  opacity: 0;
  display: none;
  transition: all 1s ease-in-out; }
  .griglia.wk-griglia-piastre::after {
    display: none; }
  .griglia.wk-griglia-piastre.active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }