#header{background-color: rgba(0,0,0,0.89); width:100%; height:48px; position:fixed; top:0; z-index:9999; min-width:320px}
.head-line{width:100%; max-width:1280px; height:48px; margin:0 auto; display:block; vertical-align:middle}
*, :before, :after{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0}
body{font-family:'Open Sans',verdana,sans-serif; font-size:12px; color:#323232; margin:0; min-width:320px}
body a{color:#1983ac; text-decoration:none; opacity:1}
.main-center-block{width:100%; max-width:1280px; text-align:left; margin:auto; background:#fff; position:relative; top:48px; margin-bottom:48px; box-shadow:none;min-height:700px}

/* slick slider */

.regular{width:100%; margin:2% 0; padding:0 3%; max-height:340px; overflow:hidden}
.regular2{width:100%; margin:2% 0; padding:0 3.2%!important; max-height:220px; overflow:hidden}
.slick-slider{width:100%; margin:2% 0; padding:0 3.5%; z-index:12; position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; height:100%}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); position:relative}
.slick-track{position:relative; top:0; left:0; display:block}
.slick-track:before, .slick-track:after{display:table; content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left; margin:0; display:inline-block; height:auto; min-height:1px; outline:none}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{outline:none; width:100%}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-prev:before, .slick-next:before{color:#000}
.regular2 .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; height:185px}
.regular2 .slick-track{position:relative; top:0; left:0; display:block; height:180px}
.slick-loading .slick-list{background:#fff}
.slick-prev, .slick-next{font-size:0; border:0!important; z-index:3; position:absolute; display:block; cursor:pointer}
.slick-dots{position:absolute; bottom:10px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center}
.slick-dots li{position:relative; display:inline-block; width:7px; height:7px; border-radius:50%; margin:0 3px; padding:0; cursor:pointer; background:#fff; opacity:.25}
.slick-dots li:hover{opacity:.75}
.slick-dots li button{font-size:0; line-height:0; display:block; width:7px; height:7px; cursor:pointer; border:0; outline:none; background:#000; border-radius:50%}
.slick-dots li.slick-active{opacity:.8; color:#000}
.regular2 .slick-prev, .regular2 .slick-next{font-size:0; border:0!important; z-index:3; position:absolute; top:-7%; cursor:pointer; background-size:40%}
.regular2 .slick-prev:hover, .regular2 .slick-next:hover{background-size:40%}
.slick-prev{position:absolute; left:0; top:0; width:3.5%; height:100%; border-radius:0; background:url(../images/prev-arrow.png) 99% 35% no-repeat; z-index:30; opacity:.3; outline:none}
.slick-prev:hover{opacity:1; background:url(../images/prev-arrow.png) 99% 35% no-repeat; outline:none}
.slick-next{position:absolute; right:0; top:0; width:3.5%; height:100%; border-radius:0; background:url(../images/next-arrow.png) 1% 35% no-repeat; z-index:30; opacity:.3; outline:none}
.slick-next:hover{opacity:1; background:url(../images/next-arrow.png) 1% 35% no-repeat; outline:none}
.sliderElement{display:flex; flex-wrap:wrap; align-content:stretch; opacity:1; width:91%; height:340px; position:relative; margin:0 8px}
.slider-poster{display:block;width:100%;height:77%;overflow:hidden;border-radius:2px}
.slider-poster img{width:100%; min-height:100%; margin:auto; background:#f2f2f2}
.sliderElement t{display:block; width:100%; color:#323232; font-size:14px; padding-top:5px; overflow:hidden; height:20%; text-decoration:none}
.sliderElement scr{display:none}
.sliderElement:hover scr{display:block; position:absolute; width:100%; height:77%; background:rgba(0,0,0,0.5) url(../images/play-icon.png) no-repeat 50% 50%; background-size:33%;border-radius:2px}
.sliderElement:hover t{color:#1983ac}

/* font-face */

@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2"); unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2"); unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2"); unicode-range:U+1F00-1FFF}
@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2"); unicode-range:U+0370-03FF}
@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2"); unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2"); unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}

/* container-active and navigation*/

.container{position:relative; height:100%; width:100%; left:0; transition:left .4s ease-in-out; transition:background .4s ease-in}
.container.active{position:relative; height:100%; width:100%; left:220px; transition:left .4s ease-in-out; transition:background .4s ease-in}
.container.active a{color:#323232}
.container.active a:hover{text-decoration:none}
.container.active #header{left:0!important; height:100%}
.container.active .head-line{height:100%}
#sidebar{display:block; position:relative; top:0; left:0}
.container.active #sidebar{display:none}
#leftbar{}
.container.active #leftbar{display:block; position:fixed; background:#f2f2f2;top:48px; left:0; width:220px; height:100%; overflow-y:scroll;z-index:9999}
.container.active .left-top-col{display:block;padding:5px 0 12px 0; border-bottom: 1px solid #e0e0e0}
.left-main-col{position:absolute;width:17%;height:100%; overflow: hidden}
.left-top-col{display:none}
.sidebar-spoiler{display:none}
.left-menu-fixed{position:fixed;overflow:auto;z-index: 300;height:100%;width:220px;padding:20px 0 350px 35px;background:#f2f2f2}
:root{--scrollbar-size: 0!important;--scrollbar-minlength: 0!important; --scrollbar-ff-width: 0!important; --scrollbar-track-color: transparent;--scrollbar-color: rgba(0,0,0, 0);--scrollbar-color-hover: rgba(0,0,0, 0);--scrollbar-color-active: rgb(0,0,0, 0);}
.left-menu-fixed{overscroll-behavior: contain;overflow-y: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;scrollbar-width: var(--scrollbar-ff-width)}
.left-menu-fixed {scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color)}
.left-menu-fixed::-webkit-scrollbar {height: var(--scrollbar-size);width: var(--scrollbar-size)}
.left-menu-fixed::-webkit-scrollbar-track {background-color: var(--scrollbar-track-color)}
.left-menu-fixed::-webkit-scrollbar-thumb {background-color: var(--scrollbar-color);border-radius:3px}
.left-menu-fixed::-webkit-scrollbar-thumb:hover {background-color: var(--scrollbar-color-hover)}
.left-menu-fixed::-webkit-scrollbar-thumb:active{background-color: var(--scrollbar-color-active)}
.left-menu-fixed::-webkit-scrollbar-thumb:vertical{min-height: var(--scrollbar-minlength)}
.left-menu-fixed::-webkit-scrollbar-thumb:horizontal{min-width: var(--scrollbar-minlength)}
.left-menu-fixed::-webkit-scrollbar-corner, .left-menu-fixed::-webkit-scrollbar-button {display:none}
.left-menu-fixed::-webkit-scrollbar{width:0;background:transparent}
.nav-menu-left {display: block;position: relative;padding-bottom:15px}
.nav-menu-left:last-child{padding-bottom:150px}
.nav-menu-left:last-child .spoiler-button.active span{position:relative;bottom:140px}
.left-preview{margin-top:10px}
.left-preview a, .left-preview a:hover, .nav-menu-left a, .nav-menu-left a:hover{text-decoration:none}
.left-preview:first-child{margin-top:20px}
.left-preview span{font-size:16px;color:black;margin-left: 10px}
.sidebar-spoiler{margin-bottom:20px}
.left-preview li, .sidebar-spoiler li{list-style: none;color:#444;padding: 3px 10px;border-radius:2px;width:145px;font-size: 13px;margin: 1px 0}
.left-preview ul{width:145px}
.left-preview li:hover, .sidebar-spoiler li:hover, .left-n:hover{background-color:white}
.spoiler-button.active{position:absolute;bottom:10px}
.spoiler-button{display:block; width:100px;height:17px;margin-left: 10px;color:#ccc}
.left-n{display: block;font-size: 15px;background: url(../images/media-izbr.png) 7px 50% no-repeat;background-size: 11%;padding: 4px 0 4px 28px;margin: 7px 0 20px 0;color: #323232;width:150px;border-radius:2px}

nav li{list-style:none; float:left}
.nav-nm{display:inline-block; width:auto; padding:5px; text-align:center; height:48px}
.nav-nmn{display:inline-block; width:auto; padding:5px; text-align:center; height:48px}
nav li a{letter-spacing:.2px; font-size:15px; text-decoration:none; color:#fff; outline:none!important; cursor:pointer}
nav li a:hover{text-decoration:none; color:#1983ac}
nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:left}
.form-search{position:relative; right:0; top:0; z-index:13; border-radius:15px}
.form-search input{height:28px; color:#6E7074; font-size:11px; text-shadow:0 1px 0 #FFF; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; padding:0 0 0 36px; background:#fff url(../images/search-icon.png) no-repeat 9px center; border:solid 1px #ccc; border-radius:15px; width:100%}
.form-search input:focus{width:100%}
.form-text{color:#6a6a6a; font-size:11px; border:1px #c3c3c3 solid; background:#ececec; position:absolute; left:5px; top:10px}
.profile{font-size:13px; display:inline-block; position:relative; width:30px; height:47px; float:right; top:1px; margin:0 5px}
.profile-menu{text-align:center; padding-top:9px; height:47px}
.profile-button s{display:block; z-index:9; color:#fff; height:14px; width:14px; position:absolute; top:16px; left:-5px; border-radius:50%; text-decoration:none; background:red; font-size:10px; line-height:14px; color:#fff; padding-right:1px}
.profile-button, .profile-button:hover{display:inline-block; color:#939393; position:relative; line-height:30px; text-decoration:none}
.profile-button i{position:absolute; right:0; top:14px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgba(200,200,200,0.6)}
.profile-avatar, .profile-avatar img{-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px}
.profile-avatar{display:block; width:28px; height:28px; border-radius:50%; border:1px solid #ccc; background:#fff}
.profile-login{display:inline-block; width:28px; height:28px; border-radius:50%; border:1px solid #ccc; background:url(../images/profile-login.png) 50% 50% no-repeat #fff}
.profile-avatar img{width:26px; height:26px; object-fit:cover}
.profile-menu:hover .profile-list{visibility:visible}
.profile-list{position:absolute; width:235px!important; right:-11px!important; top:29px; padding-top:18px; visibility:hidden; z-index:9}
.profile-list-in{background:#fff; width:100%!important; box-shadow:0 0 10px rgba(0,0,0,0.6)}
.profile-list-in a{display:block; padding:0 20px!important; line-height:42px!important; text-decoration:none; text-align:left; border-bottom:1px solid #f1f1f1; font-size:12px; color:#444}
.profile-list-in a:hover{text-decoration:none}
.profile-list-in a.last{border-bottom:0!important}
.profile-list-in a i{background:#3297db; color:#fff; float:right; font-style:normal; font-size:10px; padding:0 7px 1px 6px; line-height:16px!important; margin-top:12px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px}
#menu-icon{position:absolute; right:0; top:50%; margin-top:-12px; margin-right:30px; display:none}
#menu-icon span{border:2px solid #fff; width:30px; margin-bottom:5px; display:block; -webkit-transition:all .2s; transition:all .1s}
.logo{float:left; height:48px; display:inline-block; position:relative; width:17%; background:url(../images/logo.png) no-repeat; background-position:30% 60%; background-size:65%; outline:none}
.pda-arrow{padding:9px 0 10px 15px; display:block;z-index:9999}
.nav-toggle{display:none; position:relative; float:left; width:40px; height:40px; margin:4px 10px; cursor:pointer; opacity:.95}
.nav-toggle span{display:block; position:absolute; top:19px; left:8px; right:8px; height:2px; background:#fff}
.nav-toggle span:before, .nav-toggle span:after{content:""; position:absolute; display:block; left:0; width:100%; height:2px; background:#fff}
.nav-toggle span:before{top:-8px}
.nav-toggle span:after{bottom:-8px}
.ser-desc-full{display:block; margin:4%; font-size:13px; color:#323232; line-height:21px; min-height:300px}
.ser-desc-full img{float:left; border:1px solid #c8c8c8; padding:1px; width:19%; margin:5px 20px 0 0; border-radius:2px}
.ser-desc-full h2{font-size:18px; margin:0;  line-height:28px}
footer{overflow:hidden;position:relative;z-index: 9999;display:block;background: black}

/* 9999 - 1021 */

@media (max-width:9999px) and (min-width:1021px)
{
nav>ul{float:left; position:relative; display:inline-block; position:relative; height:48px; width:55%; padding-left:1.6%}
.personal-area{display:block; width:24%!important; float:right; position:relative; height:48px; top:0; left:-7px}
.head-search{display:inline-block; height:48px; width:60%; float:right; margin-right:10px}
.film-line .cont-body{margin:0 2%!important}
.main-h-r{margin: 20px 4% 0!important}
}

/* 1020 - 801 */

@media (max-width:1020px) and (min-width:801px)
{
.logo{left:5px!important;background-position:23% 55%!important;background-size:85%!important;width:150px!important}
nav>ul{float:left; position:relative; display:inline-block; width:58%}
.personal-area{width:300px; float:right; position:relative; left:-11px}
.head-search{display:inline-block; width:50%; float:right; margin-right:10px}
.nav-toggle{display:block}
.container #sidebar, #leftbar{display:none}
.cent-col, .main-top-block{width:100%!important;left:0!important}
.regular2 .slick-prev, .regular2 .slick-next, .slick-prev, .slick-next{display:none!important}
.sliderElement{margin:0 8px!important; width:90%!important}
.regular{width:100%!important; margin:0!important; padding:0 2%!important}
.main-text{width:94%!important; margin:50px 3% 0 3% !important}
.season-number-main{margin: 20px 3% 10px 3%!important}
.regular2{width:100%!important; margin:0!important; padding:0 2%!important; height:190px!important}
.video-slider{margin:0 6px!important}
.main-h{width:94%!important; margin:30px 3% 2%!important; font-size:18px!important}
.main-h h2{font-size:18px!important; line-height:18px!important}
.film-line{width:94%!important; margin:.5% 3% 1%!important}
.full-desc h2, .full-desc h3{font-size:18px!important; line-height:20px!important; margin:20px 0 -8px!important}
.full-desc p{font-size:13px!important; line-height:18px!important}
.footer-bot span inf{padding:1% 3%!important; width:160px!important}
.footer-bot span inf2{width:220px!important; padding:1% 3%!important}
.foot-soc inf{padding:1.15% 0 0 3% !important}
.helper{width:94%!important; padding:1% 3%!important}
.main-h-r{width:94%!important; margin:20px 3% 15px !important}
.full-desc h1{font-size:20px!important; margin:15px 0 -10px!important}
.cont-body{width:94%!important; margin:0 3%!important}
.series-items{width:95%!important; margin:.8% 2.4% 0!important}
.cont-body-films{width:95%!important; margin:0 2.5%!important}
.cent-col-int{margin:1% 3%!important; font-size:18px!important}
.film-line coms t{font-size:18px!important}
.filmtable{margin:.8% 3% 0!important; width:94%!important}
.film-line{width:96%!important; margin:2% 3%!important}
.film-line soc{top:-1px!important}
.ser-nav{width:94%!important;  margin:0 3% 25px!important}
.ser-nav-seas{width:57.5%!important}
.film-line .full-desc{top:-10px!important}
.film-line h1{font-size:20px!important;margin:15px 0 0!important}
.cont-body-series{width:95%!important; margin:.8% 2.5% 0!important}
.full-desc img{height:250px!important; width:auto!important}
.film-name{margin:1% 3% .5% !important}
.film-name2{margin:3px 3% 20px !important}
.cent-col h2{margin:10px 0 -5px!important}
.ep-brief {padding: 15px 0 30px 0!important}
.series-slider{height:155px!important}
.premier-bl-small span date, .premier-bl-small-i span date{font-size:14px!important; padding-bottom:1px!important}
.premier-bl-small span hour, .premier-bl-small-i span hour{font-size:12px!important}
.series-item{margin-bottom:28px!important}
.ser-desc-full{margin:60px 3% 30px 3%!important}
.mediablock, .film-desc{width:64%!important}
.slider-poster, .sliderElement scr:hover, .sliderElement scr{height:83%!important}
.sliderElement t{height:45px!important}
.left-main-col{width:100%!important}
.left-top-col li{padding:10px 17px;color:#323232;font-size: 14px}
.left-top-col li:hover{background-color:white}
.left-menu-fixed{padding:10px 0 360px 0}
.left-n{width:100%;font-size:14px!important;padding: 8px 0 8px 38px!important;background: url(../images/media-izbr.png) 13px 50% no-repeat;background-size: 8%}
.left-preview span{margin-left:17px!important}
.left-preview li, .sidebar-spoiler li{margin:0!important;width:220px!important;padding:5px 17px}
.left-preview ul{width:220px!important}
.spoiler-button span{margin:7px!important}
}

/* 800 - 641 */

@media (max-width:800px) and (min-width:641px)
{
.logo{left:5px!important;background-position:23% 55%!important;background-size:85%!important;width:150px!important}
.personal-area{width:300px; float:right; position:relative; left:-9px}
.head-search{display:inline-block; width:50%; float:right; margin-right:10px}
.nav-toggle{display:block}
.container #sidebar, #leftbar{display:none}
.cent-col, .main-top-block{width:100%!important;left:0!important}
.regular2 .slick-prev, .regular2 .slick-next, .slick-prev, .slick-next{display:none!important}
.regular2 .slick-prev, .regular2 .slick-next, .slick-prev, .slick-next{display:none!important}
.page_form__inner{ width:100%!important}
.sliderElement{margin:0 8px!important; width:90%!important}
.regular{width:100%!important; margin:0!important; padding:0 2%!important; height:320px !important}
.slick-dots{bottom:0px!important}
.regular2{width:100%!important; margin:0!important; padding:0 2%!important; height:225px!important}
.series-item-link{height:130px!important}
.video-slider{margin:0 7px!important}
.ser-nav{width:94%!important;  margin:0 3% 25px!important}
.ser-nav-seas{width:100%!important}
.ser-nav-soc{display:none!important}
.main-text{width:94%!important; margin:50px 3% 0 3% !important}
.season-number-main{margin: 20px 3% 10px 3%!important}
.main-h{width:94%!important; margin:30px 3% 3%!important; font-size:18px!important}
.main-h h2{font-size:18px!important; line-height:18px!important}
.film-line{width:94%!important; margin:.5% 3% 1%!important}
.full-desc h2{font-size:18px!important; line-height:20px!important; margin:20px 0 -8px!important}
.full-desc p{font-size:13px!important; line-height:18px!important}
.foot-soc inf{display:none!important}
.footer-bot span inf2{display:block!important; width:100%!important; padding:3%!important; float:left!important; margin-top:40px!important}
.footer-bot span inf2 li{display:block!important; position:relative; top:-54px; font-size:12px!important; width:100%!important; float:left!important; line-height:16px!important}
.footer-bot span inf{display:none!important}
.helper{width:94%!important; padding:1% 3%!important}
.main-h-r{width:94%!important; margin:20px 3% 15px !important; font-size:18px!important}
.full-desc h1{font-size:20px!important; margin:15px 0 -10px!important}
.cont-body{width:94%!important; margin:0 3%!important}
.cont-body-films{width:96%!important; margin:0 2%!important}
.cont-body-films #dle-content>div{width:33%!important}
.film-name{margin:2% 3% .5% !important}
.film-name2{margin:3px 3% 20px !important;font-size:13px!important}
.film-name h1{font-size:20px!important}
.filmtable{margin:.8% 3% 0!important; width:96%!important; min-height:170px!important}
.film-src{width:35% !important}
.rat-block{width:65%!important}
.rat-stars{display:none!important}
.mediablock{margin:3px 0 13px 15px!important; width:62%!important}
.film-desc{width:62%!important; margin-left:15px !important}
.film-brief{line-height:22px!important}
.film-desc>br{margin:-10px 0!important; display:none!important}
.film-code{width:100%!important}
.film-line coms{width:100%!important}
.cent-col-int{font-size:18px!important; margin:1% 3% 1.3%!important}
.film-line coms t{font-size:18px!important}
.film-line{width:94%!important; margin:2% 3%!important}
.brief-episode{width:100%!important}
.film-social{display:none!important}
.film-line soc{top:-1px!important}
.film-line .full-desc{top:-10px!important}
.film-line h1{font-size:20px!important;margin:15px 0 0!important}
.cont-body-series{width:94.8%!important; margin:.8% 2.9% 0!important}
.cont-body-series #dle-content>div{width:33%!important}
.item.grid-item{width:93%!important; margin:0 3.5% 25px!important}
.full-desc img{height:250px!important; width:auto!important}
.cent-col h2{margin:10px 0 -10px!important}
.ep-brief {padding: 15px 0 30px 0!important}
.series-slider{height:155px!important}
.choice-line{overflow:hidden; max-height:120px}
.choice-line b{font-size:18px!important}
.premier-bl-small span date, .premier-bl-small-i span date{font-size:14px!important; padding-bottom:1px!important}
.premier-bl-small span hour, .premier-bl-small-i span hour{font-size:12px!important}
.series-items{ margin:.8% 2.1% 0!important;  width:95.5%!important}
.series-item{width:33%!important; margin-bottom:30px!important}
.ser-desc-full img{display:none!important}
.ser-desc-full h2{margin:0!important}
.ser-desc-full{margin:60px 3% 30px 3%!important}
.grid-item .vid-t{padding-top:6px!important;font-size:14px!important}
.grid-item .vid-t-orig{font-size:12px!important}
.slider-poster, .sliderElement scr:hover, .sliderElement scr{height:83%!important}
.left-main-col{width:100%!important}
.left-top-col li{padding:10px 17px;color:#323232;font-size: 14px}
.left-top-col li:hover{background-color:white}
.left-menu-fixed{padding:10px 0 360px 0}
.left-n{width:100%;font-size:14px!important;padding: 8px 0 8px 38px!important;background: url(../images/media-izbr.png) 13px 50% no-repeat;background-size: 8%}
.left-preview span{margin-left:17px!important}
.left-preview li, .sidebar-spoiler li{margin:0!important;width:220px!important;padding:5px 17px}
.left-preview ul{width:220px!important}
.spoiler-button span{margin:7px!important}
}

/* 640 - 361 */

@media (max-width:640px) and (min-width:361px)
{
.nav-toggle{display:block}
.container #sidebar, #leftbar{display:none}
.cent-col, .main-top-block{width:100%!important;left:0!important;margin-bottom:30px!important}
.logo{background-position:23% 55%!important;background-size:85%!important;width:150px!important}
.personal-area{width:auto; float:right; position:relative; left:-12px}
.head-search{display:inline-block; width:28px; float:right; margin-right:14px}
.form-search{position:relative; right:0; top:0; z-index:13; border-radius:15px}
.form-search input{height:28px; color:#6E7074; font-size:11px; text-shadow:0 1px 0 #FFF; padding:0 0 0 28px !important; background:#fff url(../images/search-icon.png) no-repeat 50% 50%!important; border:solid 1px #ccc; border-radius:15px; width:100%}
.form-search input:focus{width:600%!important; background:#fff url(../images/search-icon.png) no-repeat 5% 50%!important; left:-290%}
.form-text{color:#6a6a6a; font-size:11px; border:1px #c3c3c3 solid; background:#ececec; position:absolute; left:5px; top:10px}
.regular2 .slick-prev, .regular2 .slick-next, .slick-prev, .slick-next{display:none!important}
.main-text{width:96%!important; margin:55px 3% 0 3%!important; font-size:12px!important; line-height:18px!important}
.season-number-main{margin: 20px 2.5% 10px 2.5%!important}
.film-name{margin:1% 3% .5% !important}
.film-name2{margin:5px 3% 15px 3% !important;font-size:13px!important}
.sliderElement{margin:0!important; width:90%!important}
.sliderElement t{display:block!important;text-align:left!important;font-family:Arial,sans-serif!important;font-size:13px!important;height:39px!important}
.regular{width:100%!important; margin:0!important; padding:0 3%!important; height:290px!important}
.slick-dots{bottom:0px!important}
.regular2{width:100%!important; margin:0!important; padding:0 2%!important; height:205px!important}
.video-slider{margin:0 5px!important}
.ser-nav{width:94%!important;  margin:0 3% 25px!important}
.ser-nav-seas{width:100%!important}
.ser-nav-soc{display:none!important}
.page_form__inner{ width:100%!important}
.main-h{width:94%!important; margin:30px 3% 3%!important; font-size:18px!important}
.main-h h2{font-size:18px!important; line-height:17px!important}
.film-line{width:94%!important; margin:.5% 3% 1%!important}
.full-desc h2{font-size:18px!important; line-height:22px!important; margin:20px 0 -10px!important}
.full-desc p{font-size:13px!important; line-height:18px!important}
.foot-soc inf{display:none!important}
.footer-bot span inf2{display:block!important; width:100%!important; padding:3%!important; float:left!important; margin-top:40px!important}
.footer-bot span inf2 li{display:block!important; position:relative; top:-48px; font-size:12px!important; width:100%!important; float:left!important; line-height:16px!important}
.footer-bot span inf{display:none!important}
.helper{width:94%!important; padding:1% 3% 20px 3%!important}
.main-h-r{width:94%!important; margin:20px 3% 12px !important; font-size:18px!important; line-height:20px!important}
.full-desc h1{font-size:20px!important; margin:15px 0 -10px!important}
.cont-body{width:94%!important; margin:0 3%!important}
.film-name h1{font-size:20px!important}
.filmtable{margin:.8% 3% 0!important; min-height:270px!important; width:96%!important}
.film-src{width:45%!important}
.mediablock{width:50% !important;  margin:3px 0 17px 15px!important}
.mediablock-film{width:100px!important; display:block!important;  margin-bottom:20px!important}
.rat-block{ display:block!important; margin:0!important; width:100%!important; left:0!important; position:relative!important}
.rat-stars{ display:none!important}
.film-desc{width:100%!important; display:block; margin:15px 0!important}
.film-brief{margin:5px 0!important; font-size:13px!important;line-height:20px!important}
.film-desc>br{margin:-10px 0!important; display:none!important}
.cent-col-int{font-size:18px!important; margin:1% 3% 2%!important}
.film-line coms t{font-size:18px!important}
.film-code{width:100%!important; height:320px!important}
.film-line coms{width:100%!important}
.film-line{width:94%!important; margin:2% 3%!important}
.brief-episode{width:100%!important}
.brief-episode h2{width:100%!important; padding:15px 0 20px !important}
.film-social{display:none!important}
.film-line soc{display:none!important}
.film-line .full-desc{top:-8px!important}
.film-line h1{font-size:20px!important;margin: 15px 0 0!important}
.cont-body-series{width:94.8%!important; margin:.8% 2.9% 0!important}
.cont-body-series #dle-content>div{width:33%!important}
.cont-body-films{width:96%!important; margin:0 2%!important}
.item.grid-item{width:96%!important; margin:0 1.5% 25px 1.5%!important}
.cont-body-films #dle-content>div{width:33%!important}
.full-desc img{height:250px!important; width:auto!important}
.cent-col h2{font-size:18px!important; line-height:24px!important; margin:10px 0 -10px!important}
.film-line p{line-height:18px!important; margin-bottom:-5px!important}
.ser-arrows .ser-prev, .ser-arrows .ser-next{top:140px!important}
.choice-line{overflow:hidden; max-height:120px;margin:15px 0 30px!important}
.choice-line b{font-size:18px!important}
.premier-bl-small span date, .premier-bl-small-i span date{font-size:12px!important; padding-bottom:1px!important}
.premier-bl-small span hour, .premier-bl-small-i span hour{font-size:10px!important}
.series-items{ margin:.8% 2.1% 0!important;  width:95.5%!important}
.series-item{width:33%!important; margin-bottom:30px!important;padding:0 4px!important}
.ser-desc-full img{display:none!important}
.ser-desc-full h2{padding-bottom:25px !important}
.ser-desc-full{margin:60px 3% 30px 3%!important; line-height:18px!important;font-size:12px!important}
.grid-item .vid-t{padding-top:5px!important;font-size:14px!important}
.grid-item .vid-t-orig{font-size:12px!important;height: 20px}
.left-main-col{width:100%!important}
.left-top-col li{padding:10px 17px;color:#323232;font-size: 14px}
.left-top-col li:hover{background-color:white}
.left-menu-fixed{padding:10px 0 360px 0}
.left-n{width:100%;font-size:14px!important;padding: 8px 0 8px 38px!important;background: url(../images/media-izbr.png) 13px 50% no-repeat;background-size: 8%}
.left-preview span{margin-left:17px!important}
.left-preview li, .sidebar-spoiler li{margin:0!important;width:220px!important;padding:5px 17px}
.left-preview ul{width:220px!important}
.spoiler-button span{margin:7px!important}
.slider-poster, .sliderElement scr:hover, .sliderElement scr{height:85%!important}
.ep-brief {font-size: 13px!important;line-height:21px!important}
}

/* 360 - 1 */

@media (max-width:360px) and (min-width:1px)
{
.logo{background-position:0% 55%!important;background-size:85%!important;width:150px!important}
.nav-toggle{display:block; margin:4px 5px!important}
.container #sidebar, #leftbar{display:none}
.cent-col, .main-top-block{width:100%!important;left:0!important;margin-bottom:30px!important}
.personal-area{width:auto; float:right; position:relative; left:-7px}
.head-search{display:inline-block; width:28px; float:right; margin-right:14px}
.form-search{position:relative; right:0; top:0; z-index:13; border-radius:15px}
.form-search input{height:28px; color:#6E7074; font-size:11px; text-shadow:0 1px 0 #FFF; padding:0 0 0 28px !important; background:#fff url(../images/search-icon.png) no-repeat 50% 50%!important; border:solid 1px #ccc; border-radius:15px; width:100%}
.form-search input:focus{width:500%!important; background:#fff url(../images/search-icon.png) no-repeat 5% 50%!important; left:-60px}
.form-text{color:#6a6a6a; font-size:11px; border:1px #c3c3c3 solid; background:#ececec; position:absolute; left:5px; top:10px}
.slick-dots li, .slick-dots li button{width:5px!important; height:5px!important}
.regular2 .slick-prev, .regular2 .slick-next, .slick-prev, .slick-next{display:none!important}
.sliderElement{height:170px!important; width:93%!important; margin:0!important;overflow:hidden}
.slider-poster, .sliderElement:hover scr{height:130px!important}
.sliderElement t{display:block!important;text-align:left!important;font-family:Arial,sans-serif!important;font-size:13px!important;height:39px!important}
.film-name{margin:1% 2% .5% !important}
.film-name2{margin:5px 2% 15px 2% !important;font-size:13px!important}
.regular{width:100%!important; margin:0!important; padding:0 2%!important; height:190px!important}
.regular2{height:160px!important; padding:0 1%!important}
.regular2 .slick-list{height:160px!important}
.slick-dots{bottom:0px!important}
.video-slider{margin:0 3px!important;height:140px!important}
.main-text{width:96%!important; margin:55px 2% 0 2%!important; font-size:12px!important; line-height:16px!important}
.season-number-main{margin: 20px 2.3% 10px 2.3%!important}
.series-item-link{height:80px!important}
.series-item-info{font-size:11px!important;height:33px!important;line-height: 14px!important;overflow:hidden;}
.series-item-title{font-weight:normal!important;font-size:13px!important;line-height:16px!important;height: 20px!important;overflow:hidden}
.main-h{width:96%!important; margin:30px 2% 3%!important; font-size:16px!important}
.main-h h2{font-size:16px!important; line-height:18px!important}
.film-line{width:96%!important; margin:3% 2%!important}
.foot-soc{padding:13px 2%!important}
.full-desc h2{font-size:16px!important; line-height:18px!important; margin:20px 0 -10px!important}
.full-desc p{font-size:13px!important; line-height:18px!important}
.foot-soc inf{display:none!important}
.footer-bot span inf2{display:block!important; padding:2%!important; width:100%!important; float:left!important; margin-top:40px!important}
.footer-bot span inf2 li{display:block!important; position:relative; top:-45px; width:100%!important; float:left!important; font-size:12px!important; line-height:16px!important}
.footer-bot span inf{display:none!important}
.foot-soc{padding:13px 2%!important}
.helper{padding: 10px 2% 15px 2%!important;}
.main-h-r{width:96%!important; margin:20px 2% 10px!important; font-size:16px!important; line-height:18px!important}
.page_form__inner{    width:100%!important}
.full-desc h1{font-size:18px!important; margin:15px 0 -10px!important}
.cont-body .cont-body-series{width:96%!important; margin:0 2%!important}
.cont-body-films{width:97%!important; margin:0 1.5%!important}
.cont-body-films #dle-content>div{width:50%!important}
.item.grid-item{height:135px!important;width:96%!important;margin: 0 1.5% 20px 1.5%!important}
.grid-item .vid-scr{height:90px!important}
.grid-item .vid-t{max-height:24px!important;font-size:13px!important}
.grid-item .vid-t-orig{max-height:17px!important;font-size:11px!important}
.film-name h1{font-size:18px!important; line-height:22px!important; margin-top:15px!important}
.filmtable{margin:2% 2% 0!important; width:96%!important}
.film-src{width:99.5%!important}
.mediablock{width:99.5%!important; margin:10px 0 5px 0!important; font-size:13px !important}
.mediablock-film{display:none!important}
.rat-block{display:block!important;width:100%!important;margin-left:0!important}
.rat-stars{display:none!important}
.film-desc{display:block!important; width:99.5%!important; margin:5px 0 0 1px !important}
.film-brief{line-height:20px!important;font-size:13px!important;margin:10px 0 20px 0!important}
.brief-episode{width:100%!important; margin-top:55px !important; font-size:12px!important; line-height:16px!important}
.film-social{display:none!important}
.film-desc>br{margin:-10px 0!important; display:none!important}
.ser-nav{width:96%!important;margin:0 2% 25px!important}
.ser-nav-seas{ width:100%!important}
.ser-nav-soc{display:none!important}
.cent-col-int{font-size:16px!important; margin:1% 2% 2%!important}
.film-line coms t{font-size:16px!important}
.film-code{width:100%!important; height:200px!important}
.film-line coms{width:100%!important}
.full-desc.clearfix{font-size: 12px;line-height: 16px;margin-top: 20px;}
.cent-col h2{font-size:16px!important; line-height:23px!important; margin:8px 0 -5px!important; padding:0!important}
.brief-episode h2{padding:5px 0 10px !important}
.film-line h1{font-size:18px!important; line-height:19px!important; margin-top:15px!important}
.film-line{width:96%!important; margin:0 2% 4%!important}
.film-line .full-desc{top:-8px!important}
.film-line h1{font-size:18px!important; margin-top:20px!important;line-height:22px!important}
.cont-body-series{width:96%!important; margin:.8% 2% 0!important}
.cont-body-series #dle-content>div{width:49%!important}
.film-line coms t{font-size:16px!important}
.full-desc img{height:170px!important; width:auto!important}
.film-line p{line-height:16px!important; font-size:12px!important; margin-bottom:-5px!important}
.ser-arrows .ser-prev{top:210px!important;width:49.5%!important;font-size:12px!important;left:0!important;height:35px!important;border:1px solid #e3e3e3!important;border-radius:2px!important}
.ser-arrows .ser-prev prev{height:35px!important; width:35px!important; opacity: .7; border-radius:0!important; background:url(../images/prev-arrow.png) 50% 50% no-repeat!important; border:none!important; background-size:30% 50%!important}
.ser-arrows .ser-prev span{display:block!important; color:#323232!important; padding:6px 0 0 35px!important}
.ser-arrows .ser-next{top:210px!important;width:49%!important;font-size:12px!important;right:0!important;height:35px!important;border:1px solid #e3e3e3!important;border-radius:2px!important}
.ser-arrows .ser-next next{height:35px!important; width:35px!important; opacity: .7; border-radius:0!important; background:url(../images/next-arrow.png) 50% 50% no-repeat!important; border:none!important; background-size:30% 50%!important}
.ser-arrows .ser-next span{display:block!important; color:#323232!important; padding:6px 35px 0 0!important; float:right!important}
.choice-line{overflow:hidden;margin:15px 0 25px !important}
.choice-line b{font-size:16px!important; margin-bottom:5px!important}
.choice-line a:nth-child(11), .choice-line a:nth-child(12), .choice-line a:nth-child(13){display:none!important}
.premier-bl-small span date, .premier-bl-small-i span date{font-size:12px!important; padding-bottom:1px!important}
.premier-bl-small span hour, .premier-bl-small-i span hour{font-size:10px!important}
.premier-bl-big span date, .premier-bl-big-i span date{font-size:22px!important; padding-bottom:5px!important}
.premier-bl-big span hour, .premier-bl-big-i span hour{font-size:16px!important}
.premier-bl-big span inf, .premier-bl-big-i span inf{font-size:12px!important; margin-top:20px!important}
.series-items{margin:.8% 1% 0 !important; ;  width:98%!important}
.series-item{width:50%!important; margin-bottom:30px!important; padding:0 4px!important}
.ser-desc-full img{display:none!important}
.ser-desc-full h2{margin:0!important; padding-bottom:5px !important}
.ser-desc-full{margin:60px 2% 30px 2%!important; line-height:16px!important; font-size:12px!important}
.spoiler-block span{line-height:20px!important;height:20px!important;font-size:12px!important}
.spoiler-block .actors-full{height:43px!important}
.left-main-col{width:100%!important}
.left-top-col li{padding:10px 17px;color:#323232;font-size: 14px}
.left-top-col li:hover{background-color:white}
.left-menu-fixed{padding:10px 0 360px 0}
.left-n{width:100%;font-size:14px!important;padding: 8px 0 8px 38px!important;background: url(../images/media-izbr.png) 13px 50% no-repeat;background-size: 8%}
.left-preview span{margin-left:17px!important}
.left-preview li, .sidebar-spoiler li{margin:0!important;width:220px!important;padding:5px 17px}
.left-preview ul{width:220px!important}
.spoiler-button span{margin:7px!important}
.ep-brief {font-size: 13px!important;line-height:21px!important}
}

/* osobie ostalnye stili 1135 - 1 */

@media (max-width:1200px) and (min-width:1136px)
{
.sliderElement{height:320px!important}
.grid-item .vid-scr{height:155px!important}
}

@media (max-width:1135px) and (min-width:1021px)
{
.sliderElement{height:290px!important;margin:0 5px!important}
.item.grid-item{height:205px!important;margin:0 2.5% 33px 2.5%!important}
.grid-item .vid-scr{height:145px!important}
.series-item-link{height:110px!important}
.left-menu-fixed {width:180px!important;padding: 20px 0 350px 10px!important}
.cent-col, .main-top-block{width:84.5%!important;left:15.5%!important}
}

@media (max-width:1020px) and (min-width:961px)
{
.sliderElement{height:280px!important}
.item.grid-item{height:200px!important;margin: 0 2.5% 35px 2.5%!important}
.grid-item .vid-scr{height:150px!important}
.grid-item .vid-t{padding-top:7px!important}
.film-src{width:33%!important}
.series-item-link{height:130px!important}
}

@media (max-width:960px) and (min-width:881px)
{
.sliderElement{height:270px!important}
.item.grid-item{height:190px!important;margin: 0 2.5% 30px 2.5%!important}
.grid-item .vid-scr{height:140px!important}
.grid-item .vid-t{padding-top:7px!important; font-size:14px!important}
.grid-item .vid-t-orig{font-size:12px!important}
.series-item-link{height:125px!important}
}

@media (max-width:960px) and (min-width:801px)
{
.cont-body-series{width:95%!important; margin:.8% 2.5% 0!important}
.film-src{width:33%!important}
.mediablock{margin-bottom:10px!important}
.rat-stars{display:none!important}
.rat-block{width:70%!important}
.filmtable{min-height:170px!important}
}

@media (max-width:880px) and (min-width:851px)
{
.sliderElement{height:260px!important}
.sliderElement t{height:20%!important}
.item.grid-item{height:195px!important;margin: 0 2.5% 30px 2.5%!important}
.grid-item .vid-scr{height:130px!important}
.grid-item .vid-t{padding-top:7px!important; font-size:14px!important}
.grid-item .vid-t-orig{font-size:12px!important}
.series-item-link{height:120px !important}
}

@media (max-width:850px) and (min-width:801px)
{
.sliderElement{height:255px!important}
.sliderElement t{height:45px!important}
.item.grid-item{height:195px!important;margin: 0 2.5% 30px 2.5%!important}
.grid-item .vid-scr{height:130px!important}
.grid-item .vid-t{padding-top:7px!important}
.grid-item .vid-t-orig{font-size:12px!important}
.series-item-link{height:110px !important}
}

@media (max-width:800px) and (min-width:741px)
{
.sliderElement{height:295px!important}
.sliderElement t{height:45px!important}
.item.grid-item{height:185px!important}
.grid-item .vid-scr{height:120px!important}
}

@media (max-width:740px) and (min-width:681px)
{
.regular{height:300px!important}
.regular2{height:210px!important}
.sliderElement{height:270px!important}
.sliderElement t{height:45px!important}
.item.grid-item{height:185px!important}
.grid-item .vid-scr{height:120px!important}
.series-item-link{height:120px!important}
}

@media (max-width:680px) and (min-width:641px)
{
.regular{height:290px!important}
.regular2{height:205px!important}
.sliderElement{height:255px!important}
.sliderElement t{height:45px!important}
.item.grid-item{height:180px!important}
.grid-item .vid-scr{height:115px!important}
.series-item-link{height:110px !important}
.filmtable{min-height:140px !important}
}

@media (max-width:640px) and (min-width:581px)
{
.regular2{height:205px!important}	
.sliderElement{height:260px!important}
.item.grid-item{height:170px!important}
.grid-item .vid-scr{height:110px!important}
.series-item-link{height:110px !important}
}

@media (max-width:580px) and (min-width:521px)
{
.regular{height:255px!important}
.regular2{height:190px!important}
.sliderElement{height:230px!important}
.item.grid-item{height:160px!important}
.grid-item .vid-scr{height:100px!important}
.series-item-link{height:100px !important}
}

@media (max-width:520px) and (min-width:481px)
{
.regular{height:240px!important}
.regular2{height:180px!important}
.sliderElement{height:215px!important}
.item.grid-item{height:150px!important}
.grid-item .vid-scr{height:88px!important}
.series-item-link{height:85px !important}
}

@media (max-width:480px) and (min-width:421px)
{
.regular{height:215px!important}
.sliderElement{height:195px!important; margin:0!important}
.slider-poster, .sliderElement:hover scr{height:155px!important}
.item.grid-item{height:170px!important}
.grid-item .vid-scr{height:120px!important}
.grid-item .vid-t{max-height:24px!important}
.grid-item .vid-t-orig{max-height:17px!important}
.regular2{height:185px!important}
.series-item-link{height:110px!important}
}

@media (max-width:420px) and (min-width:361px)
{
.regular{height:195px!important}
.sliderElement{height:175px!important; margin:0!important}
.slider-poster, .sliderElement:hover scr{height:135px!important}
.item.grid-item{height:150px!important}
.grid-item .vid-scr{height:100px!important}
.grid-item .vid-t{max-height:24px!important;font-size:13px!important;}
.grid-item .vid-t-orig{max-height:17px!important;font-size:11px!important}
.regular2{height:165px!important}
.series-item-link{height:95px!important}
}

@media (max-width:480px) and (min-width:361px)
{
.slick-dots li,.slick-dots li button{width:5px!important; height:5px!important}
.film-name h1{font-size:18px!important; margin-top:15px!important; line-height:22px!important}
.film-src{width:98%!important}
.film-src img{padding:0!importantborder:none!important}
.mediablock{width:100%!important; margin:15px 0 !important}
.mediablock-film{display:none!important}
.film-desc{margin:0!important}
.film-desc-infos{margin:0!important}
.film-brief{margin:10px 0 20px 0!important}
.film-code{height:230px!important}
.cont-body-series{width:94.8%!important; margin:.8% 2.9% 0!important}
.cont-body-series #dle-content>div{width:49%!important}
.film-line h1{font-size:18px!important; margin-top:15px!important}
.full-desc img{height:200px!important; width:auto!important}
.cent-col h2{margin:10px 0 -15px!important}
.film-line p{line-height:18px!important; margin-bottom:-5px!important}
.ser-arrows .ser-prev{top:240px!important;width:49.5%!important;font-size:12px!important;left:0!important;height:35px!important;border:1px solid #e3e3e3!important;border-radius:2px!important}
.ser-arrows .ser-prev prev{height:35px!important; width:35px!important; opacity: .7; border-radius:0!important; background:url(../images/prev-arrow.png) 50% 50% no-repeat!important; border:none!important; background-size:30% 50%!important}
.ser-arrows .ser-prev span{display:block!important; color:#323232!important; padding:6px 0 0 35px!important}
.ser-arrows .ser-next{top:240px!important;width:49%!important;font-size:12px!important;right:0!important;height:35px!important;border:1px solid #e3e3e3!important;border-radius:2px!important}
.ser-arrows .ser-next next{height:35px!important; width:35px!important; opacity: .7; border-radius:0!important; background:url(../images/next-arrow.png) 50% 50% no-repeat!important; border:none!important; background-size:30% 50%!important}
.ser-arrows .ser-next span{display:block!important; color:#323232!important; padding:6px 35px 0 0!important; float:right!important}
.film-line{margin-bottom:20px!important}
.film-line .full-desc{top:-8px!important}
.full-desc.clearfix{font-size:12px;line-height:18px;margin-top:20px}
.film-line h1{font-size:18px!important; margin-top:20px!important}
.premier-bl-big span date, .premier-bl-big-i span date{font-size:22px!important; padding-bottom:5px!important}
.premier-bl-big span hour, .premier-bl-big-i span hour{font-size:16px!important}
.premier-bl-big span inf, .premier-bl-big-i span inf{font-size:12px!important; margin-top:30px!important}
.series-items{margin:.8% 1.5% 0!important;width:97.5%!important}
.series-item{width:50%!important; margin-bottom:30px!important}
.video-slider{margin:0 3px!important;height:170px!important}
.series-item-info{font-size:11px !important;overflow:hidden;height:33px!important}
.series-item-title{font-weight:normal!important;font-size:13px!important;line-height:16px!important;height:20px!important;overflow:hidden;}
.brief-episode{margin-top:60px !important; font-size:12px!important; line-height:18px!important}
.brief-episode h2{padding:5px 0 25px !important}
.cont-body-films #dle-content>div{width:50%!important}
.spoiler-block span{line-height:20px!important;height:20px!important;font-size:12px!important}
.spoiler-block .actors-full{height:43px!important}
}

/* vse main stili */

.sliderContent{overflow:hidden; width:100%!important; height:300px}
.sliderElements{position:relative; list-style-type:none; width:1280px!important; left:0; padding:2px}
.slick-slide:hover{text-decoration:none; outline:none!important}
.video-slider{flex-wrap:wrap; align-content:stretch; opacity:1; height:180px; position:relative; margin:0 8px;overflow:hidden}
.video-slider:hover img{opacity:.94}
.video-slider img{width:100%;min-height:100%}
.series-slider{display:flex; flex-wrap:wrap; align-content:stretch; opacity:1; width:92.5%; height:165px; position:relative; margin:0 0 0 10px}
.series-slider t{display:block; width:100%; text-align:center; color:#323232; line-height:18px; font-size:14px; overflow:hidden; text-decoration:none; height:20%; vertical-align:top!important; padding-top:5px; position:relative}
.series-slider span{display:block; width:100%; height:80%; overflow:hidden}
.series-slider img{min-height:100%; height:auto!important; width:110%; margin-left:-5%}
.series-slider:hover t{color:#1983ac}
.choice-block{display:block; width:100%; margin-left:10px}
.choice-block b{display:block; background:url(../images/media-izbr.png) 3px 50% no-repeat; padding:3px 0 3px 27px; font-size:14px; font-weight:400; color:#323232}
.choice-block span{display:table; width:auto; margin:4px 0 5px; padding:4px 12px; border-radius:3px; background:#f0f0f0; color:#282828}
.choice-block span:hover{background:#f2f2f2; opacity:.9}
.choice-line{display:block; width:100%; margin:20px 0 30px}
.choice-line b{display:table; margin-bottom:15px; font-size:20px; font-weight:400; color:#323232; background:url(../images/media-izbr.png) 100% 50% no-repeat; padding:0 27px 0 0}
.choice-line span{display:inline-block; width:auto; margin:4px 5px 5px 0; padding:6px 12px; border-radius:3px; background:#f2f2f2; color:#323232; font-size:14px; font-family:Roboto,Arial,Helvetica,FreeSans,sans-serif}
.choice-line span:hover{background:#f2f2f2; opacity:.9}
.more-pdb{background:#fff!important;font-size:15px!important; border:1px solid #ccc; padding:5px 15px 4px 12px!important}
.more-pdb:hover{padding:5px 13px 4px 12px!important;color:#1983ac}
.more-pdb:after{content:'»'; display:inline-block; padding-left:5px}
.more-pdb:hover:after{content:'»'; display:inline-block; padding-left:7px}
.clear{clear:both}
.navbar{overflow:visible; *position:relative; *z-index:2}
.navbar .nav{position:relative; left:0; display:inline-block; float:left}
.nav{list-style:none}
.navbar .nav>li>a{float:none; padding:5px 20px; color:#666; text-decoration:none; text-shadow:0 1px 0 #fff}
.navbar .nav>li>a:hover{background:#f2f2f2}
.nav>li>a{display:block}
.navbar .nav>li{float:left}
.blur img{filter:blur(10px); opacity:.3!important; position:absolute!important; top:0; left:0; width:100%; height:auto; display:block; margin-top:-45%; border:none}
.add{display:block; position:absolute; right:20%; top:-20px; font-size:13px; opacity:.5; z-index:12!important}
.add a{color:#fff}
.foot{display:none}
.foot-soc{display:block; margin:auto; width:100%; max-width:1280px; font-size:13px; padding:2px 0}
span.film-line{color:#ccc}
.footer-bot{display:block; width:100%; background:rgba(0,0,0,0.92); min-height:100px}
.footer-bot span{display:block; width:100%; max-width:1280px; margin:auto}
.footer-bot span t{display:inline-block; width:43%; vertical-align:top; font-size:18px; margin:1% 0 0 1.6%; color:#a3a3a3}
.footer-bot span inf{display:inline-block; vertical-align:top; padding:1% 0 2% 4%; color:#a3a3a3; width:18%}
.footer-bot span inf2{display:inline-block; float:right; vertical-align:top; font-size:18px; padding:1% 4% 2% 0; color:#a3a3a3; width:20%}
.footer-bot span inf2 li{display:block; list-style:none; float:right; font-size:13px; line-height:28px; color:#a3a3a3}
.footer-bot span inf li{display:block; list-style:none; font-size:13px; line-height:28px; color:#ccc}
.footer-bot span inf a{color:#a3a3a3}
.footer-bot span inf a:hover{color:#ccc; text-decoration:none}
.footer{display:block; width:100%; height:45px; float:right; background:rgba(0,0,0,0.96); max-height:50px; z-index:13}
.footer a{text-decoration:none; color:#1983ac}
.live-stats{opacity:0}
.addMat{display:inline-block; height:30px; font-size:13px; color:#333; background:url(../images/media-izbr1.png) 5% 51% no-repeat; border:1px solid #ccc; border-radius:3px; padding:4px 1.2% 4px 30px; z-index:2; opacity:1}
.addMat:hover{filter:alpha(opacity=100); opacity:1; color:#fff; background:url(../images/media-izbr.png) 5% 51% no-repeat rgba(51,122,183,1); cursor:pointer; border-color:#337ab7; text-decoration:none; box-shadow:none}
a.addMat.mactive:before{content:'В избранном!'!important; color:#333}
.helper{display:block; padding:1% 4%; font-size:13px!important; line-height:21px; color:#444; margin-top:20px}
.helper1{display:block; margin:2% 4%}
.ser-nav{display:block; width:92%; margin:0 4% 25px}
.ser-nav-seas{display:inline-block; width:60%}
.ser-nav-seas li{list-style-type:none;display:inline-block; font-size:14px;border:1px solid #ccc;padding:5px 10px;border-radius:3px;margin:0 3px 6px 0}
.ser-nav-seas li:hover a{color:#1983ac}
.ser-nav-seas li:hover{border-color:#1983ac}
.ser-nav-seas li a{color:#000; text-decoration:none}
.ser-nav-soc{display:inline-block; float:right}
.season-number-main{display:block;margin:20px 4% 0 4%;font-size:20px;border-bottom:1px solid #dbdbdb; padding-bottom:10px}
.season-number-main a{color:#282828}
.season-number-main a::after{content:'»'; padding-left:4px}
.season-number-main a:hover::after{content:'»'; padding-left:6px}
.season-number-main:hover a{text-decoration:none!important}
.episodes-main-content .season-number-main:first-child{display:none}
.sertable{display:block; width:92%; margin:.8% 4% 2%; vertical-align:top; font-size:14px; line-height:21px; min-height:160px}
.ser-src{position:relative; top:0; left:0; width:22.6%}
.ser-src img{width:100%; min-height:150px; float:left; border:1px solid #777; padding:1px; border-radius:3px; margin-right:8%; margin-top:3px}
.ser-desc s{display:inline-block; border:1px solid #ccc; padding:0 7px 1px; border-radius:3px; margin-right:1%; text-decoration:none; margin-top:7px; color:#666}
.ser-desc s:hover{color:#fff; border-color:#337ab7; background:#337ab7; cursor:pointer}
.ser-desc active{display:inline-block; padding:0 7px 1px; border-radius:3px; margin-left:1%; text-decoration:none; margin-top:7px; color:#fff; border-color:#337ab7; background:#337ab7}
.ser-desc{display:inline-block; width:100%; vertical-align:top; font-size:13px; color:#444; line-height:21px; margin-top:15px}
.ser-desc inf{color:#666}
.filmtable{display:block; width:92%; margin:0 4%; vertical-align:top; font-size:14px; line-height:21px; min-height:270px}
.film-src{position:relative; top:0; left:0; width:30%}
.film-src img{width:100%; float:left; border:1px solid #c8c8c8; padding:1px; border-radius:3px}
.film-name{display:block; margin:1% 4% .2%}
.film-name span{display:inline-block; font-size:14px; padding-left:5px; color:#555}
.film-name h1{color:#282828; display:inline-block}
.film-name2{display:block; color:#555; font-size:14px; margin:.5% 4% 15px 4%}
.film-name2 inf{display:block; font-size:13px; margin:5px 0 15px 0}
.film-name2 t{display:table;     font-size:15px;     color:#282828;     width:auto}
.film-desc{display:inline-block; width:67%; vertical-align:top; font-size:13px; color:#444; line-height:21px; margin-left:20px}
.film-desc-infos{display:block;width:100%;margin:5px 0}
.film-desc-infos span{color: #555;border: 1px solid #e3e3e3;padding:0 7px;margin: 0 2px 0 0;border-radius: 2px;display: inline-block;height:22px}
.film-desc-infos a{color: #555}
.spoiler-block{display: none;margin: 20px 0 10px 0}
a.spoiler-trigger{display:inline-block;background: 5px 4px no-repeat url(../images/media-info-icon.png);background-size:11%;padding:0 7px 0 21px!important;height:22px;border:1px solid #e3e3e3;margin-left:3px;border-radius:2px}
a.spoiler-trigger:hover, .film-desc-infos span:hover, .film-desc-infos span:hover a{text-decoration:none;border-color:#1983ac;color:#1983ac}
.spoiler-block:hover, .spoiler-block span:hover, .spoiler-block span:hover a{color:#555!important}
.spoiler-block span a:hover{color:#1983ac!important;border-bottom:1px dotted #1983ac}
.spoiler-block span {display: block;border:none!important;line-height:25px;height:25px;overflow: hidden;margin:0 0 10px 0!important;padding:0!important}
.spoiler-block .actors-full{height:auto;max-height:55px}
.spoiler-block b {display: inline-block;width: 75px;font-weight: 600!important;font-family:sans-serif;color:#323232!important}
.film-desc span a{color:#555}
.film-desc>br{margin:-10px 0!important; display:none!important}
.mediablock{display:inline-block;width:67%;position:relative;margin:3px 0 15px 20px}
.collection{display:block; position:relative; width:100%; padding:0; margin:15px 0 10px}
.mediablock-film{display:inline-block; height:30px; font-size:13px; color:#fff; background:url(../images/play-icon.png) 10% 51% no-repeat rgba(51,122,183,1);background-size:18%; border:1px solid #337ab7; border-radius:3px; padding:4px 1.8% 4px 35px; margin-right:3%; outline:none!important}
.mediablock-film:hover{cursor:pointer; opacity:.9; box-shadow:none}
.mediablock-trailer{display:inline-block; height:30px; font-size:13px; color:#333; background:url(../images/media-trailer.png) 11% 51% no-repeat; border:1px solid #ccc; border-radius:3px; padding:5px 1.8% 4px 37px; margin-right:1%; outline:none!important}
.mediablock-trailer:hover{color:#fff; background:url(../images/media-trailer1.png) 11% 51% no-repeat rgba(51,122,183,1); cursor:pointer; border-color:#337ab7; box-shadow:none}
.serials-list{display:block; width:98%; height:auto; margin:.8% 1% 2%; border:1px solid green}
.ser-block{display:inline-block; width:23%; margin:0 0 0 1.8%; vertical-align:top}
.ser-block name{display:inline-block; width:auto; font-size:22px; color:#1983ac; position:relative; top:24px; left:-5px; z-index:1}
.ser-block li{display:inline-block; width:90%; margin-left:10%; list-style:none; font-size:14px; z-index:2; line-height:20px; padding:2px 0}
.ser-block li a{color:#444}
.ser-block li:hover a{color:#1983ac; text-decoration:none}
.film-line{display:block; width:92%; margin:.8% 4% 2%; font-size:13px; color:#444; line-height:21px}
.film-line .full-desc{width:100%}
.film-line h1{font-size:23px; display:inline-block; color:#282828}
.film-line soc{display:inline-block; float:right; position:relative; top:0; right:10px}
.film-line{display:block; width:92%; margin:.8% 4% 2%; font-size:13px; color:#444; line-height:21px; position:relative}
.film-line inf{display:block}
.film-line inf h2{font-size:16px; line-height:30px; margin-top:10px}
.film-line li{margin-left:15px}
.film-line h2{margin:0}
.film-line coms{display:inline-block; width:77%}
.film-line coms t{line-height:40px; font-size:20px; display:block; width:100%; margin-top:20px; color:#323232; font-weight:400}
.page_form__inner{width:68%}
.film-line a:hover{text-decoration:none}
.film-code .player-active{display:block; width:100%; height:100%}
.film-code{display:inline-block; width:77%; height:422px; background:#000; vertical-align:top; margin-bottom:0; position:relative}
.film-code .nocontent{display:block; width:100%; position:relative; top:44%; text-align:center; vertical-align:middle; color:#fff; opacity:.8; transition:1s; animation:show 2s 1; animation-fill-mode:forwards; animation-delay:.3s}
@keyframes show{0%{opacity:0}100%{opacity:1}}
.film-code iframe, .film-code #tab0.tab{position:relative; top:0; left:0; width:100%; height:100%!important; border:none}
.ser-arrows{display:block; width:100%; height:1px; position:absolute; opacity:1!important}
.ser-arrows .ser-prev{display:block; width:50px; height:50px; position:absolute; top:180px; left:-3%; z-index:30}
.ser-arrows .ser-prev prev{display:block; position:absolute; left:0; width:50px; height:50px; border-radius:50%; background:url(../images/prev-arrow2.png) 40% 50% no-repeat,#000; background-size:30% 50%; border:1px solid #333; z-index:30}
.ser-arrows .ser-prev span{display:none}
.ser-arrows .ser-prev:hover prev{border:1px solid #666}
.ser-arrows .ser-next{display:block; width:50px; height:50px; position:absolute; top:180px; right:-3%; z-index:30}
.ser-arrows .ser-next next{display:block; position:absolute; right:0; width:50px; height:50px; border-radius:50%; background:url(../images/next-arrow2.png) 60% 50% no-repeat,#000; background-size:30% 50%; border:1px solid #333; z-index:30}
.ser-arrows .ser-next span{display:none}
.ser-arrows .ser-next:hover next{border:1px solid #666}
.main-top-block{display:block; width:83%; left:17%; position:relative; overflow:hidden; z-index:10}
.top-films-block{display:block; width:100%; margin-bottom:40px}
.top-films-block inf{display:block; width:100%; font-size:13px; color:#444; margin-left:4%; margin-bottom:-5px}
.main-text{width:92%;margin:50px 4% 0 4%; font-size:13px;line-height:22px; color:#444; display:block}
.main-text p{ display:block; margin-top:20px}
.main-text h1{font-size:25px; margin:5px 0 15px; color:#282828}
.main-h-r{display:block; margin:0 4% -5px; width:92%; font-size:20px; text-transform:lowercase; z-index:12}
.main-h-r:first-letter{text-transform:uppercase}
.main-h-r a{color:#323232}
.main-h-r a:hover{text-decoration:none; color:#1983ac}
.main-h{display:block; margin:0 4% -5px; width:92%; z-index:12}
.main-h h2{font-size:25px; margin:0!important; letter-spacing:.5px; z-index:12}
.main-h h2 a{color:#282828; z-index:12}
.main-h h2 a:hover, .main-h a h2:hover, .main-h a:hover h2, .main-h a:hover{color:#1983ac; text-decoration:none}
.full-desc{overflow:hidden; position:relative; transition:height .2s}
.full-desc h1{font-size:24px; margin:5px 0 3px; color:#323232}
.full-desc h2{font-size:22px; margin:0 0 -20px; color:#282828}
.full-desc img{float:left; border:1px solid #777; padding:1px; border-radius:3px; margin-right:1.5%; margin-top:7px; width:18.5%}
.full-desc inf{display:block; font-size:13px}
.full-desc inf p1{display:inline-block; color:#555; width:10%; vertical-align:top; margin:2px 0}
.full-desc inf p2{display:inline-block; width:65%; margin:2px 0}
.full-desc p{display:block; margin-top:15px; color:#444}
.full-desc ul, .full-desc ol{padding:10px 0 0 3px}
.full-desc iframe, .full-desc object, .full-desc embed{position:relative; top:0; left:0; width:100%}
.u-star-rating-20{width:200px!important}
.u-star-rating-20 a.u-six-star{left:100px}
.u-star-rating-20 a.u-six-star:hover{width:120px}
.u-star-rating-20 a.u-seven-stars{left:120px}
.u-star-rating-20 a.u-seven-stars:hover{width:140px}
.u-star-rating-20 a.u-eight-stars{left:140px}
.u-star-rating-20 a.u-eight-stars:hover{width:160px}
.u-star-rating-20 a.u-nine-stars{left:160px}
.u-star-rating-20 a.u-nine-stars:hover{width:180px}
.u-star-rating-20 a.u-ten-stars{left:180px}
.u-star-rating-20 a.u-ten-stars:hover{width:200px}
select.select_filter{width:auto}
h1{font-weight:400; font-size:23px}
h2, h3{line-height:40px; font-size:20px; display:block; width:100%; margin:60px 0 0 4%; color:#282828; font-weight:400}
h4{font-weight:400; font-size:16px}
.cent-col{position:relative;width:83%;left:17%;max-width:1280px; float:left; margin-bottom:20px}
.cent-col h2{font-size:20px; color:#323232; padding-bottom:7px;line-height: 28px}
.cent-col-int{display:block; margin:2% 4%; font-size:20px; color:#323232; padding-top:10px}
.cent-col-int a, .cent-col-int a:hover{color:#282828; text-decoration:none}
a:hover{color:#1983ac; text-decoration:underline}
.catPages1, .catPages2, .pagesBlock1, .pagesBlock2, .pagesBlockuz1, .pagesBlockuz2{padding:10px 0}
span.catPages1, span.catPages2, span.pagesBlock1, span.pagesBlock2, span.pagesBlockuz1, span.pagesBlockuz2{display:inline-block}
.catPages1 a, .catPages2 a, .pagesBlock1 a, .pagesBlock2 a, .pagesBlockuz1 a, .pagesBlockuz2 a, .catPages1 span, .catPages2 span, .pagesBlock1 span, .pagesBlock2 span, .pagesBlockuz1 span, .pagesBlockuz2 span{padding:8px 14px; color:#535e6d; background:#fbfcff; font-size:13px; border:1px solid #dae7f7; border-radius:3px; opacity:1}
.catPages1 span, .catPages2 span, .pagesBlock1 span, .pagesBlock2 span, .pagesBlockuz1 span, .pagesBlockuz2 span{color:#465366; background:#fff; border-color:#498cfd}
.catPages1 a:hover, .catPages2 a:hover, .pagesBlock1 a:hover, .pagesBlock2 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover{color:#465366; background:#eee; border-color:#e0e0e0}
.catPages1 span.nav_ext{padding:8px 14px; color:#a5bedd; font-size:13px; background:#fff; border:1px solid #dae7f7; opacity:1}
.sp-slideshow input:checked+label{background-color:#385161}
input.sp-selector-1:checked~.sp-content .sp-slider{left:0}
input.sp-selector-2:checked~.sp-content .sp-slider{left:-50%}
input.sp-selector-3:checked~.sp-content .sp-slider{left:-100%}
input.sp-selector-4:checked~.sp-content .sp-slider{left:-150%}
input.sp-selector-1:checked~.sp-content .sp-slider>li:first-child, input.sp-selector-2:checked~.sp-content .sp-slider>li:nth-child(2), input.sp-selector-3:checked~.sp-content .sp-slider>li:nth-child(3), input.sp-selector-4:checked~.sp-content .sp-slider>li:nth-child(4){opacity:1}
.cont-body h2, .cont-body h3{line-height:40px; font-size:22px; display:block; width:100%; margin:-13px 0 20px 2%; color:#444}
.cont-body inf{display:block; width:100%; font-size:13px; color:#444; margin:0 0 17px 2.05%}
.cont-body{width:92%; margin:.8% 4% 0; display:block}
.cont-body-films{width:93%; margin:.8% 3.5% 0; overflow:hidden; display:flex}
#dle-content{width:100% !important}
.cont-body-films #dle-content{width:100%!important; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:13px}
.cont-body-films #dle-content::after{content:""; flex-grow:1}
.cont-body-films #dle-content>div{width:33%}
#navpage, #pagesBlock1 {width: 100% !important;}
.cont-body-series{width:93%; margin:.8% 3.5% 0; overflow:hidden; display:flex}
.episodes-main-content{display:block; width:100%}
.cont-body-series #dle-content{width:100%!important; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:13px}
.cont-body-series #dle-content:after{content:""; flex-grow:1}
.cont-body-series #dle-content>div{width:25%}
.item.grid-item{width:95%; height:230px; float:left; margin:0 2.5% 40px 2.5%; outline:none!important; display:inline-block;overflow:hidden}
.item.grid-item:hover{cursor:pointer; outline:none!important}
.item.grid-item:hover t{color:#1983ac}
.item.grid-item:hover img{opacity:.94}
.item.grid-item a:hover{text-decoration:none; outline:none!important}
.grid-item .vid{display:block; width:100%; outline:none!important}
.grid-item .vid-scr{height:165px;overflow:hidden}
.grid-item .vid-scr img{min-height:100%; width:100%; border-radius:2px; outline:none!important}
.grid-item .vid h2{color:#282828; font-size:15px; font-weight:400}
.grid-item .vid-t{display:block; font-size:15px; width:100%; padding:5px 0;font-weight:600;color:#282828!important;font-family:sans-serif;overflow: hidden}
.grid-item .vid-t a{color:#282828!important}
.grid-item .vid-t-orig{display:block; font-size:13px; width:100%;color:#777;overflow:hidden}
.grid-item .vid-inf{display:none}
.grid-item .vid-rat{display:none}
.grid-item .vid p{display:none}
.sezon-name{display:block; font-size:16px; color:#282828}
.sezon-inf{display:block; color:#555; font-size:12px; line-height:22px; margin-bottom:10px}
.ser-info{border-bottom:1px solid #ccc; width:100%; display:block; padding:5px 0}
.ser-info:hover{background:#337ab7; color:#fff!important; cursor:pointer}
.ser-info nomer{display:inline-block; width:10%; vertical-align:top; padding-left:10px}
.ser-info name{display:inline-block; width:58%}
.ser-info name t{color:#555; line-height:12px}
.ser-info date{display:inline-block; width:30%; text-align:right; vertical-align:top}
#dle-content li{list-style-type:none}
#forma_comment a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:.5; opacity:.5; filter:alpha(opacity=50)}
.login-with.uid{display:none!important}
.item.grid-item:hover t{color:#1983ac}
.item.list-item:hover, .item.grid3-item:hover{border:none; box-shadow:0 0 10px 1px #888; cursor:pointer; border-radius:2px}
.item.list-item:hover t, .item.grid3-item:hover t{color:#1983ac}
#num-season tbody tr, .gb-ans{display:block; border-bottom:1px dotted #ddd; vertical-align:top; padding:4px 0; opacity:1!important}
#num-season tbody tr:last-child{border-bottom:none}
#num-season tbody tr:hover, .gb-ans:hover{background:#f2f2f2; cursor:pointer}
#message.commFl{display:block; resize:none; font-size:14px; color:#848484; line-height:20px; border:1px solid #d6d6d6; border-radius:3px; background-color:#fff; font-family:'Open Sans',verdana,sans-serif; width:420px; height:30px; margin-bottom:5px; padding:0 5px}
#gbF7.commFl{display:block; resize:none; font-size:14px; color:#848484; line-height:20px; border:1px solid #d6d6d6; border-radius:3px; background-color:#fff; font-family:'Open Sans',verdana,sans-serif; width:160px; height:30px; margin-bottom:5px; padding:0 5px}
#gbF1.commFl{display:block; resize:none; font-size:14px; color:#848484; line-height:20px; border:1px solid #d6d6d6; border-radius:3px; background-color:#fff; font-family:'Open Sans',verdana,sans-serif; width:280px; height:30px; margin-bottom:5px; padding:0 5px}
.gb-ans-mes{display:inline-block; width:65%; min-width:200px; padding-left:3px; font-size:14px}
.gb-ans-name{display:inline-block; width:15%; vertical-align:top}
.gb-ans-rat{display:inline-block; width:10%; float:right}
.gb-ans-a{font-size:13px; color:#666}
.episode-block{margin:0 10px}
.episode-block img{width:110%;min-height:100%; margin:0 0 0 -5%}
.brief-episode{display:block;width:77%}
.film-brief{display:block;padding:10px 0;font-size:14px;color:#323232; width:100%;line-height:24px;margin-bottom:60px}
.ep-brief{display:block;font-size:14px;padding:5px 0 30px 0;line-height:24px;color:#323232}
.rat-block{display:inline-block;width:77%;color:#323232!important}
.rat-kp{display:inline-block;width:auto;font-size:14px;padding:0;margin-right:1%;outline:none!important}
.rat-imdb{display:inline-block;width:auto;font-size:14px;padding:0 1.2%;margin-right:1%;outline:none!important}
.rat-mys{display:inline-block;width:auto;font-size:14px;padding:0 1.2%;outline:none!important}
.rat-stars{display:inline-block;width:auto;outline:none!important;position:relative;top:1px;left:5px}
.premier-bl-big{display:block; width:100%; height:100%; overflow:hidden; vertical-align:middle; background:url(../images/premier-bg-big.png) 0 100% repeat-x; filter:grayscale(.1)}
.premier-bl-big-i{display:block; width:100%; height:100%; overflow:hidden; position:absolute; vertical-align:middle; background:rgba(0,0,0,1)}
.premier-bl-big-i img{position:absolute; background:rgba(0,0,0,1); filter:blur(7px); opacity:0.15; z-index:2; width:110%; margin-left:-5%; height:auto; min-height:100%}
.premier-bl-big span, .premier-bl-big-i span{display:table-cell; width:90%; height:auto; color:#fff; vertical-align:middle; text-align:center; text-transform:uppercase; opacity:1!important; position:absolute; top:45%; left:5%; z-index:99}
.premier-bl-big span date, .premier-bl-big-i span date{display:block; font-size:26px; padding-bottom:10px}
.premier-bl-big span hour, .premier-bl-big-i span hour{display:block; font-size:18px}
.premier-bl-big span inf, .premier-bl-big-i span inf{font-size:13px; margin-top:80px; text-transform:none!important; opacity:0.7}
.premier-bl-small-i{display:table; width:100%; height:100%; overflow:hidden; vertical-align:middle; background:rgba(0,0,0,1)}
.premier-bl-small{display:table; width:100%; height:100%; overflow:hidden; vertical-align:middle; background:url(../images/premier-bg-small.png) repeat-x,rgba(0,0,0,1)}
.premier-bl-block{ display:block;  position:relative;  width:100%;  height:100%;  overflow:hidden}
.premier-bl-small span, .premier-bl-small-i span{display:table-cell; width:100%; height:auto; color:#fff; vertical-align:middle; text-align:center; text-transform:uppercase; opacity:1!important; top:40%; z-index:99}
.premier-bl-small span date, .premier-bl-small-i span date{display:block; font-size:16px}
.premier-bl-small span hour, .premier-bl-small-i span hour{display:block; font-size:16px}
.premier-bl-small-i img{position:absolute; background:rgba(0,0,0,1); filter:blur(5px); opacity:0.3; z-index:2}
.ser-desc-img img{width:80%; height:auto!important; margin:35px 0 7px 20px; border:1px solid #777; padding:1px; border-radius:3px; outline:none}
.ser-desc-img a{outline:none}

/* series */
.series-items{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0px 0px 20px 0px;width:93%;margin:.8% 3.5% 0}
.series-item{ width:25%;margin-bottom:35px;padding:0 7px}
.series-items::after{content:"";flex-grow:1}
.series-item:hover{opacity:0.94}
.series-item:hover a{text-decoration:none!important}
.series-item img{width:115%; min-height:102%;margin:-2% 0 0 -5%}
.series-item-link{display:block;height:120px;width:100%;overflow:hidden;border-radius:2px;outline:none}
.series-item-title{font-weight:bold; font-size:14px;color:#000!important;display:block;margin:5px 0px 1px 0;height:20px;overflow:hidden}
.series-item-title:hover{text-decoration:none!important}
.series-item-info{font-size:12px; color:#555}

/* dle technical styles */

.usinf{list-style:none; padding:0; margin:0 0 25px 0}
.usinf li{padding:12px 0; border-top:1px solid #e6e6e6}
.usinf li:first-child{border-top-width:0}
.ui-c1, .ui-c2{display:inline-block; vertical-align:top}
.ui-c1{width:30%; margin-right:5%}
.ui-c2{width:60%}
.userinfo{padding-left:90px}
.userinfo .avatar{}
.userinfo .avatar .cover{width:60px; height:60px}
.userinfo >ul{list-style:none; padding:0; margin:0}
.avatar{display:inline-block}
.avatar .cover{width:50px; height:50px; border-radius:3px; white-space:nowrap; text-indent:-9999px; display:inline-block}
.cover{background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover}
ul.ui-form{list-style:none; padding:0; margin:0}
ul.ui-form >li{margin-bottom:20px}
ul.ui-form >li:last-child{margin-bottom:0}
.form-group{margin-bottom:20px}
.form-group >label{display:block; margin-bottom:.4em}
.imp:after{content:"*"; margin:0 0 0 10px; color:#e85319}

@media only screen and (min-width:601px)
{
.form-group.combo:after{clear:both; display:table; content:""}
.form-group.combo >.combo_field{width:50%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
#pm-menu:after{content:""; clear:both; display:block}
#pm-menu{margin-bottom:25px; margin-top:10px}
#pm-menu a{color:inherit; padding:10px 16px; margin-right:15px; border-radius:2px; border:2px solid transparent; float:left; text-decoration:none !important}
#pm-menu a:hover{border-color:#337ab7; color:#337ab7}
}

.form_submit{margin-top:20px}
.form-sep{border-top:1px solid #efefef}
#comment-editor .bb-editor textarea, .bb-editor textarea{padding:7px; padding-bottom:45px; height:100px!important}
.addpm #comment-editor .bb-editor textarea{height:100px!important}
.wseditor table, .bb-editor table{margin:0px}
.berrors{background:#ffe6dd; border:1px solid #f0c4b5; color:#553c33; padding:20px 25px; margin-bottom:25px; height:1%; border-radius:2px; box-sizing:border-box; margin:20px 0px}

.pm-box{margin-bottom:25px}
.pm_status{padding:25px; background-color:#f6f6f6; border-radius:2px}
.pm_progress_bar{background-color:#a1ccf0; margin-bottom:10px; border-radius:2px}
.pm_progress_bar span{background:#337ab7; font-size:0; height:20px; border-radius:2px; display:block; overflow:hidden}
.comment{ position:relative;  padding-left:65px}
#dle-comments-list li{ list-style-type:none!important}
#dle-comments-list{margin-left:-10px!important}
.comments-tree-list{margin-left:10px}
.comment .com_info{padding-top:5px}
.com_menu{ margin-top:10px}
.com_menu a span{font-size:12px; color:#666; padding-right:5px}
.comment .avatar{ position:absolute;  top:8px;  left:0px}
.comment .com_user{ color:#555}
.comment .meta{position:absolute; right:0px; top:5px; background:#fff}
.comment .meta .hide_meta{display:none}
.hide_meta{display:inline-block;  margin:0;  padding:0}
.comments-tree-item{margin:26px 0!important}
.comment .meta li{display:inline-block}
.comment .com_content{ padding:3px 0;  overflow:hidden}
.ratingplus{color:#70bb39}
.ratingminus{color:red}
.ratingzero{color:#6c838e}
.rating_value{margin:0px 4px}
.search >div{margin:10px 0px !important}
.search br{display:none}
.search input[type="button"]{margin-left:10px}
#fullsearch fieldset{ padding:5px;  border:1px solid #ccc}
#fullsearch legend{padding:0px 5px}
.regtext{padding:10px 0px}
.login_check{position:relative}
.login_check button{position:absolute;  top:-2px;  right:0}
.login_form{}
.login_form li{ list-style:none;  padding:0px 0px 10px 0px}
.login_form label{}
.login_form input{margin-top:5px; width:100% !important}
.login_form button{width:100%}
.login_form__foot .right{float:right}
#dle-comments-form{margin:10px 0px 20px 0px}
#dle-comments-form li{padding:0px; margin:0px}

/* X-SORT AREA */

.xsort-area{margin-bottom:5px; font:normal 12px/32px Arial; -ms-user-select:none; user-select:none; -webkit-user-select:none; -moz-user-select:none}
.xsort-area:after{content:""; display:table; clear:both}
.xsort-area>div{float:left; margin:0 10px 10px 0}
.xsort-div{height:30px; line-height:30px; padding:0 10px; border:1px solid #ccc; border-radius:3px; background:#fff; position:relative; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
.xsort-div:hover{box-shadow:0 0 0 2px rgba(0,0,0,.2)}
.xsort-active{border: 1px solid #1983ac}
.xsort-selected{cursor:pointer; padding-right:15px; position:relative}
.xsort-selected:after{position:absolute; top:50%; margin-top:-2px; right:0; border:4px solid transparent; border-top-color:#777; content:""}
.xsort-div-filler{background-position:50% 50%; width:32px; padding:0; background-repeat:no-repeat; cursor:pointer}
.xsort-ul{display:none; background:#fff; position:absolute; top:100%; left:-2px; margin:0; padding:0; max-height:400px; overflow:auto; list-style:none; z-index:999; border:1px solid #ccc; border-radius:5px}
.xsort-ul li{display:block; border-bottom:1px solid #eee; padding:0 35px 0 18px; line-height:30px; white-space:nowrap; cursor:pointer; color:#666; margin:0}
.xsort-ul li:last-child{border:none}
.xsort-ul li.current{color:#333; font-weight:bold; background:#f5f5f7; position:relative; margin:0}
.xsort-ul li.current:after{position:absolute; top:0; right:5px; bottom:0; width:5px; content:""; display:block;}
.xsort-ul li:hover{background:#eee; color:#000}
.xsort-ul li.xdesc, .xsort-ul li.xasc{background-position:6px 50%; background-repeat:no-repeat}
.xsort-ul li.xdesc, .xdesc{}
.xsort-ul li.xasc, .xasc{}
span.xasc, span.xdesc{padding-left:10px; background-position:0 50%; background-repeat:no-repeat}
.xsort_empty{margin-top:15px; background:#fff; padding:15px; text-align:center; color:#444; min-height: 450px}
.xsort-admin-area{padding:0 0 0 210px}
.xsort-admin-area:after{content:""; display:block; clear:both}
.xsort-admin-area ul{list-style:none; margin:0 0 0 -210px; padding:0; float:left; width:200px; border-right:1px solid #ddd}
.xsort-admin-area ul.loading{}
.xsort-admin-area ul li{display:block; color:#f43; cursor:pointer; padding:1px 0}
.xsort-admin-area ul li.current, 
.xsort-admin-area ul li:hover{color:#000}
.xsort-admin-area ul li.current{font-weight:bold}
.xsort-admin-area p{margin:0; padding:7px 0 0}
.xsort-admin-area code{max-height:400px; overflow:auto}
.xsort-div-clearall{background: url(/templates/New/images/close_xsort.png) no-repeat; background-size:9%;background-position:12% 50%; width:55px; padding-left:26px; background-repeat:no-repeat; cursor:pointer}

/* --- ENGINE CSS STYLES --- */

.scriptcode, .title_quote, 
.title_spoiler, .text_spoiler, .quote{padding:2% 4%; background:#fff; border:1px solid #dde4ea}
.title_quote{border-left:2px solid #e85319; border-bottom:0; margin-top:2px; font-weight:bold}
.quote, blockquote{padding:1% 4%; border-left:2px solid #e85319; font-style:italic}
.title_spoiler{margin-top:2px}
.text_spoiler{margin-bottom:2px}
.title_spoiler img{vertical-align:middle; margin:-1px 0 0 !important}
.scriptcode{color:#4c6d0f; text-align:left; font-family:"Courier New"}
.title_spoiler{font-weight:normal}
.text_spoiler{border-top:0; text-align:justify}
.hide{background-color:#f0f0f0; padding:5px; color:#4c6d0f; margin:0 0 1em 0}
.hide a{text-decoration:underline}
.hide a:hover{text-decoration:none}

.rating{color:black; display:block; font-size:10px; font-family:tahoma; margin:0; font-weight:bold; width:170px; background-image:url(../dleimages/rating-10-new.png); background-position:0 -34px; background-repeat:repeat-x; position:relative; top:2px}
.unit-rating{list-style:none; margin:0 auto; padding:0px; width:170px; height:17px}
.unit-rating li{    text-indent:-90000px;     padding:0px;     margin:0px;     float:left}
.unit-rating li a{    display:block;     width:17px;     height:17px;     text-decoration:none;     text-indent:-9000px;     z-index:17;     position:absolute;     padding:0px}
.unit-rating li a:hover{background-image:url(../dleimages/rating-10-new.png); background-position:0 -17px; z-index:2; left:0px}
.unit-rating a.r1-unit{left:0px}
.unit-rating a.r1-unit:hover{width:17px}
.unit-rating a.r2-unit{left:17px}
.unit-rating a.r2-unit:hover{width:34px}
.unit-rating a.r3-unit{left:34px}
.unit-rating a.r3-unit:hover{width:51px}
.unit-rating a.r4-unit{left:51px}
.unit-rating a.r4-unit:hover{width:68px}
.unit-rating a.r5-unit{left:68px}
.unit-rating a.r5-unit:hover{width:85px}
.unit-rating a.r6-unit{left:85px}
.unit-rating a.r6-unit:hover{width:102px}
.unit-rating a.r7-unit{left:102px}
.unit-rating a.r7-unit:hover{width:119px}
.unit-rating a.r8-unit{left:119px}
.unit-rating a.r8-unit:hover{width:136px}
.unit-rating a.r9-unit{left:136px}
.unit-rating a.r9-unit:hover{width:153px}
.unit-rating a.r10-unit{left:153px}
.unit-rating a.r10-unit:hover{width:170px}
.unit-rating li.current-rating{background-image:url(../dleimages/rating-10-new.png); background-position:0 0px; position:absolute; height:17px; display:block; text-indent:-9000px; z-index:1}
.rating_digits{font-size:12px; line-height:9px; height:26px; width:334px}
.rating_digits div{display:inline-block}
.rating_digits_1{margin:0; padding:8px 8px 8px 0; width:110px; height:10px}
.rating_digits_2{margin:0; padding:8px 8px 8px 0; width:187px; height:10px}

.userstop td, .pm td.pm_list, .pm td.pm_head{border-bottom:1px solid #efefef; padding:12px 2px}
table.pm, table.userstop{width:100%; margin-bottom:0}
table.pm select{width:100px}
.userstop thead td, .pm td.pm_head{border-bottom:1px solid #efefef; font-weight:bold}
table.pm .navigation{border-top-width:0; margin:0}

#dropmenudiv{padding:10px 0; min-width:140px; width:auto !important; opacity:1 !important; display:none; font-size:.9em; box-shadow:0 8px 40px -10px rgba(0,0,0,0.3); border:1px solid #e6e6e6; border-color:rgba(0,0,0,0.1); background-clip:padding-box}
#dropmenudiv{background-color:#fff}
#dropmenudiv a{text-decoration:none !important; color:inherit; display:block; padding:3px 20px; border:0 none; white-space:nowrap; color:inherit}
#dropmenudiv a:hover{background-color:#eeeeef}

#searchsuggestions{z-index:100001; width:300px; border-radius:2px; background:#fff; box-shadow:0 8px 40px -10px rgba(0,0,0,0.3); border:1px solid #ddd; border-color:rgba(0,0,0,0.2); background-clip:padding-box; font-size:.9em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
#searchsuggestions a, #searchsuggestions span.notfound{padding:15px 25px; display:block; text-decoration:none; border-bottom:1px solid #e5e5e5}
#searchsuggestions a{color:inherit}
#searchsuggestions a:hover{background-color:#f7f7f7}
#searchsuggestions a span{display:block; cursor:pointer}
#searchsuggestions span.searchheading{display:block; font-weight:bold; margin-bottom:.2em}
#searchsuggestions span.seperator{display:block}
#searchsuggestions span.seperator a{padding:10px 0; text-align:center; border:0 none; background-color:transparent; color:#919191}
#searchsuggestions span.notfound{padding:15px 25px; display:block}
#searchsuggestions .break{display:none}

.ui-front{z-index:1000}
.ui-widget-overlay{background:#000; opacity:0.5; left:0; top:0; right:0; bottom:0; position:fixed}
.ui-helper-clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden}
.ui-helper-clearfix{display:inline-block}
* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}
.ui-dialog{z-index:99999999!important;text-align:left; overflow:hidden; padding:0; position:absolute; width:370px; border-radius:2px; box-shadow:0 8px 40px -10px rgba(0,0,0,0.3); border:1px solid #e6e6e6; border-color:rgba(0,0,0,0.1); background-color:#f7f7f7; background-clip:padding-box; outline:none}
.ui-dialog-titlebar{padding:20px 20px; position:relative}
.ui-dialog-title{float:left; font-weight:bold; font-size:1.15em}
.ui-dialog-titlebar-close{position:absolute; right:10px; top:50%; margin-top:-16px !important; height:23px !important; width:32px; border:0 none !important; background-color:inherit !important; box-shadow:none !important; padding:0px !important}
.ui-dialog-titlebar-close .ui-icon{display:block; margin:10px auto 0 auto; width:12px; height:12px; background-image:url(/templates/New/images/close_ajax.png); -webkit-background-size:12px auto; background-size:12px auto; opacity:.5}
.ui-button{float:right; border:0 none; display:inline-block; vertical-align:middle; cursor:pointer; height:36px; border-radius:18px; line-height:22px; outline:none; background-color:#337ab7; color:#fff; border:0 none; padding:7px 22px; text-decoration:none !important; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all ease .1s; transition:all ease .1s}
.ui-dialog-titlebar-close:hover .ui-icon{opacity:1}
.ui-icon, .ui-button-icon-only{overflow:hidden; text-indent:-9999px}
.ui-dialog label{color:#575757}
.ui-dialog-content{padding:20px; overflow:auto; position:relative; zoom:1}
.loginbox.ui-dialog, .loginbox .ui-dialog-content{overflow:visible !important}
.ui-dialog-content h2{display:inline; font-size:1em; font-weight:bold}
.ui-dialog .ui-dialog-buttonpane{padding:20px; text-align:center}
.ui-dialog .ui-resizable-se{bottom:3px; height:14px; right:3px; width:14px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-state-error{background:#fef1ec 50% 50% repeat-x !important; border:1px solid #cd0a0a; color:#cd0a0a}
.ui-button{margin:0 3px}
.ui-helper-hidden-accessible{display:none}
#dlepopup iframe{width:100%}

.ui-autocomplete{position:absolute; cursor:default}
* html .ui-autocomplete{width:1px}
.ui-menu{list-style:none; padding:2px; margin:0; float:left; background:#fff 50% bottom repeat-x; border:1px solid #dedede; color:#353535}
.ui-menu .ui-menu{margin-top:-3px}
.ui-menu .ui-menu-item{margin:0; padding:0; zoom:1; float:left; clear:left; width:100%}
.ui-menu .ui-menu-item a{text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1}
.ui-menu .ui-menu-item a.ui-state-hover, 
.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal; margin:-1px; border:1px solid #a7a7a7; color:#4e4e4e; font-weight:bold}

pre code{display:block; padding:0.5em; background:#f9fafa; border:1px solid #dce7e7; overflow:auto; white-space:pre}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc{padding:0; margin:0; border:none; box-shadow:none; background-color:inherit; color:#93a1a1; font-style:italic}
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title{color:#859900}
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor{color:#2aa198}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, 
pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id{color:#268bd2}
pre .tag .title, pre .rules .property, pre .django .tag .keyword{font-weight:bold; font-size:1.08em !important}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, 
pre .parent, pre .haskell .label{color:#b58900}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol, 
pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata{color:#cb4b16}
pre .deletion{color:#dc322f}
pre .tex .formula{background:#eee8d5}
pre .comment:hover{background-color:inherit; box-shadow:none}

#dlefastreplycomments{padding:10px}

select, textarea, input[type="text"], input[type="password"], input[type="file"], 
input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="tel"], 
input[type="color"]{display:inline-block; width:302px; height:33px; line-height:22px; padding:5px; vertical-align:middle; border-radius:2px; background:#fff; border:1px solid #d7d7d7; -webkit-transition:border 0.2s linear 0s; transition:border 0.2s linear 0s; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
textarea{margin:0; overflow:auto; vertical-align:top; resize:vertical}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, 
input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, 
input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, 
input[type="url"]:focus, input[type="tel"]:focus, 
input[type="color"]:focus, .uneditable-input:focus{border-color:#337ab7}
input[type="radio"], input[type="checkbox"]{line-height:normal; margin:-2px 6px 0 0; vertical-align:middle}
input[type="file"], input[type="image"], 
input[type="submit"], input[type="reset"], 
input[type="button"], input[type="radio"], 
input[type="checkbox"]{width:auto}
select[multiple], select[size], textarea{height:auto}
input::-moz-placeholder, textarea::-moz-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{opacity:0.6}
input:focus{outline:none}
input[type="file"], input[type="image"]{padding:0; border-width:0; background-color:transparent}
.wide, .bb-editor textarea, .ui-dialog textarea, select#category, .timezoneselect, .quick-edit-text{width:100% !important}

.form_submit .c-captcha{float:right}
.c-captcha{position:relative}
.c-captcha:after{clear:both; display:block; content:""}
.c-captcha >a{float:left; margin-right:5px}
.c-captcha img{position:relative; display:block; width:130px; height:46px; z-index:1; -webkit-transition:all ease .2s; transition:all ease .2s}
.c-captcha >input{float:left; width:130px}
.dle-captcha{position:relative}
.dle-captcha:after{clear:both; display:block; content:""}
.dle-captcha >a{float:left; margin-right:5px}
.dle-captcha img{position:relative; display:block; width:130px; height:46px; -webkit-transition:all ease .2s; transition:all ease .2s}
.dle-captcha >input{float:left; width:130px}

.btn, .bbcodes, .btn-border{border:0 none; display:inline-block; vertical-align:middle; cursor:pointer; height:33px; line-height:21px; outline:none; background-color:#337ab7; color:#fff; border:0 none; padding:7px 22px; text-decoration:none !important; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all ease .1s; transition:all ease .1s; border-radius:2px}
.search {left: -3px;position: relative;margin: 10px 0;display: table}
.search_result_num.grey {display: block;position: relative;left: 2px;margin-bottom: 35px}
.btn >.icon{fill:#fff}
.btn-white >.icon{fill:#337ab7}
.btn-white{background-color:#fff; color:#337ab7}
.btn-white:hover >.icon{fill:#fff}
.btn-white:hover{background-color:#337ab7; color:#fff}
.btn:hover, .bbcodes:hover, .ui-button:hover{opacity:.9}
.btn-big{height:35px; padding:0px 13px}
.btn-border{color:#337ab7; border:2px solid #337ab7; line-height:22px; padding:5px 20px; background-color:transparent !important; overflow:hidden; box-shadow:inset 0 0 0 0 transparent; -webkit-box-shadow:inset 0 0 0 0 transparent}
.btn-border:hover{box-shadow:inset 0 0 0 2px rgba(51,148,230,0.2); -webkit-box-shadow:inset 0 0 0 2px rgba(51,148,230,0.2)}

table.xfields{width:100%}
.xfields textarea, .xprofile textarea{ width:100%;  height:186px;  margin-top:5px}
.xfields input[type="text"]{width:100%}
.xfieldsdescr{width:200px}
.xfields .bb-pane+textarea{ margin-top:0px}
.xfieldsnote{color:#838383;  font-size:.9em}
.xfields_table td{ vertical-align:top}
.xfieldsrow{padding-top:5px; clear:both}
.xfieldscolleft{float:left; width:30%; padding-top:14px}
.xfieldscolright{float:left; width:70%}
.file-box{width:95%; max-width:437px; border:1px solid #B3B3B3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#F5F5F5; padding:10px; margin-top:10px}
.xfieldimagegallery{ margin:0;  padding:0;  list-style:none;  clear:both}
.xfieldimagegallery li{list-style:none; margin:0; padding:0}
.xfieldimagegallery li img{ float:left;  margin-right:5px;  border:5px solid #fff;  width:100px;  height:100px;  transition:box-shadow 0.5s ease}
.xfieldimagegallery li img:hover{ box-shadow:0px 0px 7px rgba(0,0,0,0.4)}
.qq-uploader{position:relative; width:100%}
.qq-upload-button{ display:inline-block;  margin-top:5px;  margin-bottom:5px; cursor:pointer}
.qq-upload-drop-area{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; max-width:437px;  background:#FF9797; text-align:center}
.qq-upload-drop-area span{ display:block; position:absolute; top:50%; width:100%; margin-top:-8px; font-size:16px}
.qq-upload-drop-area-active{background:#FF7171}
.uploadedfile{display:inline-block;  width:115px;  height:160px;  margin:10px 5px 5px 5px;  border:1px solid #B3B3B3;  box-shadow:0px 1px 4px rgba(0,0,0,0.3);  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);  -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);  text-align:center;  background:#fff}
.uploadedfile .uploadimage{ margin-top:5px;  width:115px;  height:90px; display:flex;  align-items:center;  justify-content:center;  cursor:move;  cursor:-webkit-grabbing}
.sortable-ghost{opacity:0.4}
.uploadedfile .info{ text-align:left;  white-space:nowrap;  margin:0px 5px 0px 5px;  overflow:hidden}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{ cursor:not-allowed;  pointer-events:none;  opacity:0.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  box-shadow:none}
.progress{ overflow:hidden;  margin-top:10px; margin-bottom:10px;  background-color:whitesmoke;  height:10px;  -webkit-border-radius:8px;  -moz-border-radius:8px;  -ms-border-radius:8px;  -o-border-radius:8px;  border-radius:8px;  background:#eee;  -webkit-box-shadow:0 1px 0 white,0 0px 0 1px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.2) inset;  box-shadow:0 1px 0 white,0 0px 0 1px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.2) inset}
.progress .progress-bar{ float:left;  width:0%;  font-size:12px;  line-height:20px;  color:white;  text-align:center;  background-color:#428bca;  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);  box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);  -webkit-transition:width 0.6s ease;  transition:width 0.6s ease;  -webkit-border-radius:8px;  -moz-border-radius:8px;  -ms-border-radius:8px;  -o-border-radius:8px;  border-radius:8px;  -webkit-box-shadow:none;  box-shadow:none;  height:8px}
.progress-bar span{ position:absolute;  width:1px;  height:1px;  margin:-1px;  padding:0;  overflow:hidden;  clip:rect(0 0 0 0);  border:0}
.progress-blue{ background-image:-webkit-gradient(linear,left 0%,left 100%,from(#9bcff5),to(#6db9f0));  background-image:-webkit-linear-gradient(top,#9bcff5,0%,#6db9f0,100%);  background-image:-moz-linear-gradient(top,#9bcff5 0%,#6db9f0 100%);  background-image:linear-gradient(to bottom,#9bcff5 0%,#6db9f0 100%);  background-repeat:repeat-x;  border:1px solid #55aeee}
.emoji{ border:none;  vertical-align:middle;  width:22px;  height:22px}

.log_soc_vk{display:inline-block;margin-right:2px;height:40px;width:40px;background: no-repeat url(/templates/New/dleimages/vk_soc_icon.png);opacity:.9}
.log_soc_od{display:inline-block;margin-right:2px;height:40px;width:40px;background: no-repeat url(/templates/New/dleimages/od_soc_icon.png);opacity:.9}
.log_soc_ya{display:inline-block;margin-right:2px;height:40px;width:40px;background: no-repeat url(/templates/New/dleimages/ya_soc_icon.png);opacity:.9}
.log_soc_mail{display:inline-block;margin-right:2px;height:40px;width:40px;background: no-repeat url(/templates/New/dleimages/mail_soc_icon.png);opacity:.9}
.log_soc_gp{display:inline-block;height:40px;width:40px;background: no-repeat url(/templates/New/dleimages/gp_soc_icon.png);opacity:.9}
.log_soc_vk:hover, .log_soc_od:hover, .log_soc_ya:hover, .log_soc_mail:hover, .log_soc_gp:hover{opacity:1!important}
.soc_links{display:block;position:relative;top:-17px}
.soc_links b{display:block;font-weight:normal!important;font-size:13px;color:#575757;position:relative;top:-5px}
.login_form b{display:block;font-weight:normal!important;font-size:13px;color:#575757;position:relative}
.login_form__foot {font-size: 13px}

.cm-tabs {
    width: auto;
    overflow: hidden;
}
.cm-tabs .cm-tabs__nav li {
    float: left;
    width: auto;
    padding: 8px 17px 5px;
    margin: 0 4px 0 0!important;
    border-radius: 3px 3px 0 0;
    list-style: none;
    text-align: center;
    cursor: pointer;
    height: 38px;
    opacity: .9;
}
.cm-tabs__row {
    width: 100%;
    height: 100%}
.cm-tabs .cm-tabs__nav li.active, .cm-tabs .cm-tabs__nav li:hover {
    color: #fff;
    opacity: 1;
    background: #000;
}
.cm-tabs .cm-tabs__row li.active {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}