/*
Project:RCS Native Longform Misura03
Company:The6th
Developer:F. Marra
Date:07/07/2020
*/
/*fontface*/
@font-face {font-family: 'IntroHeadB-H2Base';src: url('../fonts/IntroHeadB-H2Base.eot');src: url('../fonts/IntroHeadB-H2Base.eot?#iefix') format('embedded-opentype'),
url('../fonts/IntroHeadB-H2Base.ttf') format('truetype'),
url('../fonts/IntroHeadB-H2Base.woff') format('woff');font-weight: 900;font-style: normal;}
@font-face {font-family: 'IntroHeadB-Base';src: url('../fonts/IntroHeadB-Base.eot');src: url('../fonts/IntroHeadB-Base.eot?#iefix') format('embedded-opentype'),
url('../fonts/IntroHeadB-Base.ttf') format('truetype'),
url('../fonts/IntroHeadB-Base.woff') format('woff');font-weight: 600;font-style: normal;}
@font-face {font-family: 'IntroHead';src: url('../fonts/IntroHeadR-Base.eot');src: url('../fonts/IntroHeadR-Base.eot?#iefix') format('embedded-opentype'),
url('../fonts/IntroHeadR-Base.ttf') format('truetype'),
url('../fonts/IntroHeadR-Base.woff') format('woff');font-weight: 400;font-style: normal;}
/*typo*/
.site-main{font-family:'IntroHead',serif;font-weight:400;line-height: 1.3;color:#7c4d3a;padding-bottom: 150px;}
.site-main h1,.site-main h2,.site-main h3,.site-main h4{margin: 0 0 20px;line-height: 1;font-weight: 600;}
.site-main .fw-600{font-weight:600;}
.site-main .fw-900{font-weight:900;}
.site-main .fs-120{font-size: 110px;}
.site-main .fs-50{font-size:50px}
.site-main .fs-46{font-size:46px;}
.site-main .fs-24,.site-main{font-size:24px}
/*colors*/
.site-main .c-white{color:#FFFFFF;}
.site-main .c-light-brown{color:#7c4d3a;}
.site-main .c-brown{color:#5d3528;}
.site-main .c-blue{color:#008c95;}
/*rcs*/
#header #top_main_area #right_top_area > a {height: 62px;width: 180px;}
#footer .disclaimer p.rightimg img {max-width: 170px;}
/*layout*/
.content-wrap{width: 90%;max-width: 1440px;}
.full-height{min-height:700px;}
/*custom*/
.site-appended{display:none;}
.section-intro{background-position: 10% 70%;margin-bottom: -100px;overflow: visible!important;}
.section-intro:before{height: 110%!important;}
.section-intro .content-wrap{display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;padding-bottom: 100px;}
.section-intro .content-wrap{}
.site-question{background-size: auto 100%;background-position: center;background-repeat: no-repeat;padding: 120px 0 100px;text-align: center;background-size: 100% 100%;background-color: transparent;margin-bottom: -150px;z-index: 30;}

.site-question[data-index="1"]{
    padding-top: 150px;
}
.site-question[data-index="7"]{
    padding-top: 180px;
}

.site-explaination[data-index="0"]{}
.site-explaination[data-index="1"]{}
.site-explaination[data-index="2"]{}
.site-explaination[data-index="3"]{}
.site-explaination[data-index="4"]{}
.site-explaination[data-index="5"]{}
.site-explaination[data-index="6"]{}
.site-explaination[data-index="7"]{}
.site-explaination[data-index="8"]{}
.site-explaination[data-index="9"]{}


.site-question .question-wrap{margin-bottom: 60px;}
.site-question .question-wrap h2{letter-spacing: 3px;margin-bottom: 40px;}
.site-question .answers-wrap{position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.site-question .answers-wrap .answer-single{width: 48%;margin: 0 1% 30px;transition: all 400ms;transform: scale(1);}
.site-question .answers-wrap:not(.show-response) .answer-single:hover{transform: scale(1.05);}
.site-question .answers-wrap .answer-single button{position: relative;width: 100%;height: auto;margin: 0;padding: 30px;border: 0;background: 0;font-size: inherit;font-style: inherit;cursor: pointer;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;min-height: 100px;transition: all 1000ms;/* transform: scale(1); */min-height: 130px;}
.site-question .answers-wrap.show-response .answer-single button[data-value="0"]{opacity: 0.5;}
.site-question .answers-wrap .answer-single button[data-value="1"]:before{content:"";position: absolute;display: block;width: 100px;height: 100px;background-image: url(../images/mark.png);right: -15px;bottom: -15px;opacity: 0;transition: all 1000ms;}
.site-question .answers-wrap.show-response .answer-single button[data-value="1"]:before{opacity: 1;}
.site-explaination{position: relative;display: block;padding: 150px 0;z-index: 10;margin-bottom: -150px;background-image: url(../images/desktop/bg-02.jpg);background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
.site-explaination:before{content:"";position: absolute;display: block;width: 100%;height: 120%;top: 0;left: 0;background: inherit;}
.site-explaination .text-wrap{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;min-height: 400px;padding: 30px 0;}
.site-explaination .text-wrap h2{text-transform: uppercase;}
.site-explaination .text-wrap p{}
.site-explaination .content-wrap{z-index: 50;}
.site-explaination .section-object{position: absolute;display: block;z-index: 30;}
.site-explaination[data-index="0"] .text-wrap{width: 60%;}
.site-explaination[data-index="1"] .text-wrap{width: 60%;margin-left: 20%;}
.site-explaination[data-index="1"] .text-wrap p:first-child{color: #008c95;}
.site-explaination[data-index="2"] .text-wrap{width: 60%;margin-left: 28%;}
.site-explaination[data-index="3"] .text-wrap{width: 60%;margin-left: 40%;}
.site-explaination[data-index="4"] .text-wrap{width: 60%;margin-left: 20%;}
.site-explaination[data-index="5"] .text-wrap{width: 50%;}
.site-explaination[data-index="6"] .text-wrap{width: 68%;margin-left: 16%;}
.site-explaination[data-index="7"] .text-wrap{width: 55%;}
.site-explaination[data-index="8"] .text-wrap{width: 64%;margin-left: 18%;margin-bottom: 5%;}
.site-explaination[data-index="9"] .text-wrap{width: 70%;margin: 0 15%;}
.section-object.object-01{right: 10%;top: 25%;width: 22%;max-width: 320px;}
.section-object.object-02{top: 25%;left: 0;width: 15%;}
.section-object.object-03{top: 25%;right: 0;width: 18%;}
.section-object.object-04{left: -5%;top: 25%;width: 35%;max-width: 500px;}
.section-object.object-05{top: 25%;right: 2%;width: 10%;max-width: 150px;}
.section-object.object-06{left: 3%;top: 23%;width: 38%;max-width: 520px;}
.section-object.object-07{left: -5%;top: 30%;width: 25%;max-width: 400px;}
.section-object.object-08{right: 0%;top: 26%;width: 22%;max-width: 300px;}
.section-object.object-09{right: 0;bottom: 10%;width: 45%;max-width: 700px;}
.section-object.object-10{left: 0;bottom: 15%;}
.section-object.object-11{right: 0;top: 15%;}
.section-object.object-12{right: 1%;width: 44%;top: 20%;}
.section-object.object-13{left: 0;bottom: 1%;width: 30%;}
.section-object.object-14{right: 0;bottom: 1%;width: 40%;}
.section-object.object-15{width: 30%;margin-bottom: -5%;margin-left: 35%;position: relative;margin-top: -30px;}
.site-result{position: relative;padding: 150px 0 80px;z-index: 10;margin-bottom: 0;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: space-around;width: auto;}
.site-result .content-wrap{width: auto;margin: 0;}
.site-result .result-object{position: relative;display: block;top: 20%;width: 25%;}
.site-result .text-wrap{display: inline-block;text-align: center;}
.site-result .text-wrap h2{text-transform: uppercase;}
.site-result .text-wrap p{}
.site-banner{display: none;margin-bottom: -150px;}
.site-banner .cta{
    padding: 60px 30px 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.site-banner .cta a{
    display: inline-block;
    position: relative;
    border-bottom: 3px solid;
    width: auto;
}

/*banner*/
.video-section{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}
.video-section img{max-width:none;width:100%;margin:0;padding:0;position:relative;display:block;}
.video-section:before{content:"";background:inherit;position:absolute;display:block;width:100%;height:100%;transition:all 1200ms;}
.video-section.appeared:before{transform:scale(1,1);}
.video-section .video-background{position:absolute;width:100%;height:100%;opacity:0;z-index:-10;background-color:rgb(0, 56, 96);background-image:url(../images/loader.gif);background-size:60px;background-position:center;background-repeat:no-repeat;top:0;left:0;}
.video-section .video-background.onair{opacity:1;z-index:1000;background-size:60px;}
.video-section .video-background.onair:before{content:"";}
.video-wrap .play-button{position:absolute;width:90px;height:90px;left:50%;top:50%;margin:-60px;cursor:pointer;outline:0;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;background-repeat:no-repeat;text-align:center;background:transparent;border:5px solid #fff;font-family:VivaBeautiful;color:transparent;font-size:66px;transition:all 500ms;background:transparent;outline:0;border:8px solid #fff;z-index:10;}
.video-wrap .play-button:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:18px 0 18px 24px;border-color:transparent transparent transparent #fff;top:50%;left:50%;margin:-18px -9px;}
.video-wrap .play-button.appeared{transform:rotate(0deg) translatey(0);}
.video-wrap .play-button:hover{transform:rotate(-360deg) translatey(0px);}   
.video-wrap .play-button:focus{outline:none;}


.ie .site-explaination .text-wrap{display:block;}
.ie .site-question .answers-wrap .answer-single button{min-height:auto;}