/* Base CSS */
html, body {overflow-x:hidden;scroll-behavior: smooth;}
.verde,.verde p, .verde h1, .verde h2, .verde h3, .verde h4 {color:#008386 !important;}


@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

b, strong {font-weight:800;}

 .alignleft {
     float: left;
     margin-right: 15px;
 }

 .alignright {
     float: right;
     margin-left: 15px;
 }

 .aligncenter {
     display: block;
     margin: 0 auto 15px;
 }


 a {transition: 0.3s;}
 a:focus {
     outline: 0 solid
 }

 img {
     max-width: 100%;
     height: auto;
 }

 h1, h2, h3, h4, h5, h6 {
     margin: 0 0 15px;
     font-family: 'Config Rounded';
 }

 body {
     color: #008386;
     font-weight: 500;
     font-family: 'Config Rounded';
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Bold'), local('ConfigRoundedBold'), url('../fonts/ConfigRoundedBold.woff2') format('woff2'), url('../fonts/ConfigRoundedBold.woff') format('woff'), url('../fonts/ConfigRoundedBold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Extrabold'), local('ConfigRoundedExtrabold'), url('../fonts/ConfigRoundedExtrabold.woff2') format('woff2'), url('../fonts/ConfigRoundedExtrabold.woff') format('woff'), url('../fonts/ConfigRoundedExtrabold.ttf') format('truetype');
     font-weight: 800;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Black'), local('ConfigRoundedBlack'), url('../fonts/ConfigRoundedBlack.woff2') format('woff2'), url('../fonts/ConfigRoundedBlack.woff') format('woff'), url('../fonts/ConfigRoundedBlack.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Light'), local('ConfigRoundedLight'), url('../fonts/ConfigRoundedLight.woff2') format('woff2'), url('../fonts/ConfigRoundedLight.woff') format('woff'), url('../fonts/ConfigRoundedLight.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Medium'), local('ConfigRoundedMedium'), url('../fonts/ConfigRoundedMedium.woff2') format('woff2'), url('../fonts/ConfigRoundedMedium.woff') format('woff'), url('../fonts/ConfigRoundedMedium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Extralight'), local('ConfigRoundedExtralight'), url('../fonts/ConfigRoundedExtralight.woff2') format('woff2'), url('../fonts/ConfigRoundedExtralight.woff') format('woff'), url('../fonts/ConfigRoundedExtralight.ttf') format('truetype');
     font-weight: 200;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Regular'), local('ConfigRoundedRegular'), url('../fonts/ConfigRoundedRegular.woff2') format('woff2'), url('../fonts/ConfigRoundedRegular.woff') format('woff'), url('../fonts/ConfigRoundedRegular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Thin'), local('ConfigRoundedThin'), url('../fonts/ConfigRoundedThin.woff2') format('woff2'), url('../fonts/ConfigRoundedThin.woff') format('woff'), url('../fonts/ConfigRoundedThin.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded Text';
     src: local('Config Rounded Text'), local('ConfigRoundedText'), url('../fonts/ConfigRoundedText.woff2') format('woff2'), url('../fonts/ConfigRoundedText.woff') format('woff'), url('../fonts/ConfigRoundedText.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Config Rounded';
     src: local('Config Rounded Semibold'), local('ConfigRoundedSemibold'), url('../fonts/ConfigRoundedSemibold.woff2') format('woff2'), url('../fonts/ConfigRoundedSemibold.woff') format('woff'), url('ConfigRoundedSemibold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
 }

 .selector-for-some-widget {
     box-sizing: content-box;
 }

 a:hover {
     text-decoration: none
 }

 .container {
     max-width: 1620px;
 }

 /*---------------------- Header area start ----------------------*/

 .menu-close {
     font-size: 27px;
     color: #008386;
     position: absolute;
     top: 18px;
     left: 19px;
     cursor: pointer;
     transition: .4s;
 }

 .menu-close:hover {
     color: #008386;
 }

 .offcanvas-area {
     position: fixed;
     right: -100%;
     height: 100%;
     width: 300px;
     background: #F5FCFF;
     z-index: 6;
     padding-top: 35px;
     -webkit-transition: .4s;
     transition: .4s;
     visibility: hidden;
     top: 0;
 }

 .offcanvas-area .ft-social ul a {font-size: 32px;margin-right:10px; margin-left:10px;}

 .offcanvas-area.active {
     right: 0;
     visibility: visible;
	 z-index:100;
 }

 .offcanvas-area .ft-social {margin-top: 50px;}

 .offcanvas-area .main-menu ul li a {
     font-size: 18px;
     color: #008386;
     margin-left: 0;
	 margin-right:0;
     margin-bottom: 18px;
     display: block;
	 text-align:center;
 }

 .offcanvas-area .main-menu ul li a:hover, .offcanvas-area .main-menu ul li a[aria-expanded="true"] {
     color: #FEEB1D;
 }

 .offcanvas-menu .main-menu ul {
     display: block;
     padding-top: 60px;
     padding-left: 0;
     margin-bottom: 40px;
 }

 .offcanvas-area .heade-search {
     justify-content: center;
 }

 .offcanvas-overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     background-color: #000;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .4s;
     transition: .4s;
     z-index: 5;
 }

 .products-wrapper .common-product-item {
     margin: 0;
 }

 .offcanvas-overlay.active {
     opacity: .4;
     visibility: visible;
 }

 .menu-open {
     font-size: 27px;
     color: #008587;
     display: none;
     cursor: pointer;
     position: relative;
     top: 8px;
     margin-right: 8px;
 }

 .offcanvas-menu .common-btn {
     font-size: 17px;
     padding: 9px 30px;
     border-radius: 12px;
 }

 .subb-menu {
     padding-left: 10px;
 }

 .offcanvas-area .main-menu .subb-menu a {
     font-size: 16px;
     margin: 0px;
     padding-left: 10px;
     margin-left: 26px;
     margin-bottom: 10px;
 }

 .offcanvas-area .main-menu .subb-menu a:last-child {
     margin-bottom: 20px;
 }

 .header-main {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 2;
 }

 .header-area {
     position: relative;
     padding: 15px 0;
 }

 .main-menu ul {
     display: flex;
     list-style: none;
     align-items: center;
     justify-content: space-between;
     margin: 0;
     padding: 0;
 }

 .main-menu ul li a {
     color: #008386;
     font-size: 20px;
     font-weight: 700;
     display: inline-block;
     transition: .3s;
     padding: 0 5px;
 }

.main-menu ul li a:hover, .main-menu ul li a.active {color:#f5334f;}

 .htm {
     flex: 0 0 38%;
 }

 .header-left li {
     margin-right: 15px;
 }

 .header-right {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .header-right .main-menu {
     flex: 0 0 52%;
 }

 .heade-search input {
     width: auto;
     height: 31px;
     background: transparent;
     border: 2px solid #008386;
     border-radius: 50px;
     outline: none;
     font-size: 17px;
     color: #008386;
     padding-left: 11px;
 }

 .heade-search button {
     background: transparent;
     border: 0;
     font-size: 25px;
     line-height: 1;
     cursor: pointer;
     outline: none;
     color: #008386;
     position: relative;
     top: 1px;
     margin-left: 4px;
 }

 .header-right .main-menu {
     flex: 0 0 auto;
     margin-right: 25px;
 }

 .heade-search {
     display: flex;
 }

.ricerca-prodotto input {
     width: 240px;
     height: 31px;
     background: transparent;
     border: 2px solid #008386;
     border-radius: 50px;
     outline: none;
     font-size: 17px;
     color: #008386;
     padding-left: 11px;
	 font-family: 'Config Rounded';
 }

.ricerca-prodotto input::placeholder {
	color: #008386;
	font-weight:600;
}

.ricerca-prodotto input:-ms-input-placeholder {
	color: #008386;
	font-weight:600;
}

.ricerca-prodotto input::-ms-input-placeholder {
	color: #008386;
	font-weight:600;
}


.ricerca-prodotto button {
     background: transparent;
     border: 0;
     font-size: 25px;
     line-height: 1;
     cursor: pointer;
     outline: none;
     color: #008386;
     position: relative;
     top: 4px;
     margin-left: 4px;
 }


 .ricerca-prodotto {
     display: flex;
 }




 .header-right li {
     margin-right: 60px;
 }

 .header-right li:last-child {
     margin-right: 0;
 }

 .logo-main a img {
     max-width: 230px;
     position: relative;
     z-index: 3;
 }

 .header-area::after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 50px;
     background: #fff;
     content: '';
     z-index: 1;
 }

 /*---------------------- Header area end ----------------------*/

 /*---------------------- Hero area start ----------------------*/




 .si-1.rellax {
	position: absolute;
	top: 40%;
    left: 0;
	max-width: 17%;
}

 .si-2.rellax {
	position: absolute;
	top: 26%;
    right: 0;
	max-width: 42%;
}
.montagne-homepage {
	position: absolute;
	bottom: 10%;
    left: 0;
	max-width: 18%;}

.nuovla-seconda-slide {
	position: absolute;
	top: 8%;
    left: 0;
	max-width: 25%;}

@media (max-width: 576px) {
.nuovla-seconda-slide {top: 0;    margin-top: -40px;}
}


 .si-3.rellax {
	position: absolute;
	top: 0;
    right: 0;
	bottom:0;
    margin-top:-80px;
	margin-right:-200px;
	max-width: 40%;
}
@media (max-width: 576px) {
 .si-3.rellax {
	position: absolute;
	top: 0;
    right: 0;
	bottom:auto;
	margin-right:0;
	max-width: 60%;
}
}



 .si-4.rellax {
	position: absolute;
	top: 27%;
    left: 13%;
	max-width: 55%;
	
}
 .si-5.rellax {
	position: absolute;
	top:-32%;
    left: -150px;
	max-width: 30%;
}
 .si-6.rellax {
	position: absolute;
	top:-17%;
    right: -150px;
	max-width: 36%;
}
 .si-7.rellax {
	position: absolute;
	top: 15%;
    left: 0;
	max-width: 20%;
	right: -15%; 
    margin: 0 auto;
}

.si-8.rellax {
	position: absolute;
	top:  15%;
	left: 0;
	right: -50px;
	max-width: 30%;
	margin: 0 auto;
}

.si-9.rellax {
	position: absolute;
	bottom:  42%; 
	right: -60px;
	max-width: 38%;
	margin: 0 auto;
}

 .hero-area {
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
     padding: 238px 0;
     margin-top: -70px;
     padding-bottom: 220px;
     overflow: hidden;
 }
 .hero-area .col-lg-7 { 
	width: 52%;
}
 .hero-area .col-lg-5 { 
	width: 48%;
}

 .container.diff {
     max-width: 100%;
     padding-right: 0;
     /*padding-left: 150px;*/
 }

 

 .hero-2-area {
     
 }

 .hero-2-area .s {
     top: 15px;
 }

 .s {
     position: absolute;
     top:0;
 }

 .hero-content h2 {
     font-size: 124px;
     font-weight: 800;
     color: #fff;
     text-align: center;
     /*display: inline-block;*/
     line-height: 1;
     margin: 0;
 }

 .h2-content-wrap p {
     font-size: 20px;
     line-height: 1.3;
     color: #fff;
     margin-bottom: 25px;
     
 }

 .h2-content-wrap h3 {
     font-size: 98px;
     font-weight: 800;
     line-height: .9;
     color: #fff;
     margin-bottom: 33px;
     margin-top: -16px;
 }

 .h2-content-wrap a {
     margin-top: 30px;
 }

 .h2-content-wrap {
     padding-left: 100px;
     position: relative;
     z-index: 4;
 }

 /*---------------------- Hero area end ----------------------*/

 /*---------------------- Story area start ----------------------*/

 .story-area {
     padding: 160px 0;
     margin-top: -70px;
     padding-top: 180px;
     background: #feeb1d;
 }

 .story-thumb {
     height: 240px;
     width: 240px;
     margin: 0 auto;
     margin-bottom: 27px;
 }

 .single-story-item {
     text-align: center;
     margin-bottom: 80px;
     transition: .3s;
 }

 .single-story-item .product-content p {
     margin-bottom: 22px;
 }

 .single-story-item .product-content h4 {
     margin-bottom: 35px;
 }

 .story-items-wrap {
     padding-top: 80px;
 }

 .img-area {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     height: 100vh;
     position: relative;
 }

 .img-area-impatto-positivo {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     height: 800px;
     position: relative;
 }

 .s-2 {
     position: absolute;
     bottom: -35px;
 }

 .footer-area.pp {
     padding-top: 55px;
 }

 .single-story-item:hover {
     transform: scale(1.15) !important;
 }

 .single-story-item:hover a {
     background: #008386;
     color: #fff;
 }

 /*---------------------- Story area end ----------------------*/

 /*---------------------- Article area start ----------------------*/

 .article-area {
     background-image: url(../img/bg-11.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
     padding: 65px 0;
     padding-top: 160px;
     margin-top: -70px;
     position: relative;
     z-index: 1;
 }

 .sh {
     position: absolute;
     top: 0;
 }

 .article-area .container {
     max-width: 1140px;
 }

 .article-area p {
     font-size: 26px;
     line-height: 1.3;
     padding-top: 30px;
 }

 .article-thumbnail img {
     display: block;
 }

 .article-thumbnail {
     margin-bottom: 50px;
 }

 .article-thumb {margin-bottom: 30px;}

 .article-item span {
     padding-left: 35px;
     position: relative;
     margin-top: -15px;
 }

 .article-area span {
     font-size: 18px;
     display: block;
 }

 .article-area span.text-end {
     padding-right: 30px;
 }

 .article-item {
     padding-top: 60px;
 }

 /*---------------------- Article area end ----------------------*/


 /*---------------------- Impatto positivo area start ----------------------*/

 .impatto-positivo {
     background:#01ddb1;
     padding: 65px 0;
     padding-top: 160px;
     margin-top: -70px;
     position: relative;
	 color:#fff;
 }

 .sh {
     position: absolute;
     top: 0;
 }

 .impatto-positivo h1 {font-size: 75px;font-family: 'Config Rounded'; font-weight:800;}

 .impatto-positivo .container {
     max-width: 1140px;
 }
 .impatto-positivo-txt {padding-top: 30px;}

 .impatto-positivo p {
     font-size: 16px;
     line-height: 1.3;
	 color:#fff;
 }

 .impatto-positivo-thumbnail img {
	 width:60%;
	
 }

 .impatto-positivo-thumbnail {
     margin-bottom: 50px;
	 text-align:center;
 }

 .impatto-positivo-thumb {margin-bottom: 30px;text-align:center;}
 .impatto-positivo-thumb img {width:60%;}

 .impatto-positivo span {
     position: relative;
 }

 .impatto-positivo span {
     font-size: 18px;
     display: block;
 }

 .impatto-positivo span.text-end {
     padding-right: 30px;
 }

 .impatto-positivo-item {
     padding-top: 60px;
 }

 /*---------------------- Article area end ----------------------*/

/*---------------------- Impatto positivo area start ----------------------*/

 .impatto-positivo-sotto {
     background:#fff;
     padding: 65px 0 40px 0;
     position: relative;
     z-index: 1;
	 color:#008386;
 }

 .sh {
     position: absolute;
     top: 0;
 }

 .impatto-positivo-sotto h1 {font-size: 75px;font-family: 'Config Rounded'; font-weight:800;}

 .impatto-positivo-sotto .container {
     max-width: 1140px;
 }
 .impatto-positivo-sotto-txt {padding-top: 30px;}

 .impatto-positivo-sotto p {
     font-size: 16px;
     line-height: 1.3;
	 color:#008386;
 }

 .impatto-positivo-sotto-thumbnail img {
	 width:60%;
	
 }

 .impatto-positivo-sotto-thumbnail {
     margin-bottom: 50px;
	 text-align:center;
 }

 .impatto-positivo-sotto-thumb {margin-bottom: 30px;text-align:center;}
 .impatto-positivo-sotto-thumb img {width:60%;}

 .impatto-positivo-sotto span {
     position: relative;
 }

 .impatto-positivo-sotto span {
     font-size: 18px;
     display: block;
 }

 .impatto-positivo-sotto span.text-end {
     padding-right: 30px;
 }

 .impatto-positivo-sotto-item {
     padding-top: 60px;
 }

 /*---------------------- Article area end ----------------------*/

 /*---------------------- Common area start ----------------------*/

 .common-area {
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
     padding: 355px 0;
     position: relative;
 }

 .common-area.common-2 {
     
     margin-top: -120px;
 }

 .common-area.common-3 {
     margin-top: -105px;
     padding: 500px 0;
     padding-bottom: 430px;
 }

 .common-content-wrap {
     text-align: right;
 }

 .common-content-wrap h3 {
     font-size: 98px;
     font-weight: 800;
     line-height: .9;
     margin-bottom: 40px;
 }

 .common-content-wrap p {
     font-size: 26px;
     line-height: 1.2;
     margin-bottom: 37px;
 }

 .common-btn {
     border: 2px solid #008386;
     background-color: #008386;
     border-radius: 50px;
     padding: 16px 50px;
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     line-height: 1;
     display: inline-block;
     transition: .3s;
     text-transform: uppercase;
 }

 .common-btn:hover {
     background: transparent;
     color: #008386;
 }

 

 /*---------------------- Common area end ----------------------*/


 .video-area {
     background: rgb(253,220,75);
     background: linear-gradient(90deg, rgba(253,220,75,1) 28%, rgba(254,240,162,1) 100%);
     padding: 180px 0;
     position: relative;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top: -70px;
     overflow: hidden;
     padding-bottom: 160px;
 }
 .video-title h2, .video-title h1 {
     font-size: 105px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 10px;
 }

 .video-title p {
     font-size: 21px;
     line-height: 1;
 }

 .video-carousel img {border-radius:40px;}
 .video-carousel item {position:relative;}
 
 .play-video {position:absolute;}
 .play-video {top: 40%;left:50%;transform: translate(-50%, -50%);}

.video-carousel .owl-item.center {
    transform: scale(1.3);
    margin-top: 0 !important;
    position: relative;
    z-index: 999;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.video-carousel .owl-item {
    transform: scale(0.7);
    padding: 10px 0px;
    transition: all 0.5s;
}
.video-carousel .owl-dots {margin-top:50px;}

 /*---------------------- Product area start ----------------------*/

 .product-area {
     background: #feeb1d;
     padding: 180px 0;
     position: relative;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top: -70px;
     overflow: hidden;
     padding-bottom: 160px;
 }

 .products-wrapper {
     padding-top: 0px;
 }

 .product-title h2, .product-title h1 {
     font-size: 150px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 10px;
	 margin-top:20px;
 }

 .product-title p {
     font-size: 21px;
     line-height: 1;
 }

 .product-content h4 {
     font-size: 36px;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 20px;
     min-height: 69px;
 }

 .product-content p {
     font-size: 15px;
     line-height: 1;
     margin-bottom: 6px;
 }

 .product-content {
     text-align: center;
     margin-top: 14px;
 }

 .common-product-item .common-btn, .multi-content-wrap .common-btn, .single-story-item .common-btn {
     background-color: transparent;
     padding: 15px 48px;
     color: #008386;
     font-size: 15px;
 }

 .common-product-item .common-btn:hover, .multi-content-wrap .common-btn:hover, .single-story-item .common-btn:hover {
     background-color: #008386;
     color: #ffffff;
 }



 .product-thumb {
     text-align: center;
     height: 520px;
     display: flex;
     align-items: flex-end;
     justify-content: center;
	 margin-top:50px;
 }

 .product-thumb img {
     max-height: 100%;
 }

 .common-product-item {
     text-align: center;
     margin-bottom: 50px;
 }

 .single-product-item:hover {
     transform: scale(1.2);
 }

@media (max-width: 576px) {
	.single-product-item:hover {transform: scale(1);}
}




 .single-product-item {
     transition: .8s;
 }

.hover-effect:hover {transform: scale(1.1) !important; cursor:pointer;}
.hover-effect:hover a.common-btn {background-color: #008386;color:#fff;}

 .single-product-item:hover a {
     color: #fff;
 }

 .single-product-item:hover .common-btn {background-color: #008386;}

 .ft-detail {
     margin-bottom: 40px;
 }

 .owl-dot {
     height: 14px;
     width: 14px;
     border: 3px solid #008386 !important;
     background: transparent !important;
     border-radius: 50%;
     margin: 0 7px;
     transition: .3s !important;
     cursor: pointer !important;
     outline: none;
 }

 .owl-dots {
     display: flex;
     justify-content: center;
     margin-top: 65px;
 }

 .owl-dot.active {
     background-color: #008386!important;
 }

 /*---------------------- Product area end ----------------------*/

 /*---------------------- Multi area start ----------------------*/

 .multi-area {
     background:#B8F6FF;
     padding: 180px 0 160px 0;
     margin-top: -70px;
     position: relative;
 }

 .multi-content-wrap {
     padding-left: 80px;
 }

 .multi-content-wrap p {
     font-size: 16px;
     line-height: 1.2;
 }

 .multi-content-wrap h3 {
     font-size: 100px;
     line-height: .9;
     font-weight: 800;
     margin-top: -14px;
     margin-bottom: 35px;
 }

 .multi-content-wrap h1 {
     font-size: 80px;
     line-height: .9;
     font-weight: 800;
     margin-top: -14px;
     margin-bottom: 35px;
 }

 .multi-items-wrap {
     display: flex;
     margin-bottom: 15px;
     flex-wrap: wrap;
 }

 .multi-item {
     flex: 0 0 50%;
 }

 .mlt-cnt h4 {
     font-size: 38px;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 3px;
 }

 .mlt-btns {
     display: flex;
     flex-wrap: wrap;
     padding-top: 17px;
 }

 .mlt-btns .mbtn {
     flex: 0 0 48%;
     margin-right: 10px;
     margin-bottom: 13px;
 }

 .mlt-btns a {
     text-align: center;
     width: 100%;
 }

 .multi-items-wrapper {
     margin-top: 50px;
 }

 .multi-items-wrapper .product-thumb {
     height: auto;
     max-height: 480px;
 }

 .multi-items-wrapper .product-thumb img {
     max-height: 100%;
 }

 /*---------------------- Multi area end ----------------------*/

 /*---------------------- Footer area start ----------------------*/

 .footer-area {
     position: relative;
     padding: 105px 0;
     padding-bottom: 80px;
     z-index: 2;
 }

 .ft-btns a {
     font-size: 15px;
     font-weight: 700;
     color: #008587;
     display: block;
 }
.ft-btns a:hover {color:#FEEB1D;}
 .ft-btns {
     margin-top: 20px;
 }

 .ft-menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .ft-menu li a {
     font-size: 22px;
     font-weight: 700;
     color: #008386;
     display: block;
     line-height: 1.2;
     letter-spacing: -.5px;
 }
 .ft-menu li a:hover {color:#FEEB1D;}


 .ft-social h4 {
     font-size: 17px;
     line-height: 1;
     margin-bottom: 6px;
     font-weight: 700;
 }

 /*.ft-social {
     margin-top: 32px;
 }*/

 .ft-social ul {
     margin: 0;
     padding: 0;
 }

 .ft-social ul a {
     font-size: 34px;
     color: #008386;
     margin-right: 19px;
 }

 .ft-wrap {
     padding-left: 50px;
     padding-top: 5px;
 }

 .ft-detail h5 {
     font-size: 17px;
     font-weight: 700;
     line-height: 1.1;
     text-transform: uppercase;
     margin-bottom: 7px;
 }

 .ft-detail p {
     font-size: 14px;
 }

 .ft-details-wrap {
     display: flex;
     flex-wrap: wrap;
 }

 .ft-items {
     flex: 0 0 33.3%;
 }

 
 .social-icon-ft a .fab {transition: 0.3s;}
 .social-icon-ft a:hover .fa-facebook {color:#3b5998;}
 .social-icon-ft a:hover .fa-instagram {color:#c13584;}
 .social-icon-ft a:hover .fa-youtube {color:#c4302b;}


 .header-area {}
 .fixed {position:fixed; width:100%; z-index:10;animation: smoothScroll 1s forwards;background: #fff;}
 .fixed .logo-main a img {max-width: 150px;}
 .header-area .fixed {padding: 5px 0;}

 /*.fixed::before{bottom: -48px;content: "";position: absolute;z-index: 1;width: 100%;height: 48px;display: block;background: url("../img/header-shape-fixed.png") repeat-x scroll center top transparent;}
 @keyframes smoothScroll {
	0% {transform: translateY(-40px);}
	100% {transform: translateY(0px);}
 }*/

 html {animation: fadeSiteIn 0.7s ease forwards;}
 html.fadeSiteOut {animation:  fadeSiteOut 0.7s ease forwards;}


 @keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
 }
 @keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
 }

 .ce-piu-mobile {display:none;}

 .titolo-video {margin-top:20px; text-align:center;}
 .titolo-video h5 {margin-bottom:0;}
 .titolo-video h2 {font-family: 'Config Rounded';font-weight: 800;}
 
 
 .prima-immagine-pmaiuscola {background: url(../img/bg-7.png) #FF0048;background-repeat: no-repeat;background-size: cover;background-position:center;}

 .link-interni {margin-top:40px;}
 .link-interni a {color:#fff;font-weight:700;}
 .link-interni a:hover {color:#f5334f;}
 .link-interni span {margin-left:15px; margin-right:15px;}

#back-to-top{padding: 5px 3px;position: fixed;bottom: 0;right: 15px;bottom:15px;display: none;z-index:10;}
 /*---------------------- Footer area end ----------------------*/

.link-altri-prodotti a {font-family: 'Config Rounded';font-weight: 800;color: #008386;text-decoration:none; text-transform:uppercase; letter-spacing:1px; font-size: 35px; z-index:1;}
.linea-hover {display: inline-block;}
.linea-hover::after {content: '';width: 0px;height: 4px;display: block;background: #008386;transition: 700ms;}
.linea-hover:hover::after {width: 100%;}

.valori-nutrizionali {padding-top:20px; padding-bottom:20px;  line-height:20px;}
.valori-nutrizionali h5 { margin-bottom:5px; font-size:16px;}

.lista-carateristiche-prodotto {margin-top:20px; margin-bottom:20px;}

.lista-carateristiche-prodotto li {clear:both; overflow: hidden; border-bottom:1px solid #008386; padding:2px 0; color:#008386;font-size: 14px;}
.lista-carateristiche-prodotto .pull-left {float: left !important;}
.lista-carateristiche-prodotto .pull-right {float: right !important;text-align: right;}

.descrizione-linea {width:80%;}

.lista-immagini-frutta {right:6vw; margin-top:50px;color: #008386;}
.lista-immagini-frutta img {margin-bottom:10px; width:80px;}
.lista-immagini-frutta li {margin-bottom:20px;webkit-transition: -webkit-transform 0.5s ease;-moz-transition: -moz-transform 0.5s ease;transition: transform 0.5s ease;}
ul.lista-immagini-frutta  {z-index:1;}
.lista-immagini-frutta a {color: #008386; font-size:14px; font-weight:600;}

.margine-negativo-100 {margin-top:-100px;}




/* -- FORM CONTATTI -- */
.contatti-area {background: #DAFEEE;padding: 160px 0;position: relative;background-repeat: no-repeat;background-size: 100% 100%;margin-top: -70px;overflow: hidden;padding-bottom: 160px;}
.form-richiesta input::placeholder { /* Firefox, Chrome, Opera */ color: #fff;  opacity:1; } 
.form-richiesta input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff;}  
.form-richiesta input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff;} 
.form-richiesta input {color:#fff;}
.select {color: #fff;  opacity:1; padding-bottom:5px; font-size: 16px;}	
.form-richiesta form{text-align:center;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1);box-shadow:2px 2px 3px rgba(0,0,0,0.1); color:#fff;}
.form-richiesta label{display:block;position:relative;margin:40px 0 0 0;}
.form-richiesta input{width:100%;padding:10px 0 0 0;background:transparent;border:none;outline:none;color:#fff; font-size:20px;}
.form-richiesta .line-box{position:relative;width:100%;height:2px;background:#fff;}
.form-richiesta .line{position:absolute;width:0;height:2px;top:0;left:50%;transform:translateX(-50%);background:#feeb1d;transition:ease .6s}
.form-richiesta input:focus + .line-box .line{width:100%;color:#feeb1d;}
.form-richiesta .label-txt{position:absolute;top:-1.6em;padding:10px 0 0 0;letter-spacing:1px;transition:ease .3s; color:#fff; font-size:20px;}
.-richiesta .label-active{top:-2.4em}
.form-richiesta a {color:#fff;}
.form-richiesta small {color:#fff; padding-top:10px; font-size:14px;}
.select {-webkit-appearance: none; -moz-appearance: none; appearance: none;  background: none; border: none; width:100%; font-size:16px;}
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {max-width: 80%;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;margin-top:0;font-weight:normal;}
.no-js .inputfile + label {display: none;}
.inputfile:focus + label,.inputfile.has-focus + label {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}
.inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: #008386;margin-top: -0.25em;margin-right: 0.25em;}
.inputfile-3 + label {color: #008386;}
.inputfile-3:focus + label,.inputfile-3.has-focus + label,.inputfile-3 + label:hover {color: #f5334f;}
.content-one {display:none;  padding-top: 5px; padding-bottom: 5px;overflow-y: scroll;}
.expand-one {cursor:pointer;}
.expand-one {font-size:18px;}


.margin-right-desktop {margin-right:50px;}
@media (max-width: 576px) {
.margin-right-desktop {margin-right:0px;}
}


/* -- ONDE -- */
.fill-current-viola {fill:#FF0048;}
.fill-current-azzurro {fill:#A9EAE0;}
.fill-current-giallo {fill:#F6D500;}

.flex {display: flex;}
.absolute {position: absolute}

.float-animation-footer {transform: translatey(0px);-webkit-animation: float-footer 4s ease-in-out infinite;animation: float-footer 4s ease-in-out infinite;}
.float-animation-footer-1 {transform: translatey(0px);-webkit-animation: float-footer 8s ease-in-out infinite;animation: float-footer 8s ease-in-out infinite;}

@-webkit-keyframes float-footer {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(-30px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-45px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(-30px);
  }
}

@keyframes float-footer {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(-30px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-45px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(-30px);
  }
}


.float-animation {transform: translatey(0px);-webkit-animation: float-header 6s ease-in-out infinite;animation: float-header 6s ease-in-out infinite;}
.float-animation1 {transform: translatey(0px);-webkit-animation: float-header 5s ease-in-out infinite;animation: float-header 5s ease-in-out infinite;}
.float-animation2 {transform: translatey(0px);-webkit-animation: float-header 8s ease-in-out infinite;animation: float-header 8s ease-in-out infinite;}


@-webkit-keyframes float-header {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

@keyframes float-header {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}


.wave-white {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;overflow: hidden;line-height: 0;z-index: 1; margin-bottom:-2px;}
#canvas-giallo {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
#canvas-azzurro {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
#canvas-azzurro-chiaro {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
#canvas-rosso, #canvas-rosso2 {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
.canvas-rosso1, .canvas-verde1 {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
#canvas-verde {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
#canvas-ariete, #canvas-toro, #canvas-gemelli, #canvas-cancro, #canvas-leone, #canvas-vergine, #canvas-bilancia, #canvas-scorpione, #canvas-saggittario, #canvas-capricorno, #canvas-acquario, #canvas-pesci, #canvas-conclusione {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}

/*.products-wrapper {margin-top:100px}

.ricerca-prodotto input {}*/

@media (max-width: 576px) {
	#canvas-giallo, #canvas-azzurro, #canvas-rosso, #canvas-azzurro-chiaro, #canvas-rosso2, #canvas-verde, #canvas-ariete,#canvas-scorpione, #canvas-toro, #canvas-gemelli, #canvas-cancro, #canvas-leone, #canvas-vergine, #canvas-bilancia, #canvas-scoprione, #canvas-saggittario, #canvas-capricorno, #canvas-acquario, #canvas-pesci, #canvas-conclusione {height: 100px; margin-bottom:-1px;}
	.wave-white {height:50px;}
	/*.products-wrapper {margin-top:100px}*/
	
}




/*--- ACCORDION2 ---*/
.faqs-container {
	margin: 0 auto;
	max-width: 100%;
}

.faq h3 {font-size:20px; font-weight:bold;}

.faq {
	background-color: transparent;
	border-bottom: 1px solid #008386;
	border-radius: 0px;
	padding: 30px;
	position: relative;
	overflow: hidden;
	margin: 20px 0;
	transition: 0.3s ease;
	padding-top:10px;
}

.faq.active {
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
	padding-top:30px;
	border-bottom:0;
}

/*.faq.active::after, .faq.active::before {
	color: #2ecc71;
	content: '\f075';
	font-family: 'Font Awesome 5 Free';
	font-size: 7rem;
	position: absolute;
	opacity: 0.1;
	top: 0px;
	left: 20px;
	z-index: 0;
}*/

.faq.active::before {
	color: #3498db;
	top: -30px;
	left: -30px;
	transform: rotateY(180deg);
}

.faq-title {
	margin: 0 35px 0 0;
	cursor: pointer;
}

.faq-text {
	display: none;
	margin: 30px 0 0;
}

.faq.active .faq-text {
	display: block;
}

.faq-toggle {
	background-color: transparent;
	border: none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 0;
	position: absolute;
	top: 8px;
	right: 30px;
	height: 30px;
	width: 30px;
}

.faq-toggle:focus {
	outline: none;
}

.faq.active .faq-toggle {
	background-color: #008386;
	top:28px;
}

.faq-toggle .fa-times {
	display: none;
}

.faq.active .faq-toggle .fa-times {
	display: block;
}

.faq-toggle .fa-chevron-down {
	color: #008386;
}

.faq.active .faq-toggle .fa-chevron-down {
	display: none;
}

.article-left h1 {font-weight:800;}


.guide {width: 160px;height: 160px;border-radius: 100%;background-color: #008386;display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:2;}
.guide  p {width: 80%;color: white;text-align: center;font-size: 16px;line-height: 1.4;margin-top: 15px;}
.mouse {width: 40px;height: 40px;transform-origin: center bottom;animation-name: swinging;animation-duration: 1.2s;animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);animation-delay: 0s;animation-direction: alternate;animation-iteration-count: infinite;animation-fill-mode: none;animation-play-state: running;}
.mouse-click,.mouse-large-click,.mouse-small-click {opacity: 0;transform-origin: center center;animation-name: click;animation-duration: 1.2s;animation-timing-function: ease-in-out;animation-delay: 0s;animation-direction: alternate;animation-iteration-count: infinite;animation-fill-mode: forward;animation-play-state: running;}
				@keyframes swinging{
    				0%{transform: rotate(-10deg) translate3d(-15px, 0, 0) }
    				100%{transform: rotate(10deg) translate3d(15px, 0, 0) }
				}
				@keyframes click {
					0% { opacity: 0 }
					40% { opacity: 1 }
					100%{ opacity: 1 }
				}

/* css nuova promo */
body {line-height:1.3;}
.posiziono-immagine-destra {position:absolute; right:0; top:0;}
.dimensione-logo-promo {width:12vw}
.dimensione-immagine-stami-bene {width:50vw;}
.contenuto-prima-slide {width:95vw;}
.nuovo-giallo {color:#feeb1d;}
.font-dai-da-bere {font-size:28px !important;}
.margine-negativo-50 {margin-top:-50px;}
#canvas-verdone, #canvas-viola, #canvas-azzurro2, #canvas-viola2 {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;}
.testo-form {font-size:3.5vw; font-weight:800; margin-bottom:50px;}
.sezione-domande {padding-bottom:200px;}

.inputGroup {display: block;margin: 10px 0;position: relative; border-radius:50px; border:2px solid #fff;}
.inputGroup label {padding: 12px 30px;width: 100%;display: block;text-align: left;color: #fff;cursor: pointer;position: relative;z-index: 2;transition: color 200ms ease-in;overflow: hidden; border-radius:50px; font-weight:600;}
.inputGroup label:before {width: 10px;height: 10px;border-radius: 50%;content: "";background-color: #feeb1d;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale3d(1, 1, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;z-index: -1; width:100%;}
.inputGroup label:after {width: 32px;height: 32px;content: "";background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-repeat: no-repeat;background-position: 4px 4px;border-radius: 50%;z-index: 2;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all 200ms ease-in;}
.inputGroup input:checked ~ label {color: #008386;}
.inputGroup input:checked ~ label:before {transform: translate(-50%, -50%) scale3d(56, 56, 1);opacity: 1;}
.inputGroup input:checked ~ label:after {background-color: #008386;border-color: #008386;}
.inputGroup input {width: 32px;height: 32px;order: 1;z-index: 2;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);cursor: pointer;visibility: hidden;}

.inputGroup input:checked ~ label.wrongAnswer {border: 1px solid #830B1D;background-color: #830B1D;color:#fff;}
.inputGroup input:checked ~ label.wrongAnswer:before {
  width: 10px;height: 10px;border-radius: 50%;content: "";background-color: #830B1D;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale3d(1, 1, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;z-index: -1; width:100%;
}

.inputGroup input:checked ~ label.wrongAnswer:after {width: 32px;height: 32px;content: "";background-color: #fff;background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAEuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIyIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjIiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMiIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjIiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249Ijk2LzEiCiAgIHRpZmY6WVJlc29sdXRpb249Ijk2LzEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjItMDQtMTdUMTE6MjU6MDUrMDI6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDQtMTdUMTE6MjU6MDUrMDI6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgQmV0YSAxLjEwLjUiCiAgICAgIHN0RXZ0OndoZW49IjIwMjItMDQtMTdUMTE6MjU6MDUrMDI6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/Ppo54/YAAAGBaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRy0tCQRSHv7SwJxa2aNFCwlplmEHUJsgICyLEDHpt9PoK1C73KiFtg7ZBQdSm16L+gtoGrYOgKIJoGa2L2pTczlVBiTzDmfPNb+YcZs6AJZRS0nq9B9KZrBb0+5wLi0tO2yv1dNCEA0dY0dXxQGCGmvb1QJ0Z79xmrdrn/rWWaExXoK5ReExRtazwlPDMelY1eVe4U0mGo8Lnwv2aXFD43tQjJX4zOVHiH5O1UHACLO3CzkQVR6pYSWppYXk5rnQqp5TvY76kNZaZn5PYI96NThA/PpxMM8kEwwwyKvMwbrwMyIoa+Z5i/ixrkqvIrJJHY5UESbL0i5qT6jGJcdFjMlLkzf7/7aseH/KWqrf6oOHFMD56wbYDhW3D+D42jMIJWJ/hKlPJXzuCkU/Rtyua6xDsm3BxXdEie3C5BV1PalgLFyWruCUeh/czaFsExy00L5d6Vt7n9BFCG/JVN7B/AH1y3r7yCw16Z71hiBN1AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACFElEQVQ4jbWVPWsUURSGn93ZuAYGUx5/gIiV2Ab8KBS0MLDJosW1kNhYRItFyCJEBYOwWgSLKNgYkeT6EYeopLBYEeIfsJT8g1MqDCoa1sI768k4+xGCp5l73/OeZ+69c/cs/KcoZQMvcgnYBzxyqt92AvEio8Bl4KtTfdwFe5FjwEbwtYEJp/p9SOheYB04GaTjTvVjOUwU6ITxKWDNi1SHgFaB1wbaCSzKAE51E7hqas4Aq15kpA90BHgFnDbylcAiWzFO9QHQMKYJ4LkXqRRAK8AL4KyRG071YTYp2wKneh9oGmkKWPYikYFGwAowaXyzobYbJQrCi9wAbhtpGbgYxk+BCyY351Tv5BmF4ACfB+aMtBSe00abd6o3i+p7ggO8xfajsdFyqtd71Ua9EgBJmrbrcTwGjOdSC051tl9tuV8yRNGu+u4UBqzYi9wFrhWkxutxPJqkaXvH4PDx7Bk+AT4BR8L8aD2OoyRNPwwNDtftlpFW+HMb3gIHgMNBP1GP460kTTdyiH/Pyos0gZaRXgLOqW6FfAQ8A84ZT9Op3usJ9iINYMFIa8B5p/or56sAq0DNyA3767P9eAZYNMZ1YMqp/szvKvj3AAnb+8VM1i+yfnwQ+Gxe9A6oOdUfRVADrwJv+NvhOsAhp7qZ3eP9BtoGJgdBAYKnBrwPUgmQ7orD26eBMXb31/TFqS4N8u8qfgNIc6nxy158oQAAAABJRU5ErkJggg==");background-repeat: no-repeat;background-position: 5px 5px;border-radius: 50%;z-index: 2;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all 200ms ease-in;}

.form {font-size: 24px;}
.pl-0 {padding-left: 5px !important; padding-bottom:10px;}
.pr-0 {padding-right: 5px !important;}

.progress {background: rgba(255,255,255,0.3);justify-content: flex-start;border-radius: 100px;align-items: center;position: relative;padding: 0 5px;display: flex;height: 40px;max-width: 800px; margin-bottom:10px;}
.progress-value {animation: load 5s normal forwards infinite;box-shadow: 0 10px 40px -10px #feeb1d;border-radius: 100px;background: #feeb1d;height: 30px;width: 0;}

@keyframes load {
  0% { width: 0; }
  100% { width: 100%; }
}

.bollino-top img {width:200px;}
.titolo h3 {font-size: 98px;font-weight: 800;line-height: .9;margin-bottom: 40px;}
.altezza-textarea {min-height:39vh;}
.text-area-form {background-image: url(../img/textarea.png);background-position:top;background-size: cover;background-repeat: no-repeat; padding:50px; padding-bottom:250px; position:relative;}
.testo-grazie {font-weight:normal; font-size:28px;}
.testo-grazie-nota {font-weight:normal; font-size:18px;}

.textarea-verde, .textarea-verde label, .textarea-verde p, .textarea-verde input {color:#008386 !important;}
.textarea-verde .line-box {background:#008386 !important;}
.textarea-verde input  {padding-left:15px; padding-right:15px;}

.textarea-verde label{display:block;position:relative;margin:40px 0 0 0;}
.textarea-verde textarea{width:100%;padding:10px 0 0 0;background:transparent;border:none;outline:none;color:#008386; font-size:20px;}
.textarea-verde .line-box{position:relative;width:100%;height:2px;background:#008386;}
.textarea-verde .line{position:absolute;width:0;height:2px;top:0;left:50%;transform:translateX(-50%);background:#feeb1d;transition:ease .6s}
.textarea-verde textarea:focus + .line-box .line{width:100%;color:#feeb1d;}

.padding-top-ultima {padding-top:80px;}
.div-nascosto {color:#fff; font-size:28px; display:none;}
.common-btn-bianco {border: 2px solid #fff;background-color: #fff;border-radius: 50px;padding: 16px 50px;font-size: 20px;font-weight: 700;color: #008386;line-height: 1;transition: .3s;text-transform: uppercase;}
.common-btn-bianco:hover {background: transparent;color: #fff;background-color:transparent;}

.arrow2 {animation: slide1 1s ease-in-out infinite;}
@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}

.owl-carousel .owl-item img {width:90%; margin:0 auto;}
.home-carousel .owl-nav {position: relative;}
.home-carousel .owl-nav {position: absolute;top: 46%;left: 0;right: 0;}
.home-carousel .owl-nav .owl-prev, .home-carousel .owl-nav .owl-next {position: absolute;color: inherit;background: none;border: none;z-index: 100;}
.home-carousel .owl-nav  .owl-prev i, .home-carousel .owl-nav .owl-next i {font-size: 3rem;color: #008386;}
.home-carousel .owl-nav  .owl-prev {left: 1vw;}
.home-carousel .owl-nav  .owl-next {right: 1vw;}
.immagine-sopra-form {margin-bottom:-80px; height:500px; width:auto;}

.home-carousel img {cursor:pointer;}

input[type="radio"] {
    display: none;
}
input[type="radio"] ~ span {
    position: relative;
    display: inline-block;
    padding: 3px 0 3px 25px;
	margin-bottom:20px;
}
input[type="radio"] ~ span:before {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    margin-right: 5px;
    border: 2px solid #008386;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transition: all 300ms ease-in-out;
}
input[type="radio"]:checked ~ span:before {
    border: 8px solid #008386;
}

@media (min-width: 320px) and (max-width: 1200px) {
	.titolo h3 {font-size: 70px;margin-bottom: 26px;}
}
@media (min-width: 1400px) {
	.testo-form {font-size:3vw;}
	.sezione-domande {padding-bottom: 250px;}
}
@media (min-width: 1800px) {
	.testo-form {font-size: 50px;}
}
	
.sfondo-arancio {background:#fa8e01;}
.sfondo-rosso {background:#f5334f;}
.sfondo-verde {background:#22bb88;}

.conclusione { padding-top:150px;}
	
@media (max-width: 728px) {
	.conclusione { padding-top:80px;}
	.togli-mobile {display:none;}
	.dimensione-logo-promo {width: 135px;}
	.hero-area {padding-bottom:0 !important;}
	.allinea-centro-mobile {text-align:center;} 
	#canvas-verdone, #canvas-viola, #canvas-azzurro2, #canvas-viola2, #canvas-rosso2, .canvas-rosso1, .canvas-verde1 {height: 100px; margin-bottom:-1px;}
	.testo-form {font-size:24px; font-weight:800;text-align:center;margin-bottom: 10px;}
	.numero {width:90px; margin-bottom:20px;}	
	.form {font-size: 20px;}
	.inputGroup label {padding-right:65px;}
	.inputGroup label {padding-right: 65px; padding-left:22px; line-height: 1;}
	.inputGroup label:after {right: 16px;}
	.sezione-domande {padding-bottom: 100px;}
	.inputGroup input:checked ~ label.wrongAnswer:after {right: 14px;}
	.bollino-top {text-align:right !important;}
	.bollino-top img {width:  100px;}
	.common-content-wrap h3 {font-size: 46px !important;}
	.altezza-textarea {min-height:200px;}
	.text-area-form {padding-bottom:150px;}
	.testo-grazie {font-weight:normal; font-size:20px;}
	.testo-grazie-nota {font-weight:normal; font-size:14px;}
	.home-carousel {padding-bottom: 100px;}
	.padding-top-ultima {padding-top:40px;}
	.owl-carousel .owl-item img {width:80%; margin:0 auto;}
	.titolo-centro-mobile {text-align:center !important;}
	.immagine-sopra-form {margin-bottom:-80px; height:auto; width:100%;}
	.xs-pb-0 {padding-bottom:0 !important;}
	.xs-mb-2 {margin-bottom:2rem !important;}
	
	@keyframes slide1 {
	  0%,
	  100% {
		transform: translate(0, 0) rotate(90deg);
	  }

	  50% {
		transform: translate(0px, 10px) rotate(90deg);
	  }
	}
}