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

@import "reset-settings.css" all;

.movie-img img, .cs-item img, .full-movie img {width:100%; min-height:100%;}
a, button, .fa, .overlay-close, .movie-img-inner, .show-login, .head-right a:before, .head-right a:after, .news-title, 
.full-movie-title, .cs-title span, .add-com-but {transition: all .5s;}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; padding:0; position:relative;}
.head-wr {height:auto;background: #00a6b5;}
.head-fixed-inner, .main-section-inner, .cs-text-inner, .bottom-inner, .footer-inner, .cat-wr, .full-wr 
{width:100%;min-width:320px;max-width:1200px;margin:0 auto;position:relative;z-index:100;}
.bottom-wr {background-color:#455769; border-top:5px solid #fccd3d;}
.footer-wr {background: linear-gradient(1deg, #43676e, #092655);position:relative;z-index:100;padding: 20px;color: #fff;}
.cat-wr {padding: 40px 0 40px 0;}
.full-wr {padding:100px 0 40px 0;}
.movie-wrap {padding:20px 20px 20px 300px; background-color:#f5f5f5;}
.movie-left {width:280px; margin-left:-280px; float:left;}
.movie-right {width:100%; float:right; padding-left:40px;}

.head-fixed {position: relative;/* left:0; *//* top:0; */width:100%;z-index:999;border-bottom: 1px solid #ccc;}
.head-fixed-inner {z-index:200;}

#bg-wallpaper {position:absolute; left:0; top:0; width:100%; height:100%; z-index:50; opacity:0.01;}


/* HEADER
----------------------------------------------- */
.logo-box {height:70px; width:250px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; background-size:contain; overflow:hidden; text-indent:-1000px;}


/* MAIN MENU
----------------------------------------------- */
.main-menu {position:relative;text-align: center;}
.main-menu > li {display:inline-block;margin-right: 0px;position:relative;/* border-right: 1px solid #204d5b; */}
.main-menu > li > a {display:block;line-height: 40px;padding: 0 25px;color: #ffffff;font-size: 15px;font-weight:700;border-right: 1px solid #e4e4e4;}
.main-menu > li > a:hover {}
.hidden-menu {background-color: #efefef;width:300px;top:100%;left:0;position: absolute;z-index: 9999;display:none;text-transform: uppercase;}
.one-col {width: 170px;}
.hidden-menu ul {float:left; width:50%; padding:10px 0; border-right:2px solid #e3e3e3;}
.one-col ul {width:100%; float:none;}
.hidden-menu ul:last-child {border-right:0;}
.hidden-menu li {display:block;}
.hidden-menu li a {color: #ffffff;display:block;padding:0 15px;line-height:30px;margin: 5px 3px;font-size: 15px;background-color: #223c59;}
.hidden-menu li a.title-menu {color:#1dd2af; font-weight:700; font-size:15px;}
.hidden-menu li a:hover {background-color: #0b0b0b;color:#fff;}
.menuactive > a, li.menuactive > a:hover {color:#1dd2af !important; background-color:rgba(0,0,0,0.3);}


/* LOGIN, SEARCH
----------------------------------------------- */
.head-right {position:absolute;right:0;top:0;display:inline-block;}

.show-search {width:70px;height:70px;cursor:pointer;float:right;background: linear-gradient(1deg, #2b3132, #05949c);color:#fff;text-align:center;line-height:70px !important;font-size:18px !important;}
.show-search:hover, .show-search.active {color:#1dd2af !important;}
.show-login {display:inline-block; padding:0; line-height:20px; float:right; margin:25px 0 0 60px; 
color:#fff; font-size:14px; cursor:pointer; border-bottom:1px dashed #FFF; position:relative;}
.show-login i {font-size:18px; position:absolute; left:-30px; top:1px;}
.show-login:hover {color:#1dd2af; border-bottom-color:#1dd2af;}
.head-right a {float:right; width:70px; height:70px; text-align:center; line-height:70px; 
font-size:18px; color:#1dd2af; background-color:rgba(0,0,0,0.3); position:relative;}
.head-right a:before {content:attr(data-label); position:absolute; top:100%; left:-55%; width:220%; opacity:0; color:#444;
text-align:center; background-color:#fff; font-weight:700; font-size:14px; line-height:30px; pointer-events: none;}
.head-right a:after {bottom:0%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;opacity:0;
pointer-events: none;border-color: rgba(245, 245, 245, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px;}
.head-right a:hover {background-color:#1dd2af; color:#fff;}
.head-right a:hover:before {opacity:1;}
.head-right a:hover:after {opacity:1;}

.search-wrap {width:100%;position: absolute;left:0;top: 72px;padding:20px;background-color: #000000d4;z-index: 9999999;display:none;box-shadow:0 20px 20px -20px rgba(0,0,0,0.8),inset 0 20px 20px -20px rgba(0,0,0,0.8);}
.search-box {width:100%; position:relative; margin:0 auto; max-width:700px;}
.search-box input, .search-box input:focus {width:100%; height:40px; line-height:38px; padding:0 100px 0 10px; border-radius:3px;
background-color:#f0f0f0; color:#999; font:italic 14px Georgia; border:1px solid #e3e3e3;}
.search-box input:focus {border:1px solid #7bbc00; box-shadow:none;}
.search-box button {position:absolute; right:0px; top:0; border-radius:0 3px 3px 0;
padding:0; text-align:center; width:80px; height:40px; line-height:40px;}


/* SLIDER
----------------------------------------------- */
.slide {max-height: 560px;overflow:hidden;background-color:#222;position:relative;z-index:100;} 
.cs-item {display:block; position:relative; overflow:hidden;}
.cs-item img {width:100%; height:auto; display:block;}
.cs-text {width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:100;
background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.8) 100%);}
.cs-text-inner {height:100%;}
.cs-title {line-height:40px; padding:40px 0; position:absolute; bottom:0; left:0;}
.cs-title span {color:#fff; font-size:34px; text-shadow:1px 1px 0 #000;}
.cs-item i {font-size:80px; width:80px; height:80px; text-align:center; line-height:80px; 
position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; color:#1dd2af; opacity:0.8; z-index:200;}
.cs-item i:hover {opacity:1; transform:scale(1.2,1.2);}
.cs-item:hover .cs-title span {color:#1dd2af;}




/* MAIN PAGE, SHORTSTORY
----------------------------------------------- */
.main-section-wr {position:relative;}
.main-section-wr:before {content:" ";position:absolute;left:0;top:0;z-index:50;height: 60px;background: linear-gradient(1deg, #43676e, #092655);width:100%;}
.msi-title {height: 60px;line-height: 60px;overflow:hidden;}
.msi-title h2 {font-size: 25px;font-weight:700;float:left;color: #ffffff;}
.msi-title a {height:20px;line-height:20px;display:inline-block;float:right;margin-top:25px;font-weight:700;font-size:16px;color: #fff;}
.msi-title a i {margin-left:5px; font-weight:400; font-size:20px; position:relative; top:2px;}
.msi-content {padding:20px 0;}
.main-section-col {width: 100%;float:left;padding-right:20px;}
.main-section-col:last-child {/* width:40%; *//* float:right; */}


/* SHORT STORY
----------------------------------------------- */
.movie-item {position:relative;z-index:50;margin: 10px;background: linear-gradient(1deg, #5e5e5e, #dbdbdb);padding: 10px;border-radius: 10px;}
.active {z-index:100; position:relative;}
.movie-img {height:250px; overflow:hidden; position:relative; z-index:50;}
.movie-series {position:absolute; left:0; bottom:0; z-index:50; width:100%; 
background-color:#fccd3d; color:#af6402; padding:10px; font-weight:700; text-align:center;}
.movie-img-inner {position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;border: 5px solid #5fb7b2;opacity:0;background-color:rgba(0,0,0,0.6);}
.movie-img-inner:hover {opacity:1;}
.show-desc {position:absolute; left:10px; top:10px; font-size:30px !important; color:#FFF; cursor:pointer;}
.go-watch {position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; 
height:56px; width:56px; font-size:60px !important; color:#1dd2af; opacity:0.8; cursor:pointer;}
.go-watch:hover {opacity:1;}
.movie-item > span {position:absolute; top:-10px; right:-10px; z-index:100; display:inline-block; 
background-color:#1dd2af; color:#FFF; padding:10px; font-size:18px;}
.movie-rate {height:40px; line-height:40px; background-color:#f0f0f0; color:#444; font-size:18px;}
.movie-title {display:block;margin-top:10px;height: 49px;overflow:hidden;text-align:center;font-weight:700;font-size:15px;line-height: 25px;color: #ffffff;}
.movie-title:hover {text-decoration:underline;}

.movie-desc {position:absolute; right:100%; top:0; z-index:150; width:300px; padding:20px; background-color:#FFF; display:none;}
.pop-right .movie-desc {right:auto; left:60px;}
.movie-desc:before {left: 100%;top:30px;border: solid transparent;content: " ";height: 0;width: 0;
position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-left-color: #fff;
border-width:10px;margin-top: -10px;}
.pop-right .movie-desc:before {right: 100%;left:auto;border-color: rgba(255, 255, 255, 0);border-right-color: #fff;}
.movie-genre {width:50%; float:left; font-style:italic; color:#9B9B9B;}
.movie-date {width:48%; float:right; text-align:right;}
.movie-text {margin-top:10px; color:#5c5c5c; line-height:18px;}
.movie-quality {display:inline-block; margin-top:15px; background-color:#1dd2af; color:#FFF; padding:10px; 
font-size:14px; font-weight:700; text-transform:uppercase;}

.full-rating3 {color:#444; text-align:center;}
.full-rating3 a {display:block; padding:0 15px; color:#03b020; float:left; margin-right:10px;}
.full-rating3 a:nth-child(2) {float:right; margin-right:0; margin-left:10px; color:#c1050a;}
.full-rating3 a i {color:#03b020;}
.full-rating3 a:nth-child(2) i {color:#c1050a;}
.full-rating3 a:hover {color:#FFF; background-color:#03b020;}
.full-rating3 a:nth-child(2):hover {background-color:#c1050a;}
.full-rating3 a:hover i {color:#FFF !important;}
.full-rating3 > span {font-weight:700; font-size:14px;}
.full-rating3 > span > span.ratingzero {color: #aaaaaa;}
.full-rating3 > span > span.ratingtypeplus {color: #05cd26;}
.full-rating3 > span > span.ratingplus {color: #05cd26;}
.full-rating3 > span > span.ratingminus {color: red;}


/* SHORTSTORY COLORED
----------------------------------------------- */
.short-item {margin: 0 1% 30px 1%;float:left;width: 31%;}

.colored-one {background-color:#455769;}
.colored-one:before {background-color:#334353;}
.colored-one h2 {color:#FFF;}
.colored-one a {color:#FFF;}
.colored-one a:hover {color:#1dd2af;}
.colored-one .movie-rate {background-color:#334353; color:#fff;}
.colored-one .full-rating3 a i {color:#05cd26;}
.colored-one .full-rating3 a:nth-child(2) i {color:#e4040a;}


/* CUSTOM NEWS
----------------------------------------------- */
.news-item {width: 31%;float:left;margin-bottom:20px;display:block;height:200px;margin: 1%;}
.news-item:nth-child(2n) {}
.news-title {position:absolute; left:0; bottom:0; z-index:200; width:100%; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); color:#fff;
padding:50px 20px 20px 20px; font-weight:700; font-size:15px;}
.news-item:hover .news-title {color:#1dd2af;}
.news-item:hover .movie-img-inner {opacity:1;}


/* LAST COMMENTS
----------------------------------------------- */
.last-comments-box {background-color:#f0f0f0; margin:20px 0; height:420px; overflow:hidden; padding:0; position:relative;}
.scroller {overflow-y:scroll; width:100%; height:100%; padding:20px 30px 20px 20px;}
.scroller::-webkit-scrollbar { /* Prevents webkit cross-direction scrolling bug */ width: 0;}
.scroller__bar {position: absolute; right: 0; z-index: 1; top:0;
    width: 8px; background: #1dd2af; border-radius:3px; opacity:0.7;}
.scroller:hover .scroller__bar {opacity:1;}

.last-comm {padding:0 0 0 50px; margin-bottom:10px}
.last-comm-av {float:left; margin-left:-50px; width:50px; height:50px; overflow:hidden; border-radius:50%;}
.last-comm-text {float:right; width:100%; padding-left:20px;}
.last-comm-av img {width:100%; min-height:100%;}
.last-comm-text a {display:block; margin-bottom:5px; font-weight:700; font-size:16px; color:#1dd2af;}
.last-comm-text a:hover {text-decoration:underline;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {padding:40px 0; color:#fff;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:24px; color:#fff; text-transform:uppercase; margin-bottom:20px; font-weight:700;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#1dd2af;}
.site-desc p {margin-bottom:10px;}
.site-desc a {color:#1dd2af; text-decoration:underline;}


/* FOOTER
----------------------------------------------- */
.footer-inner {padding:20px 200px 20px 80px; color:#FFF; min-height:70px; 
background:url(../images/f-icon.png) 10px 10px no-repeat;}
.foot-copyr {padding:0 40px 0 0; font-weight:700; font-size:18px; float:left; line-height:30px;}
.foot-menu li,.foot-menu ul {float:left;}
.foot-menu li a {display:block; color:#1dd2af; font-style:italic; text-decoration:underline; padding:0 10px; line-height:30px;}
.foot-menu li a:hover {text-decoration:none;}
.counters-box {display:inline-block; background-color:#455769; min-width:88px; height:31px; 
position:absolute; right:10px; top:20px;}



/* CATEGORY
----------------------------------------------- */
.cat-title {margin-bottom:40px; text-align:center; font-weight:700; font-size:24px;}
.cat-top {margin-bottom:20px; height:40px; line-height:40px; position:relative; z-index:200;}
.sorter {display:inline-block; float:right; background-color:#f0f0f0; position:relative;}
.sorter:before {content:attr(data-label); float:left; font-weight:700; font-size:18px; padding:0 20px; cursor:pointer;}
.sorter > i {width:40px; text-align:center; background-color:#1dd2af; color:#fff; font-size:18px; height:40px; line-height:40px !important;}
.sorter form {display:none; background-color:#fff; padding:0 20px; line-height:50px; 
position:absolute; right:0; top:100%; width:600px; text-align:center;}
.sorter a:hover {text-decoration:underline;}
.cat-top .social-likes {float:left;}

.cat-wr .news-item {width: 30%;float:left !important;margin:0 1% 20px 1%;height: 205px;}

/* SPEEDBAR
----------------------------------------------- */
.speedbar {height:50px; padding:0 20px; line-height:50px; background-color:#f0f0f0; color:#1dd2af; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.speedbar a {text-decoration:underline;}
.speedbar a:hover {text-decoration:none;}


/* FULL STORY TOP SLIDER
----------------------------------------------- */
.full-slides {background-color:#f0f0f0; padding:20px; margin-bottom:20px;}
.full-movie {display:block; margin:0; height:210px; overflow:hidden; position:relative;}
.full-movie-title {position:absolute; left:0; bottom:0; width:100%; opacity:0;
background-color:#fccd3d; color:#af6402; padding:10px; font-weight:700; font-size:15px;}
.full-movie:hover .full-movie-title {opacity:1;}


/* SIDEBAR INCLUDE TO FULL STORY
----------------------------------------------- */
.side-box {margin-top:20px; background-color:#f3f3f3;}
.side-title {font-size:22px; background-color:#f0f0f0; text-align:center; padding:10px;}
.side-content {padding:10px;}

.top-news {counter-reset:li;list-style:none;margin:0 -10px;}
.top-news li {position:relative;padding-left:36px;}
.top-news li:nth-child(2n) {background-color:#f1f1f1;}
.top-news li:before {content:counter(li);counter-increment:li;font-size:12px;position:absolute;top:7px;left:10px;width:26px;height:26px;line-height:26px;text-align:center;color:#455769;box-shadow: inset 0 0 0 2px #0b95bd;font-weight:700;border-radius:50%;}
.top-news a {display:block;padding:0 10px;line-height: 25px;text-overflow:ellipsis;}

.side-movie {width:48%; float:left; margin:0; height:180px;}
.side-movie:nth-child(2n) {float:right;}

.side-content .news-item {width:100%; float:none; margin-bottom:10px; height:180px;}
.side-content .news-item:last-child {margin-bottom:0;}

.side-register {display:block; margin-top:20px; padding:10px; background-color:#455769; font-weight:700; 
text-align:center; font-size:16px; color:#fff;}
.side-register b {display:block; text-align:left; background-color:#1dd2af; color:#FFF; margin-bottom:10px; 
padding:10px 10px 10px 40px; position:relative; min-height:65px;}
.side-register i {position:absolute; left:10px; top:20px; font-weight:400; font-size:20px;}


/* FULL STORY
----------------------------------------------- */
.mov-top {margin-bottom:20px;}
.mov-top h1 {font-size:24px; text-transform:uppercase; color:#000; margin-bottom:3px;}
.mov-date {font-style:italic;}
.mov-top + .full-text, .mov-dop {margin-bottom:20px;}

.mov-dop h2 {font-size:20px; text-align:center; margin-bottom:10px; color:#5c5c5c;}

.players-section {margin:20px 0; background-color:#334353; position:relative;}
.box {display:none; padding:10px; color:#FFF !important;}
.box.visible {display:block; padding:10px;}
.tabs {padding-right:100px; background-color:#455769; overflow:hidden; height:50px;}
.tabs li {display:inline-block; height:50px; padding:0 20px; line-height:50px; cursor:pointer; margin:0 -4px 0 0; 
color:#fff; font-size:16px; font-weight:700; border-right:1px solid #455769;}
.tabs li:hover {color:#1dd2af;}
.tabs li.current {background-color:#1dd2af; color:#FFF;}
.tabs i {margin-right:5px;}
.side-tabs {margin-bottom:0;}
.side-tabs .tabs {padding-right:0;}
.side-tabs .tabs li {height:40px; padding:0 10px; line-height:40px; font-size:14px; font-weight:400; margin-right:-3px;}

.mov-compl {display:inline-block; height:50px; padding:0 20px; line-height:50px; position:absolute; top:0; right:0;}
.mov-compl a {color:#1dd2af; font-size:16px; font-weight:700;}
.mov-compl i {margin-right:5px;}

.share-section {padding:10px 20px; background-color:#455769; text-align:center;}
.social-likes {display:inline-block;}

.screens-section {background-color:#334353; padding:10px; text-align:center;}
.screens-section > .highslide, .screens-section > img {display:inline-block; width:22.8%; height:110px; overflow:hidden; margin:5px 1%;}
.screens-section > .highslide + br, .screens-section > .highslide + br {display:none;}
.screens-section > .highslide img {display:block; width:100%; min-height:100%;}

.film-user-info {padding:10px 20px; background-color:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; right:0;}
.full-info-item {display:inline-block; float:left; height:30px; line-height:30px; margin-right:20px; 
color:#fff; font-size:16px;}
.full-info-item i {color:#fccd3d; margin-right:5px; font-size:18px;}
.full-info-item a {color:#fff;}
.full-info-item a:hover {color:#fccd3d;}


.film-poster {position:relative; background-color:#455769; padding:10px;}
.film-poster img {display:block; width:100%;}
.full-quality {display:inline-block; background-color:#1dd2af; color:#FFF; padding:10px; 
font-size:14px; font-weight:700; text-transform:uppercase; position:absolute; left:0; top:0;}
.full-rate {height:40px; line-height:40px; background-color:#f0f0f0; color:#444; font-size:24px;}
.full-rate .full-rating3 > span {font-size:18px;}
.full-rate.colored-one {background-color:#334353; color:#fff;}
.film-info {font-weight:700; color:#fff;}
.fi-item {padding:15px 20px; background-color:#455769;}
.film-info .fi-item:nth-child(2n) {background-color:#3c4e60;}
.film-info a {color:#1dd2af;}
.film-info a:hover {text-decoration:underline;}
.fi-label {float:left; width:70px; color:#f0f0f0;}
.film-info2 .fi-item {background-color:#455769; color:#fff;}
.film-info2 .fi-item:nth-child(2n) {background-color:#3c4e60;}
.film-info2 .fi-label {width:auto; margin-right:10px; font-weight:700; color:#f0f0f0;}

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

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}


/* RELATED
----------------------------------------------- */
.related {margin-bottom:20px;}
.rel-movie {float:left; width:16.66%; margin:0;}


/* COMMENTS
----------------------------------------------- */
.add-com {text-align:center; margin:20px 0;}
.add-com-but {display:block; background-color:#fccd3d; color:#af6402; text-align:center; 
padding:20px; font-size:18px; font-weight:700; cursor:pointer;}
.add-com-but i {margin-right:10px; font-weight:400;}
.add-com-but a {color:#444; text-decoration:underline;}
.add-com-but:hover {background-color:#f9c524;}
#addcform {display:none; margin:20px 0; text-align:left;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }

.comments-items {padding:20px 0;}

.comm-item {margin-bottom:20px}
.comm-top {position:relative;}
.comm-av {float:left; width:50px; height:50px; position:relative;}
.comm-av img {width:100%; height:50px; display:block; border-radius:50%;}
.comm-av:after {content:""; width:8px; height:8px; position:absolute; left:-2px; bottom:0;
background-color:#ccc; border-radius:50%;}
.status-online:after {background-color:#3C0;}
.comm-info {float:left; padding:10px 0 0 10px; height:50px;}
.comm-author {font-size:16px; font-weight:700; color:#1dd2af;}
.comm-author a {color:#1dd2af;}
.comm-group, .comm-group span {color:#5c5c5c;}
.comm-body {margin:10px 0; background-color:#f0f0f0; border-radius:3px; padding:10px;}
.comm-text {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; border-top:1px dashed #e3e3e3; padding-top:5px;}
.comm-bottom {height:20px; line-height:20px; color:#5c5c5c;}
.comm-date {float:left; font-style:italic; font-size:12px;}
.comm-num {float:right; font-weight:700;}
.comm-num i {margin-right:5px; font-size:16px; font-weight:400;}
.reply-but {float:right; margin-right:20px; font-style:italic;}
.comm-rate {position:absolute; right:0; top:15px; line-height:20px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px;  color:#444; 
font-weight:700; font-size:16px;}
.comm-rate a {display:block; width:20px; height:20px; position:absolute; top:0; left:0; 
text-align:center; line-height:20px; font-size:28px; font-weight:700; color:#61b804;}
.comm-rate a:last-child {left:auto; right:0; line-height:20px; 
color:#ec000b; top:-3px;}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

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


/* LOGIN
----------------------------------------------- */
.overlay {position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background-color:#444; 
 background: linear-gradient(90deg, #444 10%, #000 90%); display:none;}
.overlay-close {position:absolute; right:40px; top:40px; font-size:34px !important; color:#fff; cursor:pointer;}
.overlay-close:hover {transform:rotate(90deg) scale(1.1,1.1);}
.login-box {width:320px; position:absolute; left:50%; top:20%; margin-left:-160px; 
padding:20px; color:#fff;}
.login-title {text-align:center; font-size:24px; margin-bottom:20px;}
.login-input {margin-bottom:20px;}
.login-input input, .login-input input:focus {display:block; width:100%; height:40px; padding:0 10px; line-height:40px; 
background-color:#fff; border-radius:3px; border:1px solid transparent; box-shadow:none;}
.login-input input:focus {border:1px solid #c9282d;}
.login-button button {display:block; text-align:center; font-size:18px; 
width:100%; height:40px; line-height:40px;}
.login-button button:hover {}
.login-checkbox {font-size:12px; margin:10px 0; color:#ccc;}
.login-checkbox input {display:none;}
.login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:3px solid #ccc; content:""; background-color:#444; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#c9282d;}
.login-links {text-align:center; line-height:30px;}
.login-links a {color:#ccc; float:left;}
.login-links a:last-child {float:right;}
.login-links a:hover {color:#fff;}
.login-social {text-align:center;}
.login-social a {display:inline-block; margin:0 3px 10px 3px;}
.login-social img {display:block; width:30px;}
.login-social a:hover img {transform:scale(1.1);}
.login-avatar {text-align:center;}
.avatar-box {display:inline-block; width:80px; height:80px; border-radius:50%; overflow:hidden; 
box-shadow:3px 3px 10px 0 rgba(0,0,0,0.4);}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {color:#ccc; display:block; margin-top:5px;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; background-color:#333; color:#fff; 
margin-bottom:5px; border-radius:3px;}
.login-menu a:hover {background-color:#1dd2af; color:#fff;}


.head-fixed.mobhead {
    background: url(https://westaz.org/assets/img/icma.png) #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* ADAPTIVE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (min-width: 950px) {
.head-fixed.mobhead {display:none;}

.head-fixed.mobbolhead {display:none;}
}


@media screen and (max-width: 1220px) {
.head-fixed-inner, .main-section-inner, .cs-text-inner, .bottom-inner, .footer-inner, .cat-wr, .full-wr {max-width:1000px;}
.main-menu {position: absolute;text-align:left;top: 44px;left:0;background-color: #00a6b5;width:100%;padding:10px 0;display:none;z-index: 99999;}
.main-menu > li {display:block; margin-right:0; position:relative;}
.main-menu > li > a {padding:0 20px;line-height:30px;}
.hidden-menu {width:100%;}
.hidden-menu li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.show-menu {display:inline-block; color:#FFF; cursor:pointer; font-size:24px; line-height:70px; margin-left:40px;}
.show-menu i {margin-right:5px;}
.logo-box {left:10px;}
.head-right {right:10px;}
.cs-title {padding:20px;}
.main-section-inner {padding:0 10px;}
.owl-movies {padding:0 30px;}
.owl-prev {left:0;}
.owl-next {right:0;}
.movie-item {margin:0 5px;}
.site-desc {padding:10px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; margin-bottom:5px;}

.cat-wr {padding:100px 0 20px 0;}
.full-wr {padding:70px 0 20px 0;}
.full-slides {padding:20px 25px;}
.movie-wrap {padding:10px 10px 10px 290px;}
.movie-right {padding-left:10px;}

.tabs {padding-right:80px;}
.tabs li {padding:0 10px; font-size:14px;}
.mov-compl {padding:0 10px;}
.mov-compl a {font-size:14px; font-weight:400;}
.rel-movie {width:25%; height:250px;}

.cat-top {display:none;}
.short-item {width:18%; margin:0 1% 40px 1%;}

.sluzh-wrap, .static-wrap, .form-wrap {padding:10px;}

.cat-wr .news-item {width:23%; float:left !important; margin:0 1% 20px 1%; height:150px;}
}

@media screen and (max-width: 950px) {
.head-fixed.bolhead {display:none;}
.head-fixed.usthead {display:none;}
.head-fixed-inner, .main-section-inner, .cs-text-inner, .bottom-inner, .footer-inner, .cat-wr, .full-wr {max-width:768px;}

.slide {background-color:#222;}
.main-section-col {width:100%; float:none; padding-right:0;}
.main-section-col:last-child {width:100%; float:none;}
.news-item {margin-bottom:10px;}
.foot-copyr {padding:0; float:none;}

.mov-top h1 {font-size:20px;}
.mov-dop h2 {font-size:18px;}
.tabs {padding-right:0;}
.mov-compl {display:none;}
.screens-section > .highslide, .screens-section > img {width:47%; height:110px; margin:5px 1%;}
.rel-movie {width:33.33%; height:200px;}

.short-item {width:23%;}

.cat-wr .news-item {width:31.33%; float:left !important; margin:0 1% 15px 1%; height:150px;}
}

@media screen and (max-width: 760px) {
.head-fixed-inner, .main-section-inner, .cs-text-inner, .bottom-inner, .footer-inner, .cat-wr, .full-wr {max-width:640px;}

.head-fixed-inner {/* padding:0 250px 0 100px; */width: 100%;}
.logo-box {width:100px;}
.cs-title {line-height:30px; padding:10px;}
.cs-title span {font-size:24px;}
.msi-title h2 {font-size:18px;}
.msi-title a {font-size:14px;}

.footer-inner {padding:20px 170px 20px 10px; background-image:none;}

.navigation {display:none !important;}
.login-box {top:0;}
.overlay-close {right:10px; top:10px; font-size:18px !important;}
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.comm-id, .comm-bottom-info, .mass_comments_action {display:none;}
.comm-author {margin:0; display:block;}

.movie-wrap {padding:10px;}
.movie-left {width:100%; margin-left:0; float:none;}
.movie-right {width:100%; float:none; padding-left:0; padding-top:20px;}
.mov-dop h2 {display:none;}
.rel-movie {width:25%; height:200px;}
.comments {padding:0 10px;}
.sidebar {width:300px; margin:0 auto;}

.short-item {width:31.33%;}
.cat-wr .news-item {width:31.33%; float:left !important; margin:0 1% 15px 1%; height:130px;}
}

@media screen and (max-width: 590px) {
.head-fixed-inner, .main-section-inner, .cs-text-inner, .bottom-inner, .footer-inner, .cat-wr, .full-wr {max-width:480px;}

.show-login span, .cs-item i {display:none;}
.show-search, .show-login, .head-right a {width:50px;text-align:center;/* height: 0px; */background: none;padding: 0px;height: 50px;line-height: 40px !important;!i;!;}
.show-login {margin:0; border:0; height:70px;}
.show-login i {left:15px; top:27px;}
.show-menu {margin-left:10px;position: absolute;top: 0px;left: 0px;line-height: 50px;}
.news-item {height:150px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}
.rel-movie {width:33.33%; height:200px;}

.owl-item.loading{min-height: 100px;}
.cs-title {line-height:18px; height:40px; overflow:hidden;}
.cs-title span {font-size:18px;}

.short-item .movie-img {height:200px;}

.cat-wr .news-item {width:48%; float:left !important; margin:0 1% 10px 1%; height:150px;}
}

@media screen and (max-width: 470px) {

#owl-slides .owl-buttons div {
bottom: 20px !important;
}
.cs-item img {
    height: 150px !important;
}

.head-fixed-inner, .main-section-inner, .cs-text-inner, .bottom-inner, .footer-inner, .cat-wr, .full-wr {max-width: 360px;}
 .head-fixed-inner  {max-width: 470px;/* padding-top: 40px; */}

.movie-item {width: 100% !important;margin: 10px auto;}
.news-item {width:100%; float:none !important; height:200px;}
.foot-copyr {font-size:14px;}
.full-movie {height:190px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:250px;}
.screens-section > .highslide, .screens-section > img {width:47%; height:80px; margin:5px 1%;}
.rel-movie {width:33.33%; height:130px;}

.short-item {width:48%; margin:0 1% 40px 1%; float:left;}

.cat-wr .news-item {width:100%; float:left !important; margin:0 0 10px 0; height:190px;}
}


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

nav {
    border-radius: 4px;
}

.xeber {
    width: 380px;
    float: left;
}

.movie-img img {
    border-radius: 10px;
    height: 250px;
}

.main-menu > li:hover {
    background: #515353;
}

.head-fixed.bolhead {
    background: linear-gradient(1deg, #43676e, #092655);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.head-fixed.sldhead {
    padding: 10px 0px;
    border-top: 1px solid #ccc;
}

.head-fixed.usthead {background: url(../images/fon2.png) #ffffff;height: 150px;}

a.logobox {
    float: left;
    margin-right: 20px;
}

.sociallnk {
    float: left;
    width: 140px;
    background: linear-gradient(1deg, #2b3132, #05949c);
    text-align: center;
    padding: 18px 0px;
    border: 1px solid #ccc;!;
    border-radius: 0px 0px 10px 10px;
}

.sociallnk img {
    width: 30px;
}

.dillnk {
    width: 160px;
    float: left;
    margin: 0px 5px;
    background: linear-gradient(1deg, #2b3132, #05949c);
    text-align: center;
    padding: 23px 0px;
    color: #fff;
    height: 71px;
    font-size: 17px;
    border: 1px solid #ccc;
    border-radius: 0px 0px 10px 10px;
}

.dillnk a {
    color: #fff;
    font-weight: bold;
    padding: 0px 3px;
}

.foot-sgdr {
    float: right;
    padding: 0 40px 0 0;
    font-weight: 700;
    line-height: 30px;
}

.socialmob img {
    width: 25px;
}

.socialmob {
    float: left;
    margin-left: 50px;
    padding: 10px;
}

.head-fixed.mobbolhead {
    height: 45px;
    z-index: 99999;
}

.dilmob {
    font-size: 18px;
    padding: 10px;
    color: #fff;
    float: left;
}

.dilmob a {
    color: #fff;
    font-weight: bold;
}

.faydali-item {
    margin: 2px;
}

.msi-content.owl-movies.owl-theme .owl-controls .owl-buttons div {
    bottom: 80px !important;!i;!;
}


.ytb iframe {
    width: 100%;
    height: 200px;
}
.social-icons.icon_16 a.mobver {
    border-radius: 3px;
    padding: 2px 10px;
    background: #b10000;
}
ul.news-social-share li {
    text-align: center;
    float: left;
    margin: 4px;
    padding: 4px;
}

ul.news-social-share a {
    color: #fff;
    padding: 4px 6px;
    border-radius: 2px;
}

a.fb {
    background: #1877f2;
}

a.tw {
    background: #56d1ff;
}

a.wp {
    background: #07c11e;
}

a.tg {
    background: #0074ad;
}

