/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 15px 'Arial', Arial, sans-serif; line-height: normal; padding: 0; margin: 0;
color: #333;
    background-color: #282828;
 min-height: 100%; width: 100%; font-weight: 400;
 position: relative;

 }
 body:after {
    position: fixed;
    width: 100%;
    content:"";
    height: 1004px;
    left: 0;
    top: 0;
    background-image: linear-gradient(0.0deg, #009a47 0%, #534791 100%);
 }
 body:before {
    position: absolute;
    width: 100%;
    content:"";
    height: calc(100% - 1004px);
    left: 0;
    top: 1004px;
    background-color:#009a47;
 }
a {color: #999; text-decoration: none;

}


a:hover, a:focus {color: #15855a; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 500; font-size: 24px;}

button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"]
{appearance: none; -webkit-appearance: none; font-size: 13px; color: #3b3b3b; font-family: 'Arial', Arial, sans-serif !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):not([aria-controls*=tns]):not([class*=vs__clear]),
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 0 20px; height: 40px; line-height: 40px;
border-radius: 10px; cursor: pointer; font-weight: 500;
background-color: #193364; color:#ffbb00; font-size: 15px;}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover,
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover:not([aria-controls*=tns]):hover:not([class*=vs__clear]):hover,
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover,
body input[type="button"]:hover, body input[type="submit"]:hover
{background-color: #2b4d8d; color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}


input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: 4px; border: 0; padding: 0 15px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000;
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #000; opacity: 0.5; font-size: 14px;}
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 140%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #dle-content {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex;
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
    max-width: 100%; min-width: 50px;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

b, strong, .fw700 {font-weight: 500;}
.icon-left [class*="fa-"], .icon-left .icon {margin-right: 10px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
.anim, .btn, button, .popular-item-img:before, .short-item a, .sidebar a, .header-btn,
.short-img, .footer a, .side-nav a {transition: all .3s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 30px; font-size: 24px !important; font-weight: 600;}
#dle-content > * {width: 100%;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; }
.wrap-center {max-width:1280px; margin:0 auto; position:relative; z-index:20;}
.wrap-main {background-color: #fff; border-radius: 0px; }
.header {padding: 0px 25px; background-color: #282828;
   border-radius: 0; position: relative;
   z-index: 5; }
.my-header {
    position: relative;
    z-index: 22;
    width: 100%;
    transition: transform 0.3s;
}
.cols {padding: 40px 40px;}
.main {min-height: 100vh;}
.sidebar {width: 200px; margin-right: 23px; border-right: 1px solid #f4f4f4;padding-right: 23px; position: relative; }
.sidebar:after {
    position: absolute;
    content:"";
    width: 1px;
    height: 40px;
    background-color: #f4f4f4;
    right: -1px;
    top: -40px;
}
.footer {background-color: #292929 ;
display: flex;
flex-wrap: wrap;
padding: 50px 40px 50px 40px; color: #f5f8ff;
font-size: 13px;
}

.copyr-f {
    color:#fff;
}
.copyr-f ul {
    margin: 0;
    padding: 0;
}

.copyr-f ul  a {
    text-decoration: underline;
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 8px;
    color:#fff;
}
.copyr-f > span {
    display: inline-block;
    padding-bottom: 7px;
}
.footer-logo {
    margin-bottom: 15px;
}
ul.nav-footer {
    margin: 0;
    padding: 0;
}
.nav-footer  a {
    font-size: 13px;
    text-decoration: none;
    color: #a4a4a4;
    display: inline-block;
    padding: 5px 0 5px 0;
    transition: color 0.3s;
}
.nav-footer  a:hover {
    color: #15c667;
}
.footer__left {
    width: 33.33%;
}
.footer__cols {
    flex:1
}




/* HEADER
----------------------------------------------- */
.logo {display: block;     line-height: 1; height: 30px; width: 170px;  color: #5a668c; font-weight: 300;
    font-size: 34px; }
.logo img, .logo svg {
    width: 100%
}

.logo span {font-weight: 600; color: #193364;}
.logo span.logo-domain {color: #8491bb; font-size: 18px; font-weight: 300;}
.header-btn {
    padding: 7px 20px 0 40px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 6px;
    color:#fff;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3Eface%3C/title%3E%3Cpath d='M437,331a255.08,255.08,0,0,0-97.28-61A147.94,147.94,0,0,0,404,148C404,66.39,337.61,0,256,0S108,66.39,108,148a147.94,147.94,0,0,0,64.26,122A256.41,256.41,0,0,0,0,512H40c0-119.1,96.9-216,216-216s216,96.9,216,216h40A254.33,254.33,0,0,0,437,331ZM256,256A108,108,0,1,1,364,148,108.12,108.12,0,0,1,256,256Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px 8px;
    background-size: 16px 16px;
    margin-right: 14px;
}
.header-btn:hover {
    border-color:#16845b;
    background-color: #16845b;
    color: #fff;
}
.search-wrap {position:relative; margin: 0 20px 0 40px;}
.search-box input {
    height: 36px;
}
.search-box input, .search-box input:focus {
    padding: 0 50px 0 16px; border-radius: 6px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.03);
}
.search-box input:not(:focus)::placeholder {color: #495057; opacity: 0.4; font-size: 12px;}
.search-box button {
    position:absolute; right:0px; top:0px; z-index:10; width: 50px; cursor: pointer;
    background: none; color: #333; line-height: 37px; text-align: center; border-radius: 0 20px 20px 0;
    transition: all 0.3s;
}
.header .search-box input {
    transition: all 0.3s;  
    box-shadow: inset 0 0px 0px 2px #15855a00;
}
.header .search-box input:focus {
    box-shadow: inset 0 0px 0px 2px #34bd45db;
}
.search-btn svg {
    fill:#333;
    transform: translateY(3px);
    transition: fill 0.3s;
}
.search-btn:hover svg {
    fill:#15c667
}

.search-box button:hover {
    color:#15c667;
}
.carou-content {height: 200px;}
.carou-sect {padding: 20px 40px; background-color: #ecf0f9;}
.carou-title {font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.popular-item-img {display: block; border-radius: 10px; height: 200px;}
.popular-item-title {position: absolute; z-index: 10; left: 0; bottom: 0; right: 0;
    padding: 20px; color: #fff; font-weight: 500; word-wrap: break-word;}
.popular-item-img:before {content: ''; position: absolute; z-index: 5;  left: 0; right: 0; bottom: 0; height: 70%;
    background: linear-gradient(to bottom, transparent 0%,#193364 100%); opacity: 1;}
.popular-item:hover .popular-item-img:before, .popular-item:hover .popular-item-title {opacity: 0;}


.my-header.sticky {position: fixed; }
.my-header.sticky-hide { transform: translateY(-54px); }
.my-header.sticky-vis {transform: translateY(0px);}



/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom: 40px; position: relative; }
.side-bt {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #15855a;
}
#nonytplayer {
    
    
}
#nonytplayer.active {
    
}
body .non-YT-marb-b {
    margin-bottom: 25px;
}
.mb-remove {margin-bottom: -20px;}

.nav-col {width: 55%;}
.nav-col + .nav-col {width: 40%;}
.nav-title {font-weight: 500; margin-bottom: 9px;}
.nav-menu + .nav-title {margin-top: 12px;}
.nav-menu a {display:block; padding: 5px 0; font-size: 13px; color: #5a668c;}

.nav-menu li:nth-child(5) ~ li {
    content-visibility: hidden
}
.nav-menu li:nth-child(5) ~ li.show_li {
    content-visibility: visible
}

.nav-menu a:hover, a.short-title:hover {text-decoration: underline;}

.side-popular-item {margin-bottom: 20px;  text-decoration: none; transition: color 0.3s;}
.side-popular-item-img {width: 51px; height: 76px; border-radius: 4px; margin-right: 20px;
transition: filter 0.3s;
}
.side-popular-item-desc * {
    transition: color 0.3s;
}
.side-popular-item:hover * {
     color:#15855a
}
.side-popular-item:hover .side-popular-item-img{
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2);
}
.side-popular-item-title {font-weight: 300; color: #110c08;   padding-top: 4px; font-size: 13px;}
.side-popular-item-info {color: #999; margin-top: 3px; font-size: 12px; display: block;}

.side-popular-item-date {color: #8491bb; margin-top: 10px; font-size: 11px; font-weight: 300;}

.side-popular-item-age-rate {color: #110c08;  font-size: 12px; font-weight: 300;}

.side-recommend-item {display: block; margin-bottom: 20px; width: 46.6%;}
.side-recommend-item-img {border-radius: 10px;}
.side-recommend-item:hover {opacity: 0.8;}

.lcomm {margin-bottom: 8px; padding: 2px 15px 12px 15px; background-color: #ecfaf4; }
.ltitle {display: block; color: #292929; line-height: 1; font-weight: 600; font-size: 12px; margin-top: 10px; padding-left: 0px;
margin-top: 10px;
}
.ltitle:hover {
    color:#15855a
}
.ltext {line-height: 1.3; font-size: 12px; color: #5e5e5e;}
.lmeta {font-size: 13px; margin: 10px 0; color: #8491bb; font-weight: 300;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lmeta .lname {
    flex: 0.8;
    margin-right: 0;
}
.ltitle {
	width: 100%;
}
.lmeta .ldate {
	    flex: 0.2;
	    margin: 0;
}
.anim_preload {
    /* background-image: url(../images/anip.svg);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center; */
    
}
.ldate, .lav, .lname {display: inline-block; vertical-align: middle; margin-right: 7px;}
.ldate {font-size: 12px;
line-height: 16px;
color: #06944d;
display: block;
margin-top: 3px;
margin-bottom: 8px;
}
.lav {width: 20px; height: 20px; border-radius: 50%;}
.lcomm .comm-letter {line-height: 20px; font-size: 12px;}
.lname { color: #292929; font-weight: 400;}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 40px;}
.sect-header {margin-bottom: 20px;}
.sect:last-child {margin-bottom: 0;}
.sect-title {font-weight: 600; font-size: 24px;}
.sect-title [class*=fa-], .side-bt [class*=fa-], .speedbar [class*=fa-], .carou-title [class*=fa-] {color: #ffbb00; margin-right: 15px;}
.sorter, .sect-link {position:relative; cursor:pointer; height: 30px; line-height: 30px; margin-left: 15px;
    padding: 0 10px; background-color: #fff; border-radius: 6px; font-size: 13px; display: block;
    border:1px solid #ededed
    }
.sorter:before {content:attr(data-label); display: inline-block; vertical-align: top;}
.sorter > span {display: inline-block; vertical-align: top; margin-left: 2px;}
.sorter form {display:none; background-color:#fff; padding:10px; line-height:26px; box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
position:absolute; right:0; top:100%; width:160px; z-index:999; border-radius: 4px;}
.sorter a:hover {text-decoration:underline;}
.sort li.asc a:after, .sort li.desc a:after {
    content: "\2191";display:inline-block; margin-left:10px;font-size: 16px; }
.sort li.desc a:after {
    content: "\2193";
}





.sorter:hover, .sect-link:hover {background-color: #16845b; color: #fff;}

.sort a {
    color: #5e5e5e;
}
/* SHORT ITEM
----------------------------------------------- */
.short-item {margin-bottom: 20px; padding:27px; background-color: #f9f9f9;;
    border-radius:6px;
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.0);
    transition: all 0.3s;
}
.short-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
 .close-vector {
    fill:#fff;
    transition: fill 0.3s;
}
.user-vector {
    fill:#939393
}
.login-avatar .user-vector {
    transform:  translateY(5px) ;
}
.close-vector:hover {
    fill:#15c667
}
.search-vector {
    fill: #999;
    transition: fill 0.3s;
}

.like-vector {
    fill: #5b5959;
    transition: fill 0.3s;
}
.like-vector:hover, .like-vector:focus {
    fill:#15c667
}
.like-vector_rotate {
    transform:rotateY(180deg)
}
.search-vector:hover {
    fill:#15c667
}
.upp-arrow {
    fill:#fff
}





.sorter .arrow-icon {
    height: 10px;
    width: 10px;
    display: inline-block;
    padding: 0px;
    margin: 0px 2px 0 9px;
    position: relative;
    cursor: pointer;
    transform: translateY(5px);
}
 .sorter:hover .left-bar:after,
 .sorter:hover .right-bar:after {
      background-color: #fff
 }

.sorter .left-bar {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 5px;
    height: 1px;
    display: block;
    transform: rotate(35deg);
    float: right;
    border-radius: 2px;
}
.sorter .left-bar:after {
    content: "";
    background-color: #333;
    width: 5px;
    height: 1px;
    display: block;
    float: right;
    border-radius: 0;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}

.sorter .right-bar {
    position: absolute;
    background-color: transparent;
    top: 0px;
    left: 4px;
    width: 5px;
    height: 1px;
    display: block;
    transform: rotate(-35deg);
    float: right;
    border-radius: 2px;
}
.sorter .right-bar:after {
    content: "";
    background-color: #333;
    width: 5px;
    height: 1px;
    display: block;
    float: right;
    border-radius: 0;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}

.sorter.open .left-bar:after {
    transform-origin: center center;
    transform: rotate(-70deg);
}
.sorter.open .right-bar:after {
    transform-origin: center center;
    transform: rotate(70deg);
}







.full-link {
    position: absolute;
    z-index:1;
    text-decoration: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color:transparent;
}

.full-link:hover {
    color:transparent;
}

.short-img {width: 170px; height: 250px; margin-right: 20px;
    pointer-events: none;
    display: block; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
.short-header {margin-bottom: 10px;}

.short-item .short-title {
    white-space: normal;
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #100e0f;
    transition: color 0.3s;
    text-decoration: none;
}
.short-item .short-title:hover {
    color: #16845b
}

.short-text {font-size: 14px; line-height: 1.7;}
.short-list li {position: relative;  margin: 5px 0;
    font-size: 14px; line-height: 1.5; color: #5a668c;}
.short-list li > span:first-child {position: absolute; left: 0; top: 0; color: #8491bb;}
.short-list a {color: #06c; border-bottom: 1px dotted #06c;}
.short-meta {margin-top: 10px; color: #8491bb; font-size: 13px; font-weight: 300;}
.short-meta_pad-b20 {
    padding-bottom: 20px;
}
.short-meta-item {margin-right: 20px;}
.short-rating {line-height: 28px; background-color: #fff; padding: 0 10px; font-size: 13px;
border-radius: 6px; border: 1px solid rgba(0,0,0,0.13); margin-right: 20px;}
.short-rating .fa-thumbs-up {color: #83bf45; margin-right: 10px;}
.short-rating .fa-thumbs-down {color: #ee3442; margin: 0 10px;}
.short-label {background-color: #ffbb00; padding: 3px 6px; border-radius: 6px;
position: absolute; left: 10px; top: 10px; z-index: 10; font-size: 12px; font-weight: 500;}
.short-btn {height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px;
    border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
.short-rate-in {line-height: 30px; border-radius: 6px; text-align: center; font-size: 13px;
padding: 0 6px; margin-left: 10px; font-weight: 500; box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.short-rate-in:before {content: attr(data-text); display: inline; margin-right: 3px; text-transform: uppercase;}
.short-rate-kp {background-color: #f60; color: #fff;}
.short-rate-imdb {background-color: #fc0; color: #000;}
.mrating {margin-right: 20px; overflow: hidden;}
.mrating a {transition: none}

.age-marg {
    margin: 10px 0 10px 0;
}
.h1-full-news {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #100e0f;
}
.country-full-page {
    margin-bottom: 5px;
    margin-top: 4px;
}
.border-h-fullpage {
    border: 0 none;
    height: 1px;
    background-color: #f5f5f5;
    margin-top: 30px;
    margin-bottom: 20px;
}
.tags-full-page {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #9c9c9c;
    margin-bottom: 14px;
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;

}
.tags-full-page span:not(:last-child):after {
    content: ",";
}
/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height: 1.7; color: #5e5e5e; font-size: 13px; padding-top: 50px; padding-bottom: 50px;}
.site-desc:before {content: ''; position: absolute; left: 0; top: 0; right: 0; height: 5px;}
.site-desc h1, .site-desc h2 {font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #100e0f; line-height: 1.4;}
.site-desc li {list-style-type: disc; margin-left: 40px;}
.site-desc p {margin-bottom: 10px; margin-top: 10px;}
.site-desc > *:last-child {margin-bottom: 0;}
.site-desc a {color: #06c; text-decoration: underline;}
.site-desc img {float: left; max-width: 200px; margin: 0 10px 10px 0;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {margin-bottom: -10px; text-align: center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
    display:inline-block; padding:0 10px;
margin:0 10px 10px 0px; line-height: 35px; min-width: 37px; background-color: #fff;
border:1px solid #e8e8e8;
color: #777;
border-radius: 4px; font-weight: 500; font-size: 14px;
transition: all 0.3s;
}
.navigation span:not(.nav_ext),
.pagi-nav a:hover,
.navigation a:hover {border-color:#009a47; background-color: #fff}
.bottom-nav {
    margin-top: 30px;
    margin-bottom: 10px;
}

/* FULL
----------------------------------------------- */
.speedbar {font-size: 13px; color: #bbb; margin-bottom: 20px;}
.speedbar .fal {margin-right: 8px;}
.fleft {width: 232px; margin-right: 30px;}
.fimg {border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
.ftext {margin: 20px 0; padding-top: 20px; border-top: 1px dashed #ccc;}
.fcols .short-list li {font-size: 13px;}
.fcols .short-meta-item:last-child {margin-right: 0;}
h1 a {margin-left: 10px; font-size: 15px;}
.text-bottom-fullpage {
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    color: #aaa;
}
.tabs-sel {
    position: relative;
}
.fsubtitle {text-align: center; font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.fplayer {position:relative;  color: #333333;  overflow: hidden; margin-bottom: 0px;}
.fctrl {padding-right: 20px;}
.fplayer .tabs-sel span {display:inline-block; padding:0 20px; height:40px; line-height:40px; cursor:pointer;
background-color: rgba(0,0,0,0.4); color: #fff; font-weight: 500;}
.fplayer .tabs-sel span.current {background-color: #ffbb00; color: #000;}
.fplayer .tabs-sel span:hover {text-decoration: underline;}
.js .tabs-b { 
    /* display: none; */
}
.js .tabs-b.visible {
    display: block;
}
.fcompl a, .ffav a {color: #f5f8ff;}
.fcompl a:hover, .ffav a:hover, .ffav span:hover {color: #fff; cursor: pointer;}
.fcompl, .ffav {margin-left: 20px;}
.dontwork {
    font-weight: normal;
    display: block;
    width: 101px;
    height: 20px;
}
.dontwork .fa-exclamation-square {
    margin-right: 7px;
}
.dontwork a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    color: #019948;
}
.fshare { }
.share-text-bott {
    margin-bottom: 13px;
}
.choose-row {
    margin-bottom: 20px;
    background-color: #f4f4f4;
    padding: 15px 30px 15px 30px;
}
.fshare_left {
    text-align: left;
    padding-left: 0;
    padding-bottom: 15px;
}
.play-botom-full {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 20px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    margin-bottom: 24px;
}

.my-select {
    appearance: auto;
    -moz-appearance: none;
    -webkit-appearance: auto;
    max-width:443px;
    color:#6a6a6a;
    font-size: 13px;
    box-shadow: unset;
    border-radius:3px;
    flex:1;
    margin-left: 18px;
    height: 34px;
    border:1px solid #e8e8e8;
    margin-right: 0px;
}
.my-select_marg {
    margin-right: 14px;
    max-width: 116px;
}

.fshare .fab, .fshare .fas {width:37px; height:24px; border-radius:6px; text-align:center; line-height:24px;
background-color:#C70003; color:#fff; font-size:14px; margin:0 2px; cursor:pointer;}
.fshare .fa:hover {opacity:0.8;}
.fab.fa-vk {background-color:#5075a5;}
.fab.fa-facebook-f {background-color:#4b6baf;}
.fab.fa-twitter {background-color:#2daae1;}
.fab.fa-odnoklassniki, .fa.fa-rss {background-color:#FC6D00;}
.fas.fa-paper-plane {background-color:#5682a3;}
.fshare .fa-facebook-f::before {content: "\f39e" !important;}
.green-numbers {
    font-size: 21px;
    line-height: 16px;
    color: #04964a;
    margin-bottom: 10px;


}

.ac-protect label {
    display: none;
}
#sec_code, .form-secur {
    margin-bottom: 20px;
}
#add-comms button[name="submit"] {
    border-radius: 5px;
    padding: 4px 12px 4px 12px;
    color: #fff;
    line-height: 26px;
    background: rgb(83,71,145);
    background-image: -webkit-linear-gradient(right, rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-image: linear-gradient(to right, rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-size: 200% auto;
    margin-right: 15px;
    transition: all 0.3s;
    z-index: 4;
    position: relative;
    font-size: 14px;
    padding-left: 26px;
    padding-right: 26px;
    font-weight: 400;
}
#add-comms button[name="submit"]:hover {
    background-position: right center;
    color: #fff;
}
#add-comms input[type="text"],
#add-comms input[type="password"],
#add-comms  select,
#add-comms textarea {
    box-shadow:unset;
    border-radius: 4px;
}
/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame
{max-width:100% !important; display:block; width:100%; height:393px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.5; font-size: 13px; color: #3b3b3b;}
.full-text img:not(.emoji) {max-width:100%; margin-top: 10px; margin-bottom: 10px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:24px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc; margin-left:40px;}
.full-text > ol li {list-style:decimal; margin-left:40px;}

.rel {
    position: relative;
}
.static {
    position: static;
}

.socials-share {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.socials-share__item {
    width: 37px;
    height: 24px;
    border-radius: 6px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    transition: background-color 0.3s;

}
.socials-share__item + .socials-share__item {
    margin-left: 7px;
}
.socials-share__vector {
    fill:#fff
}
.socials-share__item_fb {
    background-color: #4b6baf;
}
.socials-share__item_fb:hover {
    background-color: #5478c5;
}
.socials-share__item_vk {
    background-color: #5075a5;
}
.socials-share__item_vk:hover {
    background-color: #5784bf;
}
.socials-share__item_ok {
    background-color: #FC6D00;
}
.socials-share__item_ok:hover {
    background-color: #f58b3a;
}

.socials-share__item_tlg {
    background-color: #5682a3;
}
.socials-share__item_tlg:hover {
    background-color: #4f91c3;
}



/* COMMENTS
----------------------------------------------- */
.add-comms {margin-bottom: 26px; padding: 20px; background-color: #f0f0f0; border-radius: 6px;}
.ac-inputs input {width: 48.5%; margin-bottom: 15px;}
.ac-textarea textarea {height: 100px; margin-bottom: 15px;}
.add-comms input, .add-comms textarea, .ac-submit button {}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.ac-protect .form-item > label {
	margin-top: 0;
}
.comments_subscribe input {margin-right: 10px;}
.comments_subscribe {display: block;}
.mass_comments_action {display: none;}
.last-comm-link {display: inline-block; padding-bottom: 20px; color: #06c; font-size: 18px;}

.comm-avatar { left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%;
margin-right: 13px;
}
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px; text-align: center;
background-color: #000; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.comm-item {
    font-size: 13px;  position: relative; min-height: 40px; margin-bottom: 60px;
    background-color: #ecfaf4;
    padding: 28px;
    border-radius:6px;
}
.comm-two {margin: 5px 0 10px 0;}
.comm-one > span {margin-right: 15px; color: #949494;}
.comm-one {
    padding: 10px 0 16px 0;
    border-bottom:1px solid #ddd;
    margin-bottom: 25px;
}
.comm-one > span.comm-author {

}

.close-vector {
    fill:#fff;
    transition: fill 0.3s;
}
.user-vector {
    fill:#939393
}
.login-avatar .user-vector {
    transform:  translateY(5px) ;
}
.close-vector:hover {
    fill:#15c667
}
.search-vector {
    fill: #999;
    transition: fill 0.3s;
}

.like-vector {
    fill: #5b5959;
    transition: fill 0.3s;
}
.like-vector:hover, .like-vector:focus {
    fill:#15c667
}
.like-vector_rotate {
    transform:rotateY(180deg)
}
.search-vector:hover {
    fill:#15c667
}
.comm-one > .comm-group-name {
    border: 1px solid #009555;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}
.comm-one > span.comm-date {
    flex:1;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    color: #06944d;
    margin-right: 0px;
}
.comm-one > span.comm-author, .comm-one > span.comm-author a {color: #333; font-weight: 500;}
.comm-three-left > a, .comm-three-right li a {opacity: 0.6;}
.comm-three-right li {display: inline-block; margin-left: 15px;}
.comm-rate3 {white-space:nowrap; margin-right: 15px; height: 20px; line-height: 20px;
    display: inline-block; vertical-align: top; position: relative; top: -3px;}
.comm-rate3 a {display: inline-block; vertical-align: middle; position: relative; opacity: 0.4;}
.comm-rate3 a:first-child {top: -5px;}
.comm-rate3 > span {margin: 0 5px;}
.comm-rate3 > span > span.ratingtypeplus {color: #06b601;}
.comm-rate3 > span > span.ratingplus {color: #95c613;}
.comm-rate3 > span > span.ratingminus {color: #ff0e0e;}
.comm-three a:hover {border-bottom-color: transparent;}
.comm-three-left > a {opacity: 1;
    color: #06944d; border-bottom: 1px dotted #06944d;
}
.comm-reply a {
    text-decoration: underline;
    color: #06944d;
}
.comm-show-all-rews {
    height: 28px;
    background-color: #d3e3dc;
    border-radius: 4px;
    line-height: 26px;
    color: #3b3b3b;
    padding-right: 8px;
    padding-left: 8px;
    display: inline-flex;
    margin-top: 18px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.comm-show-all-rews:hover {
    background-color: #e4efea;
}
.comm-show-all-rews.act {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}


/* LOGIN
----------------------------------------------- */
.overlay-box {position: fixed; z-index: 998; left: 0; top: 0px; width: 100%; height: 100%;
opacity: 0.8; background-color: #000; cursor: pointer;}
.login-box {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%);
background-color: #fff; padding: 31px 60px 40px 60px; border-top: 5px solid #ffbb00; width: 400px;
box-shadow: 0 20px 60px rgba(0,0,0,0.5);}
.login-close {width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 24px;
    cursor: pointer; position: absolute; top: -30px; right: -30px; color: #fff;}
.login-title {font-size: 24px; font-weight: 600; margin-bottom: 15px; text-align: center;}
.login-avatar {width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 15px auto;
text-align: center; line-height: 60px; font-size: 24px; background-color: #f2f6f8; color: #939393;}
.login-input {margin-bottom: 15px;}
.login-btn button {width: 100%; margin: 15px 0;}
.login-btm a {border-bottom: 1px dotted #15855a; color: #15855a; font-size: 13px;}
.login-check {position: relative; font-size: 14px;}
.login-check input {opacity: 0; position: absolute; cursor: pointer;}
.login-check span {display: block; padding-left: 36px; height: 30px; line-height: 30px; color: #939393;}
.login-check span:before, .login-check span:after{content: '';position: absolute;top: 50%;transition: .3s;}
.login-check span:before{left: 0; height: 10px; margin-top: -5px; width: 26px; border-radius: 5px;
    background: #fff; box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);}
.login-check span:after{left: 1px; height: 12px; width: 12px; margin-top: -6px; background: #2ecc71;
    border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0);}
.login-check input:checked + span:before {background-color: #fff;}
.login-check input:checked + span:after {left: 13px; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
.login-menu {border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;}
.login-menu li {text-align: center; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3ee; width: 50%;}
.login-menu a {display: block; padding: 10px 5px; font-size: 13px;}
.login-menu li .fa {display: none; height: 28px; font-size: 22px; color: #06c;}
.login-admin {text-align: center; margin: -10px 0 25px 0;}
.login-soc-title {display: flex; align-items: center; margin: 30px 0 15px 0;}
.login-soc-title:before, .login-soc-title:after {content: ''; height: 1px; background-color: #e3e3e3; flex: 1;}
.login-soc-title:before {margin-right: 15px;}
.login-soc-title:after {margin-left: 15px;}
.login-soc-btns {text-align: center;}
.login-soc-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login-soc-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}


/**
 * tiny slider

 */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}






.fz14 {
    font-size: 14px;
}
/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; 
overflow-y:auto; background-color:#282828;
padding:20px; z-index:9999; position:fixed; left:-320px; top:91px; content-visibility: hidden;
        contain-intrinsic-size: 100%; transition:left .4s;}
.side-panel.active {left:0; content-visibility: visible  }
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5);
position:fixed; left:0; top:0; z-index:9998; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px;
background-color: #e84e36; color: #fff; transition:top .4s;}
.btn-close.active {top: 6px;
    font-size: 0;
    width: 80px;
    left: unset;
    right: 14px;
    opacity: 0;
}
.btn-close {
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .side-nav a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.side-panel .side-box {margin-bottom: 20px;}

@media screen and (max-width: 1220px) {
.wrap {padding: 0; overflow: hidden;}
.header, .footer, .cols, .carou-sect {padding-left: 16px; padding-right: 16px; border-radius: 0; background-image: none;}
.wrap-center {max-width:1000px; border-radius: 0;}
.sidebar {display: none;}
.btn-menu {display: flex; align-items: center; font-size: 21px; margin-left: 20px; cursor: pointer; color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn-menu .text {
    font-size: 14px;
    margin-right: 8px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.img-gradient-play {
    display: none;
}
.cols {padding-top: 20px;}

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

@media screen and (min-width: 761px) {
    .header {
        height: 54px;
    }
    .header > .wrap-center {
        height: 100%;
    }
}


@media screen and (min-width: 951px) {
   .footer-logo-mobile {
       display: none;
   }
   .short-item:hover .gradient-round-border {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, rgba(83,71,145,1),rgba(0,154,71,1))
   }
   .cols_pc-padR-0 {
    padding-right: 0;
    }
}


@media screen and (max-width: 950px) {
.copyr-f, .copyr-f ul {
    display: flex;
}
.right-aside {

}
.copyr-f {
    align-items: center;
}
.footer-logo-mobile {
    margin-right: 20px;
}
.copyr-f ul li:first-child {
    margin-right: 20px;
}
.footer-logo {
    display: none;
}
.wrap-center {max-width:768px;}
.short-meta-item:not(.mrating-count) {display: none;}
.footer {

}
.footer__left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
}
.copyr-f > span {
    padding-bottom: 0;
    padding-right: 20px;
}
.footer-copyright {margin: 0 0 20px 0;}
}

@media screen and (max-width: 760px) {
	  .login-input input[type="text"], 
	  .login-input input[type="password"],
	  .login-input select,
	  .login-input textarea {
        font-size: 16px;
	  }

    .play-botom-full {
        flex-direction: column;
    }
    body .dark-bg-slider_fullpage {
        padding-right: 16px;
    }
    .tags-full-page_fullnews {
        margin-top: 1px;
        margin-bottom: 0;
        margin-right: 10px;
    }
    body .btn-border_alt-style-mobile {
        line-height: 24px;
        font-size: 12px;
        padding: 4px 15px 3px 15px;
    }

    .btn-border_alt-style-mobile.btn-border_alt-style .btn-borde__vector {
        transform: translateY(2px);
    }
    .border-h-fullpage {
        margin-top: 19px;
        margin-bottom: 17px;
    }
    .article .h1-style_fz18 {
        font-size: 14px;
    }
    .article .h1-style_fz21 {
        font-size: 16px;
    }
    .play-botom-full > .fshare {
        order:1;
        margin-bottom: 16px;
    }
    .play-botom-full > .wrp {
        order:2
    }
    #sel1 {
        max-width: 100%;
    }
    .h1-full-news {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 600;
    }
    .search-box input {
        background-color: #444;
        color:#fff
    }
    .country-full-page {
        font-size: 11px;
    }
    .my-header.sticky-hide {
        transform: translateY(-100px);
    }
    .my-header {
        z-index: 1122;
    }
    .search-box button {
       color:#acacac;
       top:0px;
    }
    .search-box button svg {
        fill:#fff
    }
    .search-box input::-moz-placeholder {
        color: #fff /* Цвет подсказывающего текста */
    }

    .search-box input:not(:focus)::placeholder { color: #fff}

    .wrap-center {max-width:640px;}
    .not-logged .login-avatar {display: none;}
    .login-close {top: -5px;}
    .login-title {font-size: 18px;}
    .login-box {max-width: calc(100% - 60px); padding: 15px;}
    .search-wrap {-ms-flex-order: 10;-webkit-order: 10;order: 10;
     min-width: 100%; margin: 0; margin-top: 4px; margin-bottom: 6px;
     }

    .header .wrap-center {
      padding-top:10px;
    }
    .search-box input {
        height: 36px;
        font-size: 16px;
    }
    .search-wrap {
        margin-top: 8px;
        margin-bottom: 10px;

    }
    .header-btn {
        font-size: 0;
        padding: 0px 16px 0px 10px;
        border:0;
        margin-right: -4px;
        background-position: 5px 10px;
    }
    .logo {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
        max-width: 100%; min-width: 50px; width:150px;  position: relative; margin-right: 20px;

        }

     .logo img, .logo svg {
        width: 181px;
    }

    .fcols { margin-bottom: 20px; }
    .fleft {margin: 0 auto 0px auto; width: auto;}
    .fcols:after {content: ""; display: table; clear: both;}
    .short-rates {width: 100%; margin: 10px 0 0 0px; justify-content: flex-start;}
    .fcols .short-list li {padding-left: 100px;}
    .mrating-count {text-align: right; margin-right: 0; margin-left: -20px;}
    .ffav, .fcompl {display: none;}
    .fplayer .tabs-sel > span {width: 50%; text-align: center;}
    .fctrl {padding: 0;}
    .fplayer {}

    .dcont button {font-size:12px; padding:0 15px !important;}
    .comments-tree-list .comments-tree-list {padding-left:0px !important;}
    .comments-tree-list .comments-tree-list:before {display:none;}
    .mass_comments_action {display:none;}
} /* and (max-width: 760px) { */










/* my */
body .vuevideo .v-select  {
    width:137px
}
body .vs__clear {
    background-color: #19336400;
    height: auto;
    line-height: inherit;
    opacity: 0;
    display: none;
    pointer-events:none;
}

.five-line {
    overflow: hidden;
    transition: height 0.3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.ten-line {
    overflow: hidden;
    transition: height 0.3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}
.read-all {
    color: #a0a0a0;
    text-decoration: underline;
    position: relative;
    margin-top: -10px;
    font-size: 13px;
    display: block;
    line-height: 1.3;
    margin-bottom: 17px;
    cursor: pointer;
}

.five-line.active {
    max-height: 800px;
    display: block;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
}


.read-all:hover {
    color: #15855a;
}
.main {
    position: relative;
    /* overflow: hidden; */
}
.slider-full__item-slider {
    position: relative;
    height: 100%;
}
.slider-full__pic-tag {
    display: block;
    z-index: 3;
    position: relative;
}
.slider-full__megalink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    text-decoration: none;
}
.slider-full__image {
    height: 100%;
    object-fit:cover;
    border-radius:6px;
}
.my-header.sticky-vis {
    transform: translateY(0px);
}
.slider-full__top-left {
    position: absolute;
    left: 18px;
    top: 30px;
    display: flex;
    z-index: 3;
}
.slider-full__bot-left {
    position: absolute;
    left: 18px;
    bottom: 20px;
    z-index: 3;
}
.slider-full__title {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 6px 0;
}
.slider-full__year {
    color: #fff;
    font-size: 14px;
}
.slider-full__bot-right {
    position: absolute;
    right: 30px;
    display: flex;
    bottom: 31px;
    z-index: 5;

}
.slider-full__bot-right .btn-border:hover {
    background-color: #15855a;
    border-color:#fff;
    color: #fff;
}
.slider-full__bot-right .btn-border:hover .btn-borde__vector {
    fill:#fff
}


.slider-full__view {

}
.btn-border{
    background-color: transparent;
    border:1px solid #fff;
    border-radius:5px;
    padding: 4px 15px 4px 15px;
    color:#fff;
    display: inline-block;
    line-height: 26px;
    font-size: 14px;
    transition: all 0.3s;
    position: relative;
}
.btn-border:hover {
    color:#16845b;
    border-color: #16845b;
    background-color: #39c18f;
}

.btn-border:hover .btn-borde__vector {
    fill:#16845b
}


.btn-border_alt-style {
    border-color:#ededed;
    color:#6a6a6a;
    z-index: 5;
}
.btn-border_alt-style:hover {
    color:#16845b
}
.btn-border_alt-style .btn-borde__vector {
    fill:#bcbcbc
}
.btn-border_logined {
    color:#16845b;
    border-color: #16845b;
}
.btn-border_logined .btn-borde__vector {
    fill:#16845b;
}

.short-item .btn-border_alt-style:hover {
    background-color: #15855a;
    border-color: #16845b;
    color:#fff
}
.short-item .btn-border_alt-style:hover .btn-borde__vector {
    fill:#fff
}

.btn-border:hover:after {
    opacity: 1;
}
.ui-dialog {
    background-color: #fff;
    position: absolute;
    width: 500px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.ui-helper-clearfix {
    display: block;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-dialog-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 60px 15px 30px;
}
.ui-dialog-titlebar {
    background-color: #f8f8f8;
}
.ui-dialog .ui-dialog-content {
    padding: 30px;
    overflow: auto;
    position: relative;
    zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
    padding: 10px 15px;
    text-align: center;
    background-color: #f8f8f8;
}
.ui-icon, .close {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
}
.ui-icon-closethick {
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 40px;
    height: 40px;
}

.ui-icon-closethick:before {
    content: "\f00d";
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    position: absolute;
    right: 0;
    top: 0px;
    text-indent: 0;
    font-size: 18px;
    
    display: block;
    font-family: 'Font Awesome 5 Pro';
}


/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 99998; width: 244px; font-size: 12px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#searchsuggestions a, #searchsuggestions span {display: block;}
#searchsuggestions a, #searchsuggestions span.notfound {padding:10px 15px; border-bottom: 1px solid #f5f5f5;}
#searchsuggestions a {color: #010101;}
#searchsuggestions a:hover {background-color:#f5f6f8}
#searchsuggestions span.searchheading {margin-bottom:10px; font-size: 16px;}
#searchsuggestions span.searchheading + span {color: #949494;}
#searchsuggestions span.seperator a {padding: 10px 0; text-align: center; background-color:#444; color: #fff; }
#searchsuggestions span.notfound {padding: 15px 20px;}
#searchsuggestions .break, #searchsuggestions span.seperator {display: none;}
@media screen and (max-width: 960px) {
	#searchsuggestions {width: calc(100% - 40px);}
}
.ui-dialog .ui-dialog-buttonpane button {
	    margin: 0 5px;
}
/* errors */
.berrors {background: #fce5ba; color: #a76846; margin: 0 0 45px 0; padding: 10px 20px;}
.berrors a { color: #aa4e43; text-decoration:underline; }
.berrors + .speedbar {margin-top:0;}

body .ui-icon-closethick:before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cdefs/%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
        background-size: 16px;
}

.zaloba > a {
    display: block;
    margin-left: auto;
}
.zaloba > a > span {
    display: block;
}
body .ui-icon-closethick:before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cdefs/%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
        background-size: 16px;
}

.btn-grad {
    display: inline-block;
    border:0 none;
    cursor: pointer;
    border-radius:5px;
    padding:5px 22px 5px 15px;
    color:#fff;
    line-height: 26px;
    background: rgb(83,71,145);
    background-image: -webkit-linear-gradient(right,  rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-image: linear-gradient(to right,  rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-size: 200% auto;
    margin-right: 15px;
    transition: all 0.3s;
    z-index: 4;
    position: relative;
}
.btn-grad:focus {
    color: #fff;
}
.static-pages {
    padding: 0 30px 40px 0;
}
.btn-grad:hover {
    background-position: right center;
    color: #fff;
}
.btn-grad__vector, .btn-borde__vector {
    margin-right: 9px;
    fill:#fff;
    transition: fill 0.3s;
}
.btn-borde__vector {
    margin-right: 10px;
}
.slider-full-style .tns-nav {
    height: 24px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 16px;
    text-align: center;
    z-index: 2;
    pointer-events: none;


}
 .btn-border_alt-style:hover {
    background-color: #15855a;
    border-color: #16845b;
    color: #fff;
}
 .btn-border_alt-style:hover .btn-borde__vector {
    fill:#fff;
}
.gradient-round-border {
    width: 114px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    color: #282828;
    text-align: center;
    font-size: 14px;
    border: double 1px transparent;
    border-radius: 4px;
    transition: all 0.3s;
    background-image: linear-gradient(#f9f9f9, #f9f9f9), radial-gradient(circle at top left, rgba(83,71,145,1),rgba(0,154,71,1));
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-block;
    position: relative;
    margin-right: 11px;
    cursor: pointer;
}



.gradient-round-border:after {
    content:"";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transition: all 0.3s;
    background: rgb(83,71,145);
    background-image: -webkit-linear-gradient(right,  rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-image: linear-gradient(to right,  rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-size: 200% auto;
    z-index: 0;
    border-radius: 2px;
    opacity: 0;
}
.gradient-fullW-round-border {
    width: 100%;
    height: 44px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border: double 1px transparent;
    border-radius: 6px;
    transition: all 0.3s;
    background-color: #16845b;
    background-image: linear-gradient(90.0deg, #009a47 0%, #534791 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-block;
    position: relative;
    margin-right: 11px;
    cursor: pointer;
}

.gradient-fullW-round-border .free {
    font-size: 10px;
    opacity: 0.54;
    padding-left: 13px;
}

 .gradient-round-border:hover {
    color: #efefef;
}
 .gradient-round-border:hover:after {
    opacity: 1;
}
.btn-grad__vector:hover {
    fill:#fff
}
.gradient-round-border .btn-grad__vector {
    fill:#16845b;
    position: relative;
    z-index: 2;
    margin-left: 9px;
    margin-right: 6px;
}
.gradient-round-border span {
    position: relative;
    z-index: 2;
}

.country-year {
    font-size: 12px;
    color: #414141;
    margin-right: 10px;
}
 .main .slider-full-style .tns-outer  .tns-nav button[aria-controls] {
    border-radius:50%;
    background-color: #fff;
    width: 7px;
    padding: 0;
    margin: 0 7px 0 0;
    height: 7px;
    transition: background-color 0.3s;
    pointer-events:all;
}
 .main .slider-full-style .tns-outer  .tns-nav button[aria-controls].tns-nav-active {
     background-color: #039749;
}
.slider-full__age-rate {
    border:1px solid #fff;
    color:#fff;
    background-color: #fff;
    font-size: 11px;
    padding: 2px 5px 1px 6px;
    margin-right: 8px;
    border-radius:4px;
}
.age-rate {
    border:1px solid #ddd;
    color:#000;
    font-size: 11px;
    padding: 2px 6px 1px 6px;
    margin-right: 4px;
    border-radius:4px;
}
.age-rate_white-c {
    color: #efefef;
}
.kinopoisk-gradient-score {
    color:#fff;
    font-size: 11px;
    padding: 2px 6px 1px 6px;
    border-radius:4px;
    background-color: #16845b;
    background-image: linear-gradient(90.0deg, #009a47 0%, #fa801d 100%);
}
.agerate-rate_transp {
    background-color: transparent;
}
.tags {
    margin: 0 0 0px 0;
    padding: 0;
    list-style:none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
    font-size: 0;

}
.tags li {
    margin-bottom: 1px;
}
.tags a, .tags span {
    border:1px solid #f5f5f5;
    color:#808080;
    font-size: 12px;
    padding: 3px 9px 3px 9px;
    margin-right: 8px;
    border-radius:4px;
    margin-bottom: 8px;
    transition: all 0.3s;
}

.form-wrap > div, .form-vote > div {
    margin-bottom: 20px;
}

.form-item {
    margin-bottom: 20px;
    padding-left: 200px;
    position: relative;

}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.form-item > label {
    display: block;
    float: left;
    width: 200px;
    margin-left: -200px;
    padding-top: 10px;
}
.imp > label:after {
    content: "*";
    margin: 0 0 0 10px;
    color: #e85319;
}
.form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {
    float: left;
    max-width: 600px;
}

.form-item > input[type="button"] {
    position: absolute;
    right: 44px;
    top: 0;
    height: 40px;
    line-height: 40px;
}
.form-secur > a {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.form-secur {
    width: 100%;
    float: right;
    margin-bottom: 0;
}
.form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {
    float: left;
    max-width: 600px;
}
.form-wrap > div.form-submit {
	margin-bottom: 40px;
}
.form-secur input {
    display: inline-block;
    max-width: 300px;
    vertical-align: top;
}
@media screen and (max-width: 600px) {
	.form-item {
    padding-left: 0;
  }
  .country-country {
    width:130px;  
    overflow: hidden;
    position: relative;
  }
  .country-country::nth-last-letter {
      opacity: 0;
      font-size: 0;
  }
 
  .form-item > label {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0 0 10px 0;
  }
  .form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {
    float: none; 
  }
  .form-item > input[type="button"] {
    position: absolute;
    right: 22px;
    top: -13px;
  }
}

.form-item {
   
}
.tags a:hover {
	background-color: #ecfaf4;
	border-color:#ecfaf4;
}
.article .tags a:empty {
    	display: none;
 }
.tags .masha_index {
    display: none;
}
.slider-full__film-rating {
    background-color: #16845b;
    color:#fff;
    font-size: 13px;
    border-radius:4px;
    padding: 2px 9px 1px 9px;
}


.slider-full-style {
    position: relative;
    margin-bottom: 20px;

}

.login-btn button, .search input[type="button"], .ui-dialog-buttonset button,
 body input[type="button"], input[type="submit"], .usp-btn a, body .form-submit button[name="send_btn"],
  .form-submit button[name="submit"] {
    color: #fff;
    background: rgb(83,71,145);
    background-image: -webkit-linear-gradient(right, rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-image: linear-gradient(to right, rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-size: 200% auto;
    transition: all 0.3s;
    border-radius:6px;
}
#sendmail button[name="send_btn"], #options button[name="submit"]  {
    color:#fff
}
.login-btn button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):not([aria-controls*=tns]),
.search input[type="button"]:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):not([aria-controls*=tns]),
.ui-dialog-buttonset button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):not([aria-controls*=tns])  {
    color: #fff;
    border-radius:6px;
}
.login-btn button:hover, .search input[type="button"]:hover, .ui-dialog-buttonset button:hover,
body input[type="button"]:hover, body input[type="submit"]:hover,
 body .usp-btn a:hover, body .form-submit button[name="send_btn"]:hover,
 .form-submit button[name="submit"]:hover  {
    background-position: right center;
    color: #fff;
}
.slider-two-3 {
    margin-bottom: 30px;
}
.cog-vector {
    fill:#6b6b6b
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 4px 0px 5px 8px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter, transform;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    transform:  translateY(2px);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hamburger.is-active:hover,.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}
.hamburger.is-active {
   transform:  translateY(-1px);
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 16px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    position: absolute;
    width: 25px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff
}

.hamburger-inner:after,.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -7px
}

.hamburger-inner:after {
    bottom: -7px
}
.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 7px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider .hamburger-inner:after {
    top: 14px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0,-14px,0) rotate(-90deg)
}
.slider-two-3__item {
    position: relative;
}
.slider-two-3__link {
    text-decoration: none;
}
.slider-two-3__image {
    border-radius:10px;
    height: 180px;
    object-fit:cover;
    position: relative;
    z-index: 2;
    transition: filter 0.3s;
}
.slider-two-3__image:hover {
    -webkit-filter:brightness(1.3);
    filter:brightness(1.3)
}
.choose-text + .v-select {
    margin-left: 20px;
}
.style-chooser .vs__search::placeholder,
.style-chooser .vs__dropdown-menu {
    background: #fff;
    opacity: 1;
  }
.style-chooser .vs__dropdown-toggle {
        background: #fff;
        border:1px solid #e8e8e8 ;
}
.style-chooser_flex1 {
    flex:1;
    margin-left: 20px;
}
  /* .style-chooser .vs__clear,
  .style-chooser .vs__open-indicator {
    fill: #394066;
  } */

.style-chooser .vs__dropdown-option {
    color: #353535;
    background: #f8f8f8;
    margin-bottom: 2px;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px ;
}
.style-chooser .vs__open-indicator {
    transform: scale(0.6);
}
.style-chooser .vs__dropdown-option--highlight {
    background: #eaeaea;
    color: #353535
}
.style-chooser .vs__search {
    padding-left: 17px;
}
.style-chooser .vs--open .vs__open-indicator {
    transform: rotate(180deg) scale(0.6);
}
.style-chooser .vs__actions {
    padding-right: 10px;
}
.slider-two-3__title {
    position: absolute;
    bottom: 20px;
    left: 16px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    z-index: 3;
}
.h1-style {
    font-size: 16px;
    color: #100e0f;
    margin: 0px 0 18px 0;
}
.h1-style_white {
    color:#fff;
    margin: 0 0 24px 0;
}
.h3-style {
    font-weight: 500;
    margin: 0 0 0px 0;
    font-size: 16px;
    text-transform: uppercase;
    color:#100e0f;
}

.h1-style_mb10 {
    margin-bottom: 10px;
}

.paragraph {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 17px;
}
.ttu {
    text-transform: uppercase;
}
.h1-style_fz24, .site-desc .h1-style_fz24 {
    font-size: 21px;
}
.h1-style_fz18 {
    font-size: 18px;
}
.h1-style_fz21 {
    font-size: 21px;
}
.wrapper-slider-two-3 .tns-inner {
    margin: 0 !important;
}
.tns-inner {
    margin-left: 0 !important;
}
.right-aside {
    width: 292px;
    padding: 0px 40px 40px 30px;
    margin-left: 30px;
    position: relative;
    border-left: 1px solid #f4f4f4
}
.right-aside:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 40px;
    background-color: #f4f4f4;
    left: -1px;
    top: -40px;
}
.rside-title {
    font-size: 14px;
    line-height: 16px;
    color: #111;
    margin-bottom: 12px;
}
.list-fullstory {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 35px 0;
}
.list-fullstory li {
    font-size: 12px;
    line-height: 16px;
    color: #5e5e5e;
}
.flex-aside {
    display: flex;
}
.flex-aside > article {
    flex:1
}
.img-gradient-play {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    left: 0;
    transition: all 0.3s;
}
.short-item:hover .img-gradient-play,
.slider-reg-item:hover .img-gradient-play {
    opacity: 1;
}
.img-gradient-play__grad {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    top: 0;
    left: 0;
    border-radius: 8px;
    background: rgb(83,71,145);
    background-image: -webkit-linear-gradient(right, rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-image: linear-gradient(to right, rgba(83,71,145,1) 0%, rgba(0,154,71,1) 51%, rgba(83,71,145,1) 100%);
    background-size: 200% auto;
}
.img-gradient-play__round {
    position: absolute;
    z-index: 3;
    width: 69px;
    height: 69px;
    border: 1px solid #f9f9f9;
    border-radius: 50%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-gradient-play__vector {
    fill:#fff;
    margin-left: 4px;
}
.dark-bg-slider {
    background-color: #282828;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    margin-bottom: 0px;
    padding-right: 0px;
}
.dark-bg-slider_fullpage:after {
    display: none;
}
.dark-bg-slider:after, .dark-bg-slider:before {
    position: absolute;
    content:"";
    width: 50px;
    height: 100%;
    background-color: #282828;
    top: 0;
}
.dark-bg-slider:before {
    left: -22px;
    width: 22px;
}

.red-alert-mult {
    border-radius: 4px;
    margin-bottom: 25px;
    background-color: rgb(250, 235, 235);
    width: 100%;
    z-index: 4;
    font-size: 13px; 
    display: flex;
    color: #282828; 
    padding: 20px 20px 19px 20px;
  }
  .red-alert-mult .znak  {
      width: 24px;
      height: 24px;
      border-radius:50%;
      background-color: #fff;
      margin-right: 30px;
      margin-right: 16px;
      text-align: center;
      line-height: 24px;
      display: inline-block;
  }
  .red-alert-mult .mult-text {
    flex:1
  }

.dark-bg-slider:after {
    right: -40px;
    width: 40px;
}
.slider-two-3__text-small {
    font-size: 12px;
}

.slider-5-style {
    position: relative;
}
.slider-reg-item {
    position: relative;
}
.slider-reg-item__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #282828;

}
.slider-reg-item__title-bot {
    display: block;
}
.dark-bg-slider .slider-reg-item__title  {
    color: #fff;
}
.slider-5-style_nav-pos.slider-5-style .tns-controls {
    top: 33%;
    transform: translateY(-33%);
}
.slider-5-style_nav-pos2.slider-5-style .tns-controls {
    top: 37%;
    transform: translateY(-37%);
}
.slider-reg-item__image {
    height: 250px;
    object-fit:cover;
    width: 100%;
    display: block;
    border-radius: 8px;
}
.slider-5-style .tns-controls {
    position: absolute;
    width: calc(100% + 40px);
    top: 50%;
    left: -20px;
    pointer-events: none;
    transform: translateY(-50%);
    z-index: 5;
    height: 40px;

}

.slider-5-style_fix-arrow.slider-5-style .tns-controls {
    width: 100%;
}


.slider-5-style button[aria-controls] {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius:50%;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
    border:none;
    outline:1px #000;
    pointer-events:all;
    font-size: 0;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: 14px 11px;
    background-size: 13px 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240.823 240.823'%3E%3Cpath d='M183.189 111.816L74.892 3.555c-4.752-4.74-12.451-4.74-17.215 0-4.752 4.74-4.752 12.439 0 17.179l99.707 99.671-99.695 99.671c-4.752 4.74-4.752 12.439 0 17.191 4.752 4.74 12.463 4.74 17.215 0l108.297-108.261c4.68-4.691 4.68-12.511-.012-17.19z'/%3E%3C/svg%3E");
}
.slider-5-style button[data-controls="prev"] {
    left: 0;
    transform: rotate(180deg);
}
.slider-5-style button[aria-controls]:hover {
    background-color: #fff;
}
.slider-5-style button[aria-controls][disabled] {
    background-color: #ccc;
    cursor:default;
}
.slider-5-style button[data-controls="next"] {
    right: 0;
}

.slider-reg-item__top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    width: calc(100% - 24px);
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 0 12px;
}
.slider-reg-item__img-wrapper {
    display: block;
    position: relative;
    font-size: 0;
    font-style: normal;
    margin-bottom: 10px;
}
.site-desc a.green-link,
a.green-link,
.green-link {
    text-decoration: underline;
    color: #0e8c54;
}
.cols_padb0 {
    padding-bottom: 0;
}
.slider-5-style_pb60 {
    padding-bottom: 60px;
}
.slider-5-style_pr40 {
    padding-right: 40px;
}
.border-vert-line {
    width: 100%;
    height: 1px;
    background-color: #f4f4f4;
    margin-top: 43px;
    margin-bottom: 37px;
}

.full-text-after-title {
    font-size: 13px;
    font-weight: 300;
    color: #b2b1b1;
    margin-bottom: 25px;
    margin-top: 5px;
    display: block;
}
.border0 { border:0 }

.full-about-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.fullboxes  {
    border-radius: 4px;
    height: 28px;
    font-size: 13px;
    line-height: 2.1;
    border:1px solid rgb(232, 232, 232);
    color: #828282;
    padding: 0 14px 0 14px;
}
.fullboxes:not(:last-child){
    margin-right: 14px;
}
.fullboxes-fillbg {
    background-color: #f6f6f6;

}
.fullboxes-green {
    color: #029849;
    border-color:#12734e;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}
.fullboxes-green:hover {
    color: #fff;
    background-color:#12734e;
}
.fullboxes-last {
    margin-left: auto;
}
.round-mark {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius:50%;
    border:1px solid #12734e;
    text-align: center;
    color:inherit;
    margin-right: 4px;
    border-radius: 50%;
    font-style: normal;
    line-height: 1;
    font-size: 14px;
}
.fullboxes-green:hover .round-mark {
    border-color:#ffffff9c;
    color:#fff;
}

/* my */


@media screen and (max-width: 590px) {
    .mob-hide {
        display: none;
    }
    .ui-dialog-buttonset {
        display: flex;
        align-items: center;
    }
    #dle-promt-text, #comments, .ac-inputs input, .form-secur input {
        font-size: 16px;
    }
    .form-secur input {
        margin-bottom: 20px
    }
    body .form-secur > a {
        margin-left: 0
    }

    body .ui-dialog .ui-dialog-buttonpane button + button  {

    }
    body .ui-dialog .ui-dialog-buttonpane button {
         max-width: 230px;
    }
    body .ui-dialog .ui-dialog-buttonpane {
        padding-bottom: 30px;
    }
    body .vuevideo .v-select {
        margin-left: 0;
        margin-top: 20px;
    }
    body .choose-text + .v-select {
        margin-top: 0;
    }
    .slider-reg-item__image {
        height: 183px;
    }
    .gradient-round-border {
        background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, rgba(237,237,237,1),rgba(237,237,237,1))
    }
    .slider-full__title {
        font-size: 18px;
    }
    .slider-two-3__image {
        min-height: 179px;
    }
    .slider-full-style_mob-antimarg {
        margin-top: -20px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .slider-full-style_mob-nav-vertical .tns-nav {
        height: 100%;
        width: 24px;
        right: 0;
        left:unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    .main .slider-full-style_mob-nav-vertical .tns-outer  .tns-nav button[aria-controls] {
        margin-right: 0;
        margin-bottom: 7px;
    }
    .main .slider-full-style_mob-nav-vertical .tns-outer  .tns-nav button[aria-controls]:last-child {
        margin-bottom: 0;
    }
    .slider-two-3__title {
        font-size: 16px;
    }

    .btn-border_alt-style .btn-borde__vector {
        height: 10px;
        margin-right: 7px;
    }
    .short-item:hover {
        box-shadow: unset;
    }
    .short-header {
        margin-bottom: 0;
    }
    .short-rates {
        margin-top: 10px;
    }

    .article .tags a {
        font-size: 10px;
    }
    
    .short-item .tags a, .short-item .tags span {
        border: 0 none;
        color: #808080;
        font-size: 12px;
        line-height: 1.4;
        padding: 0;
        margin-right: 4px;
        margin-bottom: 0;
    }
    .tags a:hover {
        color:#04964a;
        border-color:#04964a;
    }
    .tags span:not(:last-child):after  {
        content:","
    }
    .tags {
        margin-bottom: 4px;
    }
    .tags li {
        margin: 0;
    }
    .short-item .short-title {
        margin-bottom: 3px;
        font-size: 14px;
        line-height: 1.4;
    }
    .slider-full__bot-right {
        display: none;
    }
    .footer__cols {
        width: 50%;
        flex:none;
        margin-bottom: 20px;
    }
    .copyr-f {
        flex-wrap: wrap;
        position: relative;
    }
    .copyr-f nav {
        width: 100%;
    }
    .copyr-f > span {
        position: relative;
        transform: translate(46px, -27px);
    }
    .copyr-f nav > ul > li:last-child{
        padding-left: 20px;
    }
    .wrap-center {max-width:480px;}

    .short-item .short-img {margin: 0;
        margin-right: 15px;
        font-size: 0;
        height: auto ; width: auto;     box-shadow: unset;}
    .short-item .short-list,
    .sect-title .fal {display: none;}

    .short-item {
        box-shadow: unset;
        background-color: unset;
        padding: 16px 0 0 0; border: 0;
        position: relative;
        margin-bottom: 16px;
    }
    .short-item:after {
        content:"";
        height: 1px;
        width: calc(100% + 32px);
        left: -16px;
        top:0;
        display: block;
        position: absolute;
        background-color: #f1f1f1;
    }
    .short-item:last-child:before {
        content:"";
        height: 1px;
        width: calc(100% + 32px);
        left: -16px;
        display: block;
        position: absolute;
        background-color: #f1f1f1;
        bottom:-16px
    }
    .short-item .short-title:hover {
        color: #00ac37;
    }
    .short-meta .btn-grad {
        padding: 1px 9px 1px 10px;
        font-size: 12px;
    }
    .short-meta .btn-grad + a {
        display: inline-flex;
        height: 28px;
        top: -1px;
    }
    .btn-grad__vector {
        margin-right: 3px;
        position: relative;
        top: 2px;
    }
    .short-item .short-img img {
        height: 164px;
        width: 112px;
        margin-right: 0px;
    }
    .navigation {justify-content: center;}
    .sect-title, .logo {font-size: 18px;}

    .ac-inputs input {width: 100%;}
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

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

@media screen and (max-width: 480px) {
    .dark-bg-slider_fullpage {
        padding-right: 0px;
        width: calc(100% + 16px);
    }
    .fuul-page-podborki {
        width: calc(100% + 16px);
    }
    .btn-border_mob-fz0-style {
        font-size: 0;
        padding: 7px 4px 0px 11px;
        line-height: 23px;
        transform: translateY(-2px);
    }
    .btn-borde__vector-mob-3px {
        transform: translateY(3px);
    }
}




.vuevideo {
    margin-bottom: 20px;
}


@media screen and (max-width: 1220px) {
    .my-header .top-menu, .adapt-hide-max1220 {
        display: none;
    }
    .side-popular-item-title {
        color: #dadada;
    }
    .side-popular-item-info {
        color: #dadada;
    }
    .side-popular-item-age-rate {
        color: #7e7e7e;
    }
    .side-panel  .top-menu > li {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 12px;
        transition: color 0.3s;
        position: relative;
    }

    .side-panel  .top-menu > li.active {
        color: #15c667;
    }
    .side-panel  .top-menu > li > a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        transition: color 0.3s;
    }
    .side-panel .drop-container {
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .side-panel .drop-container a {
        text-decoration: none;
        color: #9d9d9d;
        text-transform: none;
        font-size: 15px;
        font-weight: 400;

    }
    .side-panel .drop-container li {
        margin-bottom: 5px;
    }
    .side-panel .top-menu>li>span {
        position: relative;
    }

    .side-panel .top-menu>li>span::after {
        content: "";
        position: absolute;
        right: -13px;
        top: 8px;
        border: 3px solid transparent;
        border-top: 3px solid #fff;
    }
    .side-panel .top-menu>li.active span::after {
        border-top-color:#15c667;
        transform: rotate(90deg);
        top:6px;
    }
    .dark-bg-slider_fullpage {
        padding-right: 0px;

    }
    .dark-bg-slider_fullpage .tns-controls {
        width: 100%
    }
    .dark-bg-slider_fullpage:after {
        right: -16px;
        width: 16px;
        display: block;
    }
    .dark-bg-slider_fullpage:before {
        left: -16px;
        width: 16px;
    }
 } /* max-w 1220 */

@media screen and (max-width: 1001px) {
  .wrapper-slider-two-3, .slider-full-style, .slider-5-style {
      -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

  }

    .wrapper-slider-two-3::-webkit-scrollbar {
    background-color: transparent;
    }


    .slider-full-style{
        scroll-snap-type: x mandatory
    }

  .slider-two-3, .slider-full, .slider-5   {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .slider-full__item-slider {
     width: 100vw;
     scroll-snap-align: start;

  }
  .slider-reg-item {
       width: 34vw
  }
  .slider-reg-item + .slider-reg-item {
      margin-left: 15px;
  }

  .slider-two-3 .wrp {
      width: 216px;
    margin-right: 12px;
  }
  .slider-two-3 .wrp:last-child {
      margin-right: 0;
  }

} /* max-w 1001 */



@media screen and (min-width: 1002px) {
    .dark-bg-slider .slider-5-style .tns-controls  {
          top: 43%;

    }
}

@media screen and (min-width: 1221px) {
    #searchsuggestions {
        width: 358px !important;
    }
    .dark-bg-slider_fullpage, .fuul-page-podborki {
        padding-right: 40px;

    }
    .dark-bg-slider_fullpage .tns-controls {
        width: 100%
    }
    .dark-bg-slider_fullpage:after {
        right: -22px;
        width: 22px;
    }

    .side-panel  .top-menu, .sidebar .top-menu, .aside-pc-hide  {
        display: none;
    }
    .logo {
        margin-right: 45px;
    }
    .top-menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .top-menu ul {
        margin: 0;
        padding: 0;
    }

    .top-menu .drop-container {
        position: absolute;
        top:53px;
        left: 8px;
        min-width: 260px;
        transition: all 0.3s;
        background-color: #fff;
        padding: 22px 47px ;
        z-index: 3;
        opacity: 0;
        transform: translateY(84px);
        pointer-events:none;
        box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
        content-visibility: hidden
    }

    .dark-bg-slider_fullpage .slider-5-style .tns-controls {
        width: 104%;
    }
    .top-menu>li:hover .drop-container {
        opacity: 1;
        transform: translateY(0px);
        content-visibility: visible;
        pointer-events:all;
    }
    .drop-container a {
        padding: 1px 0px 1px 0px;
        font-size: 13px;
        line-height: 24px;
        font-weight: 400;
        color: #3c3c3c;
    }
    .drop-container_two-col {
        -webkit-column-count:2;
        column-count:2;
        width: 425px;
    }
    .drop-container_free-col {
        -webkit-column-count:3;
        column-count:3;
        width: 638px;
    }
    .drop-container_two-col > li {
        page-break-inside: avoid;
        display: inline-block;
        display: flex;
        align-items: center;
    }
    .top-menu  .drop-container_six-col {
        -webkit-column-count:6;
        column-count:6;
        width: 1280px;
        left:0px;
    }
    .drop-container_six-col > li {
        page-break-inside: avoid;
        display: inline-block;
        display: flex;
        align-items: center;
    }

    .drop-container_two-col > li:nth-child(odd) {

    }

    .top-menu>li>a {
        transition: color 0.3s;
        line-height: 1;
        font-weight: 600;
        color: #efefef;
        cursor: pointer;
    }
    .top-menu>li {
        line-height: 1;
        color: #efefef;
        font-size: 14px;
        position: relative;
        transition: color 0.3s;
        display: inline-flex;
        font-weight: 600;
        padding: 20px 7px 19px 7px;
        cursor: pointer;
    }



    .top-menu > li.static {
        position: static;
    }
    .top-menu a {
        transition: color 0.3s;
    }
    .top-menu>li:hover, .top-menu a:hover {
        color: #15c667;
    }
    .top-menu>li>span {
        position: relative;
    }
    .top-menu>li>span::after {
        content: "";
        position: relative;
        right: -4px;
        top: 12px;
        border: 3px solid transparent;
        border-top: 3px solid #fff;
    }

    .top-menu>li:last-child {
        margin-right: 0;
    }
    .my-header .wrap-center {
        padding-left: 25px;
        padding-right: 25px;
    }
    .sidebar .showmores {
        color: #a8a8a8;
        font-size: 13px;
        cursor: pointer;
        margin-top: 5px;
        transition: color 0.3s;
        position: absolute;
        width: 100%;
        height: 20px;
        bottom: -25px;
        left: 0;

    }
    .sidebar .showmores:hover {
        color:#15855a
    }
    .sidebar .nav-menu a {
        color: #3c3c3c;
    }
    .sidebar .nav-menu a:hover {
        color:#15855a;
        text-decoration: none;
    }

}

@media screen and (max-width: 470px) {
    .tags-full-page {
        font-size: 11px;
        height: 32px;
        overflow: hidden;
    }
    .short-item .kinopoisk-gradient-score {
        display: none;
    }
    .wrap-center22 {max-width:360px;}

    .fleft {}
    .fimg { max-width: 115px; margin-right: 15px;}
    .fimg img {height: 100%; object-fit: cover ;  min-height:173px;  }
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
    #sel1 {
        margin-left: 0;
        margin-top: 20px;
    }
    .my-select_marg {
        margin-right: 0;
        margin-left: 0;
    }
}
@media screen and (max-width: 350px) {
     .logo img, .logo svg {
		    width: 138px;
	}
	.my-header .logo {
		display: flex;
	}
    .short-item .gradient-round-border {
        font-size: 13px;
        width: 107px;
    }
     
}


@media screen and (min-width: 761px) and (max-width:1221px) {

        .side-panel {
            top:55px;
        }
}


        .five-line {
            overflow: hidden;
            transition: height 0.3s;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
        }
        body .slider-full:not(.tns-horizontal) {
            white-space: nowrap;
        }
        body .slider-full:not(.tns-horizontal) > .slider-full__item-slider {
            display: inline-flex;
            vertical-align: top;
            white-space: normal;
            width: 100vw;
        }
        body .slider-two-3__image {
            height: 180px;
        }
        .slider-full__item-slider,
        .slider-two-3__item {
            position: relative;
        }
        .slider-reg-item__image {
            position: relative;
            z-index:2;
        }
        .black_iframe, #alohaid {
            background: #000;
        }
        .slider-5:not(.tns-slider) {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }


        .slider-full__item-slider:after,
        .slider-two-3__item:before,
        .slider-reg-item__img-wrapper:after {
            content: "";
            display: block;
            position: absolute;
            width: 30px;
            height: 30px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 1;
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23000000' fill-opacity='1'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23cccccc' fill-opacity='0.2' transform='rotate(30 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23cccccc' fill-opacity='0.2' transform='rotate(60 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23cccccc' fill-opacity='0.2' transform='rotate(90 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23cccccc' fill-opacity='0.2' transform='rotate(120 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23b2b2b2' fill-opacity='0.3' transform='rotate(150 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23999999' fill-opacity='0.4' transform='rotate(180 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%237f7f7f' fill-opacity='0.5' transform='rotate(210 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23666666' fill-opacity='0.6' transform='rotate(240 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%234c4c4c' fill-opacity='0.7' transform='rotate(270 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23333333' fill-opacity='0.8' transform='rotate(300 64 64)'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23191919' fill-opacity='0.9' transform='rotate(330 64 64)'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64' calcMode='discrete' dur='1080ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");
        }
        .tags a, .tags span {
            border: 1px solid #f5f5f5;
            color: #808080;
            font-size: 12px;
            padding: 3px 9px 3px 9px;
            margin-right: 8px;
            border-radius: 4px;
            margin-bottom: 8px;
            transition: all 0.3s;
        }
        @media screen and (min-width: 591px) {
            body .slider-full-style {
                height: 250px;
                overflow: hidden;
            }
            body .slider-full__image {
                height: 246px;
                display: block;
            }

            body .slider-two-3__image {
                display: block;
            }
            body .slider-two-3:not(.tns-horizontal) {
                white-space: nowrap;
                overflow: hidden;
            }
            body .slider-two-3:not(.tns-horizontal) .wrp {
                display: inline-flex;
                width: 30%;
            }
            body .slider-two-3:not(.tns-horizontal) .slider-two-3__item {
                width: 100%;
            }
            body .slider-full:not(.tns-horizontal) {
                height: 100%;
            }
        }

        @media screen and (min-width:1000px) {
            body .slider-full:not(.tns-horizontal) > .slider-full__item-slider {
                width: 100%;
            }
            .slider-5:not(.tns-slider) > .slider-reg-item:nth-child(5) ~ .slider-reg-item {
                display:none;
            }
            .slider-5:not(.tns-slider) > .slider-reg-item {
                width: calc(23% - 22px);
                padding-right: 22px;
            }
        }

        @media screen and (min-width: 1221px) {
            .top-menu .drop-container {
                opacity: 0;
            }
        }

        @media screen and (max-width: 590px) {
            body .slider-full__image {
                border-radius: 0;
                height: 220px;
            }
            .article .tags a {
                font-size: 10px;
            }
            .article .fimg img {
                width:115px;
            }
        }

        @media screen and (max-width: 760px) {
            body .h1-full-news {
                font-size: 15px;
                line-height: 1.4;
                font-weight: 600;
            }
            .header {
                padding: 0px 25px;
                background-color: #282828;
                border-radius: 0;
                position: relative;
                z-index: 5;
            }
            .header {
                padding-left: 16px;
                padding-right: 16px;
                border-radius: 0;
                background-image: none;
            }
            .my-header {
                position: relative;
                z-index: 22;
                width: 100%;
                transition: transform 0.3s;
                z-index: 1122;
            }
            .header .wrap-center {
                padding-top: 10px;
                display:flex;
                align-items: center;
            }
            .logo {
                display: block;
                line-height: 1;
                height: 30px;

                color: #5a668c;
                font-weight: 300;
                flex-grow: 1;
                max-width: 100%;
                min-width: 50px;
                width: 150px;
                position: relative;
                margin-right: 20px;
                flex-basis: 0;
                -webkit-box-flex: 1;
            }
            .my-header .top-menu, .adapt-hide-max1220 {
                display: none;
            }
            .search-wrap {
                -ms-flex-order: 10;
                -webkit-order: 10;
                order: 10;
                min-width: 100%;
                margin: 0;
                margin-top: 4px;
                margin-bottom: 6px;
                position: relative;
                margin-top: 8px;
                margin-bottom: 11px;
            }
            .header-btn {

                height: 36px;

                border-radius: 6px;
                color: #fff;
                cursor: pointer;
                background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3Eface%3C/title%3E%3Cpath d='M437,331a255.08,255.08,0,0,0-97.28-61A147.94,147.94,0,0,0,404,148C404,66.39,337.61,0,256,0S108,66.39,108,148a147.94,147.94,0,0,0,64.26,122A256.41,256.41,0,0,0,0,512H40c0-119.1,96.9-216,216-216s216,96.9,216,216h40A254.33,254.33,0,0,0,437,331ZM256,256A108,108,0,1,1,364,148,108.12,108.12,0,0,1,256,256Z' fill='%23fff'/%3E%3C/svg%3E);
                background-repeat: no-repeat;
                background-position: 12px 8px;
                background-size: 16px 16px;
                margin-right: 17px;



                font-size: 0;
                padding: 0px 16px 0px 10px;
                border: 0;
                margin-right: -4px;
                background-position: 5px 10px;
            }
            .btn-menu {
                display: flex;
                align-items: center;
                font-size: 21px;
                margin-left: 20px;
                cursor: pointer;
                color: #fff;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
            .btn-menu .text {
                font-size: 14px;
                margin-right: 8px;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
            .hamburger {
                font: inherit;
                display: inline-block;
                overflow: visible;
                margin: 0;
                padding: 4px 0px 5px 8px;
                cursor: pointer;
                transition-timing-function: linear;
                transition-duration: .15s;
                transition-property: opacity,filter, transform;
                text-transform: none;
                color: inherit;
                border: 0;
                background-color: transparent;
                transform: translateY(2px);
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }

        }
        /*--- RATING ---*/
        .unit-rating{list-style:none;margin:0;padding:0;width:86px;height:17px;position:relative;
            background:url(/templates/coolserial-light-qv3/dleimages/rating.png) repeat-x; display:inline-block;}
        .unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left}
        .unit-rating li a{display:block;width:17px;height:17px;text-decoration:none;text-indent:-9000px;
            z-index:17;position:absolute;padding:0}
        .unit-rating li a:hover{background:url(/templates/coolserial-light-qv3/dleimages/rating.png) 0 -17px;z-index:2;left:0}
        .unit-rating a.r1-unit{left:0}
        .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:url(/templates/coolserial-light-qv3/dleimages/rating.png) 0 -34px;position:absolute;
            height:17px;display:block;text-indent:-9000px;z-index:1}