/* Parallax */

/*
layers:
parallax itself: NONE
parallax redesign-link: 901
parallax trailer-link: 902
ears: 903
menu: 1001
*/



.ten_topbar {display: none;}

.paratrailer, .paratickets {position: absolute; top: 43px; z-index: 904; height: 31px; border-radius: 2px; transition: background-color 0.3s ease-in-out;}
.paratrailer {left: 645px; width: 241px;}
.paratickets {left: 892px; width: 181px;}
.paratrailer {background-image: url('b_trailer.png');}
.paratickets {background-image: url('b_tickets.png');}
.paratrailer:hover, .paratickets:hover {background-color: rgba(180,16,47,0.2);}

.paralink {position: absolute; top: 0; left: 0; z-index: 901; width: 100%; height: 500px; background-color: transparent;}
.paralink:hover {cursor: pointer;}

.paracontainer {width: 100%; max-height: 420px; overflow: hidden; margin: 0 auto;}
.paracontainer ul, .paracontainer ul li {margin: 0; padding: 0; list-style-type: none;}

.paracontainer ul li img {width: 100%; max-width: 1200px;}

.ten_ears_wrap {position: relative; z-index: 903; margin: 0 auto 0 auto;}
/*.ten_ears_wrap {position: relative; z-index: 903; margin: -150px auto 0 auto;}*/


.anim-deadpool_loading {
	animation: pileOfData 2s ease-in-out 10;
	-webkit-animation-name: pileOfData;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
}
@keyframes pileOfData {
	0% {opacity: 1;}
    50% {opacity: 0.4;}
    100% {opacity: 1;}
}
@-webkit-keyframes pileOfData {
	0% {-webkit-opacity: 1;}
    50% {-webkit-opacity: 0.4;}
    100% {-webkit-opacity: 1;}
}



/*скрываем кнопки на брендировании */
@media only screen and (max-width: 1199px) {
	.paratickets, .paratrailer {display: none;}
}
@media only screen and (max-width: 729px) {
	.paracontainer {margin: 10px auto 0 auto;}
}





body {background: #fff url('bg.png') center top no-repeat;}

/*temp*/
body {min-width: 300px !important;}

#ten_frontrow_link {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-decoration: none;}

#ten_frontrow_trailer {display: block; position: absolute; z-index: 2; left: 129px; top: 283px; width: 48px; height: 48px; text-decoration: none;}
#ten_frontrow_trailer:hover {border-radius: 50%; background-color: #fff; opacity: 0.40; filter: alpha(opacity=40);}

#ten_frontrow_secondlink {display: block; position: absolute; z-index: 2; left: 456px; top: 302px; width: 286px; height: 48px; border-radius: 8px; text-decoration: none;}
#ten_frontrow_secondlink:hover {background-color: #4087c9; opacity: 0.40; filter: alpha(opacity=40);}

/* Трейлер и распорка */
.trailerb {margin: 10px 0 0 0; text-align: center; background: #000000 url('lightbox_bg.png') no-repeat center top; color: #fff3dc; text-shadow: 1px 1px 1px #000000; font-family: Arial, sans-serif; font-size: 14px; padding: 0; border: 0; display: none; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.9);}
.selector {width: 100%; height: 45px;}
.trailer {width: 100%; padding: 20px 29px 0px 29px; min-height: 405px;}

/* По-умолчанию футер на сайте с нулевой высотой, а ссылка в нем скрыта - здесь мы указываем высоту футера и включаем ссылку */
div.ten_footer_wrap {display: block; width: 100%; height: 400px; background: url('footer.jpg') center top no-repeat;}
a#ten_footer_link {display: block; width: 1200px; height: 100%; margin: 0 auto; text-decoration: none;}
a#ten_footer_link:hover {text-decoration: none;}

/* Рубль тому, кто объяснит смысл этого */
#ad-image-id {position: absolute !important;}