/* Theme Name: Nta Description: Responsive WordPress Theme based on Boostrap and Font Awesome. Version: 1.1.0 Author: Andrea Lenterna Author URI: -- Site: -- Text Domain: nta Domain Path: /languages Tags: grid-layout, blog, custom-menu, featured-images, right-sidebar License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ body,html{ margin: 0; padding: 0; height: 100vh; } body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;} /* ------------------------------------------------------------------------- * /* ! Base */ /* ------------------------------------------------------------------------- */ /* Typography */ body{font-family: 'Montserrat', sans-serif;font-size: 22px;color: #4A4A4A; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;} @media (max-width: 768px) { body{font-size: 18px;} } /* Cookie Banner */ .fdc-cookielaw__banner{z-index: 100;} .fdc-cookielaw__banner p{font-size: 18px;} /* colors */ .purple{background: #AE024C;} .orange{background: #E56707;} .green{background: #25AE6D;} .pink{background:#FCC6DD;} .orange-light{background:#FBCAA5;} .green-light{background:#A4F2CD;} .txt-purple{color: #AE024C;} .txt-orange{color: #E56707;} .txt-green{color: #25AE6D;} /* basics */ .panel{padding: 150px 0px 200px;} .min-height{min-height: calc(100vh - 300px);} .intro_text{padding: 150px 0px 0px;} /* buttons */ .button_richiedi{display:block;} .button_richiedi::before {content:'richiedi ora'; font-size: 22px; line-height: 60px; margin: 50px auto 0px; text-align: center; background: #AE024C; color: #fff; text-transform: uppercase; border: 4px solid #fff; cursor: pointer; padding: 0px 50px; display: inline-block;} /* CTA */ .cta{background: #018705; color:white; border:3px solid white; padding: 20px 35px; text-align: center; border-radius:50px; width: 70%; margin: 60px auto 0; font-weight: 700; line-height: 30px; font-family: 'Montserrat', sans-serif; white-space:break-spaces; font-size: 22px; text-transform: uppercase; display: inline-block; cursor: pointer; transition: all 1s cubic-bezier(.215, .61, .355, 1);} .cta:hover{background: #005f04;} @media (max-width: 768px) { .cta{width: 100%; font-size:18px;} } /*.cta{font-size: 22px; line-height: 60px; margin: 50px auto 0px; text-align: center; background: #fff; color: #AE024C; text-transform: uppercase; cursor: pointer; padding: 0px 50px; display: inline-block; border: 4px solid #AE024C; font-weight: bold; transition: all 1s cubic-bezier(.215, .61, .355, 1);} .cta:hover{background:#fac3db;}*/ /* Helpers */ .pr{position: relative!important;} .pa{position: absolute!important;} .tac{text-align: center!important;} .tal{text-align: left!important;} .tar{text-align: right!important;} .full-width{margin-left: calc(50% - 50vw + 10px); margin-right: calc(50% - 50vw + 10px);} .full-width-form{width: 100vw; margin-left: calc(-100vw/2 + 50%);} .none{display:none!important;} @media (max-width: 768px) { .intro_text{padding: 100px 0px 0px;} .full-width{margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);} } .margin-top{margin-top: 50px!important;} .margin-bottom{margin-bottom: 50px!important;} .margin-top-medium{margin-top: 100px!important;} .margin-bottom-medium{margin-bottom: 100px!important;} .margin-top-big{margin-top: 150px!important;} .margin-bottom-big{margin-bottom: 150px!important;} .no-margin-center{margin:0 auto!important;} .img-res{width: 100%;} .padding-all{padding: 20px;} .padding-10{padding: 10px!important;} .accorcia{margin-top:-80px!important;} .nascondi-desktop {display:block!important;} .nascondi-mobile {display:none!important;} .indent{text-indent: -25px!important; padding-left: 25px!important; text-align:left;} .indent-35{text-indent: -35px!important; padding-left: 35px!important;} :root {--swiper-theme-color: #ae024c!important;} @media (max-width: 768px) { .panel{padding: 100px 0px 100px;} .accorcia{margin-top:-150px!important;} .nascondi-desktop {display:none!important;} .nascondi-mobile {display:block!important;} .swiper-button-next:after, .swiper-button-prev:after{display:none!important;} } /* --------------------------------------------------------------------------------------------------------------------------- */ /* ! Header */ /* --------------------------------------------------------------------------------------------------------------------------- */ /*.header{background: transparent; transition: all 1s cubic-bezier(.215, .61, .355, 1); z-index: 100;} .is-scrolled .header{background: rgba(255,255,255,0.9);}*/ .fixed{position: fixed; width: 100%; z-index: 100; background: linear-gradient(to bottom, white 22%, rgba(255, 255, 255, 0) 100%);} .has-cover .fixed{transition: all 1s cubic-bezier(.215, .61, .355, 1);} .is-scrolled .fixed{background: rgba(255,255,255,0.9);} .header-top{background-color: #AE024C; color: #FFFFFF; text-align: center; padding: 5px; font-weight:bold;} .header{max-width: 1200px; margin: 0 auto; position: relative; display: flex; width: 100%; justify-content: space-between; top:0; padding: 40px 0px;} .header__logo{display: block; width: 170px; height: auto; padding-left:20px;} .header__menu{display: block;position: absolute;right: 0; top: 50%; transform: translate(0, -50%);} .header__icon{position: relative; display: block;width: 100px;height: 20px;z-index: -1;} /*.active a{color: #D6B77D!important;}*/ .scroll-down .fixed{background: rgba(255,255,255,0.7);} .nav-menu{position: relative;max-width: 1200px;margin: 0 auto;z-index: 10;display: flex;flex-flow: row nowrap;text-transform: uppercase;color: #fff; padding-right: 20px;} .nav-menu ul{display: flex; flex-flow: row nowrap; margin:0; padding: 20px 0px; background: transparent;} .nav-menu ul li{padding: 0 20px;list-style-type: none; transition: all 1s cubic-bezier(.215, .61, .355, 1); margin-top:0;} .nav-menu ul li:hover{color: #E9830F;} .nav-menu ul li a{color: #AE024C;font-size: 16px; text-decoration: none;} .nav-menu ul li.active {background-color: transparent; /*font-weight:bold;*/} .menu-item span{position: relative;} .menu-item span:before{content: ' '; position: absolute; left: 0; bottom: -3px; width: 100%; height: 4px; background: #D6B77D;} .bline{ width: 100px; height: 3px;background: #D6B77D;position: absolute;left: 0;bottom:0;transition: all 1s cubic-bezier(.215, .61, .355, 1);} @media (max-width: 998px) { /*.header__logo {max-width: 100px;}*/ .header{padding: 30px 0px;} .header__menu{height: 100vh;width: 60%;position: absolute;left: 0;top: -10px;z-index: 20;transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(-100%);} .header__logo img{padding:0 0 0 10px;} .header__icon{display: block; z-index: 10} .nav-menu ul{flex-flow: column;} .nav-menu ul li{padding: 20px 20px;} .bline{display: none;} .icon-hamburger{position: absolute; right: 30px; top: -2px; width: 30px; height: 30px; display: flex; align-items: center;} .icon-hamburger span{width: 100%;height: 4px;background: #AE024C;transition: all .3s cubic-bezier(.215, .61, .355, 1);} .icon-hamburger span:before, .icon-hamburger span:after{content: ' ';width: 100%;height: 4px;background: #AE024C;display: inline-block;position: absolute;transition: all .3s cubic-bezier(.215, .61, .355, 1);} .icon-hamburger span:before{margin-top: -10px;} .icon-hamburger span:after{margin-top: 10px; } .header__menu.is-open{background: #fff;display: block;transform: translateX(0);box-shadow: 10px 0px 8px #888888;} .header__menu.is-open .nav-menu ul{flex-flow: column; color: #000;} .icon-hamburger.is-open span{background: transparent;} .icon-hamburger.is-open span:before{transform: rotate(45deg); margin-top: 0;} .icon-hamburger.is-open span:after{transform: rotate(-45deg); margin-top: 0;} .nav-menu ul li a{color: #AE024C; font-size: 16px;} } /* ------------------------------------------------------------------------- * /* ! Modules */ /* ------------------------------------------------------------------------- */ /*************************** COVER ****************************/ /*.video-bg{width: 100%; height: 100vh; position: absolute; top: 0; left: 0; object-fit: cover; opacity: 0.5; z-index: 0;} .hero{width: 100%;height: 100vh;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/video-wall.mp4) center center / cover no-repeat;} .hero::before{content: ' '; position: absolute; width: 100%; height: 100vh; background: rgba(255,255,255,0.55)}*/ .hero{width: 100%;height: 100vh;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/cover.png) center center / cover no-repeat;} .hero::before{content: ' '; position: absolute; width: 100%; height: 100vh; background: rgba(255,255,255,0.85)} /*.header{position: fixed; top:0; left: 0; padding: 50px 0px; width: 100%;} .header__logo{width: 140px; height: auto;}*/ .hero__content{width:100%; position: absolute; text-align: center; box-sizing: border-box; z-index: 10;} .hero__title{font-size: 62px;text-transform: uppercase;font-weight: 900;margin: 0;line-height: 62px;} .hero__subtitle{font-size: 36px; font-weight: 400; margin: 0; line-height: 38px; margin-top: 20px;} .hero__underline{position: relative; display: inline-block;} .hero__underline::after{content:' '; width:0px; height: 4px;position: absolute;background: #AE024C;left: 0;bottom: 0; animation:line-grow 4s infinite ease-in-out;} @keyframes line-grow{ 0% {opacity: 0;} 20%{width:100%; opacity: 1} 80%{width:100%; opacity: 0} 100%{width: 0px; opacity: 0} } @media (max-width: 768px) { .hero__title{font-size: 40px;line-height: 42px;} .hero__subtitle{font-size: 28px; line-height: 30px;} } /* bubbles */ .bubble{border-radius:999px; position: absolute;} .bubble--1{width: 83px; height: 83px; left: 16%; top: 30%; background-color: #A4F2CD; animation:muovi--1 5s infinite ease-in-out;} .bubble--2{width: 26px; height: 26px; left: 40%; top: 25%; background-color: #AE024C; animation:muovi--2 4s infinite ease-in-out;} .bubble--3{width: 170px; height: 170px; right: 10%; top: 25%; background-color: #FBCAA5; animation:muovi--3 6s infinite ease-in-out;} .bubble--4{width: 230px; height: 230px; left: 20%; bottom: 15%; background-color: #FCC6DD; animation:muovi--4 5s infinite ease-in-out;} .bubble--5{width: 46px; height: 46px; left: 55%; bottom: 25%; background-color: #E57D07; animation:muovi--5 4s infinite ease-in-out;} .bubble--6{width: 22px; height: 22px; right: 25%; bottom: 35%; background-color: #25AE6D; animation:muovi--6 5s infinite ease-in-out;} @media (max-width: 768px) { .bubble--1{width: 83px;height: 83px;left: -8%;top: 30%;} .bubble--2{width: 26px;height: 26px;right: 20%;left: unset;top: 12%;} .bubble--3{width: 170px;height: 170px;right: -15%;top: 25%;} .bubble--4{width: 160px;height: 160px;left: 20%;bottom: 5%;} .bubble--5{width: 22px;height: 22px;left: 75%;bottom: 5%;} .bubble--6{width: 22px;height: 22px;right: 25%;bottom: 35%; display: none;} } @keyframes muovi--1{ 0% {transform: translate(0px);} 50%{transform: translate(10px,16px);} 100%{transform: translate(0px,0px);} } @keyframes muovi--2{ 0% {transform: translate(0px);} 50%{transform: translate(-10px,15px);} 100%{transform: translate(0px,0px);} } @keyframes muovi--3{ 0% {transform: translate(0px);} 50%{transform: translate(4px,18px);} 100%{transform: translate(0px,0px);} } @keyframes muovi--4{ 0% {transform: translate(0px);} 50%{transform: translate(8px,-18px);} 100%{transform: translate(0px,0px);} } @keyframes muovi--5{ 0% {transform: translate(0px);} 50%{transform: translate(10px,-15px);} 100%{transform: translate(0px,0px);} } @keyframes muovi--6{ 0% {transform: translate(0px);} 50%{transform: translate(10px,18px);} 100%{transform: translate(0px,0px);} } /*************************** INTRO ****************************/ .panel--intro{background: #7BDCB5;} .panel__title{font-size: 42px;text-transform: uppercase;font-weight: bold;position: relative;padding-left: 47px;margin-bottom: 40px; text-align: left;} .panel__title::before{content: ' ';width: 30px; height: 30px;background: #AE024C;position: absolute;left: 0px;top: 11px;} .phone{position: relative;left: -40px;z-index: 5;object-fit: contain;} .like--1{z-index: 10; top:30px;right: 78px; animation:social--1 4s infinite ease-in-out;} .like--2{z-index: 0;top: -9px;left: 32px; animation:social--2 4s infinite ease-in-out;width: 40px;height: 40px;} .heart--1{z-index: 10; top: 95px; left: -40px; animation:social--1 5s infinite ease-in-out;} .heart--2{z-index: 10;bottom: 95px;right: 38px; animation:social--2 6s infinite ease-in-out;width: 40px;} .smile--1{z-index: 10;top: 210px;left: 5px; animation:social--2 5s infinite ease-in-out;width: 52px;} .social-white, .social-red, .social-blue{border-radius: 999px;width: 20px;height: 20px;background: #fff;right: 80px;top: 202px;position: absolute;} .social-red{width: 30px;height: 30px;background: #E4003F;left: unset;top: unset;bottom: -40px;right: 160px;} .social-blue{width: 22px;height: 22px;background: #006EB9;left: -31px;bottom: 34px;right: unset;top: unset;} @media (max-width: 768px) { .intro_img{margin-bottom: 50px;} .panel__title{font-size: 26px;padding-left: 30px; margin-bottom:15px;} .panel__title::before{width: 18px;height: 18px;top: 7px;} .phone{left: 0px;} .like--1{right: 10px;} .like--2{/* right: 10px; */left: 47px;} .heart--1{left: 0px;} .heart--2{/* left: 0px; */right: -12px;} .smile--1{left: 23px;} .social-white{right: 22px;} .social-red{bottom: -6px;right: 160px;} .social-blue{left: -4px;/* bottom: 34px; *//* right: unset; *//* top: unset; */} } @keyframes social--1{ 0% {transform: translate(0px);} 50%{transform: translate(0px,10px);} 100%{transform: translate(0px,0px);} } @keyframes social--2{ 0% {transform: translate(0px);} 50%{transform: translate(0px,-8px);} 100%{transform: translate(0px,0px);} } /*/////////////// !SLIDER ///////////////*/ /* Flickity */ .carousel {background: white;} .carousel-cell {width: 30%; height: 200px; margin: 0px 10px 0px 0px; background-color: #fff; border-radius: 5px; counter-increment: carousel-cell; text-align: center;} /*MODIFICHE AL CSS ORIGINALE*/ .flickity-button{color:#fac3db;} .flickity-button:hover{color:#AE024C;} .flickity-page-dots{bottom:-50px!important;} .flickity-page-dots .dot {background: #fac3db!important;} .partnership{width: 200px;margin: 0 30px;} @media (max-width: 999px) AND (min-width: 769px) { .carousel-cell {width: 40%;} } @media (max-width: 768px) { .carousel{margin-top:-40px;} .carousel-cell {width: 60%;} .partnership{width: 180px;margin: 10px auto;} .flickity-page-dots{display:none;} } /* Slideshow container */ .slideshow-container{max-width: 1350px;position: relative;margin: 0px auto;text-align: center;} .mySlides{width: 100%;height: auto;text-align:center;margin: 0px auto;} /*.partnership{width: 200px;margin: 10px 40px;}*/ /* Caption text */ .text_slide{color: white;padding: 30px 12px;height: 100px;bottom: 0px;position: absolute;width: 100%;text-align: center;font-size:28px;font-weight:900;text-shadow: 2px 2px 6px #000;background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,0,0,0));} .pallini_slide{text-align:center;margin-top: 15px;} /* The dots/bullets/indicators */ .dot_slide {height: 12px;width: 12px;margin: 0 2px;background-color: #fac3db; border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;} .active {background-color: #AE024C;} /* Fading animation */ .fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /*************************** JUMBTRON ****************************/ .panel--jumbtron{background: url(img/lunga1.png) right center / cover no-repeat;width: 100%;position: relative;display: inline-block;align-items: center;height: 800px;} .panel--jumbtron::before{content: ' '; position: absolute; width: 100%; height: 800px; background: rgba(0,0,0,0.5);} .panel--jumbtron::after{content: '"AZIENDE PREMIUM" รจ il sistema marketing per professionisti ed esercenti';position: absolute;width: 60%;/* height: 800px; */color: #fff;font-size: 62px;font-weight: 900; bottom: 150px;left: 20%;text-align: center; line-height: 62px;} .panel--jumbtron__cta{position: absolute; left: 0; right: 0; bottom: 50px; margin-left: auto; margin-right: auto; width: 284px;} @media (max-width: 768px) { .panel--jumbtron{background: url(img/verticale1.png) center center / cover no-repeat;} .panel--jumbtron::after{font-size: 40px; line-height: 42px; width:90%; left: 5%;} } /*************************** BENEFITS ****************************/ .panel--benefit{background: #E8E8E8;} .panel--benefit .col-33{text-align: center;} .benefit_number{display: block;width: 104px;height: 104px; color: #fff;border-radius: 999px;text-align: center;line-height: 104px;font-size: 80px;font-weight: bold;position: relative;margin: 0 auto;} .benefit_number--1{background: #AE024C;} .benefit_number--2{background: #25AE6D;} .benefit_number--3{background: #E56707;} .benefit_number::after{content: '.'; position: absolute;} .benefit_title{/* font-size: 16px; */text-transform: uppercase;font-weight: 700;margin: 20px;} .benefit_description{/* font-size: 16px; */margin: 0px 20px;} @media (max-width: 768px) { .panel--benefit .col-33{margin-bottom: 50px;} } /*************************** ESEMPIO ****************************/ .panel--esempio img{background: white; width: 70%; margin: 20px auto 40px;} .virgolette::before{content:'\201C'; font-size: 230px; font-family: Georgia, "Times New Roman", Times, serif; position: absolute; color: #fcc6dd; top: 25px; left:-65px; z-index:-1;} .virgolette{font-family: Georgia, "Times New Roman", Times, serif; position: relative; font-style:italic; margin:60px 0 100px; z-index:0; text-indent: 55px; text-align:center; font-size:45px; line-height: 60px!important;} .virgolette::after{content:'\201E'; font-size: 230px; font-family: Georgia, "Times New Roman", Times, serif; position: absolute; color: #fcc6dd; bottom: 40px; right:-10px; z-index:-1;} .panel--esempio .youtube{width: 130px;} .panel--esempio img.video{width: 100%;} @media (max-width: 768px) { .panel--esempio img{width: 100%;} .virgolette::before{top: 25px; left:-30px;} .virgolette{font-size: 30px!important; line-height: 40px!important; text-indent:15px;} } /*************************** FUNZIONAMENTO ****************************/ .panel--funzionamento{background: #E8E8E8;} .grid--step{padding:0!important; column-gap: 30px;} .step__l{flex-grow: 1; flex-basis: 150px; border-right: 5px solid #AE024C; padding-right: 30px;} .step__r{flex-grow: 1; flex-basis: 150px; border-left: 5px solid #AE024C; padding-left: 30px;} .step__title{font-size: 60px; text-transform: uppercase;} .step__subtitle{font-size: 30px; text-transform: uppercase; font-weight: 900; color:#AE024C;} .step__text{flex-grow: 2; flex-basis: 150px;} .step__text p{margin:10px 0;} @media (max-width: 768px) { .step__l{text-align: left; border-left: 5px solid #AE024C; padding-left: 30px; border-right:none;} .step__text{text-align: left;} .grid--step {flex-flow:column!important;} .panel--funzionamento .reverse{flex-direction:column-reverse;} } /*************************** CTA ****************************/ .panel--cta{background: #4A4A4A;color: #fff;} .panel__title--cta{font-size: 62px; text-transform: uppercase; font-weight: 900; margin: 0; text-align: center; line-height: 62px;} .panel--cta .col-33 p{margin: 0px;} .cta_button{transition: all 0.4s ease-in-out; animation:rotate_effect 5s infinite ease-in-out;} .cta_label{margin: 30px 0px 5px;} @keyframes rotate_effect{ 0% {transform: rotate(0deg);} 20%{transform: rotate(0deg);} 40%{transform: rotate(2deg);} 60%{transform: rotate(-2deg);} 80%{transform: rotate(0deg);} 100%{transform: rotate(0deg);} } @media (max-width: 768px) { .panel__title--cta{font-size: 40px; line-height: 42px;} } /*************************** ---------------------------- STILI NUOVI TEMPLATE ---------------------------- ****************************/ .page-template-landing-articolo .fdc-cookielaw__banner.bottomBanner.showBanner, [class*="page-template-caso-"] .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-test .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-no-requisiti .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-richiedi-consulenza .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-richiedi-risultato .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-richiedi-risultato-dermo .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-pagina-risultato .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-pagina-risultato-v2 .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-grazie .fdc-cookielaw__banner.bottomBanner.showBanner, .page-template-quiz-grazie-cs .fdc-cookielaw__banner.bottomBanner.showBanner{display:none;} .panel__subtitle{text-transform: uppercase; font-weight: 700; margin:35px 0 -15px!important;} /*Hero*/ .page-template-caso-vacanzecaraibiche .hero__content img{width:600px;} /*loghi collaborazioni*/ .panel--slider .panel__title {font-size: 42px; font-weight: bold; margin-bottom:0; text-align:center; text-transform: lowercase; padding-left:0;} .panel--slider .panel__text {margin:10px auto;} .panel--slider .panel__title::before{background: white;} .panel--slider img.logo_cliente {width: 130px;} /*videorecensioni*/ .panel--videorecensioni {background: #E8E8E8;} .panel--videorecensioni video{margin-top:40px; border-radius:20px 20px 0 0;} .panel--videorecensioni .card{padding: 10px; display: flex; flex-direction:column;} .panel--videorecensioni .testi{padding: 0 0 20px; border-top: 3px solid #9cff1d; border-radius: 0 0 20px 20px; background: white; display: flex; flex-direction:column; flex-grow: 1;} .panel--videorecensioni .nome{margin: 0;font-size: 22px; line-height: 25px; font-weight: 700; color:white; padding: 7px 10px; background: black; } .panel--videorecensioni .impiego{margin-top: -3px; font-size: 16px; line-height: 19px; font-style: italic; color:white; padding: 0 10px 3px; background: black;} .panel--videorecensioni .sfumatura{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(23,23,23,1) 100%); height: 20px; margin-top:-1px;} .panel--videorecensioni .frase{margin-top: 15px; font-size: 25px; line-height: 30px; font-style: italic; padding:0px 10px; text-align:center;} /*creenhsot messaggi Whatsapp*/ .panel--screenshot .screenshot{width: 100%;} /*faq*/ .faq-domanda {background-color: #fff; color: #4A4A4A; cursor: pointer; padding: 20px 20px 20px 55px; width: 100%; border: none; text-align: left; font-size: 22px; border-bottom: 1px solid #AE024C; font-family: 'Montserrat', sans-serif; position: relative;} .faq-domanda::before {content:'+ '; font-weight:700; font-size:38px; color: #AE024C; position:absolute; top:10px; left:17px;} .faq-domanda:hover::before {content:'+ '; color:#fff;} .faq-domanda.active::before {content:'- '; font-weight:700; font-size:38px; color: #FFF; position:absolute; top:6px; left:20px;} .activefaq, .faq-domanda:hover {background-color: #AE024C; color:#fff; font-weight:bold;} .faq-risposta {padding: 0 18px 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #fac3db63; border-radius:0px 0px 20px 20px;} .faq-risposta p{margin-top: 13px;padding-bottom: 15px!important;} /*form*/ .panel--form {background: #AE024C; color: white;} .panel--form .form__title {font-size: 42px; font-weight: bold; margin-bottom: 40px; text-align: center; text-transform: uppercase; padding-left: 0;} .panel--form p{margin-top: 8px!important;} .panel--form .acceptance {margin-top: 50px!important; font-size:13px; line-height:17px;} .panel--form .acceptance input{margin: 0 3px 0 0; height: 17px; width: 17px;} .panel--form .wpcf7-response-output { margin: 30px auto!important; max-width: 1100px; width:90%; display: flex; flex-flow: row; flex-wrap: wrap; padding: 10px 50px!important; box-sizing: border-box; color: #ffff00; border-color: #ffff00!important; border-radius:45px; text-align:center; font-weight: bold; background-color: red;} .panel--form .wpcf7-not-valid-tip{color: #ffff00;} .panel--form .wpcf7 form.sent .wpcf7-response-output{border-color: #46b450!important; color: #46b450; background-color: white;} /*helpers*/ .ap{font-style: italic; font-weight: normal; text-transform: none;} .text-bold{font-weight: bold!important;} .panel--grey{background: #E8E8E8!important;} .panel--fucsia{background: #AE024C!important; color:white!important;} .panel--fucsia .panel__title::before{background: white;} .panel--white{background: white; color:#AE024C;} .pl-20{padding-left: 20px;} .hr--fucsia{border: 1px solid #AE024C; width: 100%; margin-top: 70px;} .margin-auto{margin:0 auto;} @media (max-width: 768px) { .panel--slider .panel__title {font-size: 26px; padding:0;} .panel--videorecensioni .frase{font-size: 22px; line-height: 26px;} .panel--form .form__title {font-size: 26px;} /*Hero*/ .page-template-caso-vacanzecaraibiche .hero__content img{width:100%;} /*helpers*/ .reverse{flex-direction:column-reverse!important;} .nome3righe{padding:0 0 10px 105px!important; line-height: 28px!important;} .nome1riga{margin:55px 0 30px;} } /*************************** PAGE TEMPLATE QUIZ TEST ****************************/ .page-template-quiz-test {background-color: #FFF;} .page-template-quiz-test .fixed{position:absolute;} .page-template-quiz-test .header{padding: 30px 0 0;} .page-template-quiz-test .header__logo{margin-left: 10px;} .page-template-quiz-test .panel{padding: 50px 0 0 0; min-height:88%; display: flex; align-items: center;} .page-template-quiz-test .policy-footer {text-align: center; margin: 30px auto 0; padding: 20px 30px; line-height: 22px; color: #4A4A4A; font-size:17px;} .page-template-quiz-test .policy-footer a{color: #4A4A4A;text-decoration: underline;} /*************************** NEW QUIZ SURVEY MASTER ****************************/ .page-template-quiz-test .qsm-quiz-container{max-width:800px; width:800px; padding: 0px 50px; text-align: center; color:#4A4A4A; margin: 30px auto 0;} .page-template-quiz-test .mlw_qmn_message_before {border-bottom:0; margin-bottom:0;} .page-template-quiz-test .mlw_qmn_message_before p{color:#4A4A4A;} .page-template-quiz-test .qsm-progress-bar svg{height:3px!important;} .page-template-quiz-test .qsm-progress-bar{padding: 21px 15px 0px!important; } .page-template-quiz-test input.mlw_answer_open_text.mlwRequiredText {width: 100%;} /*QSM BUTTON INIZIA TEST*/ .page-template-quiz-test .qmn_btn.mlw_qmn_quiz_link.mlw_next.inizia-test{width:300px; margin:35px auto; font-weight:bold; font-size:1.3rem!important; padding:12px!important; border-radius:25px;} /*QSM PAGINE DOMANDE*/ .page-template-quiz-test .qmn_mc_answer_wrap, .page-template-quiz-test .qsm_check_answer {margin: 10px 0!important; padding: 20px 0 20px 35px; color: #666; border: 1px solid #e1e1e1; cursor: pointer; display: flex!important; position: relative; border-radius:45px; background: white;} .page-template-quiz-test .qmn_quiz_radio, .page-template-quiz-test .qsm_check_answer input{height: 34px; width: 15px; margin: 0 7px 0 -17px;} .page-template-quiz-test .quiz_section .qmn_radio_answers .qmn_mc_answer_wrap label, .page-template-quiz-test label.qsm-input-label{font-size: 18px!important; line-height: 20px; width: 100%; position: absolute; left: 0; right: 0; max-width: 100%; margin: 0; padding: 18px 10px 18px 45px; top: 50%; transform: translate(0, -50%);} .page-template-quiz-test .qmn_error_message{border-radius:45px;} /*QSM COLORI BUTTON*/ .page-template-quiz-test .qmn_btn.mlw_qmn_quiz_link.mlw_previous{color:#666!important; background:#EBEBEB!important; border-radius:20px;} .page-template-quiz-test .qmn_btn.mlw_qmn_quiz_link.mlw_previous:hover{color:#666!important; background:#DBDBDB!important;} .page-template-quiz-test .qmn_btn.mlw_qmn_quiz_link.mlw_next, .page-template-quiz-test .qmn_quiz_container.qsm_auto_pagination_enabled .quiz_section.quiz_end .qsm-btn{color:#FFF!important; background:#018705!important; border-radius:20px;font-family: 'Montserrat', sans-serif; font-weight:normal;} .page-template-quiz-test .qmn_btn.mlw_qmn_quiz_link.mlw_next:hover, .page-template-quiz-test .qmn_quiz_container.qsm_auto_pagination_enabled .quiz_section.quiz_end .qsm-btn:hover{color:#FFF!important; background:#005f04!important;} .page-template-quiz-test .qmn_mc_answer_wrap:hover, .page-template-quiz-test .qsm_check_answer:hover{background-color: #e8f3ff; border: 1px solid #0b63a3;} /*QSM BUTTON SUBMIT*/ .page-template-quiz-test .qsm-btn.qsm-submit-btn.qmn_btn{height: 39px!important; border: none; bottom: -6px!important; padding: 10px 14px!important; line-height: unset; right:50px!important;} /*QSM CHECKBOX*/ .page-template-quiz-test .qsm_check_answer .qsm-input-label{left: 36px;} /* MODIFICHE QUIZ PROVA V3 */ /* Se ok vanno tolti tutti i rifererimenti al quiz specifico n.12 e l'id pagina 692 per il mobile */ #quizForm12, #quizForm14, #quizForm16, #quizForm17{position:relative;} .page-template-quiz-test .qsm-quiz-container-12 .qsm-btn.qsm-submit-btn.qmn_btn, .page-template-quiz-test .qsm-quiz-container-16 .qsm-btn.qsm-submit-btn.qmn_btn, .page-template-quiz-test .qsm-quiz-container-17 .qsm-btn.qsm-submit-btn.qmn_btn{height: 40px!important; position: absolute; font-weight: normal; right: 0px!important; bottom: 8px!important; background-color: #018705!important;} .page-template-quiz-test .qsm-quiz-container-14 .qsm-btn.qsm-submit-btn.qmn_btn{height: 40px!important; position: absolute; font-weight: normal; right: 0px!important; bottom: 3px!important; background-color: #018705!important;} a.norequisiti-button{position: absolute; bottom: -4px; right: 0px; z-index: 10; padding: 8px 12px !important; margin-bottom: 9px; font-style: normal; color: #FFF !important; background: #018705 !important; border-radius: 20px; font-family: 'Montserrat', sans-serif; font-weight: normal; text-decoration: none; font-size: 16px;} a.norequisiti-button:hover{background:#005f04!important;} @media (max-width: 991px) { .page-template-quiz-test .qsm-quiz-container{width: 600px;} } @media (max-width: 768px) { .page-template-quiz-test .panel{min-height:85%} .page-template-quiz-test .qsm-quiz-container{padding: 0 5px 50px; width: 100%;} .page-template-quiz-test .qsm-btn.qsm-submit-btn.qmn_btn{bottom: 39px!important; line-height: unset; right:2px!important;} /* MODIFICHE QUIZ PROVA V3 */ .page-id-692 .fixed .header{display:none;} .page-id-692 .panel{padding:0px!important;} .page-id-692 .policy-footer{display:none;} #quizForm12 .qsm_check_answer, #quizForm14 .qsm_check_answer, #quizForm16 .qsm_check_answer, #quizForm17 .qsm_check_answer, #quizForm12 .qmn_mc_answer_wrap, #quizForm14 .qmn_mc_answer_wrap, #quizForm16 .qmn_mc_answer_wrap, #quizForm17 .qmn_mc_answer_wrap{padding: 10px 0 10px 35px!important;} .page-template-quiz-test .qsm-quiz-container-12 .qsm-btn.qsm-submit-btn.qmn_btn, .page-template-quiz-test .qsm-quiz-container-14 .qsm-btn.qsm-submit-btn.qmn_btn, .page-template-quiz-test .qsm-quiz-container-16 .qsm-btn.qsm-submit-btn.qmn_btn, .page-template-quiz-test .qsm-quiz-container-17 .qsm-btn.qsm-submit-btn.qmn_btn{bottom: 4px!important;} } /*************************** PAGE TEMPLATE QUIZ RICHIESTA RISULTATO ****************************/ .page-template-quiz-richiedi-risultato .panel{padding:50px 0;} /*************************** PAGE TEMPLATE QUIZ PAGINA RISULTATO OLD ****************************/ .panel--fucsia__title{font-size: 42px; font-weight: bold; margin-bottom: 60px;} .panel--casistudio {background: #E8E8E8;} .panel--casistudio .panel__title{margin-bottom: 0px; text-transform:capitalize;} .panel--casistudio .panel__settore{padding-left:47px; margin-top:5px;} .panel--casistudio .card{padding: 10px; display: flex; flex-direction:column;} .panel--casistudio video{border-radius:20px; margin-top:30px;} .panel--casistudio .frase{margin-top: 15px; font-size: 25px; line-height: 30px; font-style: italic; padding:0px 10px; text-align:center;} @media (max-width: 768px) { .panel--fucsia__title{font-size: 26px;} .panel--casistudio .panel__settore{padding-left:30px;} .panel--casistudio video{margin-top:10px;} } /*************************** PAGE TEMPLATE QUIZ PAGINA RISULTATO V2 ****************************/ .page-template-quiz-pagina-risultato-v2 .panel{padding:50px 0;} .page-template-quiz-pagina-risultato-v2 h2.step__fucsia::before{content: ' ';width: 45px;height: 45px;background: #AE024C; position: absolute;left: 0px;top: 26px; border-radius:100%;} .page-template-quiz-pagina-risultato-v2 h2.step__white::before{content: ' ';width: 45px;height: 45px;background: white; position: absolute;left: 0px;top: 26px; border-radius:100%;} .page-template-quiz-pagina-risultato-v2 h2.step{padding-left:55px;} .page-template-quiz-pagina-risultato-v2 .numero{border-radius: 100%; position: absolute; left: 0; right: 0; top: 31px; width: 45px; height: 45px; text-align: center;} .page-template-quiz-pagina-risultato-v2 .numero__fucsia{color:#AE024C;} .page-template-quiz-pagina-risultato-v2 .numero__white{color:white;} .page-template-quiz-pagina-risultato-v2 .panel--casistudio .panel__settore{padding-left:0px; margin-top:5px;} .page-template-quiz-pagina-risultato-v2 .panel--casistudio .grid--casostudio{padding:0; column-gap: 30px; } .page-template-quiz-pagina-risultato-v2 .casostudio__video {flex-grow: 1; flex-basis: 150px;} .page-template-quiz-pagina-risultato-v2 .casostudio__text {flex-grow: 2; flex-basis: 150px;} .page-template-quiz-pagina-risultato-v2 .panel--videorecensioni{/*background: white;*/} @media (max-width: 768px) { .grid--casistudio{flex-flow:column; padding: 0 20px;} .page-template-quiz-pagina-risultato-v2 .panel--casistudio .grid--casostudio{flex-flow:column;} } /*************************** PAGE TEMPLATE QUIZ GRAZIE ****************************/ .panel--vsl{margin: 0 auto; text-align: center;} .panel--vsl video{width:100%; border-radius:20px; margin-top:40px;} .vsl__title{color:#AE024C; font-weight: bold; font-size:38px; line-height: 45px;} .page-template-quiz-grazie .panel--staff{background: white;} .page-template-quiz-grazie .blocco_staff__r{flex: 50% 1 1;position: relative;padding-right: 0;} .page-template-quiz-grazie .vline_extra{width:18px; left: 165px; height: 520px;} .page-template-quiz-grazie .line_extra{position: relative; margin-top: 50px; width: calc(90% - 75px); left: 175px;} .page-template-quiz-grazie .staff_text{text-align:left;} @media (max-width: 1000px) { .vsl__title{font-size:32px; line-height: 35px;} .page-template-quiz-grazie .line_extra{margin-top: 30px; width: 100%; left:0;} .page-template-quiz-grazie .staff_text{font-size:18px;} .page-template-quiz-grazie .staff_bubble{width: 275px; height: 275px;} .page-template-quiz-grazie .staff_bubble img{width: 260px; height: 260px;} } @media (max-width: 768px) { .page-template-quiz-grazie .panel--staff{padding: 50px 0;} } /*************************** PAGE TEMPLATE CASO STUDIO ****************************/ .page-template-caso-federica-dermo .hero, .page-template-caso-federica-test .hero, .page-template-caso-federica-recensione .hero {width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/dermopigmentista.jpg) center center / cover no-repeat;} /*.page-template-caso-federica .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/dermopigmentista.jpg) center center / cover no-repeat;} .page-template-caso-mormino .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-mormino.jpg) center center / cover no-repeat;} .page-template-caso-odontomedic .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-odontomedic.jpg) center center / cover no-repeat;} .page-template-caso-martina .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-martina.jpg) center center / cover no-repeat;} .page-template-caso-iid .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-iid.jpg) center center / cover no-repeat;} .page-template-caso-nunzia .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-nunzia.jpg) center center / cover no-repeat;} .page-template-caso-feliziani .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-feliziani.jpg) center center / cover no-repeat;} .page-template-caso-stanzedigalileo .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-stanzedigalileo.jpg) center center / cover no-repeat;} .page-template-caso-sicurezzapiu .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-sicurezzapiu.jpg) center center / cover no-repeat;} .page-template-caso-vacanzecaraibiche .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-vacanze-caraibiche.jpg) center center / cover no-repeat;} .page-template-caso-radi .hero{width: 100%;height: 970px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/hero-radi.jpg) center center / cover no-repeat;}*/ /*.page-template-caso-mormino .hero::before, .page-template-caso-odontomedic .hero::before, .page-template-caso-martina .hero::before, .page-template-caso-nunzia .hero::before, .page-template-caso-federica .hero::before, .page-template-caso-federica-test .hero::before, .page-template-caso-federica-dermo .hero::before, .page-template-caso-federica-recensione .hero::before, .page-template .st-landing .hero::before, .page-template-caso-iid .hero::before, .page-template-caso-feliziani .hero::before, .page-template-caso-stanzedigalileo .hero::before, .page-template-caso-sicurezzapiu .hero::before, .page-template-caso-vacanzecaraibiche .hero::before, .page-template-caso-radi .hero::before{content: ' '; position: absolute; width: 100%; height: 970px; background: rgba(102,102,102,0.85)} .page-template-caso-mormino .hero__underline::after, .page-template-caso-odontomedic .hero__underline::after, .page-template-caso-martina .hero__underline::after, .page-template-caso-nunzia .hero__underline::after, .page-template-caso-federica .hero__underline::after, .page-template-caso-federica-test .hero__underline::after, .page-template-caso-federica-dermo .hero__underline::after, .page-template-caso-federica-recensione .hero__underline::after, .page-template .st-landing .hero__underline::after, .page-template-caso-iid .hero__underline::after, .page-template-caso-feliziani .hero__underline::after, .page-template-caso-stanzedigalileo .hero__underline::after, .page-template-caso-sicurezzapiu .hero__underline::after, .page-template-caso-vacanzecaraibiche .hero__underline::after, .page-template-caso-radi .hero__underline::after{background: #9cff1d;} .page-template-caso-mormino .fixed, .page-template-caso-odontomedic .fixed, .page-template-caso-martina .fixed, .page-template-caso-nunzia .fixed, .page-template-caso-federica .fixed, .page-template-caso-federica-test .fixed, .page-template-caso-federica-dermo .fixed, .page-template-caso-federica-recensione .fixed, .page-template .st-landing .fixed, .page-template-caso-iid .fixed, .page-template-caso-feliziani .fixed, .page-template-caso-stanzedigalileo .fixed, .page-template-caso-sicurezzapiu .fixed, .page-template-caso-vacanzecaraibiche .fixed, .page-template-caso-radi .fixed{position:absolute;} .page-template-caso-mormino .header, .page-template-caso-odontomedic .header, .page-template-caso-martina .header, .page-template-caso-nunzia .header, .page-template-caso-federica .header, .page-template-caso-federica-test .header, .page-template-caso-federica-dermo .header, .page-template-caso-federica-recensione .header, .page-template .st-landing .header, .page-template-caso-iid .header, .page-template-caso-feliziani .header, .page-template-caso-stanzedigalileo .header, .page-template-caso-sicurezzapiu .header, .page-template-caso-vacanzecaraibiche .header, .page-template-caso-radi .header{padding: 30px 0 0;} .page-template-caso-mormino .header__logo, .page-template-caso-odontomedic .header__logo, .page-template-caso-martina .header__logo, .page-template-caso-nunzia .header__logo, .page-template-caso-federica .header__logo, .page-template-caso-federica-test .header__logo, .page-template-caso-federica-dermo .header__logo, .page-template-caso-federica-recensione .header__logo, .page-template .st-landing .header__logo, .page-template-caso-iid .header__logo, .page-template-caso-feliziani .header__logo, .page-template-caso-stanzedigalileo .header__logo, .page-template-caso-sicurezzapiu .header__logo, .page-template-caso-vacanzecaraibiche .header__logo, .page-template-caso-radi .header__logo{margin-left: 10px;} .page-template-caso-mormino .hero__content, .page-template-caso-odontomedic .hero__content, .page-template-caso-martina .hero__content, .page-template-caso-nunzia .hero__content, .page-template-caso-federica .hero__content, .page-template-caso-federica-test .hero__content, .page-template-caso-federica-dermo .hero__content, .page-template-caso-federica-recensione .hero__content, .page-template .st-landing .hero__content, .page-template-caso-iid .hero__content, .page-template-caso-feliziani .hero__content, .page-template-caso-stanzedigalileo .hero__content, .page-template-caso-sicurezzapiu .hero__content, .page-template-caso-vacanzecaraibiche .hero__content, .page-template-caso-radi .hero__content{top:120px} .page-template-caso-mormino .hero__title, .page-template-caso-odontomedic .hero__title, .page-template-caso-martina .hero__title, .page-template-caso-nunzia .hero__title, .page-template-caso-federica .hero__title, .page-template-caso-federica-test .hero__title, .page-template-caso-federica-dermo .hero__title, .page-template-caso-federica-recensione .hero__title, .page-template .st-landing .hero__title, .page-template-caso-iid .hero__title, .page-template-caso-feliziani .hero__title, .page-template-caso-stanzedigalileo .hero__title, .page-template-caso-sicurezzapiu .hero__title, .page-template-caso-vacanzecaraibiche .hero__title, .page-template-caso-radi .hero__title{font-size: 55px;font-weight: 700;margin: 0 0 40px 0;line-height: 65px; color: white;} .page-template-caso-mormino .hero__subtitle, .page-template-caso-odontomedic .hero__subtitle, .page-template-caso-martina .hero__subtitle, .page-template-caso-nunzia .hero__subtitle, .page-template-caso-federica .hero__subtitle, .page-template-caso-federica-test .hero__subtitle, .page-template-caso-federica-dermo .hero__subtitle, .page-template-caso-federica-recensione .hero__subtitle, .page-template .st-landing .hero__subtitle, .page-template-caso-iid .hero__subtitle, .page-template-caso-feliziani .hero__subtitle, .page-template-caso-stanzedigalileo .hero__subtitle, .page-template-caso-sicurezzapiu .hero__subtitle, .page-template-caso-vacanzecaraibiche .hero__subtitle, .page-template-caso-radi .hero__subtitle{font-size: 33px; font-weight: 300; line-height: 38px; color: white; margin-bottom: 50px;} .page-template-caso-mormino .hero video, .page-template-caso-odontomedic .hero video, .page-template-caso-martina .hero video, .page-template-caso-nunzia .hero video, .page-template-caso-federica .hero video, .page-template-caso-federica-test .hero video, .page-template-caso-federica-dermo .hero video, .page-template-caso-federica-recensione .hero video, .page-template .st-landing .hero video, .page-template-caso-iid .hero video, .page-template-caso-feliziani .hero video, .page-template-caso-stanzedigalileo .hero video, .page-template-caso-sicurezzapiu .hero video, .page-template-caso-vacanzecaraibiche .hero video, .page-template-caso-radi .hero video{width: 50%; border-radius:20px; margin-bottom: 40px;}*/ /*STILE CONTIENE...*/ [class*="page-template-caso-"] .hero{width:100%; height:970px; box-sizing:border-box; position:relative; align-items:center; display:flex; overflow-x:hidden;} [class*="page-template-caso-"] .hero::before{content: ' '; position: absolute; width: 100%; height: 970px; background: rgba(102,102,102,0.85)} [class*="page-template-caso-"] .hero__underline::after{background: #9cff1d;} /*[class*="page-template-caso-"] .fixed{position:absolute;} [class*="page-template-caso-"] .header{padding: 30px 0 0;} [class*="page-template-caso-"] .header__logo{margin-left: 10px;}*/ [class*="page-template-caso-"] .hero__content{top:120px} [class*="page-template-caso-"] .hero__title{font-size: 55px;font-weight: 700;margin: 0 0 40px 0;line-height: 65px; color: white;} [class*="page-template-caso-"] .hero__subtitle{font-size: 33px; font-weight: 300; line-height: 38px; color: white; margin-bottom: 50px;} [class*="page-template-caso-"] .hero video{width: 50%; border-radius:20px; margin-bottom: 40px;} .page-template-ca-dermo-v0 .fixed, .page-template-caso-federica-test .fixed, .page-template-caso-federica-dermo .fixed, .page-template-caso-federica-recensione .fixed{position:absolute; transition: none; background: none;} /*Hero Caso Studio Vacanze Caraibiche*/ .img_vc{width:600px;} /*STILE CHE INIZIA CON...*/ /*[class^="wp-singular page-template page-template-page-templates page-template-caso-"] .hero__title{font-size: 55px;font-weight: 700;margin: 0 0 40px 0;line-height: 65px; color: white;}*/ .numeri{background-color: white; border-radius:20px; margin: 0; padding:15px; display: block;} .numeri__title{color:#AE024C; font-weight: bold; font-size:38px; line-height: 45px;} .numeri__text{color:#555; font-size:18px;} .panel--cliente p{padding-right:15px;} .panel--cliente img{border-radius: 100%; width: 100%; margin-top: -60px;} .spunta{position: relative; top:0px; left: 0px; padding-left: 36px;} .spunta:before{content: ' '; background: url(img/icons/circle-check-solid2.svg) center center no-repeat; width: 23px;height: 23px; position: absolute; left: 0; top: 2px;} .panel--risultati{color: white;background: #AE024C; text-align: center;} .panel--risultati .panel__title::before{background: white;} .panel--risultati img{background: white; width: 70%; margin: 20px auto 40px;} .panel--parole {background: #E8E8E8;} .panel--parole .virgolette_a{font-size: 260px; font-family: Georgia; position: relative; color: #fcc6dd; top: -40px;} .panel--parole .virgolette_c{font-size: 260px; font-family: Georgia; position: relative; color: #fcc6dd; top: 190px; right:-100px;} .panel--parole p{font-style: italic; font-weight: 400; padding: 0 30px 0 20px; position: absolute; z-index: 1; top: 28px; text-align:center; font-size:28px; line-height:35px;} .panel--parole img.video{margin:0!important;} .panel--parole video{border-radius:20px;} .panel--cta {background: #AE024C!important;} .panel--cta .panel__title{font-size: 42px; font-weight: bold; margin-bottom:0; text-align:center; text-transform: lowercase; padding-left:0;} /* ------------------------------------------------- Testimonial video ---------------------------------------------------*/ .pop-video{position: fixed; top: 0; left: 0; width: 100%;height: 100vh; background-color: rgba(255, 255, 255, 1); display: flex; align-items: center; z-index: 11; transition: all 1s cubic-bezier(.215, .61, .355, 1); visibility: hidden; opacity: 0;} .pop-video.is-open{display: flex; visibility: visible; background-color: rgba(0, 0, 0, 0.7); opacity: 1;} .pop-video__container{width: 600px; height: 344px; margin: 0 auto; display: block;} .pop-video__container iframe, .pop-video__container .pop-video__iframe{width: 100%;height: 100%;} .pop-video__chiudi{position: relative; top:-15px; right: 10px; color: #fff; padding-right: 70px; cursor: pointer; text-align:right; font-size:25px;} .pop-video__chiudi img{width: 50px; position: absolute; right:0; top:-11px;} /*.pop-video__chiudi:before{content: ' '; background: url(img/icons/x-circle--white.svg) center center no-repeat; width: 30px;height: 30px; position: absolute; right: 0; bottom: 0;}*/ .guarda-video img{position:relative; border-radius:20px; margin:15px auto;} .guarda-video .youtube{position: absolute; z-index: 1; padding: 5px; background: white; top:35%; left:0; right:0; border-radius:20px;} /* ------------------------------------------------- fine Testimonial video ---------------------------------------------------*/ .panel--altricasi img.logo_cliente {width: 80px; border-radius:20px; border: 1px solid #ddd; position:absolute;} .panel--altricasi .nome_cliente {font-size: 35px; padding: 17px 10px 30px 105px; line-height: 45px; font-weight: bold; position:relative;} .panel--altricasi p{margin-top: 0.8rem;} .panel--altricasi hr{margin-bottom: 40px;} .panel--altricasi img.dati_cliente {width: 70%; margin: 25px 0;} .panel--altricasi--no-cta{background-color: #AE024C; color: white;} .panel--altricasi--no-cta .panel__title::before{background-color: #FFFFFF;} @media (max-width: 991px) { .guarda-video .youtube {width:23%; top:28%;} } @media (max-width: 768px) { /*.page-template-caso-mormino .hero__title, .page-template-caso-odontomedic .hero__title, .page-template-caso-martina .hero__title, .page-template-caso-nunzia .hero__title, .page-template-caso-federica .hero__title, .page-template-caso-federica-test .hero__title, .page-template-caso-federica-dermo .hero__title, .page-template-caso-federica-recensione .hero__title, .page-template .st-landing .hero__title, .page-template-caso-iid .hero__title, .page-template-caso-feliziani .hero__title, .page-template-caso-stanzedigalileo .hero__title, .page-template-caso-sicurezzapiu .hero__title, .page-template-caso-vacanzecaraibiche .hero__title, .page-template-caso-radi .hero__title{font-size: 40px;line-height: 45px; margin:10px 0;} .page-template-caso-mormino .hero__subtitle, .page-template-caso-odontomedic .hero__subtitle, .page-template-caso-martina .hero__subtitle, .page-template-caso-nunzia .hero__subtitle, .page-template-caso-federica .hero__subtitle, .page-template-caso-federica-test .hero__subtitle, .page-template-caso-federica-dermo .hero__subtitle, .page-template-caso-federica-recensione .hero__subtitle, .page-template .st-landing .hero__subtitle, .page-template-caso-iid .hero__subtitle, .page-template-caso-feliziani .hero__subtitle, .page-template-caso-stanzedigalileo .hero__subtitle, .page-template-caso-sicurezzapiu .hero__subtitle, .page-template-caso-vacanzecaraibiche .hero__subtitle, .page-template-caso-radi .hero__subtitle{font-size: 24px; line-height: 28px; margin-bottom:20px; } .page-template-caso-mormino .hero video, .page-template-caso-odontomedic .hero video, .page-template-caso-martina .hero video, .page-template-caso-nunzia .hero video, .page-template-caso-federica .hero video, .page-template-caso-federica-test .hero video, .page-template-caso-federica-dermo .hero video, .page-template-caso-federica-recensione .hero video, .page-template .st-landing .hero video, .page-template-caso-iid .hero video, .page-template-caso-feliziani .hero video, .page-template-caso-stanzedigalileo .hero video, .page-template-caso-sicurezzapiu .hero video, .page-template-caso-vacanzecaraibiche .hero video, .page-template-caso-radi .hero video{width: 95%; margin:20px 10px 40px;}*/ [class*="page-template-caso-"] .hero__title{font-size: 40px;line-height: 45px; margin:10px 0;} [class*="page-template-caso-"] .hero__subtitle{font-size: 24px; line-height: 28px; margin-bottom:20px; } [class*="page-template-caso-"] .hero video{width: 95%; margin:20px 10px 40px;} /*Hero Caso Studio Vacanze Caraibiche*/ .img_vc{width:100%;} .numeri{padding:8px;} .numeri__title{font-size:32px; line-height: 35px;} .panel--cta .panel__title{font-size: 26px;} .panel--cliente p{padding-right:0;} .panel--cliente img{width: 85%; margin: 0 0 30px;} .panel--risultati img{width: 100%;} .panel--parole img.video{margin-top:40px!important;} .guarda-video .youtube{width:23%; top:30%;} .panel--altricasi .nome_cliente {font-size: 26px; padding: 10px 0 20px 105px; line-height: 30px; } .panel--altricasi img.dati_cliente {width: 100%;} .panel--altricasi {padding:50px 0;} } /*************************** PAGE TEMPLATE CAMPAGNA DERMO ****************************/ .page-template .st-landing .hero-cd{width: 100%;height: 660px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow-x: hidden; background: url(img/casi_studio/dermopigmentista.jpg) center center / cover no-repeat;} .hero-cd:before{content:' '; width:100%; height:660px; display:block; position:absolute; top:0; left:0; background: rgba(102,102,102,0.85);} .hero-cd__content{width:100%; max-width: 1200px; text-align: center; box-sizing: border-box; z-index: 10; margin: 0 auto; padding: 0 50px; background-image: url(img/); background-size:cover; background-position: center center;} .hero-cd__title{width: 70%; font-size: 37px; line-height: 40px; font-weight: bold; color: #FFF; text-align: left; margin: 50px 0 30px; padding-right: 0;} .hero-cd__subtitle{width: 70%; font-weight: 400; color: #FFF; text-align: left; padding:0;} .hero-cd__subtitle p{font-size: 22px; line-height: 25px; margin-bottom:10px;} .hero-cd__underline{position: relative; display: inline-block;} .hero-cd__underline::after{content:' '; width:0px; height: 40px; position: absolute; background: #ffe819; left: 0; bottom: 0; animation:line-grow 4s infinite ease-in-out; z-index:-1;} @keyframes line-grow{ 0% {opacity: 0;} 20%{width:100%; opacity: 1} 80%{width:100%; opacity: 0} 100%{width: 0px; opacity: 0} } .hero-cd__cta{margin: 50px 0 70px 0!important; padding: 15px 30px!important; width:auto!important} .cta-min{font-size:14px; line-height:18px; text-transform:lowercase;} .hero-cd__didascalia{font-size: 15px; color: #000; text-align: left; margin:30px 0; font-style:italic;} .hero-cd__didascalia img{width:82px; margin:0 0 -5px 2px;} .hero-cd__banda{background-color: #AE024C40; position: absolute; bottom: 0; left: 0; right: 0;} .hero-cd__cliente{text-align: left; max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 50px;} img.hero-cd__logocliente{width:200px; margin: 20px 0 5px -5px;} .target-cd{padding:10px;} .target-cd_1{color: #FFFFFF; font-size: 18px; font-weight: bold; line-height:24px;} .target-cd_2{color: #AE024C; background: #ffe819; font-weight: bold; font-size: 18px; padding:1px 27px;} .page-template .st-landing .panel{padding: 50px 0px 80px;} @media (max-width: 991px) { .hero-cd:before{background: rgba(102,102,102,0.85); } .hero-cd__title{width:100%; margin: 30px 0;} .hero-cd__subtitle{width:100%;} } @media (max-width: 768px) { .page-template .st-landing .hero-cd{height:100vh; } .hero-cd:before{background: rgba(102,102,102,0.85); height:100vh;} .hero-cd__content{padding:0px;} .hero-cd__title{font-size: 23px;line-height: 28px; margin:20px 0; width:100%;} .hero-cd__subtitle{width:100%;} .hero-cd__subtitle p{font-size: 18px; line-height: 22px; margin-bottom:15px;} .hero-cd__underline::after{height: 30px;} .hero-cd__cta{width: 100%!important; margin: 20px 0 !important;} .hero-cd__banda .text-left{text-align:center;} img.hero-cd__logocliente{width:150px; margin:10px 10px 0px;} .target-cd{padding:0 0 15px 0;} .target-cd_1{font-size: 15px;line-height:18px;} .target-cd_2{font-size: 15px; padding:1px 14px;} .page-template .st-landing .panel{padding: 50px 0px 80px;} } /*************************** PAGE TEMPLATE LANDING ARTICOLO ****************************/ .page-template-landing-articolo {font-family: Georgia, 'Times New Roman', serif!important;} /*.page-template-landing-articolo .fixed{position:absolute;}*/ .page-template-landing-articolo .panel{padding:100px 0 100px;} .page-template-landing-articolo h1.title{font-size:55px; line-height:60px; font-family: Georgia, 'Times New Roman', serif; border-bottom: 2px solid; padding-bottom: 30px;} .page-template-landing-articolo h3.sub-title{font-size:30px; line-height:37px; font-weight:normal; font-family: Georgia, 'Times New Roman', serif; margin-top: 30px;} .page-template-landing-articolo p{line-height:1.9rem;} .page-template-landing-articolo .giornalista{margin-top:30px;} .page-template-landing-articolo .hero-img img{width:100%;} .page-template-landing-articolo .wp-block-image {margin: 50px 0;} .page-template-landing-articolo .wp-element-caption {font-size:15px; text-align:center;} .page-template-landing-articolo .border-top {border-top: 2px solid #4A4A4A; padding-top: 30px;} .page-template-landing-articolo .border-right {border-right: 2px solid #4A4A4A; padding-right: 30px;} .page-template-landing-articolo .border-bottom {border-bottom: 2px solid #4A4A4A; padding-bottom: 30px;} .page-template-landing-articolo .title-video {font-size: 25px; line-height:29px; margin-bottom:30px;} .page-template-landing-articolo .capolettera::first-letter {font-size: 3em; font-weight: bold; float: left; line-height: 0.6; padding-right: 0.2em;} .page-template-landing-articolo .policy-footer {text-align: center; margin: 30px auto 0; padding: 20px 30px; line-height: 22px; color: #4A4A4A; font-size: 17px;} .page-template-landing-articolo .policy-footer a{color: #4A4A4A!important;} @media (max-width: 768px) { .page-template-landing-articolo .panel{padding:10px 0 100px;} .page-template-landing-articolo h1.title{font-size:35px; line-height:42px;} .page-template-landing-articolo h3.sub-title{font-size:24px; line-height:32px;} .page-template-landing-articolo p{font-size:20px;} .page-template-landing-articolo .wp-element-caption {font-size:13px; text-align:left;} .page-template-landing-articolo .wp-block-media-text>.wp-block-media-text__content{padding:0!important;} } /*************************** PAGE TEMPLATE CASI STUDIO ****************************/ .page-template-casi-studio .hero{width: 100%; height: 600px; box-sizing: border-box; position: relative; align-items: center; display: flex; overflow: hidden; background: url(img/lunga1.png) center center / cover no-repeat;} .caso-studio-card {width: 90%; min-height: 500px; box-shadow:0px 2px 18px 0px rgba(0,0,0,0.3); font-style: italic; border-radius: 20px; background-color: #FFF; margin: 50px auto; border: 3px #FFFFFF solid; position:relative;} .caso-studio-settore {font-size: 22px; font-weight: bold; text-align: center; color: white; background-color: #AE024C; position: absolute; width: 100%; top: 0px; left: 0; border: 5px solid #AE024C; padding: 3px; border-radius: 18px 18px 0 0;} .caso-studio-immagine{height:300px; border-radius: 18px 18px 0 0;} .caso-studio-cliente{font-size: 25px; font-weight: bold; text-align: left; color: #ae024c; padding:10px 15px 5px;} .caso-studio-testo{font-size: 18px; text-align: left; color: #000; padding:0 15px 15px;} .caso-studio-pin{filter: invert(1); width: 12px; opacity: 0.5; margin: 0 5px;} .grid-dati{margin: 0 0 50px !important;} .caso-studio-icona {width:50px;} .caso-studio-dato{font-size: 40px; font-weight: bold; text-align: center; color: #ae024c;} .caso-studio-link{color: #0000ff; text-align: right; padding:8px; font-size: 18px; cursor: pointer; position: absolute; right: 15px; bottom: 10px; text-decoration:underline;} /*utilizzato in HOME PAGE con piccola modifica*/ .slide-inner__casostudio{max-width: 800px!important; margin: 0 auto!important;} .caso-studio-card__hp {min-height:auto!important;} .caso-studio-settore__hp {background-color: #AE024C60; border: none; padding: 6px 3px;} .grid-dati__hp{margin: 0 0 15px!important;} /*FINE*/ @media (max-width: 768px) { .caso-studio-card {width: 95%;} .grid-dati{flex-direction:column!important; margin: 0 0 70px !important;} .grid-dati .col-33 {display: flex; align-items: center; justify-content: flex-start; column-gap: 7px; flex-wrap: nowrap; text-align: left; margin-top:7px;} .grid-dati .col-33 img, .grid-dati .col-33 .caso-studio-dato, .grid-dati .col-33 .caso-studio-testo {display: inline-block; margin: 8px 8px 0 0;} .grid-dati .col-33 .caso-studio-testo {/*white-space: nowrap;*/ font-size:16px; text-align:left!important; margin-right:0!important;} .caso-studio-icona {width:32px;} .caso-studio-dato{font-size:25px;} .grid-dati .caso-studio-testo{padding:0 0 0px;} /*utilizzato in HOME PAGE con piccola modifica*/ .grid-dati__hp{margin: 0 0 15px!important;} /*FINE*/ } .recensione-card{font-style: italic; padding: 10px 15px; border-radius:15px; background-color:#FFF; margin-top: 30px; border: 2px #EFEFEF solid;} .recensione-title{font-size: 22px; font-weight: bold; margin: 6px 0px; text-align:center;} .recensione-stelle{color: gold; font-size: 18px; margin:5px 0px; text-align:center;} .stelle {margin-right: 5px;} .recensione-stelle img{width:20px;} .recensione-stelle em{color: #B8BCBB; font-size: 14px; font-style: italic; line-height: 27px;} .recensione{background-color:gold; color:#000;} .recensione:hover{background-color:yellow;} /*************************** PAGE TEMPLATE CHI SIAMO ****************************/ .page-template-chi-siamo .hero{width: 100%;height: 600px;box-sizing: border-box;position: relative;align-items: center;display: flex;overflow: hidden; background: url(img/lunga1.png) center center / cover no-repeat;} /* Scroll down */ .scroll-down-icon{width: 100px;height: 85px; position: absolute; left: 50%; margin-left: -50px; display: block; bottom:0px;z-index:10;} .line-center{background: #AE024C; width: 4px; height: 0px; opacity: 0; position: absolute; left: 50%; animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite;} .line-center span{position: absolute;bottom: -25px;width: 100px;display: block;left: -48px;text-align: center;color: #AE024C;text-transform: uppercase;font-size: 12px;} .line-center span img{transform: rotate(90deg); width:16px; height:auto; margin-bottom:15px;} @keyframes vertical_line_growth{ 0% {height: 0; opacity: 0;} 20% {height: 0; opacity: 0;} 40% {height: 0; opacity: 1;} 60% {height: 30px; opacity: 1;} 80% {height: 30px; opacity: 1;} 100% {height: 30px; opacity: 0;} } .contatti_icon{display: block;width: 70px;height: 70px; color: #fff;border-radius: 999px;text-align: center;line-height: 75px;font-size: 50px;font-weight: bold;position: relative;margin: 0 auto;} .contatti_icon--1{background: #AE024C;} .contatti_icon--2{background: #25AE6D;} .contatti_icon--3{background: #E56707;} .contatti{margin:20px; text-align:center;} .panel--staff{background: #E8E8E8;} .blocco_staff{width: 100%;display: flex;flex-flow: row wrap; column-gap: 50px; position: relative;margin-top: 100px;} .blocco_staff--reverse{flex-direction: row-reverse;} .blocco_staff__l{flex: 346px 0 1;position: relative;} .blocco_staff__r{flex: 50% 1 1;position: relative;padding-right: 20%;} .blocco_staff--reverse .blocco_staff__r{padding-right: unset; padding-left: 20%;} .staff_bubble{border-radius: 999px;position: relative;color: #fff;width: 346px;height: 346px; } .staff_bubble img{border-radius: 999px;width: 328px; height: 328px; position:absolute; z-index:10;} .blocco_staff--reverse .staff_bubble{left: unset;} .staff_title{font-size: 60px;font-weight: bold;} .staff_subtitle{font-size: 30px;text-transform: uppercase;} .staff_text{width: 100%; font-size:1.3rem;} .staff_text__line{height: 18px;width: calc(80% - 200px);position: absolute;bottom: 20px; left: 230px;} .blocco_staff--reverse .staff_text__line{left: unset;right: 250px;} .vline_extra{width:18px; left: 165px; height: 200px;} .line_extra{position: relative; margin-top: 50px; width: calc(90% - 200px); left: 175px;} @media (max-width: 1112px) { .blocco_staff__r{padding-right: 10%;} .blocco_staff--reverse .blocco_staff__r{padding-left: 10%;} /*.staff_text__line{height: 18px;width: calc(75% - 100px);}*/ } @media (max-width: 1000px) { .staff_bubble{margin: 0 auto 25px;width: 318px; height: 318px;} .staff_bubble img{width: 300px; height: 300px;} .blocco_staff{margin-bottom: 50px;} .blocco_staff--reverse .staff_bubble{right: unset;} .staff_text__line{width: 100%;bottom: 0;left: 0;position: relative;margin: 30px auto 50px;} .blocco_staff--reverse .staff_text__line{left: 0;right: 0;} .staff_title{font-size: 40px;text-align:center;} .staff_subtitle{font-size: 20px;text-align:center;} .staff_text{text-align:center;} .blocco_staff__l{flex: 346px 1 1} .blocco_staff__r{padding-right: unset;} .blocco_staff--reverse .blocco_staff__r{padding-left: unset;} .vline_extra{display:none;} } /* Slideshow container */ .page-template-chi-siamo .mySlides{width: 100%;height: 700px;text-align:center;margin: 0px auto;} @media (max-width: 909px) { .page-template-chi-siamo .mySlides{height: 500px;} } /*************************** PAGE TEMPLATE SMOKETEST ****************************/ .page-template-smoketest {background:#EFEFEF;} .page-template-smoketest.is-scrolled .header{background: rgba(255,255,255,0);} .page-template-smoketest .header__logo{display:none;} .page-template-smoketest .panel{padding: 40px 0px;} .page-template-smoketest .policy-footer {text-align: center; margin: 0px auto; padding: 40px 30px; line-height: 22px; color: #555; font-size:17px;} .page-template-smoketest .policy-footer a{color: #000;text-decoration: underline;} .page-template-smoketest .fdc-cookielaw__banner.bottomBanner.showBanner{display:none;} /*QUIZ SURVEY MASTER*/ .page-template-smoketest .qsm-quiz-container{max-width:450px; min-height: 281px; margin:0px auto; width:100%; height:auto;padding: 30px 20px; background-color: #fff; text-align: center; border-radius:10px; box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 40%); } .page-template-smoketest h1{display:none;} .page-template-smoketest h6 i span{font-size: 12px; font-style: italic; line-height: 15px!important;} .page-template-smoketest .mlw_qmn_message_before{border-bottom:none!important; line-height: 22px; margin-bottom: 0!important; padding-bottom: 0!important;} .page-template-smoketest .alignnone{margin-top: 20px;} .page-template-smoketest .qsm-progress-bar{padding: 21px 15px 0px!important;} /*QSM COLORI BUTTON*/ .page-template-smoketest .qmn_btn.mlw_qmn_quiz_link.mlw_previous, .page-template-smoketest .qmn_btn.mlw_qmn_quiz_link.mlw_next, .page-template-smoketest .qmn_quiz_container.qsm_auto_pagination_enabled .quiz_section.quiz_end .qsm-btn{color:#FFF!important; background:#0b63a3!important;} .page-template-smoketest .qmn_btn.mlw_qmn_quiz_link.mlw_previous:hover, .page-template-smoketest .qmn_btn.mlw_qmn_quiz_link.mlw_next:hover, .page-template-smoketest .qmn_quiz_container.qsm_auto_pagination_enabled .quiz_section.quiz_end .qsm-btn:hover{color:#FFF!important; background:#357BAE!important;} .page-template-smoketest .qmn_mc_answer_wrap:hover, .page-template-smoketest .qsm_check_answer:hover{background-color: #e8f3ff; border: 1px solid #0b63a3;} /*QSM BUTTON SUBMIT*/ .page-template-smoketest .qsm-btn.qsm-submit-btn.qmn_btn{height: 41px!important; border: none; bottom: 23px!important; padding: 10px 12px!important; line-height: unset; right:20px!important;} /*************************** QUIZ SURVEY MASTER (STILI GENERICI) ****************************/ .qsm-auto-page-row.quiz_begin{text-align: center!important;} .qmn_quiz_container .qmn_btn{padding:10px!important;} .qmn_btn.mlw_qmn_quiz_link.mlw_next{display:block!important;} .quiz_section{padding:0!important;} .mlw_qmn_message_before h2{font-size:30px; line-height: 34px; color:#333; font-weight: bold; padding-bottom: 20px;} .qmn_pagination{border-top:none!important; padding:25px 0 0 0!important; align-items: flex-start!important; flex-direction: row!important;} .qmn_pagination.border.margin-bottom{margin-bottom: 0!important; width: 100%!important;} .qsm-progress-bar .progressbar-text{right: 0!important; left:0; font-size: 16px!important; top:7px!important;} .qmn_quiz_container .mlw_previous{margin-bottom: 0!important;} .qsm-contact-type-text{display:none;} .qsm-contact-type-email{display: none;} .quiz_section .mlw_qmn_new_question{font-size: 25px; color:#333;} /*QSM PAGINE DOMANDE*/ .qsm-auto-page-row{text-align: left!important;} .qsm-featured-image img{width: 100%; height: auto; margin-bottom: 15px; border-radius: 10px 10px 0px 0px; margin-top: -10px;} .quiz_section .mlw_qmn_question.qsm_remove_bold{color: #666; margin-top: 10px; line-height: 18px; font-size: 15px; font-style: italic;} .qmn_mc_answer_wrap, .qsm_check_answer {margin: 0!important; padding:11px 5px 11px 35px; color: #666; border: 1px solid #fff; cursor:none; border-radius:7px; display:flex!important;} .qmn_quiz_radio, .qsm_check_answer input{height: 16px; width: 16px; margin-left: -29px; margin-right:7px;} .quiz_section .qmn_radio_answers .qmn_mc_answer_wrap label, label.qsm-input-label{font-size:18px!important; line-height: 20px;} /*QSM ERRORE CAMPO NON COMPILATO*/ #mlw_error_message{display: none;} .quiz_section.qmn_error .qmn_radio_answers{border:1px solid red!important;} .qmn_error_message{color:#fff!important; border:1px solid red!important; background: red!important; font-weight: bold; margin-top:30px!important;} .quiz_section.qmn_error:after{background: red!important; content:'!'!important; font-weight: 900; height: 25px!important; width: 25px!important; padding-top: 2px; right:-5px!important; top:auto!important; bottom:-7px;} /*************************** PAGE TEMPLATE TESTFORM ****************************/ .page-template-testform .testform-hero{height: 350px;} .page-template-testform .panel{padding: 0px;} .page-template-testform .contenitore{padding: 0 20px!important;} .page-template-testform h2{ font-size: 35px; color: #fff; font-weight: bold; text-align: center; background: #E57D07; padding: 10px 20px; width: 300px; border-radius: 25px 0; margin:-35px auto 0px; box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%); } .page-template-testform p{ font-size: 16px; line-height: 22px; margin-top:30px; color: #333; } .page-template-testform p strong{ font-weight: bold; } .page-template-testform h3{ font-size: 25px; line-height: 30px; margin-top:30px; color: #333; font-style: italic; font-weight: bold; } .light{opacity:0.2; margin-top:0!important} .medium{opacity:0.5;margin-top:0!important} .heavy{opacity:0.8;margin-top:0!important} /*QSM CONTACT FORM*/ .page-template-testform .wpcf7{ padding: 0px 0px 0px 8px; margin:50px auto 200px; } .page-template-testform .wpcf7 p{ margin-top:25px; line-height: 20px; font-size: 16px; } .page-template-testform .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{margin-top:8px;} .page-template-testform input.wpcf7-form-control.has-spinner.wpcf7-submit{font-weight: bold; white-space: break-spaces; line-height: 30px; padding: 15px;} /*.page-template-testform .wpcf7-list-item{margin:0;}*/ .wpcf7-list-item{margin:0;} .page-template-testform footer p{color: #fff;} .page-template-testform .fdc-cookielaw__banner.bottomBanner.showBanner{display:none;} /*.invisible{display: none;}*/ .wpcf7-form.init.consulto.wpcf7-acceptance-as-validation p.super-button input.wpcf7-form-control.has-spinner.wpcf7-submit{white-space: break-spaces; line-height:30px; padding:15px;} .video-recensione {max-width: 600px; margin: -16px auto 50px; border-radius: 20px; border: 1px solid #999; box-shadow: 0px 0px 20px #A3A3A3;padding:10px;} /* ------------------------------------------------------------------------- * /* ! Index */ /* ------------------------------------------------------------------------- */ /* Home Title */ /* ------------------------------------------------------------------------- * /* ! Sidebar */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * /* ! Footer */ /* ------------------------------------------------------------------------- */ .footer{position: relative;min-height: 300px;overflow: clip;display: flex;justify-content: center; background: #000; color: #fff;} .footer__content{z-index: 10;font-weight: 'black'; padding-top: 100px;text-align: center; font-size: 16px;} .footer__content img{width: 140px;} .footer p{margin: 0; line-height: 18px} .footer .bubble--1{width: 83px;height: 83px;left: 2%;top: 4%;background-color: #A4F2CD; animation:muovi--1 5s infinite ease-in-out;} .footer .bubble--3{width: 130px;height: 130px;right: 7%;top: 25%;background-color: #E57D07; animation:muovi--2 6s infinite ease-in-out;} .footer .bubble--4{width: 190px;height: 190px;left: 20%;bottom: -14%;background-color: #FCC6DD; animation:muovi--4 5s infinite ease-in-out;} @media (max-width: 768px) { .footer .bubble--3{right: -18%;top: 25%;} .footer .bubble--4{bottom: -40%;} } /* ! Grid System */ .grid { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap; padding: 0px 50px; box-sizing: border-box;} .grid--center{justify-content: center;} .col{ flex: 1;} .col--center{display: flex;justify-content: center;} [class*='col-'] { position: relative;} .col-20{ width: 20%; } .col-25{ width: 25%; } .col-30{ width: 30%; } .col-33{ width: 33.33%; } .col-50{ width: 50%; } .col-66{ width: 66.67%; } .col-70{ width: 70%; } .col-80{ width: 80%; } .col-100{ width: 100%; } @media (max-width: 991px) { .tab-20 { width: 20%; } .tab-25 { width: 25%; } .tab-33 { width: 33.33%; } .tab-50 { width: 50%; } .tab-100 { width: 100%; } } @media (max-width: 768px) { [class*='col-'] { width: 100%;} .sma-20 { width: 20%; } .sma-25 { width: 25%; } .sma-33 { width: 33.33%; } .sma-50 { width: 50%; } .sma-100 { width: 100%; } .sma-hide{display:none} .grid{padding: 0px 20px;} } /* ! CF7 Overwrigths */ .wpcf7-response-output { margin: 0 auto!important; max-width: 1100px; display: flex; flex-flow: row; flex-wrap: wrap; padding: 0px 50px; box-sizing: border-box; color: #ffcf22; border-color: #ffcf22!important;} .wpcf7-not-valid-tip{color: #ffcf22;} .wpcf7 form.sent .wpcf7-response-output{border-color: #46b450!important; color: #fff;} /* --------------------------------------------------------------------------------------------------------------------------- */ /* WordPress Default Styles */ /* --------------------------------------------------------------------------------------------------------------------------- */ /* Pagination */ .pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; } .pagination span, .pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; } /* Gallery */ .gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; } .gallery-item { float: left; width: 33.333333%; text-align: center; } .gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; } .gallery-caption { width: 90%;margin:10px 0 0 0;} /* Image */ .alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; } .alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; } .aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; } .alignnone { max-width: 97%; height: auto; } /* img responsive */ .img-res{width: 100%;height: auto;} /* video responsive */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px!important; } /* Table */ table {border-collapse: collapse;margin: 40px 0; width:100%;} table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;} table tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;} /* Image Caption */ .wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; } .wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; } .wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; } /* Stiky */ .sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; } /* Search */ .search-form {background: #eee;} .search-form input[type=text]{ width: 80%; color: #333; } .search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;} /* Contact Form 7 */ .wpcf7 label{width:100%} /* Comments */ .comment-form-author, .comment-form-email, .comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; } ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; } ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; } ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; } ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; } ol.commentlist li.comment div.comment-meta { font-size: 12px; } ol.commentlist li.comment ul { margin: 0 0 1em 2em; } ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; } ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; } ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; } ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; } ol.commentlist li.even { background: #fff; } ol.commentlist li.odd { /* background: #f9f9f9; */ } ol.commentlist li.parent { border-left: 1px solid #eee; } ol.commentlist li.bypostauthor .fn { font-weight: bold; } ol.commentlist li img{max-width: 97%;} input[type=text], input[type=email], input[type=tel], select{ width: 98%;margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 16px; font-family: 'Montserrat', sans-serif;} select {color: #9e9e9e;} option:not(:first-of-type) {color: black;} textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;} input[type=submit] {background: #018705; color:white; border:3px solid white; padding: 20px 35px; text-align: center; border-radius:50px; width: auto; margin: 60px auto 0; font-weight: 700; line-height: 30px; font-family: 'Montserrat', sans-serif; white-space:break-spaces; font-size: 22px; text-transform: uppercase; display: block; cursor: pointer; transition: all 1s cubic-bezier(.215, .61, .355, 1);} input[type=submit]:hover{background:#005f04;} /*input[type=submit] {font-size: 22px; line-height: 30px; width: auto; margin: 50px auto 0px; text-align: center; background: #018705; color: white; text-transform: uppercase; display:block; border:3px solid white; cursor: pointer; font-weight: bold;} input[type=submit]:hover{background:#005f04;}*/ /*input[type=submit] {font-size: 22px; line-height: 60px; margin: 50px auto 0px; text-align: center; background: #fff; color: #AE024C; text-transform: uppercase; display:block; border:4px solid #AE024C; cursor: pointer; font-weight: bold;} input[type=submit]:hover{background:#005f04;}*/ #comments { width: 100%; } /* Calendar Widget */ #wp-calendar { width: 100%; } #wp-calendar a { padding: 0; border: none; } #wp-calendar caption, .screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; } #wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; } /* functional stuff */ .clearfix:after { visibility: hidden; display: block; font-size: 0; /*content: " ";*/ clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ! Typebase.less v0.1.0 | MIT License */ /* Setup */ html { /* Change default typefaces here */ font-family : serif; font-size : 100%; -webkit-font-smoothing : antialiased; } /* Copy & Lists */ p { line-height : 1.7rem; margin-top : 1.5rem; margin-bottom : 0; } ul, ol { margin-top : 1.5rem; margin-bottom : 1.5rem; } ul li, ol li { line-height : 1.5rem; margin-top:15px; } ul ul, ol ul, ul ol, ol ol { margin-top : 0; margin-bottom : 0; } blockquote { line-height : 1.5rem; margin-top : 1.5rem; margin-bottom : 1.5rem; } /* Headings */ h1, h2, h3, h4, h5, h6 { /* Change heading typefaces here */ font-family: 'Montserrat', sans-serif; margin-top : 1.5rem; margin-bottom : 0; line-height : 1.5rem; } h1 { font-size : 3rem; line-height : 3.2rem; margin-top : 2rem; } h2 { font-size : 2rem; line-height : 2.2rem; margin-top : 2rem; } h3 { font-size : 1.414rem; } h4 { font-size : 0.707rem; } h5 { font-size : 0.4713333333333333rem; } h6 { font-size : 0.3535rem; } /* Tables */ table { margin-top : 1.5rem; border-spacing : 0px; border-collapse : collapse; } table td, table th { padding : 0; line-height : 33px; } /* Code blocks */ code { vertical-align : bottom; } /* Leading paragraph text */ .lead { font-size : 1.414rem; } /* Hug the block above you */ .hug { margin-top : 0; } @media (max-width: 768px) { p {line-height: 1.5rem;} } /*oscuro RECAPTCHA*/ .grecaptcha-badge{ visibility: collapse !important; }