/* 21.03.2019 
#77aa6b - rgba( 119, 170, 107, 0.5)     - Зеленый + кнопка 
#f7f8f9       - Фон
#00183e       -  цыфра пагинации + Сылки
#e5e5e5       - серая линия + обводка

/* ===1. VURIVNUVANA */
.a-center{text-align: center;vertical-align: baseline;}
img.a-center, .a-center img, .a-center iframe, .a-center div {clear:both;display:block;margin-left:auto;margin-right:auto;}
.a-center a{width:100%;}

/* ===2. OFORMLENA */
.none {display:none;}
.no-abz {text-indent:0px;}
.no-gran {padding:0px;border:0px;margin:0px;}
.proz {opacity:0;visibility:hidden;}
.relative {position:relative;}
.clear{display:table; width:100%;min-height:1px;font-size:2px;float:none;clear: both;}.clear:before, .clear:after{float:none;content:"";display: block;height:2px;width:100%;clear:both;}
.str-5 {height:5px;}.str-10 {height:10px;}.str-20 {height:17px;}.str-30 {height:30px;}.str-40 {height:40px;} .str-50 {height:50px;}.str-60 {height:60px;} .str-70 {height:70px;}.str-80 {height:80px;} .str-90 {height:90px;}.str-100 {height:100px;}
[class*='col-'] > img {width:100%; max-width:100%;} 

/* ===3. ELEMENTU */
.siraramka {border: 1px solid #c9c9c9;}
.blackramka {border: 1px solid #000;}
.punkramka {border: 1px dashed #c9c9c9;}
.texkontyr {text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;}
.texkontyrw {text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0;}
.bord-nuz {border-bottom-style:solid;border-bottom-width:1px;}
.lincle {border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -moz-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -ms-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -o-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));}
.st-hr {border-style: none none solid none; border-width: 1px; border-color:#bcbcbc; height:14px; float:none; width:100%;clear:both;margin:0 0 10px 0;}


/* ===4. DLE elements */
#dle-content {display:block;width:100%;max-width:100%;}   

/* ===5. Sitka  */
.row, .row > #dle-content {width:100%;max-width:100%;}
.row > [class*='col-'], .row >  #dle-content > [class*='col-'] {padding:0 1.2% 0 1.2%;}
[class*='col-'] > img, [class*='col-'] > iframe, [class*='col-'] > media {max-width:100%;}
[class*='col-'] {float:left;margin:0;}
.col-100 {width:100%;}
.col-85 {width:85%;}
.col-76 {width:76%;}
.col-75 {width:75%;}
.col-66 {width:66%;}
.col-65 {width:65%;}
.col-60 {width:60%;}
.col-50 {width:50%;}
.col-40 {width:40%;}
.col-35 {width:35%;}
.col-33 {width:33.333%;}
.col-25 {width:25%;}
.col-24 {width:24%;}
.col-20 {width:20%;}
.col-15 {width:15%;}

/* ===6. Media zapros  */

@media (max-width: 1380px) {
.sortirovka {width:45%;margin: 10px 0 10px 55%;}
}

@media (max-width: 1200px) {
.menu li a {font-size:16px;}
}

@media (max-width: 1100px) {
.row.categ > .col-25 {width:33.3333%}
.news-1 span{height:315px;}
.menu li a {font-size:14px;}
.logo {width:200px;height:auto;}
.logo img {max-width:100%;}
.nuztxt {padding: 30px 20px 30px 20px;}
}

@media (max-width: 1050px) {
.menu li a {font-size:12px;}
.footer .col-75, .footer .col-25 {width:100%}
.footer .col-75 {padding-left:30px;}
.footer .knbutton {margin: 30px auto 0 auto;}
.footer .col-65, .footer .col-35 {width:100%; text-align:center;}
.footer .col-35 a {margin: 20px 0 0 20;display: block;width: 100%; text-align: center;}
.fotschet {right: 50%; margin-right:-45px; top:auto;bottom:5px;} 
.news-1 span{height:265px;}
.vid-tb {width:97%; margin:15px 0 15px 0;padding:0;} 
.op-inf {bottom:10px; left:0;}
}

/*  === max 1024 ===  */
@media (max-width: 1024px) {
.ramka  {width:98%; margin:0 1% 0 1%;}
.op-inf {position: relative;}    
.sn-opis .knopv2  {position:relative; right:auto; left:0; margin:15px 0 5px 0;}
.sn-opis u {margin:0 0 20px 0;} 
}

/* ===  PLANSHET 900 ===  */
@media (max-width: 900px) {
.row.categ > .col-25 {width:50%}
.sortirovka {width:65%;margin: 10px 0 10px 35%;}
    .portfolio-slider .col-20 {width:50%;}
}

/* ===  MOBIL 1 kolonka 870 === */
@media (max-width: 870px) {
 /*Меню в шапке + мобилка*/
#chkmenu ~ label > .navvv{display:none;}
#q_search {bottom:auto; top:80px; width:94%; right:3%; }
.menu-box {width: 62%;}
.btn-menu{display:block;}
.navvv {display:block;width:100%; padding:80px 20px 80px 20px; overflow:hidden;  background:#fff; z-index:900;}
.menu {display:block;top:130px; right:30px;}
.menu li {display:block;width:100%;float:none;}
.menu li a	{display:block;width:100%;font-size:20px;}
.menu-box  {position:relative; top:60px;left:5px;}
.menu-box .news-1,.menu-box h3  {display:none;}
.telo .col-24 {width:100%;height:1px;position:absolute;top:0;left:0;padding:0; z-index:700;}
.telo .col-76 {width:100%;}
.row.categ {right:0;}
.loader h4 {width:100%;margin-bottom:20px;}
.teloadkom {padding: 0 5% 0 5%;}
.news-1 span{height:245px;}
.adkodkom  .col-33{width:50%; margin-bottom:20px;} 
.hitblock > div img {height:220px;}
}

@media (max-width: 600px) {
.sortirovka {width:100%;margin: 10px 0 10px 0;}
.knopv2 {margin-bottom:20px;}
.fotoalbom li {width: 100%; float: none;}
.fotoalbom li a {width: 60%; margin:10px auto 10px auto;}
.fotoalbom li:last-child {margin-left: auto;}
.shap-news .col-60, .shap-news .col-40 {width:100%;overflow:hidden;}
.sn-opis u {width: 100%; margin-right:0;}
.sn-img span {float:left; margin:0 0 40px 40px;}
.infblp { margin:0 0 25px 0; width:100%;}
.slide-content .col-20 {width:50%;}
.portfolio-slider {padding:0;}
.portfolio-slider .slide-button {top:auto;right:100px;bottom:-30px;}
.portfolio-slider .slide-button.slide-prev {top:auto;right:50px;bottom:-30px;}
.teloadkom .col-50 {width:100%; margin-bottom:25px;}
.teloadkom .col-50:first-of-type {padding-right:0;}
.teloadkom .col-50:last-of-type {padding-left:0;}
.shkomn dt {width: 100%;padding-left:5px;}
.shkomn dd {width: 100%; padding: 0 5px 30px 5px;}
.news-1 span{height:230px;}
.vid-tb iframe{max-height:290px;}
.hitblock > div {width:32%; margin-bottom:15px;}
    .hitblock > div img {width:100%;}
}

@media (max-width: 520px) {
#dle-content .col-25 {width:50%;}
.news-1 span{height:205px;} 
.infblp li {overflow:hidden;}
.infblp li s {text-align:right;}
    
}

@media (max-width: 460px) {
.ramka {width: 96%;margin: 0 2% 0 2%;}
.navvv nav {width:100%;}
.menu {position:relative;top:0; right:0;margin:0 20px 0 auto;}
.menu-left {margin-top: 20px;}
.news-1 span {height: 205px;}
.screens li {width: 90%; float:none; display:block; margin:10px auto 10px auto;}
.screens li img {width:100%;height: 100%;} 
.screens li:first-child {margin-right: auto;}
.screens li:last-child {margin-left: auto;}  
.sn-opis { padding:30px 20px 10px 20px;}
.sn-img span {margin: 0 0 20px 20px;}
.vid-tb iframe{max-height:190px;}
.categ .col-33 {width:50%;} 
.news-1 span{height:270px;}
.adkodkom  .col-33{width:100%;} 
.vid-tb {width:94%; margin:15px 0 15px 0;padding:0;} 
.telo .col-76 img {max-width:100%;}
.sortirovka .sort li a {font-size:10px;}
.hitblock > div {width:48%;}
}

@media (max-width: 390px) {
.news-1 span {height: 185px;}
.ui-dialog.ui-widget.ui-widget-content {max-width:100%;width:100%;}
} 
  
@media (max-width: 340px) {
.news-1 span {height: 165px;}
}