/*
Author:			redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */

@import "reset-settings.css" all;

.short-img img, .act-img img, .trailer-img img, .news-img img, 
.top-img img, .box .highslide img, .short-n-img img {width:100%; min-height:100%;}
h1, h2, h3, .head-menu li a, .show-login, .show-genres, .search-wrap, .search-box button, .foot-menu, 
.cat-title, .vtitle, .rel-t {font-family: 'Open Sans Condensed', sans-serif; font-weight:700;}
.short-img:after, .short-img:before, .act-img, .act-img img, .trailer-img:before, 
.switcher label:before, .switcher label, .switcher label:after
{-webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}

#partner 
{
	display:inline-block; 
	float:left;
}
#partner li {
	float:left; 
	margin-right:10px; 
	position:relative;
	}
#partner li a{
	opacity:0.8;
	}
#partner li a:hover{
	opacity:1;
	}

/* KARKAS
----------------------------------------------- */
.all-wrap {
    height:auto; 
    width:100%; 
    background:#000 url(../images/bg.jpg) center top no-repeat; 
    padding:0;
}

.wrap {
    width:1000px;
    margin:0 auto;
    border-radius:5px 5px 0 0; box-shadow:0 0px 6px 0 rgba(0,0,0,0.3);
}

.header {
    height:100px;
    background-color:#FFF; 
    position:relative; 
    box-shadow:0 6px 3px -3px rgba(0,0,0,0.8);
}

.navi-wrap {
    height:300px; 
    padding:10px 0 30px 20px; 
    position:relative; 
    background-color: rgba(0,0,0,0.1); 
    text-align:center;
}

.navi-wrap:before {
    content:""; 
    width:100%; 
    height:100%; 
    background-color:rgba(0,0,0,0.5); 
	position:absolute; left:0; top:0;
}

.navi-items {
    position:relative; 
    z-index:100; 
    display:inline-block;
	float:left;
}

.content-wrap {
    padding:20px 280px 20px 20px; 
    position:relative;
    background-color:#FFF; 
}

.content-wrap:before {
    content:"";
    width:280px; 
    height:100%; 
    background-color:#f6f6f6; 
    box-shadow:inset 3px 0 3px 0 rgba(0,0,0,0.1); 
	position:absolute; 
    right:0; top:0; 
    z-index:10;
}

.right-decor {
    background-color:#fff;
	background-position:650px 7px;
}

.left-wrap {
    float:left; 
    width:100%;
    background-color:#FFF; 
}
.right-wrap {width:240px; float:right; margin-right:-260px; position:relative; z-index:20;}

.foot {width:100%; min-width:320px; max-width:1200px; margin:0 auto; padding:20px 0;}

.fulls-wrap {padding:0 20px 100px 0;}


/* HEADER
----------------------------------------------- */
.logo {
	display:block; 
	width:335px; 
	height:78px; 
	float:left; 
	background:url(../images/logo.png) no-repeat; 
	overflow:hidden; 
	text-indent:-1000px; 
	margin-top:10px;
	margin-left:10px;
}

.show-login {
	display:block; cursor:pointer; width:100px; height:100px; float:right; 
border-radius:0 5px 0 0; background:#97ce68 url(../images/login.png) left top no-repeat; 
color:#FFF; text-align:center; line-height:100px; text-transform:uppercase;
}

.show-login.logged {background-position:0 -100px;}

.show-login:hover {background-color:#80bb4e;}

.head-menu {
	display:inline-block; 
	float:right; 
	line-height:90px;
	font-size:17px;
	padding-top:10px;
	}
	
.head-menu li {
	float:left; 
	margin-right:40px; 
	position:relative;
	}
	
.head-menu li:before {
	content:""; 
	width:3px; 
	height:18px; 
	background:url(../images/hmenu.png) no-repeat;
	position:absolute; 
	left:-20px; 
	top:36px; 
	z-index:10;
	}
	
.head-menu li a {
	color:#999; 
	text-transform:uppercase;
	}
	
.head-menu li a:hover {color:#97ce68;}

.head-menu li:last-child {margin-right:20px;}

/* NAV AND SEARCH
----------------------------------------------- */
.show-genres {display:inline-block; cursor:pointer; height:50px; line-height:50px; padding:0 35px 0 40px; float:left; 
border-radius:3px; background:#F60 url(../images/menu-arr.png) right 20px no-repeat; 
color:#FFF; text-transform:uppercase; font-size:18px; position:relative;}
.show-genres:before {content:""; width:30px; height:30px; background:url(../images/menu-touch.png) no-repeat;
position:absolute; left:5px; top:10px; z-index:10;}
.show-genres:hover {background-color:#dc5b04;}

.main-menu {
	width:960px; 
	height:auto; 
	padding:10px; 
	background-color:#fff; 
	text-align:left; 
	position:absolute; 
	left:20px; 
	top:280px; 
	z-index:8888; 
	display:none; 
	border-radius:3px; 
	box-shadow:0 0 20px 0 rgba(0,0,0,0.5);
	}
	
.main-menu li {
	width:20%; 
	float:left; 
	display:inline-block;
}
.main-menu li a {display:block; height:26px; line-height:26px; padding:0 10px; color:#444444;}
.main-menu li a:hover {background-color:#f60; color:#fff;}

.search-wrap {float:left; display:inline-block;}
#quicksearch {float:left;}
.search-wrap > span {color:#f0f0f0; margin:0 20px; display:inline-block; float:left; line-height:50px;}
.search-box {position:relative; display:inline-block; float:left; height:50px; background-color:rgba(0,0,0,0.7);
 border-radius:3px; border:3px solid #F60; border-top:0; border-bottom:0; }
.search-box > span {color:#ccc; margin:0 20px; display:inline-block; float:left; line-height:50px; font-size:14px;}
.search-box input, .search-box input:focus {width:450px; height:30px; line-height:30px; padding:0 100px 0 10px; border-radius:3px;
background-color:#000; color:#ccc; float:left; margin:10px 20px 0 0; box-shadow:0 0 0 1px #222;}
.search-box button {border-radius:0 5px 5px 0; border:0; background-color:#000; color:#f60;
position:absolute; right:20px; top:10px; height:30px; line-height:30px; display:inline-block; padding:0 20px;}
.search-box button:hover {opacity:0.7;}



/* TOP Menu
---------------------------------------------- */

.top-menu {background-color:#97ce68;}

.top-menu li a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
	color:#FFF; 
	text-transform:uppercase; 
	font-size:12px; 
	height:40px; 
	line-height:40px; 
	padding:0 20px; 
	float:left; 
	position:relative;
	}
	
	.top-menu li a:first-child{
    margin-left:8px;
	}
.top-menu li a:before{
	content:""; 
	width:3px; 
	height:18px; 
	background:url(../images/hmenu.png) no-repeat;
	position:absolute;
	right:-2px;
	top:11px;
	z-index:10;
	}

.top-menu .last a:before{
	background:none;
	}
	
.top-menu li a:hover {background-color:#80bb4e;}




/* SHORTSTORIES AND CUSTOMS
----------------------------------------------- */
.cat-title {color:#444; margin-bottom:20px; font-size:24px; text-transform:uppercase;}

.api
{
    position:relative;
    
}


.short-item {
	width:22.5%; 
	margin-right:2.5%; 
	float:left; 
	position:relative;
	}
.short-item .poster-age{
    position:absolute;
    z-index:2;
    left:5px;
    top:45px;
    width:50px; 
    height:50px;
}

/* .shorts-wrap .short-item:nth-child(4n) {
	margin-right:0%;
	} */

.short-img {
	height:230px; 
	overflow:hidden; 
	display:block; 
	position:relative;
	}

.short-img:before {
	content:""; 
	width:100%; 
	height:100%; 
	background-color:rgba(0,0,0,0.6); 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:10; 
	transform: scale(0.8); 
	opacity:0;
	}

.short-img:after {
	content:attr(data-label); 
	width:100px; 
	height:42px; 
	line-height:40px; 
	text-align:center; 
	position:absolute; 
	left:50%; 
	top:50%; 
	margin:-20px 0 0 -50px; 
	z-index:20; 
	transform: scale(0.8); 
	opacity:0; 
	border:3px solid #FFF; 
	border-radius:3px; 
	color:#FFF; 
	font-size:16px;
	}
	
.short-item:hover .short-img:before, .short-item:hover .short-img:after {
	transform: scale(1.0); 
	opacity:1;
	}

.short-info {
	background-color: #333333;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:3px solid #F60;
	height: 46px;
	}
	
.short-info2 {
	text-align:center;
	background-color: #333333;
	margin-bottom:10px;
	height: 20px;
	border-top:3px solid #F60;
	height: 30px;
	}
	
.short-info2 .short-cat {
	margin-top: 6px;
}
	
.short-info2 .short-cat a {
	font-size:14px;
	color: #fff;
}
	
.short-item .full-rate {
	position: absolute;
	top: 60px;
	right:1px;
	z-index: 2;
	margin-left:48px;
}

	
.short-rate {
	margin:5px 0;
	}
	
.short-info h3 {
	font:bold 12px Tahoma; 
	line-height:16px; 
	height:36px; 
	overflow:hidden;
	}
	
.short-info h3 a {
	color:#fff; 
	display:block;
	margin:5px 8px;
	text-align: center;
	}
	
.short-cat {
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	font-size:11px;
	}
	
.short-cat a {color:#06c;}
.short-cat a:hover {text-decoration:underline;}

.actors-wrap {background:#222  url(../images/dark-bg.jpg); padding:20px 0 20px 20px;}
.actors-title {color:#97ce68;}
.act-item {display:block; float:left; width:7%; margin:0 2.5% 0 0.5%;}
.act-img {overflow:hidden; height:80px; border-radius:3px; box-shadow:0 0 0 5px #ccc;}
.act-item h3 {color:#ccc; font:bold 12px Tahoma; text-align:center; margin:15px 0px 0 0px;
height:36px; line-height:18px; overflow:hidden;}
.act-item:hover .act-img {box-shadow:0 0 0 3px #fff;}
.act-item:hover .act-img img {transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.act-item:hover h3 {color:#f60;}

.tr-news-wrap {padding:20px; background-color:#fff; }
.trailers-wrap, .news-wrap {width:320px; float:left;}
.news-wrap {border:1px solid #e3e3e3; padding:20px; border-radius:3px;}
.tr-news-wrap .inform_rules{
	padding:20px 20px 10px 20px; 
	color:#444444;
	text-align:justify;	
	font: 14px Arial, Helvetica, sans-serif;
	line-height: normal;
}

.trailer-item {width:30%; margin-right:3%; margin-bottom:20px; float:left; display:block;} 
.trailers-wrap .trailer-item:nth-child(3n+1) {margin-right:0;}
.trailer-img {height:100px; overflow:hidden; margin-bottom:5px; position:relative;}
.trailer-img:before {content:""; width:2%; height:100%; background-color:#f60; 
position:absolute; left:0; top:0; z-index:10;}
.trailer-img:after {content:""; width:56px; height:56px; background:url(../images/play.png) no-repeat;
position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; z-index:20;}
.trailer-item h3 {font:bold 12px Tahoma; line-height:18px; height:36px; overflow:hidden; color: #444444;}
.trailer-item:hover .trailer-img:before {width:100%;}

.short-tr {width:30.3%;} 
.short-tr .trailer-img {height:120px;}

.news-item {width:48%; margin-right:3%; margin-bottom:20px; height:60px; float:left;}
.news-wrap .news-item:nth-child(2n+1) {margin-right:0;}
.news-date {display:inline-block; background-color:#F60; color:#FFF; padding:0 5px; margin-bottom:10px;
height:20px; line-height:20px; font-weight:bold; border-radius:3px; position:relative;}
.news-date:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; pointer-events: none; border-color: rgba(255, 102, 0, 0); 
border-top-color: #f60; border-width:6px; margin-left: -6px; }
.news-item h3 a {display:block; font:12px Tahoma; color:#444;}
.news-item h3 a:hover {text-decoration:underline;}

.short-n-item {padding:0 0 20px 220px; position:relative; margin:0 20px 20px 0; border-bottom:1px solid #e3e3e3;}
.short-n-img {width:200px; height:130px; overflow:hidden; float:left; margin-left:-220px; position:relative; border:5px solid #f0f0f0;}
.short-n-text {float:right; width:100%; color:#5d5d5d; font-size:13px;}
.short-n-text h3 a, .short-n-text h2 a {display:block; color:#444; font-size:18px; line-height:18px; margin-bottom:10px;}
.short-n-info {color:#fff; background-color:#F60; font-size:12px; text-transform:uppercase; 
display:inline-block; padding:5px 10px; position:absolute; left:5px; top:5px;}
.short-n-text h3 a:hover, .short-n-text h2 a:hover {color:#000; text-decoration:underline;}


/* SEO BOTTOM DESCRIPTION
----------------------------------------------- */
.desc-wrap { margin-bottom:20px; background-color:#fff;}
.desc-text {padding:0px;}
.main-desc {padding:20px 20px 10px 20px; color:#444444; font-size:14px; background-color:#f5f5f5; border:1px solid #e3e3e3;}
.main-desc h1 {font-size:24px; color:#000; text-transform:uppercase; margin-bottom:15px;}
.main-desc h1 span {color:#f60;}
.main-desc p {margin-bottom:10px;}
.desc-text img {float:left; margin:0 10px 10px 0; display:block; border-radius:5px;}
.main-desc2 {padding:20px 20px 10px 20px; color:#444444; font-size:14px; }
.main-desc2 h1 {font-size:24px; color:#000; text-transform:uppercase; margin-bottom:15px;}
.main-desc2 h1 span {color:#f60;}
.main-desc2 p {margin-bottom:10px;}



/* FOOTER
----------------------------------------------- */
.foot-menu {background-color:#97ce68;}
.foot-menu li a {color:#FFF; text-transform:uppercase; font-size:14px; height:40px; line-height:40px; 
padding:0 20px; float:left; position:relative;}
.foot-menu li a:before {content:""; width:3px; height:18px; background:url(../images/hmenu.png) no-repeat;
position:absolute; right:-2px; top:11px; z-index:10;}
.foot-menu li a:hover {background-color:#80bb4e;}
.foot-menu li a:first-child
{
    margin-left:4px;
	}

.foot {padding:20px 220px 20px 20px; position:relative; min-height:73px; 
background:#222222 url(../images/dark-bg.jpg); border-radius:0;}
.foot:before {content:""; width:185px; height:200px; position:absolute; right:0px; top:-180px; z-index:50;}
.foot p {width:100%; color:#a5a5ae;}
.counts {position:absolute; top:20px; right:20px; width:220px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; margin-left:1px; background-color:#404048;}
.wr-copyr {position:absolute; right:0px; top:-25px; color:#a5a5ae; z-index:20; opacity:0.8;
width:200px; height:30px; background:url(../images/webrambo.png) 20px 0 no-repeat; text-indent:-999px; overflow:hidden;}
.wr-copyr:hover {opacity:1;}

.foot-menu .last a:before{
	background:none;
	}



/* RIGHT SIDEBAR
----------------------------------------------- */
.side-box {border:1px solid #e3e3e3; padding:20px; border-radius:3px; margin-bottom:20px; background-color: #fff;}

.top-item {display:block; padding:0 0 10px 60px; margin-bottom:10px; border-bottom:1px solid #e3e3e3;}
.top-img {float:left; overflow:hidden; width:50px; height:65px; margin-left:-60px;}
.top-text {float:right; width:100%;}
.top-title {font-size:14px; color:#444444;}
.top-info { font-size:10px; margin-top:5px; color:#7b7b7b;}
.top-item:hover .top-title {color:#f60;}
.side-box .top-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

.vote-box {position:relative;}
.vote-box:before {content:""; background-color:#f60; border-radius:0 0 5px 5px; height:10px; width:180px; 
position:absolute; top:0; left:50%; margin-left:-90px;}
.vote-box .cat-title {background-color:#97ce68; color:#fff; margin:-20px -20px 20px -20px; padding:20px; border-bottom:1px solid #e3e3e3;}

.rkl-box {padding:0; border:0;}


/* NEW RATINGS
----------------------------------------------- */
.rate-type1 {width:106px; margin:0 auto; height:30px; padding-top:4px;}
.rate-type2, .rate-type3 { display:inline-block; height:30px; line-height:28px; padding:0 10px 0 0; 
border-radius:3px; font-size:12px; font-weight:bold; overflow:hidden; border:1px solid #e3e3e3; text-align:left;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );}

.api .rate-type3
{
margin-left: 40px;
margin-top:5px;
}


.ratingzero {color: #444444;}
.ratingtypeplus {color: #06b601;}
.ratingplus {color: green;}
.ratingminus {color: red;}
.rate-type2 a, .rate-type3 a {display:inline-block; float:left; margin-right:8px; height:100%;}
.rate-type2 span, .rate-type3 span {float:left; display:inline-block;}
.rate-type2 b, .rate-type3 b {display:inline-block; color:#FFF; padding:0 5px 0 0; font-size:12px; height:100%;
background: #92e358;
background: -moz-linear-gradient(top, #92e358 0%, #0ba607 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92e358), color-stop(100%,#0ba607));
background: -webkit-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -o-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -ms-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: linear-gradient(to bottom, #92e358 0%,#0ba607 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92e358', endColorstr='#0ba607',GradientType=0 );}
.rate-type2 b:after {float:left; content:attr(data-like); display:inline-block;}
.rate-type2 img {float:left; margin-right:8px; border-right:1px dotted #f0f0f0; display:block;}
.rate-type2 a:hover b, .rate-type3 a:nth-child(3):hover b {background:#0ba607 !important;}
.rate-type3 a:nth-child(1):hover b {background:#cf0404 !important;}
.rate-type3 {padding:0;}
.rate-type3 a:nth-child(3) {margin:0 0 0 8px;}
.rate-type3 a:nth-child(1) b { padding:0;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );}
.rate-type3 a:nth-child(3) b {padding:0;}


/* FULLSTORIES
----------------------------------------------- */
.full-story {}
.full-title {position:relative; margin:0px 0 40px 0;}
.full-top-info {text-align:center; height:30px; margin-bottom:10px;}
.full-date {color:#9b9b9b; display:inline-block; float:left; margin-right:20px; line-height:30px;}
.full-cat {display:inline-block; margin:0 20px 0 0; font-size:12px; 
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:50%; line-height:30px; float:left; }
.full-cat a {text-decoration:underline; color:#06c;}
.full-cat a:hover {text-decoration:underline; color:#C9070A;}
.full-views {display:inline-block; float:left; position:relative; top:6px;}
.full-rate {display:inline-block; float:right;}
.full-title h1 {display:block; font-size:24px; font-weight:700; color:#444444;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {font:14px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:30px; text-align:justify;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#D005C9;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;} 

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-tags-wrap {border:1px solid #e3e3e3; background-color:#f5f5f5; padding-right:20px; line-height:30px; margin-bottom:20px;}
.full-tags-wrap span {display:inline-block; float:left; margin-right:20px; 
background-color:#404048; color:#fff; font-weight:bold; padding:0 20px;}
.full-info {padding:0 75px 0 20px; position:relative; height:40px; line-height:40px; 
margin:20px -20px; background-color:#f6f6f6; box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.1);}
.tor-center .tor {
	text-align:center;
	display:block;
	margin: 0 auto;
	background-color: #f60;
	color: #fff;
	font-size: 16px;
	height: 40px;
	width:50%;
}
.tor-center .tor:hover{
	background-color: #333333;
}

.tor-center{
position:relative; height:40px; line-height:40px; 
margin:20px -20px; background-color:#f6f6f6; box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.1);
text-align:center;
}
.full-avtor, .compl {display:inline-block; float:left; margin-right:15px; font-size:12px; 
background: url("../images/avtor.png") left 11px no-repeat; padding-left:20px;}
.compl { color:#C50307; padding-left:0; background-image:none;}
.addfavorit { opacity: 1; position:absolute; right:20px; bottom:0px; z-index:100;}
.addfavorit:hover { opacity: 0.8 }
.iedit { position:absolute; right:55px; bottom:3px; z-index:100;}
.iedit * { cursor: pointer; height: 30px; width: 30px; display:block;}
.iedit .thd { background-image: url("../dleimages/editstore.png");}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 20px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}

.full-movie {}
.poster-info {padding:0 0 0 200px;}
.poster {float:left; width:220px; height:310px; margin-left:-200px;position:relative;}
.poster-age{
    position:absolute;
    z-index:10;
    left:5px;
    top:5px;
}


.api{float:left; margin-left:-200px; margin-top:320px;}

.m-info, .info-desc {
	float:right; 
	width:90%; 
	padding-left:0px;
	}
.m-info
{
	font-size:13px;
}
	
.info-item {padding:10px 0 10px 120px; border-bottom:1px dashed #e3e3e3;}
.info-label {float:left; width:100px; margin-left:-120px; font-weight:bold;}
.info-desc a {text-decoration:underline; color:#F60;}
.info-desc a:hover {text-decoration:none; color:#06C;}
.desc-text {margin:20px 0 0 0;}
.screens-trailer {margin:20px -20px 0 -20px; padding:20px; background-color:#f5f5f5;}
.tabs {text-align:left; margin-bottom:20px;}
.tabs li {display:inline-block; height:30px; line-height:30px; margin-right:20px; 
font-size:14px; text-transform:uppercase; color:#06c; border-bottom:1px dashed #06c;}
.tabs li:first-child {margin-left:0;}
.tabs li.current {color:#000 !important; border-bottom:0;}
.tabs li:hover {color:#06c; cursor:pointer;}
.box {display:none; padding:0; margin-bottom:0 !important;}
.box.visible {display:block;}
.box-screens {text-align:center; margin-right:-12px;}
.box img {}
.box .highslide {display:inline-block; width:23.1%; height:110px; overflow:hidden; margin-right:1.5%; margin-bottom:5px;}
.box-screens .highslide + br {display:none;}
.player-box {
	background:#222  url(../images/dark-bg.jpg); 
	margin:0 -20px 20px -20px; 
	padding:20px;
	height:auto;
	}
	
.z-fix {position:relative; z-index:999;}
.player-box .full-text {margin-bottom:0;}
.movie-title {font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
padding-right:100px; position:relative; height:26px;}
.switcher {width:80px; position:absolute; right:0px; top:0px; z-index:999;}
.switcher input {display:none;}
.switcher label {display:block; width:80px; height:26px; border-radius:3px; 
background-color:#404048; cursor:pointer; position:relative;}
.switcher label:before { content:""; width:26px; height:26px; border-radius:3px; background-color:#f60; 
position:absolute; left:0; top:0;}
.switcher label:after { content:attr(data-light); color:#ccc; display:inline-block;
position:absolute; left:35px; top:0; font:normal 12px Arial; line-height:26px;}
.switcher input:checked + label {background-color:#404048;}
.switcher input:checked + label:before {background-color: #97ce68; left:54px;}
.switcher input:checked + label:after { opacity:0;}
.light-off {width:100%; height:100%; background-color:rgba(0,0,0,0.8); 
position:fixed; left:0; top:0; z-index:998; display:none;}


/* RELATED NEWS
----------------------------------------------- */
.rel-wrap {padding:0 0 0 20px; margin:30px -20px 0 -20px; position:relative; z-index:100;}
.rel-t {height:60px; line-height:50px; color:#444; font-size:24px; display:inline-block;}
.rel-item {width:155px;}


/* COMMENTS
----------------------------------------------- */
.comments-wrap {margin:20px 0 0 0;}
.comms-title {}
.com-item {padding:10px 0 10px 90px; position:relative;}
#dle-comments-list div:nth-child(2n+1) .com-item {background-color:#f6f6f6;}
.com-av {width:70px; height:70px; margin-left:-80px; border-radius:35px; overflow:hidden;}
.com-av img {width:100%; height:100%;}
.com-text {width:100%;}
.com-info {}
.com-info ul li {float:left; display:inline-block; margin-right:20px;}
li.reply {float:right !important; margin-right:0 !important;}
.reply a {display:inline-block; padding:3px 5px; background-color:#404048; color:#fff; font-weight:bold; 
position:absolute; top:0; right:0;}
.com-body {font-size:13px; line-height:16px; margin:10px 0; padding-right:10px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; border-top:1px dashed #666; color:#666;
padding-top:10px; margin-top:15px;}
.com-edit {text-align:right;}
.com-edit ul li {display:inline-block; margin-left:15px; font-size:11px;}
.com-edit a {color:#404048; text-decoration:underline;}
.com-edit a:hover {text-decoration:none;}

.add-com-but {display:inline-block; font-size:14px; background-color:#97ce68; color:#fff;
line-height:40px; cursor:pointer; padding:0 20px; border-radius:3px; margin-top:20px;}
.add-com-but:hover {background-color:#80bb4e !important;}
#addcform {display:none; margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6;}
.mass_comments_action .bbcodes { margin-bottom: 0 }


/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:50px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}


/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; margin: 3px; position: absolute; right: 5px; top: 4px; 
width: 33px; height: 33px; background:url(../images/sprite2.png) center -5px no-repeat;}
#loginbox { background: #fff; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#97ce68; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#dc0003;}
.login-menu li:last-child a {background-color:#97ce68; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:10px;}


/* SLIDER
----------------------------------------------- */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%; z-index:9999;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{ position:absolute; left:0; top:0; right:0; z-index:999; text-align: center; height:25px;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color: #FFF; display: inline-block; zoom: 1;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1;}
.owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px;
border-radius: 20px; background-color: #fff;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#e96461;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto;
	color: #FFF; padding: 2px 10px; border-radius: 30px;}
/* preloading images */
.owl-item.loading{min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center}
.owl-buttons {width:50%; height:30px; position:absolute; right:20px; top:-43px;}
.owl-next, .owl-prev {width:15px; height:23px; background:url(../images/arr1.png) 0 0 no-repeat; 
position:absolute; right:30px; top:0;}
.owl-next { background-position:-16px 0; right:0px;}
.owl-prev:hover { background-position:0 -25px;}
.owl-next:hover { background-position:-16px -25px;}



/* Fix dle html5 player
----------------------------------------------- */
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}

.slider-wrap {
  position: relative;
  margin-bottom: 20px;
}
.da-slider {
  width: 100%;
  height: 205px;
  position: relative;
  overflow: hidden;
  border: 0;
  -webkit-transition: background-position 1.6s ease-out 0.5s;
  -moz-transition: background-position 1.6s ease-out 0.5s;
  -o-transition: background-position 1.6s ease-out 0.5s;
  -ms-transition: background-position 1.6s ease-out 0.5s;
  transition: background-position 1.6s ease-out 0.5s;
}
.da-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: left;
}
.da-slide-current {
  z-index: 50;
}
.da-slider-fb .da-slide {
  left: 100%;
}
.da-slider-fb .da-slide.da-slide-current {
  left: 0px;
}
.da-slide h3,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
  position: absolute;
  opacity: 0;
  left: 110%;
}
.da-slider-fb .da-slide h3,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
  left: 4%;
  opacity: 1;
}
.da-slider-fb .da-slide .da-img {
  left: 60%;
  opacity: 1;
}
.da-slide h3 {
  color: #F60;
  font-size: 36px;
  font-weight: 700;
  width: 50%;
  top: 20px;
  white-space: nowrap;
  z-index: 10;
  margin-left: 20px;
}
.da-slide p {
  width: 50%;
  top: 90px;
  color: #fff;
  font-size: 20px;
  overflow: hidden;
  margin: 0 0 0 20px;
  text-align: justify;
}
.da-slide .da-img {
  text-align: center;
  width: 40%;
  top: 10px;
  height: 260px;
  line-height: 260px;
  /*60%*/
}
.da-slide .da-img img {
  height: 200px;
  width: 270px;
  margin-right: 40px;
}
.da-slide .da-link {
  top: 250px;
}
.da-slide .da-link:hover {
  /*background: rgba(255,255,255,0.3);*/
}
.da-dots {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-dots span {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #F60;
  margin: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
}
.da-dots span.da-dots-current:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.da-arrows {
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows span {
  position: absolute;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background: url(../images/all-icons.png) no-repeat -110px -240px;
  cursor: pointer;
  z-index: 2000;
}
.da-arrows span.da-arrows-prev {
  left: 0px;
}
.da-arrows span.da-arrows-prev:hover {
  background-position: -110px -180px;
}
.da-arrows span.da-arrows-next {
  right: 20px;
  background-position: -160px -240px;
}
.da-arrows span.da-arrows-next:hover {
  background-position: -160px -180px;
}
.da-slide-current h3,
.da-slide-current p,
.da-slide-current .da-link {
  left: 4%;
  opacity: 1;
}
.da-slide-current .da-img {
  left: 60%;
  opacity: 1;
}
/* Animation classes and animations */
/* Slide in from the right*/
.da-slide-fromright h3 {
  -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p {
  -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link {
  -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img {
  -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-webkit-keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-webkit-keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-webkit-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@-moz-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-moz-keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-moz-keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-moz-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@-o-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-o-keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-o-keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-o-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@-ms-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-ms-keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-ms-keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-ms-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
/* Slide in from the left*/
.da-slide-fromleft h3 {
  -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p {
  -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link {
  -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img {
  -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
  -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
  -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
  -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-webkit-keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-webkit-keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-webkit-keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@-moz-keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-moz-keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-moz-keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-moz-keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@-o-keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-o-keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-o-keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-o-keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@-ms-keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-ms-keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-ms-keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@-ms-keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 4%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}
/* Slide out to the right */
.da-slide-toright h3 {
  -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p {
  -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link {
  -webkit-animation: toRightAnim3 0.4s ease-in-out both;
  -moz-animation: toRightAnim3 0.4s ease-in-out both;
  -o-animation: toRightAnim3 0.4s ease-in-out both;
  -ms-animation: toRightAnim3 0.4s ease-in-out both;
  animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img {
  -webkit-animation: toRightAnim4 0.6s ease-in-out both;
  -moz-animation: toRightAnim4 0.6s ease-in-out both;
  -o-animation: toRightAnim4 0.6s ease-in-out both;
  -ms-animation: toRightAnim4 0.6s ease-in-out both;
  animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes toRightAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes toRightAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  99% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-moz-keyframes toRightAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-moz-keyframes toRightAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-moz-keyframes toRightAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  99% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-moz-keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-o-keyframes toRightAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-o-keyframes toRightAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-o-keyframes toRightAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  99% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-o-keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-ms-keyframes toRightAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-ms-keyframes toRightAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-ms-keyframes toRightAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  99% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@-ms-keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  99% {
    left: 4%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
/* Slide out to the left*/
.da-slide-toleft h3 {
  -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
  -moz-animation: toLeftAnim1 0.6s ease-in-out both;
  -o-animation: toLeftAnim1 0.6s ease-in-out both;
  -ms-animation: toLeftAnim1 0.6s ease-in-out both;
  animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p {
  -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link {
  -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img {
  -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
  -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
  -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
  -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
  animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-webkit-keyframes toLeftAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-webkit-keyframes toLeftAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-webkit-keyframes toLeftAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  70% {
    left: 30%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-moz-keyframes toLeftAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-moz-keyframes toLeftAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-moz-keyframes toLeftAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-moz-keyframes toLeftAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  70% {
    left: 30%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-o-keyframes toLeftAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-o-keyframes toLeftAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-o-keyframes toLeftAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-o-keyframes toLeftAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  70% {
    left: 30%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-ms-keyframes toLeftAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-ms-keyframes toLeftAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-ms-keyframes toLeftAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@-ms-keyframes toLeftAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  70% {
    left: 30%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim1 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim2 {
  0% {
    left: 4%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim3 {
  0% {
    left: 4%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  70% {
    left: 30%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}

#buttonNext, #buttonPrev {
background: #F60;
padding: 6px 36px;
font-size: 16px;
line-height:30px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
cursor: pointer;
border: none;         
}
#buttonNext:hover {
background: #CC6600;         
}
#buttonPrev:hover {
background: #CC6600;         
}

.td_button
{
    height: 2px; 
    background: #F60;
    width:50px;
    text-align:right;    
}
    
.td_select
{
    height: 27px; 
    background-color: #333333;
    width:440px;
    text-align:right;
}
    
.td_select select
{
    font-size:16px; width:400px;
    height: 25px;
    border-right: 1px solid white;
    border-right:none;
    border-bottom:none;
    background-color: #333333;
    background-image: url('../images/arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
    color: #fff;
    margin:0;
    padding-left:0px;
    -webkit-appearance: none;
	/* for FF */
  	-moz-appearance: none;
    text-indent: 5px;
  	/* for IE */
  	-ms-appearance: none;
  	appearance: none!important;
    }

@-moz-document url-prefix() 
{ 
#buttonNext, #buttonPrev {
background: #F60;
padding: 6px 36px;
font-size: 16px;
line-height:30px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
cursor: pointer;
border: none;         
}
#buttonNext:hover {
background: #CC6600;         
}
#buttonPrev:hover {
background: #CC6600;         
}

.td_button
{
    height: 2px; 
    background: #F60;
    width:50px;
    text-align:right;    
}
    
.td_select
{
    height: 27px; 
    background-color: #333333;
    width:440px;
    text-align:right;
}
    
.td_select select
{
    font-size:16px; width:400px;
    height: 25px;
    border-right: 1px solid white;
    border-right:none;
    border-bottom:none;
    background-color: #333333;
    background-image: url('../images/arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
    color: #fff;
    margin:0;
    padding-left:0px;
    -webkit-appearance: none;
	/* for FF */
  	-moz-appearance: none;
    text-indent: 5px;
  	/* for IE */
  	-ms-appearance: none;
  	appearance: none!important;
	cursor:pointer;
    }
    }
	
.tabs{
    display:inline-block;
	
}
.tabs .div{
    padding-top:0px;
}
.tabs .ul-tabs{
    margin:0px;
    padding:0px;
	border: none;
}
.tabs .ul-tabs:after{
    content:"";
    display:block;
    clear:both;
    height:10px;
    background:#46c765;
}
.tabs .ul-tabs .li-tabs{
    margin:0px;
    padding:10px 20px 30px 20px;
    cursor:pointer;
    display:block;
    float:left;
    background:#e9eaeb;
    color:#707070;
	border: none;
}
.tabs .ul-tabs .li-tabs.active, .tabs .ul-tabs .li-tabs.active:hover{
    background:#46c765;
    color:#fff;
}
.tabs .ul-tabs .li-tabs:hover{
    background:#d6d6d7;
}