/* Datalife Engine template by: redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */

/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
body {font: 14px 'PT Sans', Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0;        
color: #000; background:#f1f8ff url(../images/bg.png); height:100%; width:100%; font-weight:normal;}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #2a2a2a; text-decoration: none;}
a:hover, a:focus {color:#4cacd2; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight:400; font-size:16px;}

.form-wrap {}
.sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}


/*--- SET ---*/
.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
padding:0 20px; display:inline-block; height:30px; line-height:30px; border-radius:6px; cursor:pointer; 
background-color:#8aaf3b; color:#fff; text-align:center; font-size:16px;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{background-color:#779e23; color:#fff;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#f8f8f8; border-radius:4px; -webkit-appearance: none; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}
input[type="text"]:focus {}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#F8F8F8; 
border-radius:0; overflow:auto; vertical-align:top; resize:vertical; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}

.img-box, .img-wide, .img-resp-h, .img-resp-v, .img-resp-sq {overflow:hidden; position:relative; background-color:#000;}
.img-resp-h {padding-top:60%;}
.img-resp-v {padding-top:130%;}
.img-resp-sq {padding-top:100%;}
.img-box img, .img-resp-h img, .img-resp-v img, .img-resp-sq img {width:100%; min-height:100%; display:block;}
.img-resp-h img, .img-resp-v img, .img-resp-sq img {position:absolute; left:0; top:0;}
.img-wide img {width:100%; display:block;}
.img-square img {width:150%; max-width:150%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .film-mask, .anons-mask {transition: all .3s;}
.button, .th-img img, .actor-title, .news-img {transition: color .3s, background-color .3s, opacity .3s;}
.ps-link {cursor:pointer;}
.icon-l .fa {margin-right:10px;}
.icon-r .fa {margin-left:10px;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}


.sect-actors, .tabs-sel {border-radius:6px;}
.film-img, .actor-in, .actor-img, .news-img, .anons-img, .sect-links a {border-radius:4px;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; overflow:hidden; border-top:5px solid #4cacd2; position:relative;}
.wrap:before {content:""; position:absolute; left:0; top:0; width:100%; height:200px; 
background: linear-gradient(to bottom, rgba(76,172,210,0.7) 0%, rgba(76,172,210,0) 100%);}
.center {max-width:1323px; margin:0 auto; position:relative; z-index:20;}
.header {height:100px; position:relative;}
.cont {background-color:#FFF; padding:0 40px; box-shadow:0 10px 40px 0 rgba(0,0,0,0.2); border-radius:10px; overflow:hidden;}
.cols {}
.side {width:300px; float:left;}
.main {width:calc(100% - 340px); width:-webkit-calc(100% - 340px); float:right; min-height:600px;margin-top:15px;}
.footer {padding:30px 20px;}

.brand-link {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:10; background-color:#000000;}
.brand-link img {display:block; width:100%;}
@media screen and (min-width: 760px) {
.have-brand {background-color:#333; padding-top:200px; border:0;}
.have-brand:before {display:none;}
.have-brand .center {background-color:#FFF; box-shadow:0 10px 40px 0 rgba(0,0,0,0.2);}
.have-brand .cont {box-shadow:none; border-radius:0px;}
.have-brand .brand-link {display:block;}
.have-brand .header, .have-brand .footer {background:#f1f8ff url(../images/bg.png); box-shadow:inset 0 60px 60px -60px rgba(76,172,210,0.7);}
.have-brand .header {box-shadow:0 -5px #4cacd2,inset 0 150px 60px -60px rgba(76,172,210,0.7); padding-left:20px; padding-right:20px;}
.have-brand .search-wrap {left:320px; right:255px;}
}

.rkl-box, .cols {margin-bottom:40px;}
.rkl-box {text-align:center; overflow:hidden;}
.side .rkl-box {margin-bottom:20px;}
.nav + .rkl-box {margin-left:-20px; margin-right:-20px; margin-bottom:20px;}
.fplayer + .rkl-box {margin-bottom:20px;}

.fixed-top {position:fixed; top:0; width:300px; margin-bottom:0;}
.absolute-top {position:absolute; width:300px;}
.fixed-top-left {position:fixed; top:0; width:300px; margin-bottom:0;}
.absolute-top-left {position:absolute; width:300px;}

#gotop{position:fixed;width:40px;height:40px;right:10px;bottom:10px;cursor:pointer;z-index:9998;display:none; opacity:0.6; 
background-color:#000; color:#fff; font-size:18px; text-align:center; line-height:40px; border-radius:4px;}


/* HEADER
----------------------------------------------- */
.logotype {height:100px; width:300px; display:block; float:left;}
.search-wrap {position:absolute; left:300px; right:235px; top:30px;
box-shadow:0 0 0 5px rgba(76,172,210,0.4); border-radius:6px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:40px; line-height:40px; padding:0 40px 0 20px; border-radius:6px;
background-color:#fff; color:#444; border:0; box-shadow:inset 2px 2px 10px 0 rgba(0,0,0,0.2);}
.search-box button {position:absolute; right:0; top:0; border-radius:0;
padding:0 !important; text-align:center; width:40px; height:40px; line-height:40px; 
color:#8aaf3b !important; background:transparent !important; font-size:18px;}

.soc-btns {height:40px; border-radius:6px; text-align:center; background-color: rgba(76,172,210,0.6); 
padding:5px 0 0 5px; white-space:nowrap; float:right; margin-top:30px;}
.soc-btns .fa {width:30px; height:30px; border-radius:4ppx; text-align:center; line-height:30px; 
background-color:#C70003; color:#fff; font-size:14px; margin-right:5px; cursor:pointer; float:left;}
.soc-btns .fa:hover {opacity:0.8;}
.fa.fa-vk {background-color:#5075a5;}
.fa.fa-facebook {background-color:#4b6baf;}
.fa.fa-twitter {background-color:#2daae1;}
.fa.fa-odnoklassniki, .fa.fa-rss {background-color:#FC6D00;}


/* NAV
----------------------------------------------- */
.nav {color:#FFF; background-color:#4cacd2; height:50px; margin:0 -40px 20px -40px;}

.nav-menu {float:left;}
.nav-menu > li {position:relative; float:left;}
.nav-menu > li:first-child a {background-color:#3d99be;}
.nav-menu > li > a {display:block; padding:0 15px; line-height:50px; height:50px; 
color:#FFF; text-transform:uppercase; font-weight:700;}
.nav-menu > li > a:hover, .nav-menu .menuactive > a {background-color:#3d99be;}
.hidden-menu {position:absolute; left:0; top:100%; z-index:998; background-color:#3d99be; width:240px;
box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); display:none;}
.hidden-menu a {display:block; padding:12px 15px; font-weight:700; color:#FFF; border-bottom:1px solid #4cacd2;}
.hidden-menu a:hover {background-color:#4cacd2;}
.submenu > a:after {content:"\f107 "; font-family:'FontAwesome'; margin-left:7px;}

.show-fav, .show-login {display:block; float:right; padding:0 15px; line-height:50px; height:50px; 
color:#FFF; background-color:#3d99be; text-transform:uppercase; font-weight:700;}
.show-fav .fa {color:#fc7a9b;}
.show-login {background-color:#8aaf3b; cursor:pointer;}
.show-login .fa {color:#fff;}
.show-login:hover, .show-fav:hover {text-decoration:underline; color:#FFF;}


/* SECT, TH
----------------------------------------------- */
.sect {margin-bottom:40px;}
.sect-t {margin-bottom:20px;}
.sect-t > *:first-child {font-size:19px; line-height:24px; text-transform:uppercase; max-width: 81%;}
.sect-t > *:first-child .fa {margin-right:10px; color:#4cacd2; box-shadow:0 0 0 2px #4cacd2; border-radius:50%; 
width:24px; height:24px; line-height:24px; text-align:center; vertical-align:top; font-size:14px;}
.sect-links a {color:#FFF; background-color:#4cacd2; display:inline-block; padding:5px 10px;}
.sect-links a:hover {background-color:#8aaf3b;}
.floats {margin:0 -15px;}

.sect-actors {padding:20px; border:1px solid #e5edf6; background:#f1f8ff url(../images/bg2.png);margin-top:15px;}
.sect-films .sect-t > *:first-child .fa {padding-left:2px;}
.sect-t.green > *:first-child .fa {color:#8aaf3b; box-shadow:0 0 0 2px #8aaf3b;}
.sect-t.green .sect-links a {background-color:#8aaf3b;}
.sect-films {height:310px;}

.alphabet {font-size:16px; line-height:26px; text-transform:uppercase; border:1px solid #e5edf6; background-color:#f3f9ff; 
overflow:hidden; border-radius:6px; margin-bottom:20px;}
.alphabet a {display:block; float:left; width:3.57%; text-align:center;}
.alphabet a:nth-child(2n) {background-color:#e5edf6;}
.alphabet a:hover {color:#fff; background-color:#4cacd2;}

.podb-plus {margin-top:15px; width:100%;}

.ctrl {position:relative; padding-right:80px; margin-bottom:20px; min-height:30px; line-height:30px;}
.grid-select {line-height:30px; position:absolute; right:0; top:0;}
.grid-select div {display:block; height:30px; width:30px; text-align:center; border-radius:4px;
float:left; margin-left:10px; font-size:18px; cursor:pointer; background-color:#f1f8ff;}
.grid-select div:hover, .grid-select div.current {color:#fff; background-color:#4cacd2;}

.sorting-menu:before {content:attr(data-name); display:inline-block; float:left; margin-right:10px;}
.sorting-menu > li {display:inline-block; float:left; margin-right:10px; border-radius:4px; 
box-shadow:inset 0 0 0 2px #e3e3e3; cursor:pointer; padding:0 10px; position:relative;}
.sorting-menu li .fa {margin-left:7px; font-size:16px;}
.sorting-menu > li:hover {background-color:#4cacd2; color:#FFF;}
.sorting-list {position:absolute; left:0; top:80%; width:160px; z-index:888; overflow:hidden; display:none; 
background-color:#e6e6e6; border:1px solid #ccc; border-radius:6px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.sorting-list li {display:block; padding:5px 15px; color:#000; line-height:16px; border-bottom:1px solid #d7d7d7; box-shadow:0 1px #fff;}
.sorting-list li:last-child {border-bottom:0; box-shadow:none;}
.sorting-list li:hover {background-color:#FFF;}

.speedbar {margin-bottom:20px; color:#888; padding-bottom:20px; border-bottom:1px dashed #CCC;}
.speedbar a {text-decoration:underline; color:#4cacd2;}
.speedbar a:hover, .finfo a:hover {text-decoration:none;}


/* FILM
----------------------------------------------- */
.film {float:left; width:25%; padding:0 15px;}
.film-in {display:block;}
.film-img {margin-bottom:10px;}
.film-qual {background-color:#8aaf3b; color:#FFF; display:inline-block; padding:3px 3px; 
position:absolute; right:0; top:7px; font-size:13px;}
.film-mask {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); opacity:0;}
.film-mask .fa {color:#fff; box-shadow:0 0 0 2px #fff; border-radius:50%; 
width:60px; height:60px; line-height:60px; text-align:center; padding-left:4px; font-size:24px;}
.film-title {font-weight:700; font-size:16px;}
.film-cat {opacity:0.6; margin-top:5px;}
.film-in:hover .film-mask {opacity:1;}

.owl-carousel .film {width:165px; padding:0;}
.side-bc .film {width:48%; padding:0;}


/* SHORT
----------------------------------------------- */
.s-left:hover .film-mask {opacity:1;}
.short .ffav {left:10px; top:10px;}
.short {margin-bottom:20px; position:relative;}
.s-left {width:150px; height:210px; float:left; display:block;}
.s-left2 {width:175px; height:110px; float:left; display:block;}
.s-right {width:calc(100% - 160px); width:-webkit-calc(100% - 160px); float:right;}
.s-right2 {width:calc(100% - 190px); width:-webkit-calc(100% - 190px); float:right;}
.s-title {font-size:18px; font-weight:700; display:block;}
.s-original {font-size:16px; opacity:0.6; margin-top:5px;}
.short .fr {width:auto; padding:0 10px; margin-right:10px; float:left;}
.s-info {margin-top:10px; line-height:18px;}
.s-tags a {display:inline-block; vertical-align:top; margin:10px 1px 0 0; padding:3px 5px; border-radius:4px; 
border:1px solid #e3e3e3; color:#888;}
.s-tags a:hover {color:#FFF; background-color:#4cacd2; border-color:#4cacd2;}
.s-rate {width:60px; text-align:center; position:absolute; top:30px; right:0; font-size:34px; 
background-color:#f3f9ff; border:1px solid #e5edf6; padding:10px; border-radius:4px;}
.sr-count {margin:10px 2px; font-size:18px;}
.sr-plus .fa {color:#8aaf3b;}
.sr-minus .fa {color:#FE642E;}
.s-rate a {display:block;}
.s-rate a:hover {opacity:0.6;}

.grid-list .short {padding:10px; border-radius:6px; border:1px solid #e3e3e3;}
.grid-list .s-right {padding-right:100px; position:relative; min-height:210px;}
.grid-thumb {margin:0 -15px;}
.grid-thumb .short {width:20%; float:left; padding:0 15px;}
.grid-thumb .s-original, .grid-thumb .s-info, .grid-thumb .s-tags, .grid-thumb .s-rate, 
.grid-thumb .ffav, .grid-thumb .frates {display:none;}
.grid-thumb .s-left {width:100%; float:none; height:190px;}
.grid-thumb .s-right {width:100%; float:none; margin-top:10px;}
.grid-thumb .s-title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}



/* ACTOR
----------------------------------------------- */
.actor {float:left; width:20%; padding:0 15px; text-align:center;}
.actor-in {display:block; position:relative; overflow:hidden;}
.actor-title {position:absolute; left:0; bottom:0; width:100%; z-index:10; padding:10px; color:#FFF; font-weight:700; font-size:16px; 
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
.actor-in:hover .actor-title {opacity:0;}


/* NEWS
----------------------------------------------- */
.news {margin-bottom:15px; padding-left:230px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.news-img {float:left; margin-left:-230px; display:block; width:200px; height:140px; 
border:5px solid #FFF; box-shadow:0 0 0 1px #e3e3e3;}
.news-date {opacity:0.6; margin-bottom:5px;}
.news-title {display:block; font-weight:700; font-size:16px; margin-bottom:8px;}
.news-text {opacity:0.6; text-align:justify;}
.news-img:hover {opacity:0.8;}


/* ANONS
----------------------------------------------- */
.anons {float:left; width:25%; padding:0 15px; text-align:center;}
.anons-in {display:block;}
.anons-img {margin-bottom:10px;}
.anons-mask {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0);}
.anons-mask .fa {color:#fff; box-shadow:0 0 0 2px #fff; border-radius:50%; 
width:60px; height:60px; line-height:60px; text-align:center; padding-left:4px; font-size:24px;}
.anons-title {font-weight:700; font-size:16px;}
.anons-date {opacity:0.6; margin-top:5px;}
.anons-in:hover .anons-mask {background-color:rgba(0,0,0,0.5);}


/* PODB
----------------------------------------------- */
.podb {margin-bottom:20px; width:25%;}
.podb-quan {position:absolute; color:#fff;  bottom:3px; left:3px; font-size:18px; font-weight:700; 
background-color:#8aaf3b; display:inline-block; padding:2px; text-align:center; min-width:30px;}
.podb-title {line-height:16px; height:32px; overflow:hidden;}


/* SIDE
----------------------------------------------- */
.side-box {padding:20px; border-radius:10px; border:2px dashed #4cacd2; margin-bottom:20px;}
.side-bt {font-size:20px; text-transform:uppercase; margin-bottom:20px;}
.side-box.green {border-color:#8aaf3b;}
.side-box.no-decor {padding:0; border:0;}
.side-box.no-decor .side-bt {display:inline-block; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #4cacd2;}
.side-bt .fa {color:#4cacd2;}

.tabs-sel {background-color:#4cacd2; color:#FFF; margin-bottom:20px; overflow:hidden;}
.tabs-sel > span {display:inline-block; padding:10px 0; width:25%; text-align:center; cursor:pointer;}
.tabs-b {display:none;  padding: 15px 20px!important;
 margin: 0 auto!important;
 height: 511px!important;
 overflow: auto!important;}
.tabs-b.visible {display:block;
 padding: 15px 20px!important;
 margin: 0 auto!important;
 height: 511px!important;
 overflow: auto!important;

}
span.current {background-color:#8aaf3b;}
.tabs-2 span {width:50%;}
.tabs-4 {background-color:#f1f8ff; color:#2a2a2a;}
.tabs-4 > * {width:25%; font-size:18px;}
.tabs-4 span.current {background-color:#4cacd2; color:#FFF;}

.by-genre li {width:46%; position:relative;}
.by-genre a {display:block; padding:6px 30px 6px 0;}
.by-genre li span {opacity:0.6; font-size:12px; position:absolute; right:0; top:8px;}
.by-genre a:hover {text-decoration:underline;}

.by-theme a {display:block; padding:10px 10px; background-color:#f3f9ff; font-weight:400;}
.by-theme li:nth-child(2n) a {background-color:#e5edf6;}
.by-theme a:before {content:"\f105"; margin-right:7px; font-family:'FontAwesome'; color:#4cacd2;}
.by-theme a:hover {color:#FFF; background-color:#4cacd2 !important;}

.scroller {position:relative; max-height:200px; overflow:hidden;}
.scroller::-webkit-scrollbar { /* Prevents webkit cross-direction scrolling bug */ width: 0;}
.scroller__bar {position: absolute; right: 0; z-index: 1; top:0; width:10px; background: #8aaf3b; 
border-radius:0px; opacity:0.7;}
.scroller:hover .scroller__bar {opacity:1;}

.bordered {border:1px solid #e5edf6;}
.by-years a {display:block; text-align:center; padding:8px 0px; width:20%; background-color:#f3f9ff;}
.by-years:nth-child(2n+1) a:nth-child(2n) {background-color:#e5edf6;}
.by-years:nth-child(2n) a:nth-child(2n+1) {background-color:#e5edf6;}
.by-years a:hover {color:#FFF; background-color:#4cacd2 !important;}

.today {position:relative;} 
.today a {padding-right:50px;}
.today > span {color:#8aaf3b; font-size:12px; position:absolute; right:10px; top:10px;}
.today:hover > span {color:#fff;}

.lcomm {background-color:#f3f9ff; border:1px solid #e5edf6; padding:10px; border-radius:4px;}
.lcomm + .lcomm{margin-top:10px;}
.linfo {padding-left:50px; line-height:20px; position:relative; margin-bottom:10px;}
.linfo .nowrap {width:230px;}
.lav {width:40px; height:40px; border-radius:6px; position:absolute; left:0; top:0;}
.ltext {}
.lcomm a {font-weight:700;}


/* SEO DESCRIPTION
----------------------------------------------- */
/*.site-desc {line-height:18px; color:#5c5c5c; text-align:justify; margin:0 -40px; padding:0px;*/
/* border:1px solid #e5edf6; background:#f1f8ff url(../images/bg2.png);}*/
.site-desc {display: none!important;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; font-weight:700; text-transform:uppercase; 
margin-bottom:10px; color:#000;}
.site-desc p + p {margin-top:5px;}
.site-desc a {color:#4cacd2; text-decoration:underline;}


/* FOOTER
----------------------------------------------- */
.btm-menu {border-top:2px dashed #4cacd2; margin:0 -40px; 
background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f2f2f2 100%);}
.btm-menu > li {float:left;}
.btm-menu > li > a {display:block; padding:0 15px; line-height:50px; height:50px; 
color:#2a2a2a; text-transform:uppercase; font-weight:700;}
.btm-menu > li > a:hover {color:#4cacd2;}

.copyr {opacity:0.6;}
.counter > * {display:inline-block; vertical-align:top; margin-left:5px;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.pagi-load {text-align:center;}
.pagi-load > span {display:none;}
.pagi-load + .pagi-nav {margin-top:20px;}
.bottom-nav {line-height:40px; text-align:center; font-size:16px; padding:20px 10px 30px 10px;}
.pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto; max-width:100%;
background-color:#FFF; border:1px solid #e3e3e3; border-radius:3px; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {border-right:1px solid #e3e3e3;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:40px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span {display:inline-block; padding:0 5px; min-width:38px;
color:#444; border-right:1px solid #e3e3e3; margin-right:-4px;}
.navigation span, .pagi-nav a:hover {background-color:#4cacd2; color:#fff;}
.navigation span.nav_ext {background-color:transparent; color:#888;}
.dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}


/* FULL
----------------------------------------------- */
.fheader {padding:0 0 20px 0px; position:relative;}
.fheader h1 {font-size:24px; line-height:22px;}
.foriginal {font-size:16px; opacity:0.6; margin-top:5px;}
.frate1 {position:absolute; right:-15px; top:5px;}
.fheader > .fa {color:#4cacd2; box-shadow:0 0 0 2px #4cacd2; border-radius:50%; position:absolute; left:0; top:0; 
width:24px; height:24px; line-height:24px; text-align:center; vertical-align:top; font-size:14px; padding-left:2px;}
.fheader h1 .fa {margin-left:10px; font-size:16px;}

.fcols {border-bottom:1px solid #e3e3e3; margin-bottom:20px; padding-bottom:20px;}
.fleft {width:200px; float:left;}
.fright {width:calc(100% - 220px); width:-webkit-calc(100% - 220px); float:right;}

.fposter {box-shadow:-10px 20px 10px -2px rgba(0,0,0,0.2);}
.frate {font-weight:700; font-size:16px; margin-top:30px; text-align:center;}
.frate22 > div {display:inline-block; vertical-align:middle;}
.fbtns {text-align:center; margin-top:10px;}
.to-view, .to-feed {width:100%; cursor:pointer; height:40px; line-height:40px; font-weight:700; text-transform:uppercase;}
.to-view {background-color:#4cacd2; color:#fff;}
.to-feed {background-color:#8aaf3b; color:#fff;}
.to-view:hover, .to-feed:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
.ffav {position:absolute; top:0; left:20px; cursor:pointer;}
.k-fav {width:30px; text-align:center; height:30px; line-height:30px; font-size:16px; border-radius:0 0 6px 6px; 
box-shadow:2px 3px 3px 0 rgba(0,0,0,0.1); cursor:pointer; background-color:#4cacd2; color:#fff; margin-left:5px;}
.k-fav-added{background-color:#4cacd2; color:#fff;}
.fshare {text-align:center; margin-top:20px;}

.f-rate {white-space:nowrap; text-align:center; border-radius:4px; overflow:hidden; 
background-color:#f5f5f5; box-shadow:0 0 0 1px #e3e3e3; width:200px; margin:10px 0 0 0;}
.rate-plus, .rate-minus, .rate-counts {display:inline-block; vertical-align:middle; float:left;}
.rate-data {display:none;}
.rate-counts {width:120px; padding:0 5px; padding-top:3px; height:40px; font-size:11px; font-weight:400;}
.rate-plus, .rate-minus {cursor:pointer; width:40px; height:40px; text-align:center; font-size:24px; 
background: linear-gradient(to bottom, #fff 0%,#e6e6e6 100%); line-height:40px;}
.rate-plus {color:#1e9b05; border-right:1px solid #e3e3e3;}
.rate-minus {color:#d00707; border-left:1px solid #e3e3e3;}
.rate-plus:hover, .rate-minus:hover {background: linear-gradient(to top, #fff 0%,#e6e6e6 100%);}
.rate-bar {width:100%; min-height:6px; height:6px; border-radius:4px; overflow:hidden; 
position:relative; background-color:#ef4559;}
.rate-fill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#7bbc00; transition:width 1s linear;}
.rate-perc {margin-right:5px; font-size:18px; color:#1e9b05;}

.finfo li {padding:7px 10px 7px 120px; font-size:16px;}
.finfo li:after {content: ""; display: table; clear: both;}
.finfo li:nth-child(2n+1) {background-color: #f7f7f7;}
.finfo li > span:first-child {opacity:0.7; display:inline-block; width:100px; float:left; margin-left:-110px;}
.finfo a {text-decoration:underline; color:#4cacd2;}
.frates {margin-top:10px;}
.fr {white-space:nowrap; display:inline-block; line-height:32px; text-align:center; width:32%;     
border: 1px solid #ffc21f; font-weight:700; border-radius:4px;}
.fr2 {white-space:nowrap; display:inline-block; line-height:20px; text-align:center; width:28%;     
border: 1px solid #ffc21f; font-weight:700; border-radius:4px;}
.fr-title {color:#ffc21f; font-size:16px;}
.fr .fa {color:#ffc21f; font-size:18px; margin-right:5px; font-weight:400;}
.fr-count {font-size:11px; opacity:0.6; font-weight:400;}
.fscr br {display:none;}
.fscr > img, .fscr > a {margin-top:10px; width:24%; height:90px; display:block; 
overflow:hidden; border-radius:4px; border:1px solid #e3e3e3;}
.fscr a img {width:100%; min-height:100%; display:block;}
.fscr a:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}

.fdesc {margin-bottom:20px;}

.fplayer {background-color:#292929; position:relative; margin-bottom:20px;}
.fplayer .tabs-sel2 span {display:inline-block; padding:0 20px; height:40px; line-height:40px; cursor:pointer; 
text-transform:uppercase; font-weight:700; margin-right:-4px; background-color:#444; color:#ccc;}
.fplayer .tabs-sel2 span.current {color:#fff; background:#4cacd2;}
.fplayer .tabs-sel2 span:hover {color:#fff;}
.fplayer .tabs-sel2 {white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
.js .tabs-b2 {display:none;}
.js .tabs-b2.visible {display:block;}

.error-btn {position: absolute; top:5px; right:5px; cursor:pointer; width:250px; text-align:center; 
height:30px; line-height:30px; background-color:#8aaf3b; color:#fff;}
.error-btn a {width:250px; height:30px; line-height:30px; background-color:#8aaf3b; color:#fff; display:block;}
.sub-text {margin-bottom:20px;}
.sub-text .fa {font-size:70px; float:left; margin:0 20px 10px 0; color:#888;}

.sect-rels .owl-carousel .film {width:121px;}

.add-rev {background-color:#8aaf3b; color:#FFF; text-align:center; padding:10px 0;}
.rev {background-color:#f3f9ff; border:1px solid #e5edf6; padding:20px; border-radius:6px;}
.rev-info {margin-bottom:10px;}
.rev-title {font-weight:700; font-size:16px;}
.rev-date {opacity:0.6; margin-top:5px;}
.rev + .rev {margin-top:20px;}
.rev-positive {background-color:#f4ffdb; border-color:#dfefbb;}
.rev-negative {background-color:#fff3f3; border-color:#f9e7e6;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; max-width:100% !important; height:400px; display:block; margin:0 auto;}
.mejs-container {max-width:100% !important;}
.full-text {line-height:18px; color:#5c5c5c;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#4cacd2;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:15px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:10px 0;}
.full-text > ul li {list-style:disc; margin-left:40px; display:block; position:relative;}
.full-text > ol li {list-style:decimal; margin-left:40px;}

.full-text table {width:100%; text-align:left; margin:10px 0;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f8f8f8; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background:#4cacd2;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.full-taglist a {}
.full-taglist {margin-top:20px;}


/* COMMENTS
----------------------------------------------- */
.full-comms {}
.comms-title {line-height:40px;}
.comms-title > span {font-size:16px;}
.add-comm-form {position:relative; margin:20px 0; padding:20px; border-radius:10px; border:2px dashed #4cacd2;}
.ac-soc {position:absolute; right:20px; top:12px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px; border-radius:4px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-av {width:40px; height:40px; border-radius:4px; float:left; margin-right:10px;
background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;}
.ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;}
.ac-inputs input {width:49%;}
.ac-textarea textarea {height:85px;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0 0 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline;}
.full-comms {}

.comm-item {margin-bottom:10px; background-color:#f3f9ff; border:1px solid #e5edf6; padding:10px; border-radius:4px;}
.comm-one {position:relative; height:40px; margin-bottom:10px;}
.comm-one > div {height:100%; float:left; line-height:20px; font-size:12px; max-width:150px; overflow:hidden;}
.comm-av {width:40px; border-radius:6px; margin-right:10px;}
.comm-author, .comm-author a {font-weight:700; text-transform:uppercase;}
.comm-date, .comm-num {font-size:12px; color:#888;}
.comm-two {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}
.rate3-comm {position:absolute; right:0; top:0px; white-space:nowrap; font-size:16px;}
.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;
color:#497b41; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;}
.rate3-comm a:hover {opacity:0.5;}
.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}
.rate3-comm > span > span.ratingtypeplus {color: #06b601;}
.rate3-comm > span > span.ratingplus {color: #95c613;}
.rate3-comm > span > span.ratingminus {color: #ff0e0e;}
.comm-three {margin-top:10px; font-size:12px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px;}
.comm-three li:first-child {margin-left:0px; float:left;}


/* LOGIN
----------------------------------------------- */
.login-box {background-color:#FFF; padding:20px; display:none;}
.lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f6f6f6;  
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
.lb-name div {font-size:18px;}
.lb-name a {margin-top:10px;}
.lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f6f6f6;}
.lb-menu a:hover, .lb-menu a:hover .fa {background-color:#8aaf3b; color:#fff;}
.lb-menu a .fa {color:#8aaf3b;}
.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
{display:block; margin-bottom:20px; width:100%;}
.lb-check input {display:none;}
.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.lb-check input:checked + label:before {background-color:#e5050b;}
.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f6f6f6; text-align:center;}
.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
.lb-soc img {display:block; width:30px;}



/* Owl Carousel v2.1.0 */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 100; }
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left;
/* -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */}
.owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item {display: none; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab {cursor: move; cursor: grab; }
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; 
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
@keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%;
margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; background-color:#FFF;
-webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {opacity: 0; height: 100%;
background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-nav {position:absolute; left:0; right:0; top:0; z-index:500;}
.owl-prev, .owl-next {width:28px; height:28px; position:absolute; top:-50px; z-index:200; text-align:center; 
border-radius:4px; color:#fff; line-height:28px; background-color:#4cacd2;}
.owl-prev {right:38px;}
.owl-next {right:0px;}
.owl-prev:hover, .owl-next:hover {color:#fff; background-color:#8aaf3b;}
.owl-dots {text-align:center; padding-top:10px;}
.owl-dot {display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 5px; 
border-radius:50%; background-color:#ccc;}
.owl-dot.active {background: linear-gradient(to bottom, #53baee 0%,#2995cd 100%); background-color:#2995cd;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display:none;}
.side-panel {width:300px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff; 
padding:0px; z-index:888; position:fixed; left:-300px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.side-panel .nav-menu {float:none; display:block; color:#FFF; background-color:#4cacd2; margin-bottom:20px;}
.side-panel .nav-menu > li {float:none;}
.side-panel .nav-menu > li > a {line-height:40px; height:40px;}
.side-panel .hidden-menu {position:static; width:100%; display:block;}
.side-panel .hidden-menu a {padding:7px 15px;}
.side-panel .nav-menu .fa {width:20px;}
.side-panel .side-mob {padding:0 10px;}

@media screen and (max-width: 1220px) {
.center {max-width:1000px;}
.nav-menu {display:none;}
.cont {padding:0 10px; border-radius:0;}
.rkl-box, .cols {margin-bottom:20px;}
.nav + .rkl-box {margin-left:0; margin-right:0;}
.nav {margin:0 -10px 20px -10px;}
.main {width:calc(100% - 320px); width:-webkit-calc(100% - 320px);}
.sect {margin-bottom:20px;}
.floats {margin:0 -7px;}
.actor {padding:0 7px;}
.anons {padding:0 7px;}
.sect-t > *:first-child {max-width:60%; font-size:18px;}
.sect-actors {padding:15px;}
.news {padding-left:215px;}
.news-img {margin-left:-215px;}
.site-desc {margin:0 -10px; padding:10px;}
.btm-menu {margin:0 -10px;}
.footer {padding:20px 10px; text-align:center;}
.copyr, .counter {width:100%;}
.counter {margin-top:10px;}
.sect-films {height:auto; min-height:250px;}

.btn-menu {background-color:#3d99be; display:block; padding:0 15px; line-height:50px; height:50px; 
color:#FFF; text-transform:uppercase; font-weight:700; float:left;}

.grid-thumb {margin:0 -7px;}
.grid-thumb .short {padding:0 7px;}
.grid-thumb .s-left {height:170px;}

.fposter {box-shadow:none;}
.frate {margin-top:20px;}
.fr {overflow:hidden;}
.fr-count {display:none;}
.fscr {white-space:nowrap; overflow-y:hidden; overflow-x:auto; display:block !important; margin-top:10px;}
.fscr > img, .fscr > a {margin-top:0; width:150px; height:100px; display:inline-block; vertical-align:top; margin-right:10px;}
.full .tabs-4 > * {width:25%; font-size:16px;}
}

@media screen and (max-width: 950px) {
.center {max-width:768px;}
.side {display:none;}
.main {width:100%;}
.btm-menu > li > a {padding:0 10px; line-height:40px; height:40px;}
}

@media screen and (max-width: 760px) {
.center {max-width:640px;}
.search-wrap {left:10px; right:10px; top:50px;}
.logotype {height:40px; width:200px; float:none; margin:0 auto; overflow:hidden;}
.logotype img {margin-top:-10px;}
.soc-btns {display:none;}

.alphabet a {width:auto; padding:0 7px;}
.grid-thumb .short {width:25%;}

.fleft {width:200px; float:none; margin:0 auto;}
.fright {width:100%; float:none; margin-top:10px;}
.error-btn {display:none;}

.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.center {max-width:480px;}
.owl-carousel .film {width:120px;}
.actor {width:33.33%; margin-bottom:15px;}
.anons {width:50%; margin-bottom:15px;}
.news {padding-left:0;}
.news-img {display:none;}

.grid-thumb .s-left {height:150px;}
.grid-list .s-left {width:140px; height:210px; margin:0 auto; float:none;}
.grid-list .s-right {width:100%; float:none; margin-top:10px;}

.full .tabs-4 > * {width:33.33%; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.full .tabs-4 > .add-rev {width:100%;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.center22 {max-width:320px;}
.show-fav {display:none;}
.sect-t > *:first-child {max-width:100%; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sect-t > *:first-child .fa {box-shadow:inset 0 0 0 2px #4cacd2;}
.sect-t.green > *:first-child .fa {box-shadow:inset 0 0 0 2px #8aaf3b;}
.sect-links {margin-top:10px; width:100%;}
.sect-links a {width:100%;}
.actor {width:50%;}
.actor:nth-child(5n){display:none;}
.tabs-4 > * {width:25%; font-size:14px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.alphabet a {width:7.14%; padding:0;}
.sshare {margin-top:10px; width:100%;}
.sorting-menu:before {display:none;}
.sorting-menu > li {margin:0 5px 5px 0; padding:0 5px;}
.grid-list .s-right {padding-right:0; min-height:20px;}
.s-rate {display:none;}
.grid-thumb .short {width:50%;}
.grid-thumb .s-left {height:200px;}

.fheader h1 {font-size:18px; line-height:22px;}
.fr .fa {display:none;}
.fr-title {font-size:14px;}
.fplayer .tabs-sel2 span {padding:0 10px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}

.table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-collapse: collapse;
text-align: center;
}
th, td:first-child {
background: #AFCDE7;
color: white;
padding: 10px 20px;
}
th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
td {
background: #D8E6F3;
}
th:first-child, td:first-child {
text-align: left;
}
.whiteback {
 background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.9)) !important;
 color: #000;
 position: absolute;
 bottom: 0px;
 top: 100px;
 width: 80%;
 text-align:left;
 /*font-size: 20px;*/
 /*margin: 10px;*/
 padding: 10px;
 -webkit-transition: 0.3s Ease;
 -moz-transition: 0.3s Ease;
 -o-transition: 0.3s Ease;
 transition: 0.3s Ease;
 border-radius: 8px;
 left:10%;
 margin-bottom:15px;
}
.wr-ban .title{font-size: 13px;display: block;font-weight: bold;}
.wr-ban .description {font-size: 13px;}
.wr-ban {

 position: relative;
 overflow: hidden;
 -webkit-transition: 0.5s Ease;
 -moz-transition: 0.5s Ease;
 -o-transition: 0.5s Ease;
 transition: 0.5s Ease;
 display: block;
 font-family: SF,Roboto,Helvetica,sans-serif !important;
}
.knopka {display: none;}
.whiteback:hover .knopka {
 display: block;
 margin-bottom: 9px !important;
 padding: 0 6px !important;
 font-size: 1.3em !important;
 line-height: 2.5em !important;
 text-align: center !important;
 background-color: #0073E6 !important;
 color: #FFFFFF !important;
 border-radius: 5px !important;
 width:200px;
 margin-left: 10%;
 margin-top: 20%;

}
.knopka .knopka_text {
 cursor: pointer;
 display: inline-block;
 position: relative;
 transition: 0.5s;
 font-weight: bold;
}

.knopka .knopka_text:after {
 font-family: FontAwesome;
 content: '\f138';
 position: absolute;
 opacity: 0;
 top: 0;
 right: -20px;
 transition: 0.5s;
}

.knopka:hover .knopka_text {
 padding-right: 25px;
}

.knopka:hover .knopka_text:after {
 opacity: 1;
 right: 0;
}

/*hover white from everywhere*/
:hover > .whiteback
{
 top:0px;
 width:100%;
 left:0%;
 border-radius:0px;
 margin-bottom: 0px;

}

.whiteback:hover
{
 width: 100%;
}
.whiteback:hover .title {font-size:17px;line-height:1.5;}
.whiteback:hover .description {font-size:15px;}
.wr-ban img {
 animation: pulse 8s ease infinite;

}
@keyframes pulse{
 0% { transform: translateY(0px);}
 50% { transform: translateY(0px);}
 75% { transform: translateY(50px);}
 100% { transform: translateY(0px);}
}
/*BANNER UP*/
#ban-3 .wr-ban {
 background-color: aliceblue;
 width: 728px !important;
 height: 90px !important;
 /*margin-left: 20%;*/
 /*margin-top: 2%;*/
 margin-bottom: 2%;

}
#ban-3 .wr-ban img {
 width: 20% !important;
}
#ban-3 .whiteback {
 background: transparent !important;
 color: #000;
 position: absolute;
 bottom: 0px;
 top: -5px;
 width: 40%;
 text-align:center;
 /*font-size: 20px;*/
 /*margin: 10px;*/
 padding: 10px;
 -webkit-transition: 0.3s Ease;
 -moz-transition: 0.3s Ease;
 -o-transition: 0.3s Ease;
 transition: 0.3s Ease;
 border-radius: 8px;
 left:35%;
 margin-bottom:15px;
}
#ban-3 .whiteback .title {font-size:1.2em;line-height:1.2;display: block;font-weight: bold;margin-top: 5%;}
#ban-3 a:hover .title{color: #e74c3c;}
#ban-3 a:hover .description{color: #e74c3c;}



#ban-3 .whiteback .description {font-size:1em;display: block;}
#ban-3 .circle_button {
 position: absolute;
 top: 35%;
 left: 135%;
 display: inline-block !important;
 width: 3em;
 height: 3em;
 border: 0.1em solid #333;
 border-radius: 50%;
 /*margin-left: 1.5em;*/
}
#ban-3 .circle_button:after {
 content: '';
 display: inline-block;
 margin-top: 14px;
 margin-left: -6px;
 width: 0.8em;
 height: 0.8em;
 border-top: 0.1em solid #333;
 border-right: 0.1em solid #333;
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
a:hover .circle_button:after{
 border-top: 0.1em solid #e74c3c !important;
 border-right: 0.1em solid #e74c3c !important;
}
a:hover .circle_button{
 border-bottom: 0.1em solid #e74c3c !important;
 border-left: 0.1em solid #e74c3c !important;
 border-top: 0.1em solid #e74c3c !important;
 border-right: 0.1em solid #e74c3c !important;
}


/*BANNER UP END*/
/*BANNER UP ban-2*/
#ban-4 .wr-ban {
 background-color: aliceblue;
 width: 728px !important;
 height: 90px !important;
 margin-left: 0%;
 /*margin-top: 1%;*/
 margin-bottom: 2%;

}
#ban-4 .wr-ban img {
 width: 20% !important;
}
#ban-4 .whiteback {
 background: transparent !important;
 color: #000;
 position: absolute;
 bottom: 0px;
 top: -5px;
 width: 40%;
 text-align:center;
 /*font-size: 20px;*/
 /*margin: 10px;*/
 padding: 10px;
 -webkit-transition: 0.3s Ease;
 -moz-transition: 0.3s Ease;
 -o-transition: 0.3s Ease;
 transition: 0.3s Ease;
 border-radius: 8px;
 left:35%;
 margin-bottom:15px;
}
#ban-4 .whiteback .title {font-size:1.2em;line-height:1;display: block;font-weight: bold;margin-top: 6%;}
#ban-4 a:hover .title{color: #e74c3c;}
#ban-4 a:hover .description{color: #e74c3c;}
#ban-4 .knopka {display: none;}



#ban-4 .whiteback .description {font-size:1em;display: block;}
#ban-4 .circle_button {
 position: absolute;
 top: 35%;
 left: 135%;
 display: inline-block !important;
 width: 3em;
 height: 3em;
 border: 0.1em solid #333;
 border-radius: 50%;
 /*margin-left: 1.5em;*/
}
#ban-4 .circle_button:after {
 content: '';
 display: inline-block;
 margin-top: 14px;
 margin-left: -6px;
 width: 0.8em;
 height: 0.8em;
 border-top: 0.1em solid #333;
 border-right: 0.1em solid #333;
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
a:hover .circle_button:after{
 border-top: 0.1em solid #e74c3c !important;
 border-right: 0.1em solid #e74c3c !important;
}
a:hover .circle_button{
 border-bottom: 0.1em solid #e74c3c !important;
 border-left: 0.1em solid #e74c3c !important;
 border-top: 0.1em solid #e74c3c !important;
 border-right: 0.1em solid #e74c3c !important;
}
/*MOBILE DEVICES*/
@media  (max-width: 480px) {
    #ban-3 .wr-ban, #ban-4 .wr-ban{
        width: 90% !important;
        height: 75px !important;
    }
    #ban-3 .wr-ban img, #ban-4 .wr-ban img {
        width: 39% !important;
    }
    #ban-3 .whiteback ,#ban-4 .whiteback{
        left: 36%;
        width: 55%;
    }
    #ban-3 .circle_button, #ban-4 .circle_button {
        display:none !important;
    }
    #ban-3 .whiteback .description, #ban-4 .whiteback .description{
        font-size: 11px;
    }
    #ban-3 .whiteback .title, #ban-4 .whiteback .title{
        font-size: 12px;
        line-height: 1.3;
    }
    #ban-0 > .wr-ban:hover  .whiteback,#ban-1 > .wr-ban:hover  .whiteback,#ban-2 > .wr-ban:hover  .whiteback {
        background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.9)) !important;
        color: #000;
        position: absolute;
        bottom: 0px;
        top: 140px;
        width: 80%;
        text-align:left;
        /*font-size: 20px;*/
        /*margin: 10px;*/
        padding: 10px;
        -webkit-transition: 0.3s Ease;
        -moz-transition: 0.3s Ease;
        -o-transition: 0.3s Ease;
        transition: 0.3s Ease;
        border-radius: 8px;
        left:7%;
        margin-bottom:15px;
    }
    #ban-0 > .wr-ban:hover .circle_button {display: none!important;}
    #ban-0  .title ,#ban-1 .title ,#ban-2 .title{
        font-size: 14px;
    }
    #ban-0  .description ,#ban-1 .description ,#ban-2 .description{
        font-size: 13px;
    }
    #ban-0  .whiteback, #ban-1 .whiteback, #ban-2  .whiteback{
        opacity: 0.8;
    }
    .knopka{
        display: none !important;
    }
    .osnova_item_ad2 {width: 100%!important;}

}
}
/*hide klor button*/
#ban-0 .circle_button {display: none!important;}
#ban-1 .circle_button {display: none!important;}
#ban-2 .circle_button {display: none!important;}
@media (min-width: 320px) and (max-width: 480px) {
 .whiteback {    top: 80px;}
}
#desktop-hd {
	display: block;
}
#mobile-dark {
	display: none;
}
@media (min-width: 320px) and (max-width: 480px) {

	#desktop-hd {
		display: none !important; }
	#mobile-dark {
		display: block !important;}
}


.adsbygoogle{
   display:none!important;
}
.film-img  img{
    object-fit:cover;
}