body,html{
  background-color: #36a555; overflow: hidden;
  width: 100%; height: 100%; min-width: intial; min-height: intial;
}

.Document{position: relative; overflow: hidden; width: 100%; height: 100%;}
.Document .Scene{position: absolute; top: 0px; left: 0px; width: inherit; height: inherit; border: none; font-size: 0px; line-height: 0px;}
.Document .Logo{position: absolute; top: 30px; right: 27px; width: 12.5%; min-width: 125px;}

.Turn-Off .On{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;}
.Turn-Off .On table{width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.Turn-Off .On table img{height: 37.5%;}
.Turn-Off:hover .On table img{transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95);}

.Turn-On{opacity: 0.0; filter: alpha(opacity=0); pointer-events: none;}
.Turn-On .Background{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background-color: #36a555; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Turn-On .Pause{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;}
.Turn-On .Pause table{width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.Turn-On .Pause table img:hover{transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95);}
.Turn-On .Pause #Pause-Button{cursor: pointer; cursor: hand;}
.Turn-On .Babylon{position: absolute; top: 29px; left: 27px; width: 25%;}
.Turn-On .Player{position: absolute; bottom: 30px; left: 25px;}
.Turn-On .Player .Item{margin-top: 10px; white-space: nowrap;}
.Turn-On .Player .Item .Icon{display: inline-block; vertical-align: middle;}
.Turn-On .Player .Item span{display: inline-block; vertical-align: middle; margin: 0px 0px 0px 13px; font-family: 'Mercenary-Medium'; font-size: 20px; color: #FFFFFF;}
.Turn-On .Player #Play-Pause{cursor: pointer; cursor: hand;}

.Turn-On .Player .Volume{position: relative;}
.Turn-On .Player .Volume .Area{display: inline-block; vertical-align: middle; position: relative; left: 15px; width: 100px; height: 12px;} /* #36a555 */
.Turn-On .Player .Volume .Drop{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 4px solid #FFFFFF;}
.Turn-On .Player .Volume .Slider{position: absolute; top: 3px; bottom: 3px; left: 3px; right: 3px; border: none; outline: none;}
.Turn-On .Player .Volume .Slider .ui-slider-range-min{position: absolute; width: 100%; height: 100%; background: #FFFFFF; border: none; outline: none;} /* #FFFFFF */
.Turn-On .Player .Volume .Slider .ui-slider-handle{position: absolute; margin: -6px 0px 0px -9px; width: 18px; height: 18px; background: #2b2d80; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; cursor: pointer; outline: none; border: none;}

.Turn-Off.tag-wrapper{
  display: none;
}

.Turn-On .tag-wrapper{
  position: absolute;
  display: block;
  z-index: 5;
  left: 50%;
  transform:translateX(-50%);
  bottom: 45px; 
}

.Turn-On .tag-wrapper a{
  font-family: 'Mercenary-Medium';
  font-size: 20px;
  color: #FFFFFF;
  text-decoration:none;
}

.Turn-On .tag-wrapper a:hover{
  color:#fff;
  text-decoration:underline;
}

#ex1 p{
  font-family: 'Mercenary-Medium';
  font-size: 14px;
  line-height:22px;
  font-weight:400;
  text-align:left;
}

#ex1 p.title{
  font-size:16px;
  line-height:22px;
  font-weight:800;
  margin-bottom: 15px;
  margin-top: 20px;
}

#ex1 p span{
  font-weight:600;
}

.modal{
  max-width:600px!important;
  padding-bottom:35px!important;
}
  
.Turn-On .Problem{position: absolute; bottom: 31px; width: 100%; text-align: center; pointer-events: none;}
.Turn-On .Problem a{pointer-events: all;}
.Turn-On .Problem img{width: 250px;}

.Twitter{position: absolute; overflow: hidden; overflow-y: auto; bottom: 30px; right: 30px; height: 35%; color: #FFFFFF !important;}
.Twitter::-webkit-scrollbar{width: 12px; height: 12px;}
.Twitter::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.40); border-style: none;}
.Twitter::-webkit-scrollbar-thumb{background: rgba(43, 45, 128, 0.40);}
.Twitter iframe body p{color: #FFFFFF !important;}

.Hidden{position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; cursor: hand;}
.Hidden img{width: 100%; height: 100%;}

img{border: none;}

.Clear{clear: both;}

@media screen and (max-width: 680px){
  .Player{bottom: 85px !important; transform-origin: 0% 100%; transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75);}
}

@media screen and (max-width: 925px){
  .Twitter{display: none;}
  .Turn-On .tag-wrapper{left:auto; right:30px;}

}

@media screen and (max-height: 420px){
  .Player{transform-origin: 0% 100%; transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75);}
  .Twitter{transform-origin: 100% 100%; transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75);}
}