/* rullan.in.ua  14.03.2019 - made in Ukraine

#4c4c4c  - Сірий
#a0a0a0  - Світло сірий
#00ab38  - Зелений
#0092e1  - Синій
#e5f6fe  - Голубий 
#f9ba48  - Жовтий
#fce148  - світло жовтий
#7a661e  - Коричневий


Инструкция Darya:
1. Выравнивание.
2. Разное оформление.
3. Разные элементы.
4. Для движка DLE.
5. Сетка.
6. Медиа запросы !!! Здесь ставить свои собственные медиа запросы. 

*/

/* ===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: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;}


/* ===3. ELEMENTU */
.button {display:block;width:120px; text-align:center; background:#ebefec;border: 1px solid #bbc8be; color:#bbc8be; font-size:16px; padding:4px 10px 4px 10px; margin:auto 0;cursor:pointer;}
.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 {width:100%;max-width:100%;}
.row > [class*='col-'] {padding:0 1% 0 1%;}
[class*='col-'] img, [class*='col-'] iframe, [class*='col-'] media {max-width:100%;}
[class*='col-'] {float:left;margin:0;}

.col-100 {width:100%;}
.col-75 {width:75%;}
.col-70 {width:70%;}
.col-65 {width:65%;}
.col-60 {width:60%;}
.col-50 {width:50%;}
.col-40 {width:40%;}
.col-33 {width:33.333%;}

.col-35 {width:35%;}
.col-30 {width:30%;}
.col-25 {width:25%;}
.col-20 {width:20%;}
.col-15 {width:15%;}

/* ===6. Media zapros  */
@media (max-width: 1650px) {
header .logo {left:42%;}
.asidright .pid-vidr {min-height:20px;margin:90px 0 20px 0;}
.asidright .pid-vidr u {width:33%;left:0;font-size:14px;}
.asidright .pid-vidr u::before {width:92px; height:99px;background-size:1000px auto; background-position:-822px -272px;top: -95px;}
.asidright .pid-vidr u:nth-of-type(2)::before {background-position: -810px -150px;}
.asidright .pid-vidr u:nth-of-type(3)::before {background-position: -809px -365px;}
.asidright .pid-vidr u:nth-of-type(2) {left:31%;}
.asidright .pid-vidr u:nth-of-type(3) {left:66%;}


}
	
@media (max-width: 1450px) {
header .logo {top:30px;left:190px;margin-left:0px;}
.fixed-rull .logo {top:10px;}
.hedrab {top: 60px;left: 50px;}
.hedzak {top: 20px;left: 50px;}
.fixed-rull .hedrab {display:none;}
.fixed-rull .hedtel, .fixed-rull .btn-menu {top: 21px;}
.asidteop .bj-operator{width:105px; height:105px;background-size:850px auto; background-position:-365px -659px;;}
.footv2 .footver2 {width:100%;}
.footver2 a {width: 23%;margin:0 0 30px 0;}
.footv2 .footrozk {width:35%;}

}

/*  === max 1440 ===  */
@media (max-width: 1440px) {
.mega {width:100%;margin:0;}
.row > [class*='col-'] {padding:0 2.2% 0 2.2%;}
.sp-stm {margin: 25px 0 0 40px;}
.sp-stm::before, .bg-log_footer {display:none;}
footer {padding:25px 15px 5px 15px;}
.info-sect {padding:0 20px 0 20px;}
.vidrvann .row > .col-20 {padding:0;}
.vidrvann s {width:100%;}
.pidhed.pidv2 .regmapa {left:19%;}
	
}


@media (max-width: 1200px) {
.prslid .slide-prev i, .prslid .slide-next i {top: 150px;}
.info-sect .col-50, .blcena .col-30, .blcena .col-70 {width:100%;}
.zagopis2 h3 {margin-top:30px;} 
.pid-mapmast s:nth-of-type(1) {display:none;}
.pid-mapmast s:nth-of-type(2) {right:250px;}
.hdnac {background:#fff;}
.asidteop .col-40, .pidhed.pidv2 .regmapa {display:none;}
.asidteop .col-60, .infblproc .col-50 {width:100%;}
.infblproc .yakproh, .footv2 .fotv2sear {display:none;}
.footv2 .col-20 {width:50%;}
.footv2 .col-20.footrozk {width:100%;}
.footv2 .col-100 {margin:20px 0 10px 0;}
.pidspv2 a {text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0;}
.pidhed.pidv2 .reglogo {left: 20%; top: 180px;}
.pidhed.pidv2 .pid-tr a:nth-of-type(1) {left: -200px;}
.pidhed.pidv2 .pid-tr a:nth-of-type(2) {left: 0px;}
.pidhed.pidv2 .pid-tr a:nth-of-type(3) {left: 200px;}
.pidhed .bg-akcia {right: 2%;bottom:95px;}


}


@media (max-width: 1010px) {
header {height: 90px;}
.hedzak, .hedrab {display:none;}
header .logo {left:10px;top:16px;width:260px;font-size: 16px;line-height: 19px;}
header .logo u {letter-spacing:8px;}
.hedtel {width:195px;font-size: 20px;color:#0092e1;background:none;right:5%;padding: 6px 0 0 50px;top: 32px;}
.hedtel::before {transform:scale(0.7, 0.7);top: 4px;left: 10px;}
footer > .col-50 {width:100%;padding-top:20px;}
.bg-log_footer {display:block;}
.prslid .slide-prev i, .prslid .slide-next i {top: 110px;}
.tryblvan .col-33 {width:100%;margin-bottom:30px;}
.mainrozd .col-50 {width:100%;}
.opitel {margin-top:40px;}

}

/* ===  PLANSHET 900 ===  */
@media (max-width: 900px) {
.twoinff .col-50 {width:100%;}
.glavinfb .col-50 {width:100%;}
.prslid .slide-prev i, .prslid .slide-next i {top: 90px;}
.inchblo .col-25 {width:50%;}
nav .menu {display: none;}
.btn-menu {top: 17px;}
.fixed-rull .btn-menu {top: 13px;}
#chkmenu ~ label > nav, #chkmenu ~ label > .btn-menu s{display:block;}
.btn-menu u{display:none;}
.btn-menu, #chkmenu:checked ~ label > .btn-menu {width:45px;height: 45px;padding: 0; background:none;}
.btn-menu:hover {background:none;}
#chkmenu:checked ~ label > nav .menu{display:block;}
.hedtel {top: 25px;}
.pid-tr {top: 34px;}
.pid-tr a:nth-of-type(1) {left:-110px;}
.pid-tr a:nth-of-type(3) {left:110px;}
.pid-mapmast s:nth-of-type(2) {right:100px;}
.fullstor > .col-70, .fullstor > .col-30 {width:100%;}
.asidteop .col-40 {display:block;width:30%;}
.asidteop .col-60 {width:70%;}
.footver2 a, .row.stkompan > div, .row.rwakcii > div {width: 100%;}

}



@media (max-width: 655px) {
.ramka {padding:0 10px 0 10px;}
.col-50.footrozk, .col-50.fotadres {width:100%;padding:0;}
.prslid .slide-prev i, .prslid .slide-next i {top: 70px;}
.info-sect .col-50 > p {padding-left:0px;}
.infbord {padding:20px 0 0 0;}
.infs-dad::before, .fixed-rull .logo span, .fixed-rull .logo u {display:none;}
.infs-dad {padding: 0 0 10px 0;}
.infs-dad::after {position:relative;display:block; float:left; margin-right:10px;bottom:0;left:0;}
.row.blcina .col-33 {width:100%;}
header .logo {top:2px;left:-15px;padding: 8px 0 0 70px;}
header .logo::before {transform:scale(0.6, 0.6);top: -3px;}
.hedtel  {top: 45px;left:40px;right:auto;}
.fixed-rull .hedtel{top: 35px;}
.btn-menu {top:4px;right:5px;}
.mega.articl {margin-top:30px;}
.vidrvann {padding: 50px 0 50px 0;}
.vidrvann .col-20 {width:50%;}
.vidrvann s {font-size: 14px;}
.row.tryblvan .col-33 {padding:0;}
.shrvidn {min-height: 345px; margin: 0 1% 0 1%;}
.footv2 .col-20 {width: 100%;}
.pidspv2 {top: 200px; right: 2%;}



}


@media (max-width: 550px) {
.pid-vidr {width:100%;}
.pid-vidr u {width:33%;left:0;font-size:14px;}
.pid-vidr u::before {width:92px; height:99px;background-size:1000px auto; background-position:-822px -272px;top: -95px;}
.pid-vidr u:nth-of-type(2)::before {background-position: -810px -150px;}
.pid-vidr u:nth-of-type(3)::before {background-position: -809px -365px;}
.pid-vidr u:nth-of-type(3) {left:31%;}
.pid-vidr u:nth-of-type(2) {left:66%;}
.blonass .col-25 {width:50%;}
.pidhed.pidv2 .pid-tr a:nth-of-type(1) {left: -115px;}
.pidhed.pidv2 .pid-tr a:nth-of-type(2) {left: 0px;}
.pidhed.pidv2 .pid-tr a:nth-of-type(3) {left: 115px;}
header .logo u {letter-spacing:2px;font-size: 14px;}
.text {padding-right:0px;}
}





@media (max-width: 450px) {
.sp-stm {margin: 25px 0 0 10px;}
.sp-stm::after {display:none;}
.sp-stm li {display:block; overflow:hidden;}
.sp-stm li i {margin: 0 15px 10px 0;float:left;}
.inchblo .col-25 {width:100%;}
.hdnac {right:50%;margin-right:-110px;}
.pid-mapmast s:nth-of-type(2) {right:40px;} 
.pidhed.pidv2 .reglogo {transform:scale(0.5, 0.5);left:auto;top:80px; right:0;}

}


@media (max-width: 390px) {
.infs-dad::after {float:none;}
.pid-mapmast s:nth-of-type(2) {right:0;}
.opitel .col-40 {display:none;}
.opitel .col-60 {width:100%;}
}