/* rullan.in.ua  06.03.2019 - made in Ukraine
РАЗМЕР СТРАНИЦЫ шрифт (119кб+117кб) Спрайт (395кб + 170кб) Видео (791кб.) + Фавикон (32кб)= 1624кб
font-family: 'Gothaml', sans-serif;
font-family: 'Gothamb', sans-serif; - Заголовки 
#f3f3f3 - серо-белый текст
#ff5d04 - оранжевый
#ffc20e - желтый
#f1352f - красный
#1695c7 - синий
#616060 - серый
Инструкция 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%;}
.none {display:none;}
.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;}
[class*='col-'] > img {width:100%; max-width:100%;} 
.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-80 {width:80%;}
.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-45 {width:45%;}
.col-35 {width:35%;}
.col-30 {width:30%;}
.col-33 {width:33.333%;}
.col-25 {width:25%;}
.col-20 {width:20%;}

/* ===6. Media zapros  */

/*  === max 1820 ===  */
@media (max-width: 1820px) {
header nav {right: 350px;top: 24px;}
nav .menutp li a {font-size: 19px;}
.fott-tel, .footer address {right: -100px;}
.pid-c2.cenasil {left:53%;}
}


@media (max-width: 1730px) {
nav .menu li a {font-size:19px;}
#q_search {width:250px;}
.pid-c2.cenasil {left:56%;}  
}
@media (max-width: 1640px) {
#q_search {width: 150px;left: 400px;}
.pryslugi ul::after {right: -90px;}
.pryslugi ul::before {font-size: 24px;left:0px;letter-spacing:0.5px;}
.bltxt .col-50 > div p {font-size:19px;}
.akcia img {max-width:100%;}
.nadfoot {padding: 60px 5% 90px 5%;}
.fott-tel, .footer address {right:0;}
.foot-nuz > .bg-stancia {display:none;}
.foot-nuz::after {left:-60px;}
.foot-smart {left:30%;}
.pid-c2.cenasil {left:62%;} 
header nav {top:50px;}
.fixed-rull nav {top:40px;}
}


@media (max-width: 1444px) {
.row > [class*='col-'] {padding:0 2.2% 0 2.2%;}
.hed-logo {margin:0;}
.hed-logo {width:280px;font-size: 24px;}
.hed-logo sup {font-size: 13px;}
.hed-logo img {width:60px; height:60px; margin: 1px 5px 0 0;}   
nav .menu li a {font-size: 16px;}
#q_search {width:300px;left:auto;top:10px;right:5%;}

.laz-txt p {font-size:19px;}
.lazer::before, .laz-liv::before {transform:scale(0.8, 0.8);}
.laz-liv::after, .foot-nuz::after {display:none;}
.brigada::before {left: 40%;}
.brigada p:nth-of-type(1) {left:5%; font-size: 20px;}
.brigada p:nth-of-type(2) {top: 90px; left: 42%;}
.brigada::after  {transform:scale(0.7, 0.7);left:-40px;}
.brigada u:nth-of-type(1) {left: 15%;}
.vopotv p {font-size:19px;}
.footer > .col-50:nth-of-type(1) {padding:80px 0 0 2%;width:35%;}
.footer > .col-50:nth-of-type(2) {width:65%;}
.fott-tel s, .fott-tel span, .fott-tel u, .footer address h5, .footer address {display:block; width:100%;text-align:left; margin:25px 0 5px 0;}
.fott-tel, .footer address {position:relative;top:0;}
.fott-tel::after {display:none;}
.foot-smart {left:10%;}
.sectcatnews.row {width:98%;margin:10px 1% 10px 1%;}
.pid-c2.cenasil {left:67%;} 
.glav-razds a {font-size:17px;}
}

@media (max-width: 1300px) {
.opus-kategorii h1 {font-size:50px;}
.opkat-4bl .row > .col-25 {width:50%;min-height:250px;}
.pid-c2.cenasil {left:75%;} 
header nav {right:300px;}
}


@media (max-width: 1225px) {
header nav {right:250px;}
.laz-txt {padding-left: 10%;}
.laz-txt h1 { font-size:50px;}
.laz-txt span {font-size: 22px;}
.laz-txt p:nth-of-type(2), .laz-txt p:nth-of-type(3) {padding-left: 90px;}
.prorab .col-60, .prorab .col-40 {width:100%; float:none; overflow:hidden;}
.pryslugi ul {margin: 40px 0 0 0;}
.fotimg.col-33 {width:100%;}
.fotimg.col-33 > div {width:50%;margin:0 0 40px 25%;}
.vopros {height:auto;}
.vopros .col-50 {width:100%; overflow:hidden;}
.bltxt .col-50 {width:100%;}
.bltxt .col-50:nth-of-type(2), .bltxt .col-50 > div {height:auto;}
.bltxt {position:relative; overflow:hidden;}
.akcia {padding:40px 0 10px 0;}
.foot-nuz .hed-logo sup {font-size: 11px;}
.sectcatnews > .col-75 {width:60%;}
.sectcatnews > .col-25 {width:40%;}
.pid-c2.cenasil {left:390px;top:415px;} 
.teloadkom {padding:0 1% 0 1%;}
.shkomn dt {width:40%}
.shkomn dd {width:60%;}
}


@media (max-width: 1100px) {
header nav {right:210px;}
.videofon {height:580px;}
.fixed-rull .hed-logo u, .fixed-rull .hed-logo i, .fixed-rull .hed-logo sup {display:none;}
.ramka .footer > .col-50 {width:100%; padding:0 15px 0 15px;}
}

/* ===  MOBIL 930 ===  */
@media (max-width: 930px) {
.videofon {height:500px;}
.fixed-rull {position:relative;}
.fixed-rull::after, .brigada p:nth-of-type(2)::after, #chkmenu ~ label > nav {display:none;}
.btn-menu{display:block;}
.brigada::before {display:none;}
.hed-logo {margin:14px 0 0 -9px;width:250px; font-size: 20px;}
.hed-logo sup {font-size: 12px;letter-spacing:0.7px;}
.hed-logo img {width:53px;height:53px;margin:-6px 5px 0 0;}
.lazer > .col-50 {width:100%;}
.laz-liv::before {transform:scale(0.5, 0.5);margin-bottom: -50px;right: 70px;}
.ramka .brigada {padding:40px 0 0 3%;}
.ramka .brigada u {position:relative;left:0;bottom:0;display:block; width:100%; padding:0 20px 20px 20px;}
.brigada u:nth-of-type(5) {margin:20px 0 0 20px;}
.ramka .brigada p {position:relative; width:94%;left:3%; top:0;text-transform:none;}
.nadfoot {padding: 60px 0 90px 0;}
.nadfoot .col-25 {width:50%;margin-top:25px;}
.telnubmob { width:100%; background:#1695c7; font-size:29px; padding:16px 0 16px 0;text-align:center; color:#fff; position:fixed;bottom:0;left:0;z-index:910;}
.fixdl {display:block;}
.telnubmob:hover {background:#ff5d04; color:#fff;}
.sectcatnews > .col-75, .sectcatnews > .col-25 {width:100%; margin:0;}
.dm-cell { width:96%;position:fixed;left:2%;top:20%;padding:10px;}
.kartamap .col-25, .kartamap .col-100, .kartamap  .col-60, .kartamap .col-40 {width:100%;}
.opus-kategorii .col-60, .opkat-4bl .row > .col-25 {width:100%;}
.opus-kategorii .col-40{width:100%;padding:5px;}
.opisfotop {padding:12px;}
.fotextcat .col-50 {width:100%;}
.fotoblock-2 {padding:0;}
.pidvideo.pid-v3 > div sub u {text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;} 
.ryka-telf.rykfixdl {top:5px;}
aside {width:100%!important;} 
.footer {padding-bottom:40px;}

}


@media (max-width: 850px) {
.cena .col-33 {width:100%;}	
.cena .col-33:nth-of-type(3) {margin-top:30px;}
.foot-form::after, .foot-smart {display:none;}
.foot-form {width:100%; margin:0 0 40px 0; min-height:450px;overflow: hidden;}
.foot-nuz .hed-logo {width:310px; position:absolute; top: 50px; right:50%; left:auto; margin-right:-150px;}
.foot-nuz .hed-logo a {width:100%;}
.foot-nav {text-align: center; position:relative; bottom:0;right:0;}
.foot-nav a {padding: 3px 20px 3px 20px; text-transform:uppercase; margin-bottom:20px; border:none;}
.fnuz-polit {width:100%;text-align:center;right: 0;bottom: 20px;}
.fnuz-polit a {margin: 0 20px 20px 20px;font-size: 13px;}
.feedback .col-60 {padding:0 10px 0 10px;}
.feedback .prorab .col-50 {width:100%;}
.addform {margin:20px 0 0 0;}
.addform button {font-size: 16px;padding: 1px 12px 1px 12px;}
.infbl2 .col-70, .infbl2 .col-30 {width:100%;}
}

@media (max-width:750px) {
.videofon {height:420px;}
.pidvideo .bg-stancia {display:none;}
.pidvideo > div {width: 90%;  padding: 25px 30px 30px 30px; left: 5%;top: -385px;border: 7px solid #ff5d04;}
.pidvideo > div sub {font-size: 35px;}
.viddeo { width: 150%;}
.prorab .tablink, .prorab .tabcontent {display:none; margin:0;}
.livprbl.row .col-20{width:33%;}
.nadfoto p {margin: 20px 3% 40px 3%; width:90%;}
.nadfoot .col-25 {width:100%;}
.feedp {padding: 60px 5px 30px 5px;}
.feedp .col-50 {width:100%;margin-bottom:20px;}
.glav-razds .col-20 {width:33.333%;margin-bottom:20px;}
}


@media (max-width:620px) {
header {height:140px;margin-top:20px;}
.hed-tel {width: 240px;top:75px;right:50%; margin-right:-120px;}
.hed-tel s {display:none;}
.hed-tel a {margin-top:30px;}
.btn-menu {top:45px;left:auto;right:30px;}
.hed-logo {position:relative;margin:25px 0 0 -135px; left:50%;}
#chkmenu:checked ~ label > nav{ top:150px; padding:20px;}
.pidvideo > div sup {font-size: 49px;}
.pidvideo > div::after {width: 255px;}
nav .menu li {width:100%; text-align:center;margin: 15px 0; display:block; float: none;}
nav .menu li a {font-size:21px;} 
.pryslugi ul::before {bottom: -100px; left: 40px;}
.pryslugi p {padding: 60px 20px 1px 20px;}
.fotimg.col-33 > div {width:90%;margin:0 0 40px 5%;}
.fotimg li img, .fotoalbom li a {height:50px;}
.bltxt .col-50 > div {margin-top:0; padding: 50px 30px 50px 30px;}
.bltxt .col-50:nth-of-type(1) {display:none;}
.akcia img {display:none;}
.telnubmob {font-size:24px; padding:6px 0 6px 0;}
.knopkiakc .col-33 {width:100%;margin:10px auto 10px auto;}
.kartamap .col-50 {width:100%;}
.short-v3 {width:100%;padding:20px 15px 20px 15px;}
.feedback .pryslugi.col-40 {display:none;}
.ryka-telf {width:100%;top:0;font-size:17px;right:0;}
.ryka-telf.rykfixdl {transform: rotate(0deg);right:0;top:0;} 
.pid-c2.cenasil {left:50%;right:auto;margin-left:-100px;top:490px; z-index:33; } 
.shkomn dt {display:none;}
.shkomn dd {width:100%;}
.teloadkom .col-50 {width:100%;}  
.teloadkom .col-50:first-of-type {padding-right:0; margin-bottom:10px;}
.teloadkom .col-33 {width:100%;}
.lastkom-fulltelo .laskom {width:100%;}
.hed-tel a {margin-top:20px;}
.c-captcha > a {display:block; width:250px; margin:8px 0 8px 35%;}
.bl-lin .row .col-50, .bl-lin .row .col-50:nth-of-type(2) {min-height:60px;padding:20px;}
.bl-lin img, .bl-lin .row .col-50:nth-of-type(2)::before {display:none;}
.lin-txt .col-50 {width:100%;}
.bl-lin > i {width:90%;padding: 8px 5% 8px 5%;}
.pidvideo.pid-v2.pid-v5 sub {font-size:27px; color:#fff; bottom:-70px; text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;}
.pidvideo.pid-v2 > div {background: rgba( 255, 255, 255, 0.7);}
}

@media (max-width: 480px) {
.no-480, .no-smartfon {display:none;}
.zaghedh {font-size:16px;}
.zag-h2-smart {font-size:14px;}
.viddeo { width: 190%;}
.pidvideo > div sup {font-size:45px;}
.pidvideo > div sub {bottom: -130px;font-size:26px; left:0;}
 .pidvideo > div::after {width: 212px;}
.livprbl.row .col-20{width:50%;}
.pryslugi ul::after, .pryslugi > div span {display:none;}
.nadfoto p {width:87%;}
.akcia {padding: 40px 15px 10px 15px;}
.foot-nuz .hed-logo { margin-right:-190px; top:20px;}
.xfieldimagegallery.fotoalbom {margin:10px 0 10px 0; padding:0;}
.shortfoto .fotoalbom li {margin:16px 0 0 8px;}
.tab-hypinv dd {font-size:20px; padding:0 20px 0 0;}
.pidvideo.pid-v2 > div sub {bottom: -40px;}
.pidvideo.pid-v3 > div sub {bottom:-47px;}
.cenasil {left:25%;}
.lazer::before {left:21px;}
.pidvideo.pid-v2 > div {top: -410px;}
.opkat-4bl > .row {margin:0;}
.opkat-4bl .row > .col-25 {min-height:150px; margin-bottom:30px;}
.opus-kategorii h1 {font-size: 40px;}
#q_search {width:290px;left: 50%; top: 70px;right:auto; margin-left:-145px;}
.text-v3  .col-33 {width:100%;}
.glav-razds .col-20 {width:50%;}
.bl-lin .row .col-50, .bl-lin .row .col-50:nth-of-type(2) {width:100%;}
}


@media (max-width: 380px) {
.hed-logo {margin:25px 0 0 -155px;}
.viddeo { width:220%;left:-150px;}
.laz-txt {padding:0 1% 0 3%;}
.fott-tel a {font-size: 43px;}
.pidvideo.pid-v2.pid-v4 sub {bottom:-20px;}
.pidvideo.pid-v2 > div sub {bottom: -65px;}
.pidvideo.pid-v2.pid-v3 > div sub {bottom: -40px;}
.pid-c2.cenasil {margin-left:-100px;} 
.pidvideo > div sup {font-size: 40px;}
.c-captcha > a {margin:8px 0 8px 19%;}
}   
@media (max-width: 355px) {    
.pidvideo.pid-v2.pid-v5 sub {bottom:-124px;} 
   
}