/* rullan.in.ua  07.01.2017 - made in Ukraine
Инструкция к сетке фреймворка Darya:
1. Выравнивание.
2. Разное оформление.
3. Разные элементы.
4. Для движка DLE.
5. Сетка.
6. Медиа запросы !!! Здесь ставить свои собственные запросы. Обязательно в первой строке выставить свой максимальный размер секции - 1рх.

#fafafa -  білий
#696864 - сірий
#18181a - чорний
#8d6828 - коричневий
#296bb0 - синій
#761a1b - червоний
#bf9c5e - золотявий

  */

  
/* ===1. VURIVNUVANA */
.a-vall {height: calc(100vh - 100px); box-sizing: border-box;}
.ab-center{margin-left:auto;margin-right:auto;}
.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;}
.relative {position:relative;}
.clear{display:table; width:100%;min-height:1px;float:none;clear: both;}.clear:before, .clear:after{float:none;content:"";display: block;height:2px;width:100%;clear:both;}

/* ===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  */
.section, .section-p20, .section-p30, .section-p40, .section-p50 {display:block;width:1600px; margin:0 auto;}
.section-p20 {padding:20px 0 20px 0;}.section-p30 {padding:30px 0 30px 0;} .section-p40 {padding:40px 0 40px 0;} .section-p50 {padding:50px 0 50px 0px;}
.section:after, .section-p20:after, .section-p30:after, .section-p40:after, .section-p50:after {content:"";display:table;width:100%;clear:both;}
.pad-10 {padding:0 10px 0 10px;}.pad-20 {padding:0 20px 0 20px;}.pad-30 {padding:0 30px 0 30px;}.pad-40 {padding:0 40px 0 40px;}.pad-50 {padding:0 50px 0 50px;}.pad-60 {padding:0 60px 0 60px;}
.str-5 {height:5px;}.str-10 {height:10px;}.str-20 {height:20px;}.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;}

.col-100{width:100%;}.col-90{width:90%;}.col-80{width:80%;}.col-70 {width:70%;}.col-60{width:60%;}.col-50{width:50%;}.col-40{width:40%;}.col-30{width:30%;}.col-20{width:20%;}.col-10 {width:10%;}
.col-95{width:95%;}.col-85{width:85%;}.col-75 {width:75%;}.col-65{width:65%;}.col-55{width:55%;}.col-45{width:45%;}.col-35{width:35%;}.col-25{width:25%;}.col-15 {width:15%;}.col-5 {width:5%;}
.col-33{width:33.333%;}.col-16{width:16.666%;}.col-14{width:14.285714%;}.col-12{width:12.5%;}.col-11{width:11.111%;}.col-9{width:9%;}
[class*="col-"] img, [class*="column-ks"] img{max-width:100%;} 
.row, .row2 {width:100%;max-width:100%;}
.row .col-50 {width:50%; width:calc(50% - 2%);-webkit-width:calc(50% - 2%);                margin-right:4%;} .row .col-50:nth-child(2n) {margin-right:0;}
.row .col-33 {width:33.3%; width:calc(33.333% - 1.34%);-webkit-width:calc(33.333% - 1.34%);margin-right:2%;} .row .col-33:nth-child(3n) {margin-right:0;}
.row .col-25 {width:25%; width:calc(25% - 1.5%);-webkit-width:calc(25% - 1.5%);            margin-right:2%;} .row .col-25:nth-child(4n){margin-right:0;}
.row .col-20 {width:20%; width:calc(20% - 1.2%);-webkit-width:calc(20% - 1.2%);            margin-right:1.5%;} .row .col-20:nth-child(5n){margin-right:0;}
.row .col-16 {width:16.6%; width:calc(16.666% - 1%);-webkit-width:calc(16.666% - 1%);      margin-right:1.2%;} .row .col-16:nth-child(6n){margin-right:0;}
.row .col-14 {width:14.2%; width:calc(14.285714% - 1.2%);-webkit-width:calc(14.285714% - 1.2%); margin-right:1.4%;} .row .col-14:nth-child(7n){margin-right:0;}
.row .col-12 {width:12.5%; width:calc(12.5% - 1.313%);-webkit-width:calc(12.5% - 1.313%);  margin-right:1.5%;} .row .col-12:nth-child(8n){margin-right:0;}
.row .col-11 {width:11.1%; width:calc(11.111% - 1.2%);-webkit-width:calc(11.111% - 1.2%);  margin-right:1.35%;} .row .col-11:nth-child(9n){margin-right:0;}
.row .col-10 {width:10%; width: calc(10% - 0.9%);-webkit-width: calc(10% - 0.9%);          margin-right:1%;} .row .col-10:nth-child(10n){margin-right:0;}
.row  [class*="col-"], .row2  [class*="col-"], #dle-content > [class*="col-"]{float:left;}

/* primer zolot-peretun */

.row2 > .col-14{width:14%;width:calc(14% - 1%);width:-webkit-calc(14% - 1%);}
.row2 > .col-16{width:16%;width:calc(16% - 1%);width:-webkit-calc(16% - 1%);}
.row2 > .col-18{width:18%;width:calc(18% - 1%);width:-webkit-calc(18% - 1%);}
.row2 > .col-21{width:21%;width:calc(21% - 1%);width:-webkit-calc(21% - 1%);}
.row2 > .col-22{width:22%;width:calc(22% - 1%);width:-webkit-calc(22% - 1%);}
.row2 > .col-24{width:24%;width:calc(24% - 1.5%);width:-webkit-calc(24% - 1.5%);}
.row2 > .col-25{width:25%;width:calc(25% - 1.3%);width:-webkit-calc(25% - 1.3%);}
.row2 > .col-26{width:26%;width:calc(26% - 1%);width:-webkit-calc(26% - 1%);}
.row2 > .col-28{width:28%;width:calc(28% - 1%);width:-webkit-calc(28% - 1%);}
.row2 > .col-30{width:30%;width:calc(30% - 1%);width:-webkit-calc(30% - 1%);}
.row2 > .col-32{width:32%;width:calc(32% - 1%);width:-webkit-calc(32% - 1%);}
.row2 > .col-34{width:34%;width:calc(34% - 1.5%);width:-webkit-calc(34% - 1.5%);}
.row2 > .col-36{width:36%;width:calc(36% - 1.5%);width:-webkit-calc(36% - 1.5%);}
.row2 > .col-37{width:37%;width:calc(37% - 1.5%);width:-webkit-calc(37% - 1.5%);}
.row2 > .col-38{width:38%;width:calc(38% - 1.5%);width:-webkit-calc(38% - 1.5%);}
.row2 > .col-40{width:40%;width:calc(40% - 1.5%);width:-webkit-calc(40% - 1.5%);}
.row2 > .col-42{width:42%;width:calc(42% - 1.5%);width:-webkit-calc(42% - 1.5%);}
.row2 > .col-44{width:44%;width:calc(44% - 1.5%);width:-webkit-calc(44% - 1.5%);}
.row2 > .col-46{width:46%;width:calc(46% - 1.5%);width:-webkit-calc(46% - 1.5%);}
.row2 > .col-50{width:50%;width:calc(50% - 1.4%);width:-webkit-calc(50% - 1.4%);}
.row2 > .col-56{width:56%;width:calc(56% - 2%);width:-webkit-calc(56% - 2%);}
.row2 > .col-58{width:58%;width:calc(58% - 2%);width:-webkit-calc(58% - 2%);}
.row2 > .col-60{width:60%;width:calc(60% - 2%);width:-webkit-calc(60% - 2%);}
.row2 > .col-62{width:62%;width:calc(62% - 1.5%);width:-webkit-calc(62% - 1.5%);}
.row2 > .col-64{width:64%;width:calc(64% - 1.5%);width:-webkit-calc(64% - 1.5%);}
.row2 > .col-66{width:66%;width:calc(66% - 1.5%);width:-webkit-calc(66% - 1.5%);}
.row2 > .col-68{width:68%;width:calc(68% - 2%);width:-webkit-calc(68% - 2%);}
.row2 > .col-70{width:70%;width:calc(70% - 2%);width:-webkit-calc(70% - 2%);}
.row2 > .col-72{width:72%;width:calc(72% - 2%);width:-webkit-calc(72% - 2%);}
.row2 > .col-74{width:74%;width:calc(74% - 2%);width:-webkit-calc(74% - 2%);}
.row2 > .col-76{width:76%;width:calc(76% - 1.6%);width:-webkit-calc(76% - 1.6%);}
.row2 > .col-78{width:78%;width:calc(78% - 2%);width:-webkit-calc(78% - 2%);}
.row2 > .col-82{width:82%;width:calc(82% - 2%);width:-webkit-calc(82% - 2%);}
.row2 > [class*="col-"]{margin-right:3%;float:left;}
.row2 > [class*="col-"]:nth-child(2n){margin-right:0;}
.row2.k3 > [class*="col-"]:nth-child(1), .row2.k3 > [class*="col-"]:nth-child(2){margin-right:2%;}
.row [class*="col-"]:last-child, .row2.k3 > [class*="col-"]:last-child{margin-right:0;}


/* === 6. Media zaprosu.   === max 1600 ===  */
@media (max-width: 1600px) {
.section, .section-p20, .section-p30, .section-p40, .section-p50 {width:100%;max-width:100%;margin-left:0!important;margin-right:0!important;padding:0 20px 0 20px;}
.row, .row2 {width:100%;max-width:100%;}
img, iframe, media {max-width:100%}
.kons .section {width:80%;margin-left:20%!important;}
}

@media (max-width: 1485px) {
.fot2col > .col-50:nth-child(1)  {width:30%}
.fot2col > .col-50:nth-child(2)  {width:65%}
.kons p {padding-left:20%;}
.fotobl img {height:350px;}
}

@media (max-width: 1444px) {
.bltel { right:5%;}
.hed-minnav a {left:3%;}
.hed-minnav a:nth-of-type(2) {left:12%;}
.hed-minnav a:nth-of-type(3) {left:31%;}
.hed-minnav a:nth-of-type(4) {left:21%;}
.etapu p:nth-child(5) {left: 60%;}
.etapu p:nth-child(7) {left: 13%;top: 405px;}
.bgpn-et4 {margin:0 0 0 40%;}
.etapss .col-58 {width:70%;}
.etapss .col-42 {width:27%;}
.opetapu p {font-size:19px;}
.ffslov {padding: 0 0 0 20px;font-size: 24px;}
.kons-name {margin-left:35%;}
.kons-tel {margin-left:0;}

}


@media (max-width: 1340px) {
.perevv .col-42  {width:55%;}
.perevv .col-58 {width:42%;}
.fotobl img {height:250px;}
.katt .shimg, .katt .shimg img {height:280px;}
}

@media (max-width: 1250px) {
.etapu p:nth-child(3) {left: 59%;}
.ffslov {padding: 0 0 0 10px;font-size:20px;}
.feedp > .col-33:nth-child(1)  {width:25%}
.feedp > .col-33:nth-child(2)  {width:37%}
.ffbl1 .fl-document {display:none;}
.kons .str-50 {display:none;}
.kons .str-20 {display:block;}
.kons-otprav {margin: 0 auto 0 auto;float:none;}
.artcb2 .col-70, .artcb2 .col-30 {width:100%;}
.ful-shoge i {width:31%;float:left;margin-right:2%;}
.ful-shoge {display:table;width:100%;}
}


@media (max-width: 1180px) {
.cart {right: 18%;}
.footer > .col-40, .footer > .col-60, .footer .foot2, .footer .foot3 {width:48%;}
.footer .foot4 {width:98%;border-top: 1px solid #000;padding-top:20px;margin-top:20px;}
.fotkont {font-size: 14px;}
}

@media (max-width: 1122px) {
.searh3 {width:240px;}
.etapu p:nth-child(7) {left: 15%; top: 415px;}
.perevv > .col-42  {width:100%;}
.perevv > .col-58 {width:100%;}
.pereg {padding-top:30px;}
.fotsect {background: #0b0b0b;}
.foott .col-90 {width:100%;}
.bg-men_foot, .foott .col-9 {display:none;}
.feedp > .col-33:nth-child(1) {width:45%}
.feedp > .col-33:nth-child(2) {width:35%}
.feedp > .col-33:nth-child(3) {display:none;}
.ffslov {}
.ffslov::before {width: 336px; right: -334px;}
.socknfot {right:40px;bottom:5px;}
}

@media (max-width: 1070px) {
.etapss .col-58, .etapss .col-42 {width:100%;}
.etapu p:nth-child(3) {left: 50%;}
.etapu {position: relative;height: 620px;}
.nodis3, .bg-zamer {display:none;}
.kons .section {width: 100%; margin-left:0!important;}
.kons p {padding-left:0;}
.fotobl img {height:250px;}
.katt .shimg, .katt .shimg img {height: 205px;}
.shimg sup {right:-5px;font-size:13px; padding: 0 6px 1px 6px;}
.shimg i {font-size:7px;}
.shimg p {width:100%;font-size: 11px; padding:2px 0 3px 0;margin:0;left:0;line-height:1;bottom:0;}
.shimg p a {margin: 1px 6px 0px 6px;font-weight: 500;}
.shimg sub {font-size: 16px; padding: 0 8px 2px 8px;}
}

@media (max-width: 1020px) {

}

/* ===  PLANSHET 995 ===     --------------------------- */
@media (max-width: 995px) {
.actmen {height: 50px;}
.hidden-menu {width:100%;display:table;box-sizing: border-box;margin: 0; position:absolute;left:-140%;background:#fff;}
.hed-minnav {height: auto; font-size:29px;}
.hed-minnav > .bgpn-logo {display:block;position:relative;top:0;left:0;margin:10px auto 30px auto;}
.hed-minnav a {position: relative;top:0;left:0;width:100%;height:auto;display:block;}
.hed-minnav a:nth-of-type(1) {left:0;}
.hed-minnav a:nth-of-type(2) {left:0;height:auto;}
.hed-minnav a:nth-of-type(3) {left:0;}
.hed-minnav a:nth-of-type(4) {left:0;}
.pidn-ul, .pidn-ul2 {display:block; width:100%;height:auto;background: #fff;padding:0 20px 20px 20px;position:relative; top: 0;left:0;}
.pidn-ul li:nth-of-type(1), .pidn-ul2 li:nth-of-type(1) {margin-top:0px;}
.pidn-ul li:hover, .pidn-ul2 li:hover {background:#fff;}
.hidmknop:checked ~ .hidden-menu{left:0;padding:50px 60px 30px 140px;z-index:614;border-bottom: 2px solid #000;}
.btn-menu {display:inline-block;top:10px;left:2%;}
.bltel {right: 1%;}
.actmen .hed-minnav {width:100%;}
.hed-minnav li {margin:5px;padding:5px;float:left;width:45%;height:20px;}
.hed-minnav a {font-size:16px;}
    
[class*='bgpn-kt_']{background-size:600px auto;}
.bgpn-kt_bar {width:124px; height:120px;background-position: -7px -140px;margin-top:9px;}
.bgpn-kt_bufet {width: 88px; height:126px;background-position: -432px -137px;margin-top:3px;}
.bgpn-kt_divan {width:149px; height:97px;background-position: -149px -8px;margin-top:32px;}
.bgpn-kt_drabinu {width:123px; height:119px;background-position: -9px -9px;margin-top:10px;}
.bgpn-kt_dveri {width: 65px; height: 128px;background-position: -9px -390px;margin-top:1px;}
.bgpn-kt_inshe {width:46px; height:111px;background-position: -155px -390px;margin-top:18px;}
.bgpn-kt_kaminu {width: 104px; height:115px;background-position: -431px -8px;margin-top:14px;}
.bgpn-kt_kom {width:60px; height:78px;background-position: -432px -277px;margin-top:51px;}
.bgpn-kt_krisla {width:127px; height:100px;background-position: -9px -277px;margin-top:29px;}
.bgpn-kt_shkaf {width:101px; height: 129px;background-position: -312px -7px;margin-top:0;}
.bgpn-kt_stolu {width:123px; height:70px;background-position: -150px -277px;margin-top:59px;}
.bgpn-kt_trumo {width:92px; height:109px;background-position: -312px -150px;margin-top:20px;}
.bgpn-kt_tymbochki {width:139px; height:93px;background-position: -137px -143px;margin-top:36px;}
.bgpn-kt_zerkala {width:58px; height:115px;background-position: -86px -390px;margin-top:14px;}

.bgpn-verh {background-size:600px auto;width:37px; height:37px;background-position: -547px -61px;} 
.top2tex {display:none;}
.kattoph1 > .row > .col-50 {width:100%;}
.ful-shoge {margin-top:25px;}
.mhknr {width:40%!important;margin-right:20px; float:left;background:#761a1b; color:#fff!important;padding:2px 12px 2px 12px;}
    
}

@media (max-width: 950px) {
.etapu p:nth-child(3) {left:59%;}
.zamovit sup a {font-size: 22px;}

}

@media (max-width: 880px) {
.fotobl img {height:220px;}
.socknfot {right:40px;bottom:0;top:20px;}
.duvulus h4 {  width: 70%;height: 35px; font-size: 24px;}
.fullart > .col-50 {width:100%;}

}

@media (max-width: 820px) {
.searh3 {width: 230px;right: 40%;}
.etapu p:nth-child(2) {left: 31%;top: 20px;}
.actmen .hedlogo {left:20%;}
.duvulus {height: 425px;}
.duvulus .col-16 {width:31.5%;}
}

@media (max-width: 785px) {
.etapu {height: 690px;}
.etapu p {position:relative;width:48%!important;margin:25px 2% 0 0;height:150px!important;left:0px!important;top:0px!important;float:left;}
.etapu img {display:none;}
.etapu p span {float:left!important;left:0px!important;margin-right:30px!important;margin:0!important;}
.etapu p i {margin: 10px 10px 0 0!important;}
.kons .col-50 {width:100%;}
.kons-otprav { margin: 0 auto 0 34%;}
.kons h3 {margin-top: 30px;}
.actmen .bltel {margin-top:7px;}
.hedlogo {display:none;  top:260px; left:50%;margin-left:-104px;z-index:555;color:#fff!important;} 
.piddhedl{display:none;  width:300px; height:162px;border-radius:45%;background: rgba( 0, 0, 0, 0.7);position:absolute;top:235px;left:50%;margin-left:-130px;z-index:1;}
.actmen .piddhedl {display:none;}
.actmen .hedlogo {left: 30%;}
}
@media (max-width: 705px) {
.bltel {top: 0px;width: 240px;}
.searh3 {right:12px; top:33px;}
.btn-menu {left: 5%;}
.btn-menu::before {display:none;}
.etapu {height: 720px;}
.ffslov {font-size:17px;}
.hidmknop:checked ~ .hidden-menu {padding:40px 30px 30px 50px;}
.fotobl img {height:150px;}
}

@media (max-width: 675px) {
.bgpn-et1 {width:79px; height:79px; background-size:600px auto; background-position:-364px -676px!important;}
.bgpn-et2 {width:79px; height:79px; background-size:600px auto; background-position:-441px -676px!important;}
.bgpn-et3 {width:79px; height:79px; background-size:600px auto; background-position:-520px -676px!important;}
.bgpn-et4 {width:79px; height:79px; background-size:600px auto; background-position:-364px -595px!important;}
.bgpn-et5 {width:79px; height:79px; background-size:600px auto; background-position:-441px -595px!important;}
.bgpn-et6 {width:79px; height:79px; background-size:600px auto; background-position:-520px -595px!important;}
.bgpn-et7 {width:79px; height:79px; background-size:600px auto; background-position:-364px -517px!important;}
.etapu {height: 720px;}
.etapu p {width:100%!important;margin:25px 2% 0 0;height:70px!important;float:none;}
.etapu p i {margin: 10px 10px 0 30px!important;}
}

@media (max-width: 645px) {
.pereg {padding-top:30px;}
.sunbl .col-42  {width:100%;}
.sunbl .col-58 {width:100%;}
.fotbsilki a {text-align: left;}
.fotkont {margin:0px;}
.fotkont li {height: 36px;text-align:right;}
.hed-minnav {font-size: 24px;}
.pidn-ul, .pidn-ul2 {width:100%;padding: 0 0 20px 0;margin:0;}
.actmen .hedlogo {display:none;}
.socknfot {right:auto;bottom:0;top:20px;left:1px;}
.duvulus {height: 585px;}
.duvulus .col-16 {width:48.5%;}
.hidmknop:checked ~ .hidden-menu {padding:40px 10px 30px 10px;}
}

/* ===  MOBIL 1 kolonka 490 === ----------------------- */
@media (max-width: 490px) {
.row [class*="col-"], .row2 [class*="col-"], .row2.k3 [class*="col-"]{float:none;width:100%;height:auto;} 
.section, .section-p20, .section-p30, .section-p40, .section-p50 {padding: 0 10px 0 10px;}
.kolir a {width:99%; margin:0;} 
.foott {margin: 30px 0 30px 0;}
.footer {height: auto;background:#0b0b0b;}
.fot2col > .col-50:nth-child(1), .fot2col > .col-50:nth-child(2) { width: 97%;}
.nadfoot {height:auto; position: relative; left:0;top:0;}
.feedp {padding-top:80px;}
.ffslov {position:absolute; top:-5px;left:0;width:100%;font-size:20px;color:#fff;background:#761a1b;text-align:center;padding-top:9px;}
.ffslov:before, .ffslov:after {display:none;}
.ffslov:before	{content:'';display:block;width:1px;height:1px;background:none;border: 20px solid transparent; border-top: 20px solid #761a1b; position: absolute;left: 50%; bottom:-40px; margin-left:-10px;top:auto;right:auto; }
.feedp > .col-33:nth-child(1), .feedp > .col-33:nth-child(2) {width: 100%;}
.ffbl1 input {width: 80%; margin: 25px auto 0 auto;}
.ffbl2 .nadisl {margin: 25px auto 0 auto;position:relative;display:block;}
.kons h3 {margin-top: 0px;color:#8d6828;font-size:22px;}
.kons-name, .kons-tel {width:88%; margin:12px 0 5px 0;}
.kons p {font-size:18px;}
.etapss {margin-top:40px;}
.nomob, .kattopus .fl-folder {display:none;}
.kattopus .col-72  h3{margin-bottom:10px;}
.duvulus h4 {width: 90%;height: 30px; font-size:18px;}
.duvulus .col-16 {width:48%;float:left;}
.katt > .row > .col-50,  .katt > .row > .col-33, #dle-content > .col-50,   #dle-content > .col-33 {width:46%;float:left;margin-right:0;}
.katt > .row > .col-50:nth-of-type(odd), .katt > .row > .col-33:nth-of-type(odd), #dle-content > .col-50:nth-of-type(odd),   #dle-content > .col-33:nth-of-type(odd) {margin-right:4%;}
.katt .shimg, .katt .shimg img {height: 140px;}
.fullart > .col-50 >  .shimg, .fullart > .col-50 > .shimg img {height: 330px;}
.text-opus {padding:30px 5px 30px 5px;}
   
}


@media (max-width: 460px) {
.hidmknop:checked ~ .hidden-menu {padding:40px 0 20px 0;}
.fotobl img {height:70px;}
p {font-size:14px;}
.hed-minnav {height:auto; padding-top: 5px;}
.hed-minnav > .bgpn-logo {margin: 10px auto 10px auto;}
}


@media (max-width: 440px) {
.etapu p i {width:30px;height: 55px; font-size:55px;margin:5px 10px 30px 10px!important;}
.etapu p {margin:10px 0 0 0;min-height:75px;height:auto!important;}
.hedlogo {left:50%;margin-left:-124px;} 
.piddhedl{left:50%;margin-left:-150px;}
.hed-minnav li {width: 42%; height: 20px;margin:1px;}  
.hed-minnav a {font-size:12px;line-height:1;}
.mhknr {width:35%!important;margin-right:20px; float:left;}
}

@media (max-width: 390px) {
.dosvid h2 span {font-size:55px;}
.pidn-ul, .pidn-ul2 {padding: 0 0 40px 0;margin:0;}
.hed-minnav {font-size: 18px;}
.kons h3 {margin-top: -15px;}
.kons-otprav {margin: 0 auto 0 24%;}
.socknfot {right:5px;bottom:auto;top:-50px;left:auto;}
.zamovit {width: 100%;}
}

@media (max-width: 360px) {
.dosvid h2 {font-size: 35px;}
.dosvid h2 span {font-size: 55px;}
.etapu p {margin:0;min-height:105px;height:auto!important;word-spacing:0em;letter-spacing: 0em;}
.etapu p i {width:30px;height: 55px; font-size:55px;margin:5px 10px 55px 10px!important;}
.etapu p sub {font-size: 15px;}
.kons p {font-size:15px;}
.kolir i {margin-right:0;-webkit-transform: scale(0.7, 0.7);transform: scale(0.7, 0.7);}
}