table.infoblock, .infoblock table { width: 100%; border:0; border-collapse: collapse; border-spacing: 0; transition:All 3s ease;
-webkit-transition:All 3s ease; -moz-transition:All 3s ease; -o-transition:All 3s ease; position: relative !important; }
table.infoblock td { padding: 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }

.w50{ width: 50%; }
.w25{ width: 25%; }
.h100{ height: 100%; }
.h260{ height: 260px;  }
.h520{ height: 520px; }
.h50{ height: 50%; }
.h300{ height: 300px; }

.infoblock p { color: inherit; margin: 20px 0 20px 0;}
.infoblock h3 { color: inherit; margin: 50px 0 20px 0;line-height: 85%;}
table.infoblock td.bg_dark{ background-image: url(/img/bg_gradient_200.png); background-repeat: repeat-y; background-position: left; background-size: auto;  }
.bg_dark p, .bg_dark h3{ color: white }
table.infoblock font{ display: block; padding: 15px 30px 15px 30px; text-align: left;
	box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

div.anim, div.anim div { background-size:cover; position: relative;  background-position: center center;}
div.anim div{ position: absolute; top: 0; width: 100%;}

.infoblock .dots{ position: absolute; display: block; z-index: 5000; width: 100%; margin: 0; text-align: center; margin: -25px 0 0 0;}
.infoblock .dots a{ display: inline-block; width: 14px; height: 14px; border-radius: 7px; opacity: 0.5; 
background: white; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin: 0 6px 0 6px;  }
.infoblock .dots a:hover{ background-color: #BD2968; opacity: 0.9;}
.infoblock .dots a.on{ transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4);  }
.infoblock .dots a.on:hover{ transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); background-color: white; opacity: 0.7 }

.bgtp{ background: transparent }

img.cap{ width: 1px; height: 350px; }
.info_dalee{
	text-decoration: none;	display: block;	color: white !important;	font-weight: bold; background: rgba(60,50,0,0.1);	padding: 10px 20px; 
	/*box-shadow:  inset 0 -40px 10px -20px #CD3B11;	 background-color: #EF6E41;*/ 	border-radius: 50px; 	
	width:50px; text-align: center; bottom: 10px; left: 35%; 	font-size: 80%; 	cursor: pointer; }
.info_dalee:hover{ color: white; text-decoration: none; background: rgba(80,50,0,0.5); opacity: 1; }
.bg_dark .info_dalee { background: rgba(255,255,255,0.2); }
.bg_dark .info_dalee:hover { background: rgba(255,255,255,0.4); }

.bg_dark a { color: #FFD200; } 
.bg_dark a:hover { color: #FF9600; }

.op1, .op0{ transition:All 2s ease !important;    -webkit-transition:All 2s ease !important;    -moz-transition:All 2s ease !important;    -o-transition:All 2s ease !important; }
.op1{ opacity: 1 }
.op0{ opacity: 0 }
.scene_txt{ position:absolute;top:0;bottom:0;left:0;right:0;padding:30px; }
.scene_txt a{ text-decoration: underline }


/* Tiny Carousel */
.slider_trailer {	width: 100%; margin: 0; overflow: hidden; position: relative; padding: 0;  }
.slider_trailer .viewport {height: 100%;  overflow: hidden; position: relative; }
.slider_trailer .overview { height: 100%;	list-style: none; position: absolute; padding: 0; margin: 0; }
.slider_trailer .overview li { height: 100%;	float: left; margin: 0; padding: 0; border: none; 
	  list-style: none; vertical-align: middle; background-size: cover; background-position: center center;  }
.slider_trailer .overview li h3{ font-size: 250%;  margin: 0; color: white; text-shadow: 0 0 30px rgba(60,0,0,0.5); font-weight: normal; 
line-height: 90%; opacity: 0.9 }
.slider_trailer .overview li p{ margin: 40px 0 0 0; color: white; text-shadow: 0 0 30px rgba(60,0,0,0.5); font-weight: normal; 
											line-height: 95%; }

.slider_trailer .overview li ul { margin: 40px 0 0 0; width: 300px !important; color: white;  font-weight: normal; 
											line-height: 110%; width: 85% !important; }
.slider_trailer .overview li ul li { height: auto;	float: none; margin: 30px 0 0 0; padding: auto; border: none; 
	  list-style: square; vertical-align: middle; text-shadow: 0 0 10px rgba(30,0,0,0.5) !important; width: 100% !important; }

.slider_trailer .overview li a{ text-decoration: none; opacity: 0.85; }
.slider_trailer .overview li span{ /* opacity: 0.85; */ }
.slider_trailer .overview li a:hover{ opacity: 1; }
.slider_trailer .buttons {   display: block; position: absolute; top: 40%; 
    width: 45px;  height: 89px; text-decoration: none; background: url(/img/larr.png) no-repeat 0 0 cover; 
    opacity:0.5; transform:scale(0.90); }
.slider_trailer .prev{ left:10px; display: none;  }  #slider_trailer .prev:hover{ }
.slider_trailer .next { right: 10px; background: url(/img/rarr.png) no-repeat 0 0}
.slider_trailer .next:hover { }
.slider_trailer .buttons:hover { opacity:0.7; transform:scale(1);  }
.slider_trailer .disable { visibility: hidden; }

.half_screen{ background: rgba(20,0,0,0.4); height: 100%; width: 50.7%; float: right; padding: 100px 50px 50px 50px; box-sizing: border-box }

@media only screen and (max-width: 1100px) {
	.slider_trailer .overview li h3{ font-size: 350%; margin-top: 20%;  }
	.slider_trailer .overview li p{ font-size: 170%;  }
}
@media only screen and (max-width: 1000px) {
	.slider_trailer .overview li h3{ font-size: 300%; margin-top: 16%;  }
	.slider_trailer .overview li p{ font-size: 150%;  }
}
.slider_trailer .overview li{	background-position: center; background-repeat: no-repeat; transition: none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}


.screen1{ width: 100%; height: 100%; background-size: cover; background-position: center center; position: relative; }
.admin_body .screen1{ height: auto; max-height: 400px; }
.screen2{ width: 70%; position: absolute; top:0; margin: 2% 15% 0 15%;  }
.screen2 h3{ font-size: 400% !important; color: white !important; text-shadow: 0 0 30px rgba(0,0,0,0.3); font-weight: normal; }
.screen2 p{ font-size: 180% !important; color: white  !important; text-shadow: 0 0 30px rgba(0,0,0,0.3); font-weight: normal; line-height: 95%; }

.videoblock{ padding:30px 70px;position:absolute;top:0;width:100%;box-sizing: border-box }
.videoblock *{ color: white !important; text-shadow: 0 0 20px rgba(0,0,0,1); }
.videoblock h1{ text-shadow: 0 0 30px rgba(0,0,0,0.7); opacity: 1 }

.ib_edit{ position: absolute; display: block; z-index: 100; right: 0; width: 36px; height: 36px; background: url(/_admin/img/edit.png) no-repeat;
background-size: cover; margin: 10px 10px 0 0; opacity: 0.3; }
.ib_edit:hover{opacity: 0.8; }
