/* ---- Fonts ---- */
         @font-face {
         font-family: 'Klavika Bd';
         src: url('font/klavika/Klavika-Bold.woff2') format('woff2'),
         url('font/klavika/Klavika-Bold.woff') format('woff');
         font-weight: bold;
         font-style: normal;
         }

         @font-face {
         font-family: 'Proxima Nova Semibold';
         src: url('font/proxima-nova/ProximaNova-Semibold.woff2') format('woff2'),
         url('font/proxima-nova/ProximaNova-Semibold.woff') format('woff');
         }

         @font-face {
         font-family: 'Proxima Nova Rg';
         src: url('font/proxima-nova/ProximaNova-Regular.woff2') format('woff2'),
         url('font/proxima-nova/ProximaNova-Regular.woff') format('woff');
         }

         /* ---- Customization - Default ---- */
         body{
         /*font-family: 'Montserrat', sans-serif;*/ /*---- ---- ALTERNATIVA DA GOOGLE FONTS ---- ----*/
         font-family: 'Proxima Nova Rg';
         color:#323B40; /*Planet Grey Dark*/
         font-size:12pt;
         }
         button{
         cursor:pointer;
         }
         h1, h2, h3, h4, h5, h6{
         /*font-family: 'Titillium Web', sans-serif;*/ /*---- ---- ALTERNATIVA DA GOOGLE FONTS ---- ----*/
         font-family: 'Klavika Bd', sans-serif;
         font-weight:bold;
         color:#516976; /*Planet Grey*/
         z-index:2;
         }
         header{
         height:250px;
         }
         a, a:hover{
         color:#3CB5E8;
         }
         /* ---- Customization - Bootstrap 4 ---- */
         .btn{
         border-radius:25px; 
         }
         .btn:hover{
         opacity:0.8;
         }
         .btn:focus,.btn:active {
         outline: none !important;
         box-shadow: none;
         }
         .btn-primary:active{
         background-color:transparent !important;
         }
         .blockquote-footer::before{
         content:''; /*remove dash*/
         }
         nav ul li, .font-weight-bold{
         font-family: 'Proxima Nova Semibold';
         }
         .progress{
         height:0.6em;
         border-radius:50px;
         }
         /*We use the '.border' class mostly for the font-icon so we adopt the CSS unit 'em' to be relative to the font size of the parent*/
         .border{
         border-width: 0.05em !important; 
         }
         /*We assume 'Planet Grey' (#516976) as the primary color*/
         .bg-primary, .badge-primary, .btn-primary, .btn-primary:hover{
         background-color:#516976 !important;
         }
         .bg-secondary{
         background-color:#F6F8F9 !important; /*Background Secondary (from Design System)*/
         }
         .text-primary, .btn-outline-primary, .btn-outline-primary:hover{
         color:#516976 !important;
         }
         .btn-primary, .btn-primary:hover, .btn-outline-primary, .btn-outline-primary:hover, .border-primary{
         border-color:#516976 !important;
         }
         
         /* ---- Planet Theme ---- */
         .plt-pillar-b /*Built Environment*/{
         color:#EA4753 !important; /*Red*/
         }
         .plt-pillar-e /*Ecosystem Resources*/{
         color:#7EC152 !important; /*Green*/
         }
         .plt-pillar-s /*Society*/{
         color:#F2C249 !important; /*Yellow*/
         }
         .plt-pillar-t /*Technologycal Systems*/{
         color:#3CB5E8 !important; /*Blue*/
         }
         .plt-bg-pillar-b, .btn-primary.plt-bg-pillar-b, .btn-primary.plt-bg-pillar-b:hover, .btn-outline-primary.plt-pillar-b:hover{
         background-color:#EA4753 !important; 
         }
         .plt-bg-pillar-e, .btn-primary.plt-bg-pillar-e, .btn-primary.plt-bg-pillar-e:hover, .btn-outline-primary.plt-pillar-e:hover{
         background-color:#7EC152 !important; 
         }
         .plt-bg-pillar-s, .btn-primary.plt-bg-pillar-s, .btn-primary.plt-bg-pillar-s:hover, .btn-outline-primary.plt-pillar-s:hover{
         background-color:#F2C249 !important;
         }
         .plt-bg-pillar-t, .btn-primary.plt-bg-pillar-t, .btn-primary.plt-bg-pillar-t:hover, .btn-outline-primary.plt-pillar-t:hover{
         background-color:#3CB5E8 !important;
         }
         .btn-primary.plt-bg-pillar-b, .btn-primary.plt-pillar-bg-b:hover, .btn-outline-primary.plt-pillar-b{
         border-color:#EA4753 !important;
         }
         .btn-primary.plt-bg-pillar-e, .btn-primary.plt-pillar-bg-e:hover, .btn-outline-primary.plt-pillar-e{
         border-color:#7EC152 !important;
         }
         .btn-primary.plt-bg-pillar-s, .btn-primary.plt-pillar-bg-s:hover, .btn-outline-primary.plt-pillar-s{
         border-color:#F2C249 !important;
         }
         .btn-primary.plt-bg-pillar-t, .btn-primary.plt-pillar-bg-t:hover, .btn-outline-primary.plt-pillar-t{
         border-color:#3CB5E8 !important;
         }
         .plt-bg-dark{
         background-color:#323B40; /*Planet Grey Dark*/
         }
         .plt-text-muted{
         color:#D2DBE8 !important; /*Inactive elements (from Design System)*/
         }
         .plt-text-alternative{ /*Alternative font family*/ 
         /*font-family: 'Titillium Web', sans-serif;*/ /*---- ---- ALTERNATIVA DA GOOGLE FONTS ---- ----*/
         font-family: 'Klavika Bd', sans-serif; 
         }
         .plt-inactive{
         background-color:#D2DBE0 !important;
         }
         .plt-table-borderless td, .plt-table-borderless th{
         border: none;
         }
         .plt-img-cover{
         height:250px; 
         width:100%; 
         object-fit:cover; 
         position:absolute; 
         top: 0; 
         left: 0; 
         filter:brightness(50%);
         z-index:-1;
         }
         
         .plt-tint:before {
         content: "";
         display: block;
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         -moz-transition: background .3s linear;
         -webkit-transition: background .3s linear;
         -o-transition: background .3s linear;
         transition: background .3s linear;
         background-color: rgba(81,105,118, 0.5); /*Planet Grey*/
         }

         .plt-tint-pillar-b:before{
         background-color: rgba(234,71,83, 0.5); /*Red*/
         /*background-image:url(http://www.planetidea.it/wp-content/themes/planetidea/img/pillar/c_ambiente-costruito.jpg);
         background-blend-mode: multiply;
         background-size:cover;
         background-position: center center;*/
         }
         .plt-tint-pillar-e:before{
         background: rgba(126,193,82, 0.5); /*Green*/
         }
         .plt-tint-pillar-s:before{
         background: rgba(242,194,73, 0.5); /*Yellow*/
         }
         .plt-tint-pillar-t:before{
         background: rgba(60,181,232, 0.5); /*Blue*/
         }

         .plt-column-2{
         column-count: 2;
         }
         .plt-pointer{
         cursor:pointer;
         }
         .plt-border-bottom{
         padding-bottom:0.25em;
         margin-bottom:0.25em;
         border-bottom:1px solid #516976; /*Planet Grey*/
         }
         /*Small devices (landscape phones, 576px and up)*/
         @media (max-width: 576px) {
         .plt-column-2{
         column-count: 1;
         } 
         }
         /*EXPANDING GRID -- see https://codepen.io/nailaahmad/pen/LGRxWJ --*/
         .plt-solution-thumb figure img{
         width:100%; 
         height:300px; 
         object-fit:cover; 
         position:absolute; 
         top:0; 
         left:0;
         filter:brightness(0.3);
         -webkit-transition: filter 0.3s ease-in-out;
         -moz-transition: filter 0.3s ease-in-out;
         -ms-transition: filter 0.3s ease-in-out;
         -o-transition: filter 0.3s ease-in-out;
         transition: filter 0.3s ease-in-out;
         }
         .plt-solution-thumb figure:hover img{
         filter:brightness(0.6);
         }
         .plt-solution-thumb figure figcaption{ 
         z-index:99; /*---- ---- VALUTARE SE CREARE CLASSE Z-INDEX ---- ----*/
         }
         .plt-solution-thumb figure figcaption i{
         font-size:3em;
         }
         .plt-solution-thumb {
         margin: 15px;
         width: calc((100% / 3) - 30px);
         /*width: calc((100% / 4) - 30px); /* /*Four columns*/ 
         transition: all 0.2s ease-in-out;
         }
         @media screen and (max-width: 991px) {
         .plt-solution-thumb {
         width: calc((100% / 2) - 30px);
         }
         }
         @media screen and (max-width: 767px) {
         .plt-solution-thumb {
         width: 100%;
         }
         }
         .plt-solution-thumb__inner {
         width: 100%;
         padding: 30px;
         position: relative;
         cursor: pointer;
         background-color: #949fb0;
         /*background: url(sample.jpg) no-repeat center center;*/
         color: #eceef1;
         font-size: 1.5em;
         /*text-transform: uppercase;*/
         text-align: center;
         transition: all 0.2s ease-in-out;
         height:300px;
         -webkit-background-size: cover; /*---- ---- VERIFICARE SE NECESSARIA ---- ----*/
         -moz-background-size: cover; /*---- ---- VERIFICARE SE NECESSARIA ---- ----*/
         -o-background-size: cover; /*---- ---- VERIFICARE SE NECESSARIA ---- ----*/
         background-size: cover; /*---- ---- VERIFICARE SE NECESSARIA ---- ----*/
         }
         .plt-solution-thumb__inner:after {
         transition: all 0.3s ease-in-out;
         }
         .plt-solution-thumb__expander {
         transition: all 0.2s ease-in-out;
         /*background-color: #333a45;*/
         background-color: #f4f4f4;
         width: 100%;
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
         /*text-transform: uppercase;*/
         /*color: #eceef1;*/
         /*font-size: 1.5em;*/
         }
         .plt-solution-thumb.is-collapsed .plt-solution-thumb__inner:after {
         content: "";
         opacity: 0;
         }
         .plt-solution-thumb.is-collapsed .plt-solution-thumb__expander {
         max-height: 0;
         min-height: 0;
         overflow: hidden;
         margin-top: 0;
         opacity: 0;
         }
         .plt-solution-thumb.is-expanded .plt-solution-thumb__inner {
         background-color: #1abc9c;
         }
         .plt-solution-thumb.is-expanded .plt-solution-thumb__inner:after {
         content: "";
         opacity: 1;
         display: block;
         height: 0;
         width: 0;
         position: absolute;
         bottom: -30px;
         left: calc(50% - 15px);
         border-left: 15px solid transparent;
         border-right: 15px solid transparent;
         border-bottom: 15px solid #f4f4f4;
         }
         .plt-solution-thumb.is-expanded .plt-solution-thumb__expander {
         max-height: 2000px; /* ---- ---- ---- VERIFICARE SE INDISPENSABILE ALTRIMENTI RIMUOVERE*/
         min-height: 200px;
         overflow: visible;
         margin-top: 30px;
         opacity: 1;
         }
         .plt-solution-thumb.is-expanded:hover .plt-solution-thumb__inner {
         /*transform: scale(1);*/
         }
         .plt-solution-thumb.is-inactive .plt-solution-thumb__inner {
         /*pointer-events: none;*/ /*remove comment if you want disable the click on inactive thumbs*/
         opacity: 0.5;
         }
         .plt-solution-thumb.is-inactive:hover .plt-solution-thumb__inner {
         background-color: #949fb0;
         /*transform: scale(1);*/
         }
         @media screen and (min-width: 992px) {
         .plt-solution-thumb:nth-of-type(3n+2) .plt-solution-thumb__expander {
         margin-left: calc(-100% - 30px);
         }
         .plt-solution-thumb:nth-of-type(3n+3) .plt-solution-thumb__expander {
         margin-left: calc(-200% - 60px);
         }
         .plt-solution-thumb:nth-of-type(3n+4) {
         clear: left;
         }
         .plt-solution-thumb__expander {
         width: calc(300% + 60px);
         }
         }
         /*Four columns*/
         /*@media screen and (min-width: 992px) {
         .plt-solution-thumb:nth-of-type(4n+2) .plt-solution-thumb__expander {
         margin-left: calc(-100% - 30px);
         }
         .plt-solution-thumb:nth-of-type(4n+3) .plt-solution-thumb__expander {
         margin-left: calc(-200% - 60px);
         }
         .plt-solution-thumb:nth-of-type(4n+4) .plt-solution-thumb__expander {
         margin-left: calc(-300% - 60px);
         }
         .plt-solution-thumb:nth-of-type(4n+5) {
         clear: left;
         }
         .plt-solution-thumb__expander {
         width: calc(400% + 60px);
         }
         }*/
         @media screen and (min-width: 768px) and (max-width: 991px) {
         .plt-solution-thumb:nth-of-type(2n+2) .plt-solution-thumb__expander {
         margin-left: calc(-100% - 30px);
         }
         .plt-solution-thumb:nth-of-type(2n+3) {
         clear: left;
         }
         .plt-solution-thumb__expander {
         width: calc(200% + 30px);
         }
         }
         /*-----------------*/
         /***** Apollo *****/
         /*-----------------*/
         figure.effect-apollo {
         opacity: 1;
         }
         figure.effect-apollo img {
         opacity: 0.8;
         /*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
         transition: opacity 0.35s, transform 0.35s;
         -webkit-transform: scale3d(1.05,1.05,1);
         transform: scale3d(1.05,1.05,1);*/
         }
         figure.effect-apollo figcaption::before {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(255,255,255,0.5);
         /*background: red;*/
         content: '';
         -webkit-transition: -webkit-transform 0.6s;
         transition: transform 0.6s;
         -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
         transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
         }
         figure.effect-apollo p {
         position: absolute;
         right: 0;
         bottom: 0;
         margin: 1em;
         padding: 0 0.5em;
         max-width: 150px;
         /*border-right: 4px solid #fff;*/
         text-align: right;
         opacity: 0;
         -webkit-transition: opacity 0.35s;
         transition: opacity 0.35s;
         }
         figure.effect-apollo h2 {
         text-align: left;
         opacity:1;
         }
         figure.effect-apollo:hover img {
         opacity: 0.5;
         -webkit-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1);
         }
         figure.effect-apollo:hover figcaption::before {
         -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
         transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
         }
         figure.effect-apollo:hover p {
         opacity: 1;
         -webkit-transition-delay: 0.1s;
         transition-delay: 0.1s;
         }


.plt-quotation-mark-l, .plt-quotation-mark-r{
   font-family:Georgia, serif;
   position:absolute; 
   top:-0.25em;
   font-size:5em;
   font-style:normal !important;
}
.plt-quotation-mark-l{
   left:-0.5em;
}
.plt-quotation-mark-r{
   right:-0.5em;
}

#header-home{
   height:60vh;
   background:url('img/header.jpg') no-repeat top center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

#header-home h1{
   font-family: 'Proxima Nova Rg';
   font-size:300;
   font-size:3em;
}


#particles-home{
   position:absolute; 
   width:100%; 
   height:60vh; /*same height declared in #header-home*/
}

#vitrine-title{
font-family: 'Klavika Bd', sans-serif;
font-weight:bold;
color:#516976; /*Planet Grey*/ 
font-size:2em;  
}