/*
Project: RCS Hitachi 01
Company: Flavio Marra
Developer: Flavio Marra
Date: 10/02/2020
*/
/**************************************************************

DESKTOP/LAPTOP

**************************************************************/
@media (max-width:1600px){		
	.content-wrap{width: 1300px;}
	.site-main .site-section[data-index="04"] .content-wrap{}	
	.site-main .site-section[data-index="12"] .content-wrap {width: 1000px;}	
	.site-main .fs-290{font-size: 220px;}
	.site-main .fs-166{font-size:140px;}
	.site-main .fs-90{font-size:74px;}
	.site-main .fs-60{font-size:48px;}
	.site-main .fs-50{font-size:40px;}
	.site-main .fs-36,.site-main .fs-32{font-size:30px;}
	.site-main .fs-28,
	.site-main .fs-24{font-size:24px;}
	.site-main .fs-20{font-size:20px;}
	.site-main .fs-18{font-size:17px;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:first-child{width: 35%;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:last-child{width: 65%;}
	.object-layer.object-01{width: 50%;top: 17.5%;left: 40%;}
	.object-layer.object-02{width: 35%;top: 30%;left: 12.5%;}
	.object-layer.object-03{position: relative;display: block;width: 90%;top: 10px;}
	.object-layer.object-04{bottom: -10%;width: 25%;left: 15%;}
	.object-layer.object-05{width: 50%;right: -5%;top: 35%;}
	.object-layer.object-06{bottom: -10%;width: 25%;left: 25%;}
	.object-layer.object-07{top: 22.5%;right: 0;width: 50%;}
	.object-layer.object-08{width: 44%;left: 7.5%;bottom: -17.5%;}
	.object-layer.object-07 {top: 7.5%;right: -20%;width: 70%;}
	.object-layer.object-09{width: 32.5%;left: 42.5%;top: 20%;}
	.object-layer.object-10{width: 40%;bottom: -30%;left: 10%;}
	.site-main .numerator:not(.first){top: 60px;}
	.site-main .site-section[data-index="08"] .content-wrap {padding-top: 10%;}
	.widget-title h2{margin-bottom: 0;}
	.scroll-down{height: 100px;}
}
@media (max-width:1440px){
	.site-main .site-section[data-index="04"] .content-wrap{padding-top: 30px;}	
	.site-main .site-section[data-index="12"] .content-wrap {width: 1000px;}	
	.site-main .fs-290{font-size: 180px;}
	.site-main .fs-166{font-size:120px;}
	.site-main .fs-90{font-size:68px;}
	.site-main .fs-60{font-size:44px;}
	.site-main .fs-50{font-size:38px;}
	.site-main .fs-36,.site-main .fs-32{font-size:28px;}
	.site-main .fs-28,
	.site-main .fs-24{font-size:24px;}
	.site-main .fs-20{font-size:20px;}
	.site-main .fs-18{font-size:17px;}	
	.object-layer.object-01{width: 45%;top: 16%;left: 38%;}
	.object-layer.object-02{width: 35%;top: 30%;left: 12.5%;}
	.object-layer.object-03{position: relative;display: block;width: 90%;top: 10px;}
	.object-layer.object-04{bottom: -5%;width: 25%;left: 15%;}
	.object-layer.object-05{width: 50%;right: -5%;top: 25%;}
	.object-layer.object-06{bottom: -10%;width: 25%;left: 25%;}
	.object-layer.object-07{top: 22.5%;right: 0;width: 50%;}
	.object-layer.object-08{width: 44%;left: 7.5%;bottom: -17.5%;}
	.object-layer.object-07 {top: 7.5%;right: -20%;width: 70%;}
	.object-layer.object-09{width: 32.5%;left: 42.5%;top: 20%;}
	.object-layer.object-10{width: 40%;bottom: -30%;left: 10%;}
	.site-main .site-section[data-index="01"] .content-wrap{left: 5%;}
	.site-main .site-section[data-index="05"] .content-wrap{padding-top: 30px;}	
	.site-main .site-section[data-index="05"] .numerator{top: 0;}
	.site-slider iframe,.site-slider .video-layer {max-height: 400px;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:first-child{width: 30%;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:last-child{width: 70%;}
	
}
@media (max-width:1366px){	
	.content-wrap{width: 90%;}
	.site-main .site-section[data-index="12"] .content-wrap {width: 900px;}	
	.site-main .fs-290{font-size: 165px;}
	.site-main .fs-166{font-size: 105px;}
	.site-main .fs-90{font-size:62px;}
	.site-main .fs-60{font-size: 40px;}
	.site-main .fs-50{font-size: 36px;}
	.site-main .fs-36,.site-main .fs-32{font-size: 26px;}
	.site-main .fs-28,
	.site-main .fs-24{font-size:24px;}
	.site-main,.site-main .fs-20{font-size: 18px;}
	.site-main .fs-18{font-size:17px;}	
	.object-layer.object-01{width: 40%;top: 15%;left: 38%;}
	.object-layer.object-02{width: 30%;top: 30%;left: 20%;}
	.object-layer.object-03{position: relative;display: block;width: 80%;top: -15px;}
	.object-layer.object-04{bottom: -15%;width: 20%;left: 13%;}
	.object-layer.object-05{width: 50%;right: -5%;top: 25%;}
	.object-layer.object-06{bottom: -10%;width: 25%;left: 25%;}
	.object-layer.object-07{top: 22.5%;right: 0;width: 50%;}
	.object-layer.object-08{width: 35%;left: 17.5%;bottom: 0%;}
	.object-layer.object-07 {top: 15%;right: -15%;width: 62.5%;}
	.object-layer.object-09{width: 32.5%;left: 42.5%;top: 20%;}
	.object-layer.object-10{width: 40%;bottom: -30%;left: 10%;}	
	.site-main .site-section[data-index="01"] .content-wrap{left: 10%;}
	.site-main .numerator.first {letter-spacing: -25px;padding-right: 25px;}
	.site-slider iframe,.site-slider .video-layer {max-height: 350px;}
	.site-main .site-section[data-index="13"] .content-wrap {padding-top: 0;margin-top: -30px;}
	.site-main .site-section[data-index="05"] .numerator {top: 45px;}	
	.site-main .site-section[data-index="07"] .numerator {top: 100px;}
	.site-main .site-section[data-index="08"] .content-wrap {padding-top: 12%;}    
	.site-navigation{bottom: 10px;}
	.site-navigation .navigation-menu ul li button{height: 50px;width: 15px;font-size: 12px;}
	.site-navigation .navigation-menu ul li button:after{top: 20px;}
	.site-navigation .navigation-menu ul li.active button:after{height: 30px;}    
	.site-navigation .navigation-counter{width: 100px;font-size: 12px;top: 15px;}
	.site-navigation .navigation-counter:before{width: 45px;}
	.scroll-down.right {left: 100%;margin-left: -120px;}
}
@media (max-width:1280px) and (min-width:1025px){
	.site-main .site-section[data-index="04"] .row .col.c1of2:first-child{width: 40%;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:last-child{width: 60%;}	
	.object-layer.object-04 {bottom: -15%;width: 30%;left: 13%;}
}
/**************************************************************

TABLET

**************************************************************/
@media (max-width: 1024px){	
	.site-main .fs-290{font-size: 140px;}
	.site-main .fs-166{font-size: 90px;}
	.site-main .fs-90{font-size:54px;}
	.site-main .fs-60{font-size: 36px;}
	.site-main .fs-50{font-size: 28px;}
	.site-main .fs-36,.site-main .fs-32,.site-main .fs-28,	.site-main .fs-24{font-size:22px;}
	.site-main,.site-main .fs-20{font-size: 17px;}
	.site-main .fs-18{font-size:16px;}	
	.widget-feedback{height: 300px;width: 70%;left: 15%;margin-top: -150px;padding: 15px;}
	.widget-result{height: 250px;width: 60%;padding: 15px;margin: -125px 0;left: 20%;}	
	.widget-boxes .widget-box .label,.widget-feedback .inner-wrap .label{font-size: 12px;}
	.widget-feedback .inner-wrap .description,.widget-feedback .inner-wrap .response,.site-main .widget-result p{font-size: 20px;line-height:1.1;}
	.widget-boxes .widget-box .description{font-size: 19px;}
	.widget-boxes .widget-box.matched .inner-wrap.matched .label{font-size: 10px;}
	.widget-boxes .widget-box.matched .inner-wrap.matched .description{font-size: 16px;}
	.site-main .widget-error button,.site-main .widget-result button,.widget-feedback .inner-wrap .response-wrap button{padding: 10px 20px;font-size: 16px;}
	.site-main h1, .site-main h2, .site-main h3, .site-main h4,.site-main p {margin-bottom: 10px;}
	.object-layer.object-01{width:45%;top: 25%;left: 40%;}
	.object-layer.object-02{width:32%;top: 40%;left: 18%;}
	.object-layer.object-03{width:110%;position: relative;display: block;top: 20px;}
	.object-layer.object-04{width:25%;bottom: auto;left: -2%;top: 35%;}
	.object-layer.object-05{width:50%;right: -8%;top: 30%;}
	.object-layer.object-06{width:25%;bottom: -10%;left: 25%;}
	.object-layer.object-07{width:50%;top: 22.5%;right: 0;}
	.object-layer.object-08{width:40%;left: 12.5%;bottom: 10%;}
	.object-layer.object-07{width:62.5%;top: 25%;right: -12%;}
	.object-layer.object-09{width:37.5%;left: 42.5%;top: 22.5%;}
	.object-layer.object-10{width:40%;bottom: -30%;left: 10%;}	
	.site-main .site-section[data-index="01"] .content-wrap{left: 5%;}
	.site-main .site-section[data-index="02"] .content-wrap {padding-top: 110px;padding-bottom: 0;}
	.site-main .site-section[data-index="02"] .content-wrap .col:last-child{padding-bottom: 30px;}
	.site-main .site-section[data-index="04"] .content-wrap {padding-top: 60px;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:first-child{width: 20%;}
	.site-main .site-section[data-index="04"] .row .col.c1of2:last-child{width: 80%;}
	.site-main .site-section[data-index="05"] .row .col.c1of2:first-child{width: 60%;}
	.site-main .site-section[data-index="05"] .row .col.c1of2:last-child{width: 40%;}
	.site-main .site-section[data-index="11"] .content-wrap{padding-top: 120px;}
	.site-main .site-section[data-index="11"] .row .col.c1of2:first-child{width: 30%;}
	.site-main .site-section[data-index="11"] .row .col.c1of2:last-child{width: 70%;}
	.site-main .site-section[data-index="12"] .content-wrap {width: 800px;}
}
@media (min-width:781px){	
	.mobile-only{display:none!important;}
}
@media (max-width: 780px){	
	.site-section{float:left;padding-top: 45px;padding-bottom: 30px;}
	.mobile-only{display:block;}
	.desktop-only{display:none;}
	.full-height:not(.mobile-full-height),
	.full-height:not(.mobile-full-height) .fp-tableCell{height: auto!important;}
	.site-main .content-wrap{padding: 0!important;width: 80%!important;left: auto!important;top: auto!important;right: auto!important;bottom: auto!important;margin: 0 auto!important;}
	.site-main .site-section:not(.section-widget) .row{display:block!important;height: auto;align-items: flex-start!important;}
	.site-main .site-section:not(.section-widget) .row .col{width:100%!important;flex-direction: initial!important;display: block!important;padding: 0!important;margin-bottom:30px;justify-content: flex-start!important;}
	.site-main br{display:none;}
	.widget-boxes .widget-box br{display:block;}
	.site-main .numerator{position: relative;display: block;width: 100%;margin-bottom: 30px;left: auto!important;top: auto!important;right: auto!important;bottom: auto!important;}     
	.site-main h1, .site-main h2, .site-main h3, .site-main h4, .site-main p {margin-bottom: 20px;}
	.object-layer{position:relative;display:block;margin: 30px auto!important;padding: 0!important;left: auto!important;top: auto!important;right: auto!important;bottom: auto!important;}
	.object-layer.object-01{width: 55%;}
	.object-layer.object-02{width: 45%;}
	.object-layer.object-03{width: 60%;}
	.object-layer.object-04{width: 40%;left: -5%!important;}
	.object-layer.object-05{width: 90%;}
	.object-layer.object-06{width: 31%;}
	.object-layer.object-07{width:50%;}
	.object-layer.object-08{width: 60%;}
	.object-layer.object-07{width: 82.5%;margin: 30px 0 0px auto!important;left: 15%!important;}
	.object-layer.object-09{width:37.5%}
	.object-layer.object-10{width: 70%;}
	.site-main h2.align-right{text-align:left;}
	.site-main .site-section[data-index="01"] h1{text-align: center;margin-bottom: 30px;}
	.site-main .site-section[data-index="02"] {-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;box-sizing: border-box;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;display: flex;justify-content: center;height: 100%;}
	.site-main .site-section[data-index="02"] .fp-tableCell{height: auto!important;}	
	.site-main .site-section[data-index="02"]{padding-top: 30px;padding-bottom: 60px;}
	.site-main .site-section[data-index="11"] {padding-bottom: 30%;}
	.site-main .site-section[data-index="13"] {padding-bottom: 200px;}	
	.widget-wrap{padding: 0 7.5%;}
	.widget-title{position: relative;display: block;width: 100%;top: 0;margin-bottom: 30px;}
	.widget-boxes .widget-box.w-03,
	.widget-boxes .widget-box.w-08,
	.widget-boxes .widget-box.w-10{margin-top: 0%;}
	.widget-boxes .widget-box.w-01{margin-top: 35%;}
	.widget-boxes .widget-box.w-05{margin-top: 0%;}
	.widget-boxes .widget-box.w-09{margin-top: 15%;}
	.widget-feedback{width: 90%;left: 5%;}
	.widget-feedback .col.c1of4{width: 30%!important;}
	.widget-feedback .col.c3of4{width: 70%!important;}
	.scroll-down{position:absolute;}
	.site-navigation {display:none!important;}	
}
/**************************************************************

MOBILE

**************************************************************/
@media (max-width: 700px){	
	.site-main .content-wrap {width: 100%!important;padding: 0 15px!important;}
	.site-section {float: left;padding-top: 30px;padding-bottom: 15px;}
	.site-section:not(.section-widget){padding-left: 30px;padding-right: 30px;}
	.site-main .fs-290{font-size: 110px;}
	.site-main .fs-166{font-size: 80px;}
	.site-main .fs-90{font-size: 32px;}
	.site-main .fs-60{font-size: 32px;}
	.site-main .fs-50{font-size: 24px;}
	.site-main .fs-36,.site-main .fs-32,.site-main .fs-28,	.site-main .fs-24{font-size:22px;}
	.site-main,.site-main .fs-20{font-size: 17px;}
	.site-main .fs-18{font-size:16px;}	
	.object-layer{position:relative;display:block;margin: 30px auto!important;padding: 0!important;left: auto!important;top: auto!important;right: auto!important;bottom: auto!important;}
	.object-layer.object-01{width: 55%;}
	.object-layer.object-02{width: 60%;}
	.object-layer.object-03{width: 75%;}
	.object-layer.object-04{width: 40%;left: -5%!important;}
	.object-layer.object-05{width: 90%;}
	.object-layer.object-06{width: 45%;}
	.object-layer.object-07{width:50%;}
	.object-layer.object-08{width: 80%;}
	.object-layer.object-07{width: 90%;margin: 30px 0 0px auto!important;left: 5%!important;}
	.object-layer.object-09{width: 60%;}
	.object-layer.object-10{width: 75%;}
	.site-main .site-section[data-index="02"] {padding-top: 75px;padding-bottom: 15px;}
	.site-main .site-section[data-index="11"] {padding-bottom: 70%;}
	.widget-wrap {padding: 0;}	
	.widget-boxes .widget-box {padding: 8px;}		
	.inner-wrap .label {font-size: 10px;}
	.widget-boxes .widget-box .description {font-size: 14px;}
	.widget-feedback .inner-wrap .description, .widget-feedback .inner-wrap .response, .site-main .widget-result p,.site-main .widget-error p {font-size: 16px;}	
	.widget-feedback{width: 100%;left: 0%;text-align: center;height: auto;margin: 0;top: 35%;padding: 10px;}
	.widget-feedback .col.c1of4{display: none;}
	.widget-feedback .col.c3of4{width: 100%!important;}	
	.widget-boxes .widget-box.matched .inner-wrap.matched .description {font-size: 12px;}
	.widget-boxes .widget-box.matched .inner-wrap.matched .label{font-size: 8px;}
	.widget-result{width: 90%;left: 5%;height: 200px;text-align: center;padding: 10px;margin-top: -100px;}
	.site-main .site-section[data-index="13"] {padding-bottom: 120px;}
	.widget-error{padding: 10px;}
	.widget-feedback .inner-wrap .response-wrap{padding-top: 100px;background-position: 50% 15px;background-size: 60px;}
	.widget-error img{max-width: 60px;}
}