body { margin:0px; padding:0px; }
.btn { font-family: 'Source Sans Pro', sans-serif; font-weight:400; border-radius:0px; border:0px; width:100%;padding:30px;}
.btn-success { background-color:#3d6331; color:#ffffff; border:0px; }
.btn-success:hover { background-color:#7aad2a; color:#ffffff; border:0px;}
.btn-success:focus { background-color:#7aad2a; color:#ffffff; border:0px;}

.testata-head { position:absolute; z-index:5; width:90%; }
.testata-mobile { display:none; }
.testata-esa { position:absolute; z-index:2; }
.testata-bio { position:absolute; z-index:2; }
.testata-e { position:absolute; z-index:2; }
.testata-fot { position:absolute; z-index:3; left:50%;}
.testoverticale {   transform: rotate(-90deg); }

.base-nutr { position:absolute; z-index:2; }
.base-anim { position:absolute; z-index:2; }
.base-fisi { position:absolute; z-index:2; }
.base-salu { position:absolute; z-index:2; }
.base-olis { position:absolute; z-index:2; }
.base-este { position:absolute; z-index:2; }
.base-spp { position:absolute; z-index:2; }

.ext-esa { position:absolute; z-index:2; }
.ext-freq { position:absolute; z-index:2; }
.ext-mond { position:absolute; z-index:2; }
.ext-bio { position:absolute; z-index:2; }
.ext-blog-bottone { text-align:right; }

.spazio { line-height: 33px;}
.esagono {clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background-color:#000000;}
.ombra {box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 10%); min-height:800px;}
.academy {font-family: 'Source Sans Pro', sans-serif; font-weight:700; position:absolute; }


@media (max-width:767px) {
.btn { font-size:20px; }

.area-testata {  height:200px; background-image: url("/img/sfondo-testata-ph.jpg"); background-repeat:no-repeat; background-position:top center; }
.testata-esa { position:absolute; margin-top:107px; width:320px; height:369px; background-image: url("/img/esagono-ph.png"); background-repeat:no-repeat; background-position:top center; left:50%; margin-left:-160px; padding-top:78px; padding-left: 100px; padding-right:38px;}
.testata-bio {  margin-top:487px; text-align:center; }
.testata-e { top: 273px; left:-7px; }
.testata-fot { top: 53px; width:140px; height:135px; margin-left:15px; background-image: url("/img/fototerapia.png"); background-repeat:no-repeat; background-position:top center; background-size: 140px;}

.area-base { position:relative; }
.base-nutr { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:537px; background-image: url("/img/riq-nutrizione-468.png"); background-repeat:no-repeat; background-position:top center; }
.base-fisi { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:20px; background-image: url("/img/riq-fisioterapia-468.png"); background-repeat:no-repeat; background-position:top center; }
.base-anim { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:20px; background-image: url("/img/riq-animali-468.png"); background-repeat:no-repeat; background-position:top center; }
.base-salu { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:20px; background-image: url("/img/riq-salute-468.png"); background-repeat:no-repeat; background-position:top center; }
.base-olis { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:20px; background-image: url("/img/riq-olistica-468.png"); background-repeat:no-repeat; background-position:top center; }
.base-este { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:20px; background-image: url("/img/riq-estetica-468.png"); background-repeat:no-repeat; background-position:top center; }
.base-spp { position:relative; width:320px; height:370px; left:50%; margin-left:-160px; margin-top:20px; background-image: url("/img/riq-sport-power-468.png"); background-repeat:no-repeat; background-position:top center; }

.area-extended { margin-top:30px; background-color:#f6f6f6; position:relative; padding-top:30px; padding-bottom:30px; }
.ext-esa {  position:relative; width:320px; height:570px; left:50%; margin-left:-160px;  background-image: url("/img/riq-white-992.png"); background-repeat:no-repeat; background-position:top center; padding-top:90px; padding-bottom:120px; padding-left:25px; padding-right:8px; }
.ext-freq { display:none; }
.ext-blog { position:relative; margin-top:40px; }
.ext-mond { width:238px; height:275px; position:relative; margin-top:-100px; margin-left:10px; background-image: url("/img/riq-earth-768.png"); background-repeat:no-repeat; background-position:top center; }
.ext-bio { width:114px; height:132px; margin-left:220px; margin-top:-70px; position:relative; background-image: url("/img/riq-bio-organic-768.png"); background-repeat:no-repeat; background-position:top center; }
.ext-blog-bottone { text-align:center; }
.ext-blog-separa-col { margin-top:30px; }

.area-fondopagina { position:relative; width:100%; background-image: url("/img/sfondo-fondopagina-ph.jpg"); background-repeat:no-repeat; background-position:top center; margin-top:40px; background-color:#86d44a; padding-bottom:30px; }

.hexagon {position: relative;width: 330px; height: 190.53px;background-color: #7aad2a ;margin: 225px 0;left:50%; margin-left:-165px;}
.hexagon:before,
.hexagon:after {content: "";position: absolute;width: 0;border-left: 165px solid transparent;border-right: 165px solid transparent;left:50%;margin-left:-165px;}
.hexagon:before {bottom: 100%;border-bottom: 95.26px solid #7aad2a;}
.hexagon:after {top: 100%;width: 0;border-top: 95.26px solid #7aad2a;}
.one {margin-top: 90px;}

.video-phone {margin-top:-150px;}
.bg-scienza {background: url("/img/bg-scienza.jpg") no-repeat top center;height:1351px; padding: 80px 20px;}

.ext-blog-separa-col { min-height:280px; }

.img-blog img{ width:100%; height:auto; }
.dimensione {width:100%;height:375px;}
.dimensione2 {width:100%;height:375px;}
.esagonoverde {font-size:30px;line-height:32px;width:174px;height:200px;position:absolute;background:url(/img/hexagon.png) no-repeat top center;left:50%;margin-left:-87px;margin-top:-80px;padding-top:63px;}
.ombra {min-height:550px;}
.academy {font-size: 18px;top:69px; left:50px;}
}


@media(min-width:768px) and (max-width:991px) {
.btn { font-size:20px; }

.area-testata { width:100%; height:332px; background-image: url("/img/sfondo-testata-768.jpg"); background-repeat:no-repeat; background-position:top center; }
.altezza-testata {height:92px;}
.testata-esa { top:27px; left:315px; width:364px; height:420px; background-image: url("/img/esagono-768.png"); background-repeat:no-repeat; background-position:top center; padding-top:180px; padding-left:88px; }
.testata-bio { width:360px; height:auto; top: 130px; left:0px; }
.testata-e { top: 215px; left:234px; }
.testata-fot { top: 27px; width:180px; height:173px; margin-left:6px; background-image: url("/img/fototerapia.png"); background-repeat:no-repeat; background-position:top center; background-size: 180px;}

.area-base { width:100%; height:914px; background-image: url("/img/sfondo-base-768.jpg"); background-repeat:no-repeat; background-position:top center; margin-top:-94px;  }
.base-nutr { width:224px; height:259px; left:126px; top:140px; background-image: url("/img/riq-nutrizione-768.png"); background-repeat:no-repeat; background-position:top center; }
.base-fisi { width:224px; height:259px; left:378px; top:140px; background-image: url("/img/riq-fisioterapia-768.png"); background-repeat:no-repeat; background-position:top center; }
.base-anim { width:224px; height:259px; left:0px; top:354px; background-image: url("/img/riq-animali-768.png"); background-repeat:no-repeat; background-position:top center; }
.base-salu { width:224px; height:259px; left:252px; top:354px; background-image: url("/img/riq-salute-768.png"); background-repeat:no-repeat; background-position:top center; }
.base-olis { width:224px; height:259px; left:504px; top:354px; background-image: url("/img/riq-olistica-768.png"); background-repeat:no-repeat; background-position:top center; }
.base-este { width:224px; height:259px; left:126px; top:568px; background-image: url("/img/riq-estetica-768.png"); background-repeat:no-repeat; background-position:top center; }
.base-spp { width:224px; height:259px; left:378px; top:568px; background-image: url("/img/riq-sport-power-768.png"); background-repeat:no-repeat; background-position:top center; }

.area-extended { width:100%; height:914px; background-image: url("/img/sfondo-extended-768.jpg"); background-repeat:no-repeat; background-position:top center; }
.ext-esa { width:487px; height:558px; left:50px; top:-30px; background-image: url("/img/riq-white-992.png"); background-repeat:no-repeat; background-position:top center; padding-top:130px; padding-left:97px; padding-right:50px; }
.ext-freq { top: 230px; left:-40px; }
.ext-mond { width:238px; height:275px; left:460px; top:-20px; background-image: url("/img/riq-earth-768.png"); background-repeat:no-repeat; background-position:top center; }
.ext-bio { width:114px; height:132px; left:623px; top:220px; background-image: url("/img/riq-bio-organic-768.png"); background-repeat:no-repeat; background-position:top center; }
.ext-blog { padding-top:550px; }

.area-fondopagina { width:100%; height:351px; background-image: url("/img/sfondo-fondopagina-768.jpg"); background-repeat:no-repeat; background-position:top center; }

.hexagon {position: relative;width: 230px; height: 132.79px;background-color: #7aad2a ;margin: 66.40px 0;}
.hexagon:before,
.hexagon:after {content: "";position: absolute;width: 0;border-left: 115px solid transparent;border-right: 115px solid transparent;}
.hexagon:before {bottom: 100%;border-bottom: 66.40px solid #7aad2a;}
.hexagon:after {top: 100%;width: 0;border-top: 66.40px solid #7aad2a;}

.div-bianco {width:200px;height:157px;background-color:#fff;position:absolute;}
.bg-scienza {background: url("/img/bg-scienza.jpg") no-repeat top center;height:1351px; padding: 120px 160px;}
.img-blog img{ max-width:680px; height:auto; }
.dimensione {width:100%;height:180px;}
.dimensione2 {width:100%;height:360px;}
.esagonoverde {width:120px;height:200px;position:absolute;background:url(/img/hexagon.png) no-repeat top center;left:50%;margin-left:-60px;margin-top:-45px;padding-top:42px;background-size:120px;}
.ombra {min-height:550px;}
.academy {font-size: 23px;top:90px; left:69px;}
}


@media(min-width:992px) {
.btn { font-size:30px;}

.area-testata { width:100%; height:442px; background-image: url("/img/sfondo-testata-992.jpg"); background-repeat:no-repeat; background-position:top center; }
.altezza-testata {height:84px;}
.testata-head { top: 0px; left:0px; }
.testata-esa { top:27px; left:415px; width:483px; height:558px; background-image: url("/img/esagono-992.png"); background-repeat:no-repeat; background-position:top center; padding-top:250px; padding-left:130px; }
.testata-bio { width:480px; height:auto; top: 165px; left:0px; }
.testata-e { top: 290px; left:355px; }
.testata-fot { top: 27px; width:230px; height:221px; margin-left:25px; background-image: url("/img/fototerapia.png"); background-repeat:no-repeat; background-position:top center; background-size: 230px;}

.area-base { width:100%; height:1217px; background-image: url("/img/sfondo-base-992.jpg"); background-repeat:no-repeat; background-position:top center; margin-top:-140px;  }
.base-nutr { width:296px; height:342px; left:163px; top:160px; background-image: url("/img/riq-nutrizione-992.png"); background-repeat:no-repeat; background-position:top center; }
.base-fisi { width:296px; height:342px; left:493px; top:160px; background-image: url("/img/riq-fisioterapia-992.png"); background-repeat:no-repeat; background-position:top center; }
.base-anim { width:296px; height:342px; left:0px; top:444px; background-image: url("/img/riq-animali-992.png"); background-repeat:no-repeat; background-position:top center; }
.base-salu { width:296px; height:342px; left:330px; top:444px; background-image: url("/img/riq-salute-992.png"); background-repeat:no-repeat; background-position:top center; }
.base-olis { width:296px; height:342px; left:660px; top:444px; background-image: url("/img/riq-olistica-992.png"); background-repeat:no-repeat; background-position:top center; }
.base-este { width:296px; height:342px; left:163px; top:728px; background-image: url("/img/riq-estetica-992.png"); background-repeat:no-repeat; background-position:top center; }
.base-spp { width:296px; height:342px; left:493px; top:728px; background-image: url("/img/riq-sport-power-992.png"); background-repeat:no-repeat; background-position:top center; }

.area-extended { width:100%; height:1217px; background-image: url("/img/sfondo-extended-992.jpg"); background-repeat:no-repeat; background-position:top center; }
.ext-esa { width:487px; height:558px; left:70px; top:20px; background-image: url("/img/riq-white-992.png"); background-repeat:no-repeat; background-position:top center; padding-top:100px; padding-left:97px; padding-right:40px; }
.ext-freq { top: 276px; left:-40px; }
.ext-mond { width:316px; height:365px; left:530px; top:0px; background-image: url("/img/riq-earth-992.png"); background-repeat:no-repeat; background-position:top center; }
.ext-bio { width:152px; height:176px; left:753px; top:320px; background-image: url("/img/riq-bio-organic-992.png"); background-repeat:no-repeat; background-position:top center; }
.ext-blog { padding-top:660px; }
.ext-blog-separa-rig { margin-top:30px; }
.ext-blog-separa-col { margin-top:30px; }
.ext-blog-bottone { padding-right:15px; }

.area-fondopagina { width:100%; height:467px; background-image: url("/img/sfondo-fondopagina-992.jpg"); background-repeat:no-repeat; background-position:top center; }

.hexagon {position: relative;width: 300px; height: 173.21px;background-color: #7aad2a ;margin: 86.60px 0;}
.hexagon:before,
.hexagon:after {content: "";position: absolute;width: 0;border-left: 150px solid transparent;border-right: 150px solid transparent;}
.hexagon:before {bottom: 100%;border-bottom: 86.60px solid #7aad2a;}
.hexagon:after {top: 100%;width: 0;border-top: 86.60px solid #7aad2a;}

.div-bianco {width:200px;height:300px;background-color:#fff;position:absolute;}
.bg-scienza {background: url("/img/bg-scienza.jpg") no-repeat top center;height:1351px; padding: 200px 160px;}
.img-blog img{ max-width:800px; height:auto; }
.dimensione {width:100%;height:240px;}
.dimensione2 {width:100%;height:480px;}
.esagonoverde {width:174px;height:200px;position:absolute;background:url(/img/hexagon.png) no-repeat top center;left:50%;margin-left:-87px;margin-top:-80px;padding-top:63px;}
.ombra {min-height:700px;}
.academy {font-size: 29px;top:114px; left:88px;}
}


@media(min-width:1200px) {
.btn { font-size:30PX; }

.area-testata { width:100%; height:526px; background-image: url("/img/sfondo-testata.jpg"); background-repeat:no-repeat; background-position:top center; }
.altezza-testata {height:104px;}
.testata-head { top: 0px; left:0px; }
.testata-esa { top:27px; left:506px; width:576px; height:665px; background-image: url("/img/esagono.png"); background-repeat:no-repeat; background-position:top center; padding-top:300px; padding-left:180px; }
.testata-bio { width:480px; height:auto; top: 210px; left:0px; }
.testata-e { top: 333px; left:486px; }
.testata-fot { top: 27px; width:266px; height:255px; margin-left:40px; background-image: url("/img/fototerapia.png"); background-repeat:no-repeat; background-position:top center; background-size:auto; }

.area-base { width:100%; height:1449px; background-image: url("/img/sfondo-base.jpg"); background-repeat:no-repeat; background-position:top center; margin-top:-175px;  }
.base-nutr { width:355px; height:410px; left:195px; top:180px; background-image: url("/img/riq-nutrizione.png"); background-repeat:no-repeat; background-position:top center; }
.base-fisi { width:355px; height:410px; left:585px; top:180px; background-image: url("/img/riq-fisioterapia.png"); background-repeat:no-repeat; background-position:top center; }
.base-anim { width:355px; height:410px; left:0px; top:520px; background-image: url("/img/riq-animali.png"); background-repeat:no-repeat; background-position:top center; }
.base-salu { width:355px; height:410px; left:390px; top:520px; background-image: url("/img/riq-salute.png"); background-repeat:no-repeat; background-position:top center; }
.base-olis { width:355px; height:410px; left:780px; top:520px; background-image: url("/img/riq-olistica.png"); background-repeat:no-repeat; background-position:top center; }
.base-este { width:355px; height:410px; left:195px; top:860px; background-image: url("/img/riq-estetica.png"); background-repeat:no-repeat; background-position:top center; }
.base-spp { width:355px; height:410px; left:585px; top:860px; background-image: url("/img/riq-sport-power.png"); background-repeat:no-repeat; background-position:top center; }

.area-extended { width:100%; height:1449px; background-image: url("/img/sfondo-extended.jpg"); background-repeat:no-repeat; background-position:top center; }
.ext-esa { width:580px; height:664px; left:140px; top:20px; background-image: url("/img/riq-white.png"); background-repeat:no-repeat; background-position:top center; padding-top:160px; padding-left:120px; padding-right:80px; }
.ext-freq { top: 328px; left:40px; }
.ext-mond { width:377px; height:435px; left:650px; top:0px; background-image: url("/img/riq-earth.png"); background-repeat:no-repeat; background-position:top center; }
.ext-bio { width:181px; height:209px; left:926px; top:365px; background-image: url("/img/riq-bio-organic.png"); background-repeat:no-repeat; background-position:top center;  }
.ext-blog { padding-top:760px; }
.ext-blog-separa-rig { margin-top:30px; }
.ext-blog-separa-col { margin-top:30px; }
.ext-blog-bottone { padding-right:15px; }

.area-fondopagina { width:100%; height:556px; background-image: url("/img/sfondo-fondopagina.jpg"); background-repeat:no-repeat; background-position:top center; }

.hexagon {position: relative;width: 350px; height: 202.07px;background-color: #7aad2a ;margin: 70px 0;}
.hexagon:before,
.hexagon:after {content: "";position: absolute;width: 0;border-left: 175px solid transparent;border-right: 175px solid transparent;}
.hexagon:before {bottom: 100%;border-bottom: 101.04px solid #7aad2a;}
.hexagon:after {top: 100%;width: 0;border-top: 101.04px solid #7aad2a;}

.div-bianco {width:200px;height:300px;background-color:#fff;position:absolute;}
.bg-scienza {background: url("/img/bg-scienza.jpg") no-repeat top center;height:1351px; padding: 200px 160px;}

.img-blog img{ max-width:900px; height:auto; }
.dimensione {width:100%;height:300px;}
.dimensione2 {width:100%;height:600px;}
.esagonoverde {width:174px;height:200px;position:absolute;background:url(/img/hexagon.png) no-repeat top center;left:50%;margin-left:-87px;margin-top:-80px;padding-top:63px;}
.ombra {min-height:800px;}
.academy {font-size: 32px;top:132px; left:105px;}

.separa-richiesta-password { margin-top:150px; }
}