/* 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-75 {width:75%;}
.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-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;}

}


@media (max-width: 1730px) {
nav .menu li a {font-size:19px;}
#q_search {width:250px;}
    
}
@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%;}
header nav {right: 300px;}
}


@media (max-width: 1444px) {
.row > [class*='col-'] {padding:0 2.2% 0 2.2%;}
#q_search {width:300px;left:auto;top:5px;right: 360px;}
header nav {top:40px;}
.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;}
.foot-smart {left:10%;}
.sectcatnews.row {width:98%;margin:10px 1% 10px 1%;}
}



@media (max-width: 1300px) {
.hed-logo {margin:0;}
#q_search {right: 320px;}
.hed-logo {width:280px;font-size: 24px;}
.hed-logo sup {font-size: 15px;}
.hed-logo img {width:60px; height:60px; margin: 1px 5px 0 0;}
.opus-kategorii h1 {font-size:50px;}
.opkat-4bl .row > .col-25 {width:50%;}
}


@media (max-width: 1225px) {
.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%;}
}


@media (max-width: 1100px) {
.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, #q_search, .brigada p:nth-of-type(2)::after, #chkmenu ~ label > nav {display:none;}
.btn-menu{display:block;}
.q_search, .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;}
.ryka-telf {transform:scale(0.6, 0.6);}
.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;}
}


@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: 60px;}
.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;}

}

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

}


@media (max-width:620px) {
header {height:150px;}
.hed-tel {width: 240px;top:75px;right:50%; margin-right:-120px;}
.btn-menu {top: 15px;left:auto;right:30px;}
.hed-logo {position:relative;margin:14px 0 0 -135px; left:50%;}
#chkmenu:checked ~ label > nav{ top:150px; padding:20px;}
.pidvideo > div sup {font-size: 55px;}
.pidvideo > div::after {width: 255px;}
nav .menu li {width:100%; font-size:29px; margin:25px 0 25px 0; text-align:center;display:block; float: none;}
.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;}
}

@media (max-width: 480px) {
.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:31px; 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;}
.fott-tel::after {display:none;}
.tab-hypinv dd {font-size:20px; padding:0 20px 0 0;}
}


@media (max-width: 380px) {
.hed-logo {margin:14px 0 0 -155px;}
.viddeo { width:220%;left:-150px;}
.laz-txt {padding:0 1% 0 3%;}
.fott-tel a {font-size: 43px;}
}