/*
Project:RCS Hitachi 01
Company:Flavio Marra
Developer:Flavio Marra
Date:10/02/2020
*/
/*FONTFACE*/
@font-face {font-family:'Intervogue';src:url('../fonts/Intervogue-Thin.eot');src:url('../fonts/Intervogue-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Intervogue-Thin.ttf') format('truetype'),url('../fonts/Intervogue-Thin.woff') format('woff');font-weight:400;font-style:normal;}
@font-face {font-family:'Intervogue';src:url('../fonts/Intervogue-Bold.eot');src:url('../fonts/Intervogue-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Intervogue-Bold.ttf') format('truetype'),url('../fonts/Intervogue-Bold.woff') format('woff');font-weight:600;font-style:normal;}
@font-face {font-family:'Intervogue';src:url('../fonts/Intervogue-Black.eot');src:url('../fonts/Intervogue-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Intervogue-Black.ttf') format('truetype'),url('../fonts/Intervogue-Black.woff') format('woff');font-weight:900;font-style:normal;}
@font-face {font-family:'GTAmerica';src:url('../fonts/GTAmericaMono-Regular.eot');src:url('../fonts/GTAmericaMono-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/GTAmericaMono-Regular.ttf') format('truetype'),url('../fonts/GTAmericaMono-Regular.woff') format('woff');font-weight:normal;font-style:normal;}
/*TYPO*/
.site-main{font-family:'Intervogue',Arial,serif;font-weight:400;line-height:1.3;font-size:20px;}
.site-main h1,.site-main h2,.site-main h3,.site-main h4{font-family:'Intervogue';font-weight:900;line-height:1;margin:0;margin-bottom:15px;}
.site-main .fs-290{font-size:290px;}
.site-main .fs-166{font-size:166px;}
.site-main .fs-90{font-size:82px;}
.site-main .fs-60{font-size:54px;}
.site-main .fs-50{font-size:46px;}
.site-main .fs-36,.site-main .fs-32{font-size:32px;}
.site-main .fs-28{font-size:28px;}
.site-main .fs-24{font-size:24px;}
.site-main .fs-20{font-size:21px;}
.site-main .fs-18{font-size:18px;}
/*COLORS*/
.site-main{color:#000;}
.site-main .c-white{color:#ffffff;}
.site-main .c-black{color:#000000;}
.site-main .bg-white{background-color:#ffffff;}
.site-main .bg-black{background-color:#000;}
.site-main .ff-gta{font-family:'GTAmerica';letter-spacing:-35px;padding-right:35px;line-height:0.9;}
.site-main p a,
.site-main p a:hover,
.site-main small a,
.site-main small a:hover{text-decoration: underline;color: #fff;}
/*PAGE*/
/*effects*/
.appearance{transition:all 800ms;-webkit-transition:all 600ms;-o-transition:all 600ms;-moz-transition:all 600ms;transition-timing-function:ease-in;transition-delay:200ms;}
.appearance.fade{opacity:0;}
.appearance.from-left{transform:translateX(-200px);}
.appearance.from-right{transform:translateX(200px);}
.appearance.from-bottom{transform:translatey(200px);}
.appearance.from-top{transform:translatey(-200px);}
body.loaded .site-section.active .appearance.fade{opacity:1;}
body.loaded .site-section.active .appearance.from-left,
body.loaded .site-section.active .appearance.from-right{transform:translateX(0);}
body.loaded .site-section.active .appearance.from-bottom,
body.loaded .site-section.active .appearance.from-top{transform:translatey(0);}
body.loaded .site-section.appeared .appearance.fade{opacity:1;}
body.loaded .site-section.appeared .appearance.from-left,
body.loaded .site-section.appeared .appearance.from-right{transform:translateX(0);}
body.loaded .site-section.appeared .appearance.from-bottom,
body.loaded .site-section.appeared .appearance.from-top{transform:translatey(0);}
/*rcs*/
#footer{display: none;}
.site-main #footer{position:absolute;display:block;bottom:0;height:auto;left: 0;}
/*generics*/
.content-wrap{width:1400px;}
.site-main .content-wrap{padding-top:94px;}
.site-main .vertical-center .fp-tableCell{display: block;height: auto!important;width: 100%;height: auto;}
/*sections*/
.site-main .site-section[data-index="02"]{padding:0;}
.site-main .site-section[data-index="02"] .content-wrap{}
.site-main .site-section[data-index="02"] .content-wrap .col.with-margin{margin-bottom: 22.5%;}
.site-main .site-section[data-index="04"] .content-wrap{padding-top: 0;}
.site-main .site-section[data-index="06"] .content-wrap{padding-top: 10%;margin-top: -5%;}
.site-main .site-section[data-index="07"] .content-wrap{padding-top:15%;margin-top: -5%;}
.site-main .site-section[data-index="08"] .content-wrap{padding-top:12%;margin-top: -5%;}
.site-main .site-section[data-index="09"] .content-wrap{padding-top:12%;margin-top: -5%;}
.site-main .site-section[data-index="10"] .content-wrap{padding-top:10%;margin-top: -5%;}
.site-main .site-section[data-index="11"] .content-wrap{padding-top:10%;}
.site-main .site-section[data-index="12"] .content-wrap{width:1250px;}
.site-main .site-section[data-index="13"]{padding-bottom:115px;}
.site-main .site-section[data-index="13"] .content-wrap{padding-top:0;}
.scroll-down{position: fixed;display:block;width: 40px;height: 90px;bottom: 0;margin-left:-30px;border:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;padding:0;-moz-animation:bounce 3s infinite;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite;cursor: pointer;left: 50%;color: #fff;z-index: 9999;transition:all 600ms;}
.scroll-down:before{content:"";position: absolute;display: block;width: 2px;height: 25px;background: #fff;left: 50%;margin-left: -1px;top: 25px;transition:all 600ms;}
.scroll-down:after{content: "";position: absolute;display: block;width: 2px;height: 20px;background: #fff;left: 50%;margin-left: -1px;bottom: 0;transition:all 600ms;transition:all 600ms;}
.scroll-down span{position: absolute;display: block;width: 180px;white-space: nowrap;text-align: center;margin-left: -90px;left: 50%;font-size: 14px;font-family: 'Intervogue',Arial,serif;top: 50px;transition:all 600ms;}
.scroll-down i{position: absolute;display: block;width: 40px;height: 40px;border: 2px solid #fff;top: 0;left: 50%;margin-left: -20px;border-radius: 100%;transition:all 600ms;}
.scroll-down.hide{bottom:-200px;}	
.scroll-down.dark{color:#000}	
.scroll-down.dark:before,	
.scroll-down.dark:after{background:#000}
.scroll-down.dark i{border-color:#000}	
@keyframes bounce {0%, 50%, 100% {-moz-transform:translatey(0);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}25%, 75% {-moz-transform:translatey(-30px);-ms-transform:translatey(-30px);-webkit-transform:translatey(-30px);transform:translatey(-30px);}}
.text-shadow-dark{text-shadow:0 0 20px #000;}
.text-shadow-light{text-shadow:0 0 15px #fff;background:rgba(255, 255, 255, 0.1);}
.site-main .line-height-1-2{line-height:1.2}
.section-banner #footer a{display:inline-block;position:relative;width: 100%;height: 100%;}
.section-banner a span{display: inline-block;position: relative;}
.section-banner a span:after{content:"";position:absolute;display:block;width:100%;height:2px;background:#fff;left:0;bottom:0;}
/*backgrounds*/
.site-bg{position:absolute;display:block;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;z-index:-30;}
.site-bg.bg-01{background-position:top center;height:102%;top:-2%;}
/*objects*/
.object-layer{position:absolute;display:block;height:auto;z-index:-10;}
.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:0;width:25%;left:25%;}
.object-layer.object-05{width:50%;right:-5%;top:35%;}
.object-layer.object-06{bottom:-17.5%;width:27.5%;left:20%;}
.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:12.5%;}
.object-layer.object-10{width:45%;bottom:-45%;left:5%;}
.object-layer img{position:absolute;width:100%;height:auto;display:block;left:0;top:0;}
.object-layer img:first-child{position:relative;margin:0;padding:0;}
/*numerators*/
.site-main .numerator{position:absolute;display:block;width:100%;height:auto;top:0;left:0;letter-spacing:-15px;padding-right:15px;}
.site-main .numerator.first {letter-spacing:-35px;padding-right:35px;}
.site-main .numerator.left{}
.site-main .numerator.right{text-align:right;}
/*slider*/
.site-slider .slick-prev,
.site-slider .slick-next{width:60px;height:68px;z-index:100;position:absolute;display:block;visibility:visible!important;}
.site-slider .slick-prev{left:15px;}
.site-slider .slick-next{right:15px;}
.site-slider .slick-prev:before,
.site-slider .slick-next:before,
.site-slider .slick-prev:after,
.site-slider .slick-next:after{position:absolute;display:block;width:2px;height:40px;content:"";left:30px;background:#fff;opacity:1;}
.site-slider .slick-prev:before{top:0;transform:rotate(45deg);}
.site-slider .slick-next:before{top:0px;transform:rotate(-45deg);}
.site-slider .slick-prev:after{bottom:0;transform:rotate(-45deg);}
.site-slider .slick-next:after{bottom:0px;transform:rotate(45deg);}
/*video*/
.site-slider iframe{position:relative;display:block;margin:0;max-width:100%;}
.site-slider .video-slide{}
.site-slider .video-wrap{position:relative;display:block;width:100%;height:auto;margin:0 auto;padding:0;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;}
.site-slider .video-wrap iframe{transition:all 800ms;opacity:0;}
.site-slider .video-wrap.video-play iframe{opacity:1;}
.site-slider .video-wrap button{position:absolute;display:block;width:120px;height:80px;top:50%;left:50%;margin:-40px -60px;border:2px solid #fff;background:transparent;border-radius:15px;color:transparent;padding:0;text-align:center;transition:all 400ms;}
.site-slider .video-wrap button:hover{transform:scale(1.1);}
.site-slider .video-wrap button:before{content:"";border-top:30px solid #fff;border-left:30px solid transparent;width:0;height:0;margin:0 auto;display:block;transform:rotate(45deg);transform-origin:10% 30%;cursor:pointer;}
.site-slider .video-wrap.video-play button,
.site-slider.on-play .slick-arrow{opacity:0;z-index: -10;}
.site-slider a{display:inline-block;margin:0 auto;text-align:center;border-top:1px solid;border-bottom:1px solid;padding:5px;}
.site-slider a:hover{color:#172c53;}
/*widget*/
.widget-wrap{position:relative;display:block;}
.widget-title{position:absolute;display:block;left: 0px;top: -55px;width: 39%;}
.widget-boxes{position:relative;display:block;width:100%;height:auto;z-index: 10;}
.widget-boxes .widget-box{position: relative;display:block;width:94%;height:auto;margin:0 3% 6%;background:red;padding:15px;}
.widget-boxes .row{width:101%;margin:0 -0.5%;}
.widget-boxes .row .col{padding:0;}
.widget-boxes .widget-box .inner-wrap{position:relative;display:flex;width:100%;height:100%;padding:10px;align-items:flex-end;justify-content:flex-start;}
.widget-boxes .widget-box .label{position:absolute;display:block;top:10px;left:10px;text-transform:uppercase;}
.widget-boxes .widget-box .description{line-height:1;}
.widget-boxes .widget-box[data-type="1"] .inner-wrap{background: #fff;color:#000;}
.widget-boxes .widget-box[data-type="2"] .inner-wrap{background:#000;color:#fff;}
.widget-boxes .widget-box.w-01{margin-top:75%;}
.widget-boxes .widget-box.w-03{margin-top:50%;}
.widget-boxes .widget-box.w-08{margin-top:25%;}
.widget-boxes .widget-box.w-10{margin-top:5%;}
.widget-boxes .widget-box.bbg-01{background:#09e6fa;background:-moz-linear-gradient(top,  #09e6fa 1%, #42ff58 50%);background:-webkit-linear-gradient(top,  #09e6fa 1%,#42ff58 50%);background:linear-gradient(to bottom,  #09e6fa 1%,#42ff58 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#09e6fa', endColorstr='#42ff58',GradientType=0 );}
.widget-boxes .widget-box.bbg-02{background:#f66bff;background:-moz-linear-gradient(top,  #f66bff 2%, #9758fb 50%);background:-webkit-linear-gradient(top,  #f66bff 2%,#9758fb 50%);background:linear-gradient(to bottom,  #f66bff 2%,#9758fb 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66bff', endColorstr='#9758fb',GradientType=0 );}
.widget-boxes .widget-box.bbg-03{background:#ffc846;background:-moz-linear-gradient(top,  #ffc846 0%, #ff0053 40%, #ff00f9 100%);background:-webkit-linear-gradient(top,  #ffc846 0%,#ff0053 40%,#ff00f9 100%);background:linear-gradient(to bottom,  #ffc846 0%,#ff0053 40%,#ff00f9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc846', endColorstr='#ff00f9',GradientType=0 );}
.widget-boxes .widget-box.bbg-04{background:#faff06;background:-moz-linear-gradient(45deg,  #faff06 0%, #13ff6d 45%);background:-webkit-linear-gradient(45deg,  #faff06 0%,#13ff6d 45%);background:linear-gradient(45deg,  #faff06 0%,#13ff6d 45%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#faff06', endColorstr='#13ff6d',GradientType=1 );}
.widget-boxes .widget-box.bbg-05{background:#114bff;background:-moz-linear-gradient(top,  #114bff 65%, #1dfed9 100%);background:-webkit-linear-gradient(top,  #114bff 65%,#1dfed9 100%);background:linear-gradient(to bottom,  #114bff 65%,#1dfed9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#114bff', endColorstr='#1dfed9',GradientType=0 );}
.widget-boxes .widget-box.bbg-06{background:#00f2be;background:-moz-linear-gradient(-45deg,  #00f2be 0%, #004aff 34%);background:-webkit-linear-gradient(-45deg,  #00f2be 0%,#004aff 34%);background:linear-gradient(135deg,  #00f2be 0%,#004aff 34%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2be', endColorstr='#004aff',GradientType=1 );}
.widget-boxes .widget-box.bbg-07{background:#ff6eff;background:-moz-linear-gradient(-45deg,  #ff6eff 0%, #ff00b7 50%, #ff00b7 56%);background:-webkit-linear-gradient(-45deg,  #ff6eff 0%,#ff00b7 50%,#ff00b7 56%);background:linear-gradient(135deg,  #ff6eff 0%,#ff00b7 50%,#ff00b7 56%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6eff', endColorstr='#ff00b7',GradientType=1 );}
.widget-boxes .widget-box.bbg-08{background:#ff5000;background:-moz-linear-gradient(-45deg,  #ff5000 0%, #ffff00 40%);background:-webkit-linear-gradient(-45deg,  #ff5000 0%,#ffff00 40%);background:linear-gradient(135deg,  #ff5000 0%,#ffff00 40%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5000', endColorstr='#ffff00',GradientType=1 );}
.widget-boxes .widget-box.bbg-09{background:#ff00e9;background:-moz-linear-gradient(-45deg,  #ff00e9 45%, #ff001b 75%, #ff8d00 95%);background:-webkit-linear-gradient(-45deg,  #ff00e9 45%,#ff001b 75%,#ff8d00 95%);background:linear-gradient(135deg,  #ff00e9 45%,#ff001b 75%,#ff8d00 95%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00e9', endColorstr='#ff8d00',GradientType=1 );}
.widget-boxes .widget-box.bbg-10{background:#ff5000;background:-moz-linear-gradient(45deg,  #ff5000 0%, #fffd00 56%);background:-webkit-linear-gradient(45deg,  #ff5000 0%,#fffd00 56%);background:linear-gradient(45deg,  #ff5000 0%,#fffd00 56%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5000', endColorstr='#fffd00',GradientType=1 );}
/*navigation*/
.site-navigation{position:fixed;display:block;width:100%;height:auto;left:0;bottom: 15px;transition:all 800ms;z-index: 999;}
.site-navigation .content-wrap{padding: 0 30px;}
.site-navigation.hide{bottom:-40%;}
.site-navigation .navigation-counter{position: relative;display: flex;float: left;width: 120px;flex-direction: row;justify-content: space-between;}
.site-navigation .navigation-counter span{color: #fff;}
.site-navigation .navigation-counter:before{content:"";position: absolute;display: block;width: 60px;height: 2px;background: #fff;top: 50%;margin-top: -1px;left: 30px;}
.site-navigation .navigation-menu{position: relative;display: block;float: right;}
.site-navigation .navigation-menu ul{position: relative;display: block;width: auto;padding: 0;margin: 0;list-style: none;}
.site-navigation .navigation-menu ul li{position: relative;display: inline-block;margin: 0 0px;padding: 0;}
.site-navigation .navigation-menu ul li button{position: relative;display: block;margin: 0;padding: 0;border: 0;background: 0;width: 20px;height: 60px;text-align: center;vertical-align: top;cursor: pointer;}
.site-navigation .navigation-menu ul li button span{position: absolute;display: block;opacity: 0;width: 100%;top: 0;left: 0;color: #fff;transform: rotate(-90deg);line-height: 1;}
.site-navigation .navigation-menu ul li button:before {content: "";position: absolute;display: inline-block;width: 3px;height: 3px;background: #fff;border-radius: 100%;vertical-align: top;top: 6px;margin: 0;opacity: 1;}
.site-navigation .navigation-menu ul li button:before,
.site-navigation .navigation-menu ul li button span,
.site-navigation .navigation-menu ul li button:after,
.site-navigation .navigation-counter span,
.site-navigation .navigation-counter:before{transition: all 600ms;}
.site-navigation .navigation-menu ul li button:after{content:"";position: absolute;display: block;width: 2px;height: 0;background:  #fff;top: 25px;left: 50%;margin-left: -1px;}
.site-navigation .navigation-menu ul li.active button:before{opacity: 0;}
.site-navigation .navigation-menu ul li.active button span{opacity: 1;}
.site-navigation .navigation-menu ul li.active button:after{height: 35px;}
.site-navigation[data-index="4"] .navigation-menu ul li button:before,
.site-navigation[data-index="4"] .navigation-menu ul li button:after,
.site-navigation[data-index="7"] .navigation-menu ul li button:before,
.site-navigation[data-index="7"] .navigation-menu ul li button:after,
.site-navigation[data-index="4"] .navigation-counter:before,
.site-navigation[data-index="7"] .navigation-counter:before{background:#000}
.site-navigation[data-index="4"] .navigation-menu ul li button span,
.site-navigation[data-index="7"] .navigation-menu ul li button span,
.site-navigation[data-index="4"] .navigation-counter span,
.site-navigation[data-index="7"] .navigation-counter span{color:#000;}
.site-main sub{line-height: 0;}
.widget-boxes.dragging[dragged-type="1"] .widget-box[data-type="1"],
.widget-boxes.dragging[dragged-type="2"] .widget-box[data-type="2"]{opacity:0.2}
.site-main .widget-boxes.dragging .widget-box.ui-draggable-dragging{opacity:1;}
.widget-boxes .widget-box.matched{background: #B5B5B5;left: 0!important;top: 0!important;}
.widget-boxes .widget-box.matched .inner-wrap{opacity: 0;position: absolute;}
.widget-boxes .widget-box.matched .inner-wrap.matched{opacity: 1;position: relative;background: rgb(255,255,255);background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 );}
.widget-boxes .widget-box.matched .inner-wrap.matched .problem{position: absolute;display: block;top: 5px;left: 5px;color: #000;width: 70%;}
.widget-boxes .widget-box.matched .inner-wrap.matched .solution{position: absolute;display: block;bottom: 5px;right: 5px;color: #fff;text-align: right;width: 70%;}
.widget-boxes .widget-box.matched .inner-wrap.matched .label{position: relative;display: block;top: auto;left: auto;right: auto;bottom: auto;font-size: 10px;}
.widget-boxes .widget-box.matched .inner-wrap.matched .description{font-weight: bold;}
.widget-feedback{position: absolute;display: block;width: 80%;height: 360px;left: 10%;top: 50%;background: #FF00FF;z-index: 99999;padding: 20px;display: none;margin-top: -180px;}
.widget-feedback .inner-wrap{position: relative;display: block;width: 100%;height: 100%;background: #fff;margin: 0;padding: 0;} 
.widget-feedback .inner-wrap .col{padding: 0;}
.widget-feedback .inner-wrap .upper-wrap,
.widget-feedback .inner-wrap .lower-wrap{position: absolute;display: block;width: 100%;height: 50%;padding: 20px;left: 0;}
.widget-feedback .inner-wrap .upper-wrap {top: 0;}
.widget-feedback .inner-wrap .upper-wrap:after {content:"";position: absolute;display: block;width: 70%;height: 2px;background: #000;top: 100%;margin-top: -1px;}
.widget-feedback .inner-wrap .lower-wrap{bottom: 0;}
.widget-feedback .inner-wrap .label{text-transform: uppercase;}
.widget-feedback .inner-wrap .description{line-height: 1;}
.widget-feedback .inner-wrap .response-wrap{background: #000;color: #fff;padding: 20px;display: block;background-image: url(../images/thumb.png);background-size: 80px;background-repeat: no-repeat;background-position: 90% 90%;}
.widget-feedback .inner-wrap .response{position: relative;display: block;width: 100%;}
.widget-feedback .inner-wrap .response-wrap button,
.widget-error button{border: 0;background: #fff;padding: 15px 30px;width: auto;border-radius: 100px;cursor: pointer;line-height: 1;}
.widget-wrap .widget-title,
.widget-wrap .widget-boxes{transition:all 800ms;opacity:1;}
.widget-wrap.on-feedback .widget-title,
.widget-wrap.on-feedback .widget-boxes{opacity:0.2;}
.widget-result{background: rgb(255,0,255);background: -moz-linear-gradient(-45deg,  rgba(255,0,255,1) 0%, rgba(128,111,255,1) 61%, rgba(0,224,255,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(255,0,255,1) 0%,rgba(128,111,255,1) 61%,rgba(0,224,255,1) 100%);background: linear-gradient(135deg,  rgba(255,0,255,1) 0%,rgba(128,111,255,1) 61%,rgba(0,224,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00ff', endColorstr='#00e0ff',GradientType=1 );position: absolute;display: none;width: 600px;height: 300px;left: 50%;top: 50%;margin: -150px -300px;z-index: 9999;padding: 20px;}
.widget-result .inner-wrap{position: relative;display: block;width: 100%;height: 100%;margin: 0;padding: 20px;background: #fff;}
.widget-result button{border: 0;background: #000;padding: 15px 30px;width: auto;border-radius: 100px;cursor: pointer;color: #fff;}
.site-section[data-index="12"]:before{content:"";position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;background: #000;z-index: 0;opacity: 0;transition: all 800ms;}
.site-section[data-index="12"].overlay:before{opacity: 1;}
.video-titles{position: relative;display: block;width: 100%;margin-top: 30px;height: auto;min-height: 30px;}
.video-titles p{margin: 5px 0 0;font-weight: bold;position: absolute;display: block;width: 100%;height: auto;left: 0;bottom: 0;opacity: 0;transition: all 600ms;}
.video-titles p.active{opacity:1;}
.widget-error{position: absolute;display: block;width: 300px;height: auto;left: 50%;top: 30%;background: #FF00FF;z-index: 99999;padding: 20px;margin-left:-150px;display: none;color: #fff;}
.widget-error .inner-wrap{position: relative;display: block;width: 100%;height: 100%;background: #000;margin: 0;padding: 20px;text-align: center;} 
.widget-error img{max-width: 80px;-webkit-transform: scaleY(-1);transform: scaleY(-1);margin-top: 5px;display: block;margin: 0 auto;margin-bottom: 15px;}