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

@import "reset-settings.css" all;

.item-img img, .top-img img {max-width:100%; height:100%;padding:10px;}
a, button, .fa, .overlay-close, .item-img:before, .item-hd, .item-like, .item-box, .add-com-but, .comm-rate, 
.comm-bottom-info, .alert-buttons span, .h-line-two-inner, .logotype {transition: all .5s;}

.clr {clear: both;}

/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; padding:0;}
.box-wrap {width:100%; min-width:320px; max-width:1400px; margin:0 auto; background-color:#e6e7e8; 
box-shadow:0 0 20px 0 rgba(0,0,0,0.7);}
.header {position:relative; z-index:999; border-bottom:1px solid #cecece;}
.box-main {padding-right:280px; position:relative; z-index:100;}
.box-main:before {content:""; width:280px; height:100%; position:absolute; right:0; top:0; z-index:50; 
background-color:#fff; border-left:1px solid #cecece;}
.main-left {float:left; width:100%; padding:10px; min-height:800px;}
.main-right {float:right; width:280px; margin-right:-280px; position:relative; z-index:100; 
padding:20px; background-color:#fff;}
.box-cat {padding:0 20px; min-height:800px;}
.full-left {float:left; width:100%; min-height:800px;}


/* ALERT
----------------------------------------------- */
.alert-wrap {padding:20px 0;}
.alert-window {width:100%; max-width:800px; margin:0 auto; color:#fff; text-align:center;}
.alert-title {margin:0 0 10px 0; font-size:18px;}
.alert-text {font-size:14px;}
.alert-buttons {margin-top:20px;}
.alert-buttons span {cursor:pointer; display:inline-block; color:#fff; background-color:#c9282d; font-size:18px; 
padding:5px 20px; margin:0 10px; border-radius:3px;}
.yes-but {}
span.no-but {background-color:#fff; color:#5c5c5c;}
.alert-buttons span:hover {color:#fff; background-color:#de436b;}


/* HEADER
----------------------------------------------- */
.h-line-one {height:40px; line-height:40px; padding-right:20px;}
.h-line-two a:hover {color:#ffff00;}
.h-line-three {height:32px; background-color:#5DC8CD; padding:0 20px; line-height:32px; color:#2a2a2a;}
.h-line-two-inner {width:100%; min-width:320px; max-width:1400px; margin:0 auto; 
height:80px; background-color:#01939A; position:relative; padding:15px 20px 0 250px;}
.h-line-two.fixed {position:fixed; width:100%; left:0; top:0;}
.h-line-two.fixed .h-line-two-inner { background-color:#01939A; box-shadow:0 20px 20px -20px rgba(0,0,0,0.4); 
height:60px; padding:5px 20px 0 250px;}

.h-line-one:before {content:attr(data-mark); display:inline-block; float:left; padding:0 20px; background: #ff3019;
color:#fff; font-size:18px; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.h-line-one span {margin:0 20px; float:left; font-weight:600; color:#c9282d;}
.h-line-one ul {display:inline-block; float:right;}
.h-line-one ul li {display:inline-block; padding:0 0 0 10px;}
.h-line-one ul li a {display:block;}
.logotype {height:100%; width:250px; display:block; position:absolute; left:0; top:0; background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.logotype:hover {opacity:0.8;}

.top-nav, .top-nav li {display:inline-block; float:left;}
.top-nav a {display:block; font-size:16px; padding:0 10px; line-height:50px;}
.top-nav li ul {display: none;}
.top-nav li:hover ul {display: block;position:absolute;}
ul.sub-nav li {border-top:1px dashed #006064;background-color: #01939A	;display:block;float:none;}





.icons-nav {float:right; display:inline-block; line-height:50px; font-size:24px;}
.icons-nav span, .icons-nav a {display:inline-block; width:50px; text-align:center; cursor:pointer; color:#efefef;}
.icons-nav span.show-phone {display:inline-block; width:220px; text-align:left; color:#ffff00;
text-shadow:0px 0px 0 rgb(-28,153,-22),1px 1px 0 rgb(-55,126,-49),2px 2px 0 rgb(-83,98,-77);}
.icons-nav span:hover, .icons-nav a:hover, .icons-nav .active {color:#ffff00;}
.h-line-three a {color:#4D2D2E; margin:0 3px;}
.h-line-three img {display:none;}
.h-line-three a:hover {color:#fff; text-decoration:underline;}

.search-wrap {width:100%; position:absolute; left:0; top:100%; padding:20px; background-color:#e6e7e8; 
z-index:100; display:none; 
box-shadow:0 20px 20px -20px rgba(0,0,0,0.4),inset 0 20px 20px -20px rgba(0,0,0,0.4);}
.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:#fff; color:#999; font:italic 14px Georgia; border:1px solid #e3e3e3;}
.search-box input:focus {border:1px solid #c9282d; 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;}


/* SHORTS
----------------------------------------------- */
.top-title {font-size:28px; padding:20px 0; font-weight:300;}

.item-box {width:32%; float:left; margin:0 1% 10px 0; background-color:#fff; border-radius:3px; position:relative; border:1px solid #cecece;}
.item-box-art {width:100%; float:none; margin:0 1% 20px 0; background-color:#fff; border-radius:3px; position:relative; border:1px solid #cecece; overflow:hidden;}
.main-left .items-wrap #dle-content > .item-box:nth-child(3n), .main-left .items-wrap > .item-box:nth-child(3n), 
.full-left .items-wrap #dle-content > .item-box:nth-child(3n), .full-left .items-wrap > .item-box:nth-child(3n) {margin-right:1%;}
.box-cat .item-box {width:24.25%;}
.box-cat .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.item-link {display:block; position:relative; z-index:50;}
.item-img {height:215px; overflow:hidden; position:relative; border-radius:3px 3px 0 0}
.item-box-art .item-img {float:left;padding-bottom:1px;height:100%;}
.item-box-art .item-img img {max-width:220px;height:auto;}

.cennic-img .item-img {float:left;width:63%;height:auto;margin-right:20px;}
.cennic-img img {width:100%;height:100%; border:5px solid #ededed;}
.cennic {float:right;width:33%;height:auto;}

@media screen and (max-width: 1220px) {
.cennic-img .item-img {width:55%;}
.cennic {width:40%;}
}
@media screen and (max-width: 950px) {
.cennic-img .item-img {float:none;width:100%;}
.cennic {float:none;width:100%;}
}

@media screen and (max-width: 576px) {
.item-box-art .item-img {width:100%;text-align:center;}
.item-box-art .item-img img {max-width:100%;height:auto;}
.item-box-art .item-desc {padding:10px;}
}

.item-hd {display:inline-block; padding:5px 10px; position:absolute; bottom:10px; left:10px; 
background-color:#c9282d; color:#fff; border-radius:3px; opacity:0.8;}
.prem-label:before {content:attr(data-prem); background-color:#c9282d; color:#fff; padding:3px 5px; text-align:center; 
width:100px; position:absolute; left:-25px; top:17px; transform:rotate(-45deg); opacity:0.8;}
.item-desc {padding:0 10px 10px 10px; color:#5c5c5c;}
.item-box-art .item-desc {padding:10px 10px 10px 10px; color:#5c5c5c;}
.item-title {font-size:16px; overflow:hidden; text-align:center; text-overflow:ellipsis; height:48px;font-weight:normal;background-color:#f4f4f4;color:#333;padding:2px;}

.item-box-art .item-title {font-size:16px; overflow:hidden; text-align:left; text-overflow:ellipsis; height:auto;font-weight:normal;background-color:#f4f4f4;color:#333;padding:2px 8px;}

.item-info {height:24px; line-height:24px; overflow:hidden; margin-top:8px; color:#999;}
.item-info i {margin-right:5px;}
.item-info > span {display:inline-block; float:left; margin-right:5px; font-size:14px;}
.item-info > span:last-child {float:right; margin-right:0;}
.item-info > span:first-child {font-weight:500; color:#c9282d; font-size:16px;}

.item-info-clear {height:48px; line-height:24px; overflow:hidden; margin-top:16px; color:#999;text-align: center}
.item-info-clear > span {display:inline-block; font-size:16px; color:#c9282d; padding-top:10px;}

.item-like {display:inline-block; position:absolute; right:10px; top:10px; z-index:100; opacity:0.8;}
.item-like a {display:block; min-width:30px; height:30px; padding:0 10px; line-height:30px; border-radius:3px; 
background-color:#444; color:#fff; font-size:18px;}
.item-like a:hover {background-color:#c9282d; color:#fff;}
.item-box:hover { border-color:#aeaeae;}
.item-box:hover .item-hd, .item-box:hover .item-like, .item-box:hover .item-img:before {opacity:1;}


/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom:20px;}
.side-title {font-size:22px; margin-bottom:10px; color:#01939A;}
.side-title i {margin-right:10px;}
.side-nav {margin-right:-20px;}
.side-nav li a {display:block; padding:10px 0; border-top: 1px solid #cecece;}

.top-item {display:block; float:left; width:49%; margin-bottom:10px;}
.top-item:nth-child(2n) {float:right;}
.top-img {height:90px; overflow:hidden; margin-bottom:10px;}
.top-item-title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}

.side-rkl-section {text-align:center;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {padding:20px; color:#5c5c5c; border:1px solid #cecece;
margin:0 0 20px 0; position:relative; background-color:#FFF;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; color:#444; text-transform:uppercase; margin-bottom:10px; font-weight:300;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#c9282d;}
.site-desc p {margin-bottom:5px;}


/* FOOTER
----------------------------------------------- */
.footer {position:relative;}
.footer a, .footer {color:#fff;}
.f-line-one {background-color:#01939A; padding:20px 20px 20px 20px;} /* 2-150px */
.f-line-two {background-color:#c9282d; padding:10px 20px; font-size:12px;}
.f-line-one ul li {display:inline-block; float:left; margin-right:20px;}
.f-line-one ul li a {display:block; line-height:40px;}
.f-line-one a:hover {color:#c9282d;}
.f-line-two a {text-decoration:underline;}
.f-line-two a:hover {color:#fff; text-decoration:none;}
.counters-box {display:inline-block; background-color:#222; min-width:88px; height:31px; 
position:absolute; right:20px; top:24px;}

.foot {float:left;display:block;}
.foot.ft1 {text-align:left;width:33%;padding:0 20px;}
.foot.ft2 {text-align:center;width:33%;}
.foot.ft3 {text-align:right;width:33%;height:31px;padding:5px 20px;}

@media screen and (max-width: 470px) {
.foot.ft1, .foot.ft2, .foot.ft3 {text-align:center;width:100%;}
}
/* SPEEDBAR
----------------------------------------------- */
.bread-crumbs {height:50px; padding:0 20px; line-height:50px; background-color:#FFF; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bread-crumbs a {position:relative; display:inline-block; margin-right:30px;}
.bread-crumbs a:after, .bread-crumbs a:before {left: 100%;top: 50%;border: solid transparent;content: " ";
height: 0;width: 0;position: absolute;pointer-events: none;}
.bread-crumbs a:after {border-color: rgba(136, 183, 213, 0);border-left-color: #fff;border-width: 25px;margin-top: -25px;}
.bread-crumbs a:before {border-color: rgba(206, 206, 206, 0);border-left-color: #cecece;border-width: 26px;margin-top: -26px;}


/* FULL STORY
----------------------------------------------- */
.item-data {padding:10px 0;}
.item-data h4 {font-size:18px;padding-bottom:4px;}
.item-data p strong {padding:0 4px 0 6px;}

.page-wrap {background-color:#FFF; border:1px solid #cecece; margin:0;padding:15px;}
.pw-top-section {padding:20px; background-color:#FFFFFF;}
.pw-top-section h1 {color:#3B3B3B; font-size:22px; margin-bottom:20px;}
.pw-description {color:#3B3B3B; line-height:20px;/*display:inline-block;*/}
.pw-description a {color:#c9282d; text-decoration:underline;}
.pw-description img {border:2px solid #eee;padding:5px; margin:15px;}


.pw-player-section {background-color:#000; padding:3px;}
.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:500px;}
.pw-video-info {padding:10px 20px; background-color:#333;}
.full-info-item {display:inline-block; float:left; height:30px; line-height:30px; margin-right:20px; 
color:#CCC;}
.full-info-item i {color:#666; margin-right:5px;}
.full-info-item a {color:#ccc;}
.full-info-item a:hover {color:#fff;}

.full-rating {color:#FFF; font-size:18px; float:right; height:30px; line-height:30px;}
.full-rating2 i {color:#c9282d; margin-right:5px;}
.full-rating2 a {display:block; padding:0 10px; color:#FFF; border:1px solid #666; border-radius:3px;}
.full-rating2 a:hover {background-color:#c9282d; color:#FFF; border-color:#c9282d;}
.full-rating2 a:hover i {color:#FFF;}

.full-rating3 {color:#FFF; border:1px solid #666; border-radius:3px; overflow:hidden;}
.full-rating3 a {display:block; padding:0 10px; color:#FFF; float:left; margin-right:10px;}
.full-rating3 a:nth-child(2) {float:right; margin-right:0; margin-left:10px;}
.full-rating3 i {color:#ccc;}
.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;}
.pad4 {padding: 0 4px;}
.pad4:hover {color:#FFF; background-color:#03b020;}
.pad4:nth-child(2):hover {background-color:#c1050a;}


.pw-rkl-section {padding:5px 20px 20px 20px; background-color:#333; text-align:center;}

.pw-bottom-section {padding:20px 20px 0 20px;}
.info-line {margin-bottom:20px;}
.info-line i {margin-right:5px; font-size:18px;}
.info-line a {color:#5c5c5c;}
.info-line a:hover {color:#000; text-decoration:underline;}
.info-line > span {display:inline-block; float:right; margin-left:15px;}
.info-line > span:first-child {float:left; margin-left:0;}

/* FULL STORY STATIC
----------------------------------------------- */
.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; 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-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 {border-top:1px solid #cecece; margin:0 -20px;}
.related-title {text-align:center; padding:20px 0; font-size:24px; font-weight:300;}
.related-items {padding:0 20px;}
.related-items .item-box {width:24.25%;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:150px;}
.related-items .item-title {font-size:13px;}

/* COMMENTS
----------------------------------------------- */
.comments {padding:20px;}
.comments-title {text-align:center; font-size:24px; margin-bottom:20px; font-weight:300;}
.add-com {text-align:center; margin-bottom:20px;}
.add-com-but {display:inline-block; background-color:#FFF; border:1px solid #cecece; border-radius:3px; 
padding:10px; font-size:16px; color:#aeaeae; cursor:pointer;}
.add-com-but i {margin-left:50px; font-size:24px; float:right;}
.add-com-but:hover {border-color:#c9282d;}
#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 {width:100%; max-width:700px; margin:0 auto;}

.comm-item {padding:0 0 0 50px; margin-bottom:10px}
.comm-left {float:left; margin-left:-50px; width:50px; height:50px; overflow:hidden; position:relative;}
.comm-right {float:right; width:100%; padding-left:10px;}
.comm-left img {width:100%; min-height:100%;}
.comm-left:after {content:""; width:6px; height:6px; position:absolute; left:0; bottom:0;
background-color:#ccc; border:2px solid #FFF;}
.status-online:after {background-color:#3C0;}
.comm-top-info {}
.comm-info-line {position:relative; padding-right:120px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-text {margin:10px 0; min-height:50px; background-color:#FFF; border-radius:3px; padding:10px;}
.comm-body {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {margin-top:-10px; opacity:0;}
.comm-bottom-info ul {text-align:right; line-height:30px;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left; background-color:#333; padding:0 10px; margin-left:0;}
.comm-bottom-info ul li:first-child a { color:#FFF;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {position:absolute; right:0; top:0; line-height:20px; opacity:0;}
.comm-item:hover .comm-rate, .comm-item:hover .comm-bottom-info {opacity:1;}
.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:#c9282c; color:#fff;}


.menumob dl dt a {display:none;}

.cont-title {padding:5px 10px;}
.cont-title span {margin-left:15px;font-weight:600;}
/* ADAPTIVE
----------------------------------------------- */

.show-menu {display:none;}

@media screen and (max-width: 1500px) {
.box-wrap, .h-line-two-inner {max-width:1200px;}
.box-main {padding-right:230px;}
.box-main:before {width:230px;}
.main-right {width:230px; margin-right:-230px;}

.item-img {height:190px;}
.top-img {height:70px;}

span.show-login {display:none;}
}

@media screen and (max-width: 1220px) {
.box-wrap, .h-line-two-inner {max-width:1000px;}
.main-left {padding:0 10px;}
.box-cat {padding:0 10px;}
.h-line-one {padding-right:10px;}
.h-line-one:before {padding:0 10px;}
.h-line-one span {margin:0 10px;}
.h-line-two-inner {padding:15px 20px 0 150px;}
.logotype {width:150px;}
.icons-nav span, .icons-nav a {width:30px;}
.h-line-two.fixed .h-line-two-inner {padding:5px 20px 0 150px;}
.top-title {font-size:24px; padding:10px 0;}

.alert-wrap {padding:0;}
.alert-wrap .alert-window {padding:10px;}

.item-box {width:49.4%; float:left; margin:0 1.2% 10px 0;}
.main-left .items-wrap #dle-content > .item-box:nth-child(3n), .main-left .items-wrap > .item-box:nth-child(3n), 
.full-left .items-wrap #dle-content > .item-box:nth-child(3n), .full-left .items-wrap > .item-box:nth-child(3n) {margin:0 1.2% 10px 0;}
.main-left .items-wrap #dle-content > .item-box:nth-child(2n), .main-left .items-wrap > .item-box:nth-child(2n), 
.full-left .items-wrap #dle-content > .item-box:nth-child(2n), .full-left .items-wrap > .item-box:nth-child(2n) {margin-right:0;}
.item-img {height:210px;}

.box-cat .item-box {width:24.25%; margin:0 1% 10px 0;}
.box-cat .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.sluzh-wrap, .static-wrap, .form-wrap {padding:10px; margin:10px;}
.box-cat .item-box .item-img {height:150px;}

.pagi-nav {line-height:36px;}
.navigation a, .navigation span {min-width:35px;}
.site-desc {padding:10px;}
.f-line-one {padding:20px 10px 20px 10px;}  /* 2-150px */
.f-line-two {padding:10px;}

.bread-crumbs {padding:0 10px;}
.bread-crumbs + .items-wrap {padding:20px 10px;}
.pw-top-section {padding:10px;}
.pw-top-section h1 {margin-bottom:10px;}
.pw-video-info {padding:10px;}
.pw-rkl-section {padding:5px 10px 10px 10px;}
.pw-bottom-section {padding:10px 10px 0 10px;}
.info-line {margin-bottom:10px;}

.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:400px;}

.related {margin:0 -10px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}

.comments {padding:10px 0;}
.comments-title {margin-bottom:10px;}
.add-com {margin-bottom:10px;}
#addcform {margin:10px 0;}
.comm-rate, .comm-bottom-info {opacity:1;}

.related-items .item-title {font-size:11px;}
}

@media screen and (min-width: 951px) and (max-width: 999px) {
.icons-nav span.show-phone {font-size:20px;width:175px;}	
}

@media screen and (max-width: 950px) {
.box-wrap, .h-line-two-inner {max-width:768px;}
.h-line-one {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.h-line-one ul {display:none;}

.show-menu {height:50px; line-height:50px; font-size:24px; cursor:pointer; width:40px; text-align:center; display:block; float:left; color:#efefef;}
.show-menu i {margin-right:5px;}

.top-nav {display:none; background-color:#5DC8CD; padding:5px 0px; float:none; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); 
position:absolute; top:100%; left:0; width:100%; z-index:999;}
.top-nav li {display:block; float:none;}
.top-nav li a {line-height: 36px;}
.top-nav li ul.sub-nav {display:block; float:none;position:relative}
ul.sub-nav li a {padding:0; line-height:34px; color:#efefef;padding-left:30px;}

.item-img {height:160px;}
.top-title {font-size:18px;}

.box-cat .item-box {width:32.66%; margin:0 1% 10px 0;}
.box-cat .items-wrap .item-box:nth-child(4n) {margin:0 1% 10px 0;}
.box-cat .items-wrap .item-box:nth-child(3n) {margin-right:0;}
.box-cat .item-box .item-img {height:160px;}

.f-line-one {padding:20px 10px;}
/*.counters-box,*/ .navigation {display:none !important;}
.pnext a {border-left:1px solid #cecece;}

.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:350px;}
.full-rating {float:left;}

.related-items .item-box {width:32%; margin:0 2% 10px 0;}
.related-items .item-box:nth-child(4n) {margin:0 2% 10px 0;}
.related-items .item-box:nth-child(3n) {margin-right:0;}
.related-items .item-img {height:100px;}

.add-com-but i {margin-left:10px;}
}

@media screen and (max-width: 760px) {
.h-line-two.fixed {position:static;}	
.not-slide {display:none;}
.box-wrap, .h-line-two-inner {max-width:640px;}
.h-line-two-inner {padding:15px 20px 0 100px;}
.logotype {width:100px;}
.h-line-two.fixed .h-line-two-inner {padding:5px 20px 0 100px;}
.h-line-three, .alert-wrap {display:none;}
.box-main {padding-right:0;}
.box-main:before {display:none;}
.main-left {float:none;}
.main-right {float:none; width:100%; margin-right:0; padding:10px; background-color:#fff; border:1px solid #cecece;}
.full-left {float:none;}

.side-nav {margin-right:0;}
.vote-title {margin:0 -10px;}
.top-img {height:160px;}

.box-cat .item-box {width:49%; margin:0 2% 10px 0;}
.box-cat .items-wrap .item-box:nth-child(4n) {margin:0 2% 10px 0;}
.box-cat .items-wrap .item-box:nth-child(3n) {margin:0 2% 10px 0;}
.box-cat .items-wrap .item-box:nth-child(2n) {margin-right:0;}
.box-cat .item-box .item-img {height:160px;}

.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;}

.main-right {margin-bottom:10px;padding-bottom:0px;}
.menumob dl dt a {display:block;}
.menumob dl dd {display:none;}
.menumob .side-box .side-title {display:none;}
}

@media screen and (max-width: 590px) {
/* прокрутка прайс листа при мобильной версии */
.parent {width: 100%;overflow-x: scroll;}
.inner {width: 700px;}
/* /прокрутка прайс листа при мобильной версии */

.box-wrap, .h-line-two-inner {max-width:480px;}

.item-img {height:140px;}
.box-cat .item-box .item-img {height:140px;}

.bread-crumbs {font-size:12px;}
.top-img {height:140px;}

.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:300px;}

.related-items .item-box {width:49%; margin:0 2% 10px 0;}
.related-items .item-box:nth-child(4n) {margin:0 2% 10px 0;}
.related-items .item-box:nth-child(3n) {margin:0 2% 10px 0;}
.related-items .item-box:nth-child(2n) {margin-right:0;}
.related-items .item-img {height:140px;}
}

@media screen and (max-width: 470px) {
.box-wrap, .h-line-two-inner {max-width:350px;}
.logotype {width:200px;}
.icons-nav span.show-phone {display:none;}

.item-box {width:100%; float:none; margin:0 0 10px 0;}
.main-left .items-wrap #dle-content > .item-box:nth-child(3n), .main-left .items-wrap > .item-box:nth-child(3n), 
.full-left .items-wrap #dle-content > .item-box:nth-child(3n), .full-left .items-wrap > .item-box:nth-child(3n) {margin:0 0 10px 0;}
.item-img {height:190px;}

.show-menu {float:right;}

.box-cat .item-box {width:100%; margin:0 0 10px 0;}
.box-cat .items-wrap .item-box:nth-child(4n) {margin:0 0 10px 0;}
.box-cat .items-wrap .item-box:nth-child(3n) {margin:0 0 10px 0;}
.box-cat .item-box .item-img {height:190px;}

.top-img {height:100px;}

.pw-top-section h1, .related-title, .comments-title {font-size:20px;}
.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:250px;}

.related-items .item-box {margin:0 2% 10px 0; float:left;}
.related-items .item-box:nth-child(4n) {margin:0 2% 10px 0;}
.related-items .item-box:nth-child(3n) {margin:0 2% 10px 0;}
.related-items .item-box:nth-child(2n) {margin-right:0;}
.related-items .item-img {height:100px;}
#searchtable, #searchtable td {float: left; width: 100%;}
.add-com-but i {display:none;}
}

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



/* мои стили магазина */
/* ------------------------------------------ */
/*  -------  кнопки количества -------------- */
.price{
text-align:center;
color:#ffffff; /*#774f3c;*/
font-size:16px;
font-weight:bold;
height:auto;
overflow:hidden;
margin-bottom:8px;
}
.input-count {
	width:50px !important;
	height:24px !important;
	text-align:center;
	margin-bottom:2px;
	color:#000000;
	float:left;
}
/*  -------  корзина покупателя -------------- */
.mycart {
	background:url(../images/cart.png);	
	background-repeat: no-repeat;
	width:50px;
	height:24px;
	margin-top:0px;
}
.kol{
    font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:400;
	background: #ED1C24;
    color: #ffffff;
	width: 24px;
	height: 24px;
	line-height: 24px;
	float:right;
	border-radius: 50%;
	text-align: center;
}
.kolz{
    font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:400;
	background: #5DC8CD;
    color: #774F3C;
	width: 24px;
	height: 24px;
	line-height: 24px;
	float:right;
	border-radius: 50%;
	text-align: center;
}
/*------ Дизайн подсказки корзины -----------*/
.dropdown {
    position: relative;
    display: inline-block;
	margin-left:-100px; /* для поля ссылки на слово слева */
	padding-left:100px; /* для поля ссылки на слово слева */
	border:0px solid red;
}
.dropdown-content {
    display: none;
    position: absolute;
	top:40;
	right:0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 500;
	margin-left:-50px;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.discount {
    padding: 10px;
    text-align: center;
	color: #FE980F;
	font-weight:400;
	font-size:14px;
}

/*------ Дизайн прайс листа -----------*/
.table-wrap{
	overflow-x:auto;
	padding-bottom:20px;
	}	
table.table-1 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table.table-1 tr {
	background-color: #f8f8f8;
	min-width:75px;
}
table.table-1 th {
    padding: 5px;
    border: 1px solid #ddd;
	text-align: center !important;
	background: #5DC8CD;
	min-width:75px;
	font-weight:normal;
	font-size:13px;
	color:#505050;
}
table.table-1 td {
    padding: 8px 2px;
    border: 1px solid #ddd;
	text-align: center;
	overflow-wrap: break-word;
}
table.table-1 th{
	font-weight: bold;
}
table.table-1 tr:nth-child(odd) {
	background: #DEDEDE;
}
table.table-1 tr:nth-child(even) {
	background: #fff;
} 
table.table-1 tr :first-child{
text-align:left;
width:100%;
padding-left:5px;
}
/*
.pricetitle {width:100%;background:#5DC8CD;font-size:12px;font-weight:bold;margin-top:5px;}
.pricetitle span, .pricedata span {padding:8px 0;display:inline-table;border-right:1px solid #777;vertical-align:top;float:left;}

.pricetitle .rht {text-align:right;}
.pricetitle .lft {text-align:left;}
.pricetitle .cnt {text-align:center;}

.pricedata img {border:0px;}
.pricedata .cnt img {max-width:100%;}

.pricecont {width:100%;background-color:white;font-size:13px;margin-bottom:15px;border:1px solid #5DC8CD;}
.pricecont div:nth-child(2n) {background: #f0f0f0;}


span.w80 {width:80%;text-align:left!important;padding-left:3px;}
span.w40 {width:40%;text-align:left!important;padding-left:3px;}
span.w37 {width:37%;text-align:left!important;padding-left:3px;}
span.w25 {width:25%;}
span.w24 {width:24%;text-align:left!important;padding-left:3px;}
span.w20 {width:20%;}
span.w13 {width:13.5%;}
span.w09 {width:9%;}
span.w09r {width:9%;text-align:right;}
span.w09rc {width:9%;text-align:right;color:red;}
span.w05 {width:5%;}
*/

/* ----- спойлер прайса ---- */
.quotetitle a h3 {padding:10px 5px;}
.quotetitle a:hover h3 {background-color:#f0f0f0;}
.quotetitle i {color:#CCC;margin-right:15px;}
/* ----- /спойлер прайса ---- */


/* ----- таблицы ---- */
table.tab {width:100%;border:1px solid #999;}
table.tabl {min-width:420px;width:100%;border:1px solid #999;}
.tabl_th1, .tabl_th {background-color:#5DC8CD;}
.tabl_th1, .tabl_th, .tabl_tdc, .tabl_tdl {border:1px solid #999;}
.tabl_th1, .tabl_th, .tabl_tdc {text-align:center;}

.scrolling {overflow-x: auto;}
/* ----- /таблицы ---- */

/* ----- сертификаты ---- */
.sertpage {margin-top:20px;display:block; width:100%;float:left;}
.sertpict {display:block; width:100%;float:left;}
.sertlogo {float:left;}
.serttext {font-weight:bold;}
.sertsert {}
@media screen and (max-width: 470px) {
.sertlogo {float:none;text-align:center;}
}
/* ----- /сертификаты ---- */

/* --- ‘ортировка и •лебные крошки --- */
.sort_label {
	font-size:1.0em;
	font-weight:500;
}
.pagetools {
	border: 0px solid #d6d6d6;
	position: relative;
	padding-left: 5px;
	width: 100%; height: 52px;
	overflow: hidden;
	font-size: 1.2em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
	#combo-tools .pagetools_in { 
		height: 100px;
		-webkit-transition: all .3s ease .2s; transition: all .3s ease .2s;
	}
	.pagetools_in { color: #919191; }
	.sortbar_in, .speedbar { display: block; height: 22px; padding: 14px 5px; line-height: 22px; }
	.pagetools_back {
		position: absolute;
		left: 0; top: 0;
		width: 8%; height: 50px;
		border-right: 1px solid #d6d6d6;
		text-align: center;
	}
	.pagetools_back .icon {
		display: block;
		margin: 15px auto 0 auto;
		width: 30px; height: 20px;
	}
	#combo-tools.active > .pagetools_in { margin-top: -50px; }
	.breadcrumb .over { vertical-align: baseline; }

	.sortbar_in { white-space: nowrap; }
	.sortbar_in > form { display: inline; }



/*кнопка звонка*/
@media screen and (min-width: 425px) {
	.zvonok {display:none;}
}

.callback-bt {
        background:#E77118;
        border:2px solid #E77118;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(231,113,24,0.3);
        cursor:pointer;
        height:40px;
        text-align:center;
        width:40px;
        position: absolute;
        right: 30%;
        top: 25%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:40px;
        width:40px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#E77118;
    opacity: 0;
    font-size: 0;
    position:absolute;
    right: 4px;
    top: 22px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}
/*
.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#E77118;
        font-size:40px;
        transition:.3s;
}
*/
.callback-bt i {
        color:#fff;
        font-size:28px;
        transition:.3s;
        line-height: 38px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 0 rgba(231,113,24,0.2),0 0 0 0 rgba(231,113,24,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 15px rgba(231,113,24,0.2),0 0 0 0 rgba(231,113,24,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 30px rgba(231,113,24,0),0 0 0 26.7px rgba(231,113,24,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 30px rgba(231,113,24,0),0 0 0 40px rgba(231,113,24,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 0 rgba(231,113,24,0.2),0 0 0 0 rgba(231,113,24,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 15px rgba(231,113,24,0.2),0 0 0 0 rgba(231,113,24,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 30px rgba(231,113,24,0),0 0 0 26.7px rgba(231,113,24,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(231,113,24,0.3),0 0 0 30px rgba(231,113,24,0),0 0 0 40px rgba(231,113,24,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */