@media (min-width:1281px) { /* hi-res laptops and desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }


* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
@viewport{user-zoom: fixed;}

html, body, div, span, p, a, h1, h2, h3, em, img, strong, form, label, b, u, i, ul, li { font-style: normal; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-weight: normal; }
u { text-decoration: none; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; }
input, a { outline: none; }
div, span, ul, ul li { float: left; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #0b5c78; text-decoration: none; }
a:hover { color: #c72412; text-decoration: underline; }


#header { width: 100%; height: 550px; position: relative; background: url(/i/longbg.jpg); background-position: bottom; text-shadow: 1px 1px 0 #fff; height: 550px; padding-bottom: 1.2em; }
.cont { float: none; margin: 0 auto; width: 100%; max-width: 1024px; }

#head { padding: 3em 0 0 14em; }
h1 { float: left; width: 100%; font: 350%/1 Dnc, Arial Narrow, Arial; color: #0b5c78; text-transform: uppercase; }
h1 i { color: #0b5c78; display: block; text-transform: none; }

#imglock { float: right; width: 30% }


#top-phone { height: 100px; position: absolute; bottom: 0; }

#help1 { border-top: 1px dashed #999; padding: 1.5em 0 2.5em 0; }

#help { width: 98%; color: #333; }
#help li { width: 25%; margin: 1em 0 0 0; }
#help i { float: left; font: 130%/1.2 Dnc; width: 75%; padding: .2em 0 0 .7em; }
#help img { float: left; width: 23%; }

#accent { width: 100%; font: 90%/1.5 Arial; padding-left: 1em; }
#accent li { width: 100%; background-position: left; background-repeat: no-repeat; padding-left: 1.7em; margin-bottom: .2em; }

#accent-a { font: bold 95%/1 Arial; margin: 1em 0 .5em 0; float: left; width: 100%; }

.cont1 { float: left; width: 100%; }

#contact { width: 100%; }

a.phone { text-decoration: none; cursor: default; float: left; font: 260%/1.3 Dnc, Arial Narrow, Arial; margin-top: .3em; color: #fff; text-shadow: 1px 1px 0 #000; padding: 0 .6em 0 .6em; border-radius: .15em; }

#map { width: 100%; height: 350px; }

#logo { padding: .8em 0 .8em 4.5em; background: url(/i/logo.png) no-repeat left; text-shadow: 0 1px 0 #000; vertical-align: bottom; text-transform: lowercase; float: left; text-decoration: none; font: 100%/1 Arial; color: #fff; }
#logo:before { color: #ccc; content: "avariynoe-vskritie"; font: 150%/1 Dnc; display: block; text-transform: uppercase; margin-bottom: .07em; }
#logo:hover:before { color: #fff; }

#nav { background: url(/i/menubg.png); border-bottom: 3px solid #000; }
#nav-menu { z-index: 15; float: right; text-align: center; color: #999; font: 95%/1 Arial; border-left: 1px solid #000; border-right: 1px solid rgba(255,255,255,.1); }
#nav-menu li { border-right: 1px solid #000; border-left: 1px solid rgba(255,255,255,.1); }
#nav-menu a { text-decoration: underline; float: left; color: #ccc; width: 100%; text-align: center; padding: 1.6em 1.2em 1.55em 1.2em; }
#nav-menu a:hover { background: rgba(0,0,0,.2); color: #fff; }
#nav-menu a.act { cursor: default; text-decoration: none; color: #fff; background: rgba(0,0,0,.5); }
#mobile-menu { display: none; }

#page-head { background: url(/i/phbg.png); padding: 3em 0 1em 0; border-bottom: 1px dotted #ccc; }
#head-pic {
  float: left;	
  display: block;
  margin: 0 auto 0.25em auto;
  max-width: 180px;
  width: 42vw;
  min-width: 70px;
  height: auto;
  border-radius: 0.45em;
  box-shadow: 0 2px 8px rgba(80,90,110,0.05);
}
#page-head h1, #page-head p, #breadcrumbs { float: right; width: 65%; }
#page-head h1 { font: 300%/1.2 Dnc; text-transform: none; }
#page-head p { font: 170%/1.3 Arial; color: #222; margin: .75em 0 1.4em 0; }
#page-head p i { color: #4a16cf; }

#ph-phone { float: left; background: #1949c0; font: 250%/1.7 Dnc; border-radius: .15em; text-decoration: none; cursor: default; color: #fff; margin: 0 0 0 1.3em; padding: 0 .7em 0 .7em; text-shadow: 0 1px 2px #111; }

#content { padding-top: 1em; padding-left: 1em; padding-right: 1em; }
#content p { float: none; font: 100%/1.5 Arial; color: #111; margin-bottom: 1em; }
#content h2 { margin: 1em 0 .3em 0; float: none; }
#content h3 { margin: 1em 0 .3em 0; float: none; text-transform: none; }
#content strong, #content b { font-weight: bold; }


.uslugi-pic { float: left; border-radius: 10em; border: 5px solid #ccc; width: 7em; margin: 0 1.5em .7em 0; }
#content .module { padding: 0 1.5em 0 1.5em; }

#content-feedback { padding-top: 1em; padding-left: 1em; padding-right: 1em; }
#content-feedback p { float: none; font: 100%/1.5 Arial; color: #111; margin-bottom: 1em; }
#content-feedback h2 { margin: 1em 0 .3em 0; float: none; }
#content-feedback h3 { margin: 1em 0 .3em 0; float: none; text-transform: none; }
#content-feedback strong, #content b { font-weight: bold; }


.uslugi-pic { float: left; border-radius: 10em; border: 5px solid #ccc; width: 7em; margin: 0 1.5em .7em 0; }
#content-feedback .module { padding: 0 1.5em 0 1.5em; }

#content-review { padding-top: 1em; padding-left: 1em; padding-right: 1em; }
#content-review p { float: none; font: 100%/1.5 Arial; color: #111; margin-bottom: 1em; }
#content-review h2 { margin: 1em 0 .3em 0; float: none; }
#content-review h3 { margin: 1em 0 .3em 0; float: none; text-transform: none; }
#content-review strong, #content b { font-weight: bold; }


.uslugi-pic { float: left; border-radius: 10em; border: 5px solid #ccc; width: 7em; margin: 0 1.5em .7em 0; }
#content-review .module { padding: 0 1.5em 0 1.5em; }

.w50 { width: 50%; padding: .5em; }

#photo { width: 100% !important; float: left; padding: 0 !important; list-style-type: none !important; }
#photo li { width: 20% !important; padding: 1em; }
#photo img { float: left; width: 100%; box-shadow: 0 1px 3px #999; border-radius: .5em; }

.cont5 { width: 50%; padding: .5em; }

#price-list { width: 100%; margin-bottom: 2em;}
#price-list td, #price-list th { border: 1px solid #aaa; padding: .5em .7em .5em 1em; font: 95%/1.4 Arial; }
.prc-p { width: 10em; }
#prc-z { font-size: 80% !important; margin: 0 0 2.5em 0 !important; }
#price-list th { text-align: center; background: #efefec; font-weight: bold; }

#cont-tab { width: 100%; font: 100%/1.4 Arial; }
#cont-tab td { border: 1px solid #999; padding: .5em 1em .5em 1em; }


h3 { float: left; width: 100%; font: 150%/1.5 Dnc; text-transform: uppercase; }

#city-price { width: 100%; font: 90%/2 Arial; float: left; margin: 1em 0 1em 0; }
#city-price td { border: 1px solid #999; padding-left: .8em; }
#city-price tr:hover { background: rgba(0,0,0,.07); cursor: pointer; }
.a_cp_name { width: 60%; }

.txt { width: 33%; padding: 1em; }
.txt b, .txt strong { font-weight: bold; }
.txt p { float: left; width: 100%; padding: 0; font: 90%/1.5 Arial; color: #111; margin-bottom: 1em; }
h2 { float: left; width: 100%; font: 160%/1.1 Dnc; margin-bottom: 1em; }
span.h2 { float: left; width: 100%; font: 160%/1.1 Dnc; margin-bottom: 1em; }
#cont3 { margin: 2em 0 2em 0; }

#price { float: left; width: 100%; font: 80%/2 Arial; color: #222; margin-bottom: 2em; }
#price td { border: 1px solid #aaa; padding: 0 0 0 .6em; }
.price-serv {  }


#citys { text-align: center; margin-bottom: 1em; }
#citys a, #citys p { color: #777; font: 80%/1 Arial; text-decoration: none; cursor: default; }
#citys p { line-height: 1.5; }


#bottom-phone, #text-phone { font-size: 210%; }
#text-phone { float: right; }

#menu { border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; padding: 2em 0 2.5em 0; }
#menu ul { width: 100%; font: 130%/1 Dnc; text-align: center; }
#menu li { width: 14%; }
#menu li a { width: 100%; float: left; text-decoration: underline; }
#menu li a.act { color: #000; text-decoration: none; cursor: default; }
#menu img { width: 60px; height: 60px; }

#menu-head { border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; padding: 2em 0 2.5em 0; }
#menu-head ul { width: 100%; font: 130%/1 Dnc; text-align: center; }
#menu-head li { width: 14%; }
#menu-head li a { width: 100%; float: left; text-decoration: underline; }
#menu-head li a.act { color: #000; text-decoration: none; cursor: default; }
#menu-head img { width: 60px; height: 60px; }

#quest { text-align: center; font: 180%/1 Dnc; color: #888; margin: .5em 0 1.5em 0; }

#sett-adr, #sett-phone { width: 50%; padding: 1em; }
#sett-adr strong, #sett-phone strong { float: left; width: 100%; font: 150%/1 Dnc; text-align: center; margin-bottom: 1em; }

#sett-adr { border-right: 1px dashed #aaa; }
#sett-phone table { font: 90%/1 Arial; width: 100%; }
#sett-phone table td { border: 1px solid #666; }
#sett-phone input { float: left; width: 100%; margin: 0; padding: .6em 0 .5em .8em; font: 95%/1 Arial; border: none; }

.phn-city { width: 45%; padding-left: .5em; }
.adr-city { width: 40%; padding-left: .5em; }

#call-now { display: none; z-index: 6; position: fixed; bottom: 1em; right: 1em; width: 4em; height: 4em; background: #066095 url(/i/call-now.png); background-repeat: no-repeat; background-position: 50%; background-size: 45%; border-radius: 3em; }

.print_r{  border: 1px solid #666; margin: 10px; padding: 10px; font: 90%/1.5 Arial; border-radius: 4px; box-shadow: 2px 2px 2px #999;}
.coment{ border: 2px solid #066095; align: center; margin: 10px; padding: 10px; font: 90%/1.5 Arial; border-radius: 4px; box-shadow: 2px 2px 2px #066095;}

.sh4 { float: left; width: 100%; margin: 0 0 1em 0; padding: 0; font: 160%/1.2 Dnc, Arial; text-align: center; }
#filialy { background: rgba(102, 102, 102, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
#okno1 { width: 50%; height: 800px; text-align: center; padding: 15px; border: 3px solid #0b5c78; border-radius: 10px; color: #0b5c78; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;; background: #fff; }
#okno1 a { font-weight: bold; color: #0b5c78; text-decoration: underline; }
#filialy:target {display: block;}
.close { display: inline-block; border: 1px solid #0b5c78; color: #0b5c78; padding: 0 12px; margin: 10px; text-decoration: none; background: #f2f2f2; font-size: 14pt; cursor:pointer; }
.close:hover {background: #e6e6ff;}

#magaziny { background: rgba(102, 102, 102, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; }
#okno2 { width: 50%; height: 700px; text-align: center; padding: 15px; border: 3px solid #0b5c78; border-radius: 10px; color: #0b5c78; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;; background: #fff; }
#okno2 a { font-weight: bold; color: #0b5c78; text-decoration: underline; }
#magaziny:target {display: block;}
.close { display: inline-block; border: 1px solid #0b5c78; color: #0b5c78; padding: 0 12px; margin: 10px; text-decoration: none; background: #f2f2f2; font-size: 14pt; cursor:pointer; }
.close:hover {background: #e6e6ff;}

#firmy { background: rgba(102, 102, 102, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
#okno3 { width: 100%; font: 100%/1.4 Arial; text-align: center; padding: 15px; border: 3px solid #0b5c78; border-radius: 10px; color: #0b5c78; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 1em 0 2.5em 0; background: #fff; }
#okno3 a { font-weight: bold; color: #0b5c78; text-decoration: underline; }
#firmy:target {display: block;}
.close { display: inline-block; border: 1px solid #0b5c78; color: #0b5c78; padding: 0 12px; margin: 10px; text-decoration: none; background: #f2f2f2; font-size: 14pt; cursor:pointer; }
.close:hover {background: #e6e6ff;}


@media (max-width:940px) {
	#head { padding-left: 10em; }
	#price { font-size: 80%; }
}

@media (max-width:865px) {
	#head { padding-left: 7em; }
	.txt { width: 50%; }
}

@media (max-width:810px) {
	#page-head h1 { font-size: 200%; }
	#page-head p { font-size: 130%; }
	#ph-phone { font-size: 220%; background-size: 1.5em; }
}

@media (max-width:768px) {
	#header { background-position: right; }
	#head { padding-left: 2em; padding-right: 1em; }
	
	#help li { width: 25%; margin: 1em 0 0 0; text-align: center; }
	#help i { float: left; font: 130%/1.2 Dnc; width: 100%; padding: .2em 0 0 .7em; }
	#help img { float: none; width: 40%; }
	#help { margin-top: 2em; }

	#ab-h2 { font-size: 160%; }

	#nav { font-size: 90%; padding-left: .8em; }
}

@media (max-width:675px) {
	#nav-menu { display: none; }
	#mobile-menu { display: block; }
	#mobile-menu { float: right; width: 4.2em; height: 4.2em; outline: none; cursor: pointer; background: url(/i/mobile-menu.png) no-repeat 50%; border: none; }
	#mobile-menu.act { background-color: #fff; background-image: url(/i/close-menu.png); }
	#nav-menu { width: 100%; padding: 1em; border: none; text-shadow: none !important; font: 100%/1 Arial !important; position: absolute; top: 3.9em; left: 0; background: #fff; box-shadow: 0 4px 5px #999; }
	#nav-menu li { width: 100% !important; border: none; }
	#nav-menu a { line-height: 2em; text-align: left; color: blue !important; padding: 0 0 0 .5em; }
	#nav-menu a:hover, #nav-menu a.act { background: none; }
}


@media (max-width:620px) {
	a.phone { font-size: 220%; }
	
	h1 { font-size: 270%; }
	
	.txt { width: 100%; font-size: 90%; }

	#photo li { width: 33.333% !important; }
}

@media (max-width: 600px) {
  #head-pic {
    max-width: 95vw;
    width: 95vw;
    min-width: unset;
    margin-top: 0;
    margin-bottom: 0.5em;
    border-radius: 0.7em;
  }
  #header,
  #page-head {
    margin-bottom: 1.6em!important;
  }
}
@media (max-width:481px) {
	#head { padding: 1em; }
	h1 { font-size: 220%; text-align: center; }
	#imglock { display: none; }

	#help { padding-left: 1em; }
	#help li { width: 100%; margin: 1em 0 0 0; text-align: left; }
	#help i { float: left; font: 130%/1.2 Dnc; width: 75%; padding: .2em 0 0 .7em; }
	#help img { float: left; width: 20%; }
	
	#citys { display: none; }
	
	#menu { padding: 1em 0 1em 3em; }
	#menu ul { width: 100%; font: 130%/1 Dnc; text-align: left; }
	#menu li { width: 100%; }
	#menu li a { width: 100%; float: left; text-decoration: underline; }
	#menu img { width: 45px; height: 45px; float: left; margin: .5em .5em 0 0; }
	
	#menu-head { padding: 1em 0 1em 3em; }
	#menu-head ul { width: 100%; font: 130%/1 Dnc; text-align: left; }
	#menu-head li { width: 100%; }
	#menu-head li a { width: 100%; float: left; text-decoration: underline; }
	#menu-head img { width: 45px; height: 45px; float: left; margin: .5em .5em 0 0; }
	
	#call-now { display: block; }
	#map {height: 8em;}
	#nav-menu { font-size: 75%; padding-bottom: 1em; text-shadow: 0 1px 0 #000; }
	#nav-menu li { width: 33.333%; padding: 0; margin-top: 1em; }
	#nav-menu a { color: #ccc; text-decoration: underline; }
	
	#page-head { padding: 1.5em 0 1em 0; }
	#page-head h1, #page-head p, #ph-phone { width: 100%; text-align: center; }
	#page-head br, #breadcrumbs { display: none; }
	#page-head h1 { font-size: 160%; }
	#page-head p { line-height: 1.5; font-size: 100%; margin: 1em 0 .7em 0; }
	#ph-phone { font-size: 200%; padding: 0; margin: .25em 0 .2em 7%; width: 86%; }
	
	#content { font-size: 82%; }
	
	#okno1 { width: 50%; height: 100%; }
	#okno2 { width: 100%; height: 100%; }
	
.w50 { width: 50%; padding: .5em; }

    #photo li { width: 50% !important; }
	#photo img { border: 5px solid #fff; border-radius: .25em; }
}

.gr-orn {
background: #ffb600;
background-image: -webkit-gradient(linear, left top, left bottom, from(#035780), to(#0b6eb5));
background-image: -moz-linear-gradient(#035780, #0b6eb5);
background-image: -ms-linear-gradient(#035780, #0b6eb5);
background-image: -o-linear-gradient(#035780, #0b6eb5);
background-image: -webkit-linear-gradient(#035780, #0b6eb5);
}


/*.gr-orn:hover { background: #3e24cc; }
.gr-orn:active { background: #2d17a6; }*/

/* Magnific Popup CSS */
.mfp-bg {
  position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  background: #0b0b0b; opacity: 0.8; z-index: 1042;
}

.mfp-wrap {
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1043;
  outline: none;
}

.mfp-container {
  box-sizing: border-box;
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  text-align: center; padding: 0 8px;
  display: flex; align-items: center; justify-content: center;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-close {
  position: absolute; right: 0; top: 0;
  width: 44px; height: 44px; line-height: 44px;
  color: #fff; background: none; border: 0;
  font-size: 28px; font-family: Arial, Baskerville, monospace;
  text-align: center; opacity: 0.65; cursor: pointer;
  text-decoration: none;
  z-index: 1046;
}

.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-hide { display: none !important; }

/* Содержимое pop-up */
.white-popup {
  position: relative;
  background: #fff;
  padding: 20px 30px 20px 20px;
  max-width: 500px;
  width: 100%;
  margin: 20px auto;
  border-radius: 8px;
  box-shadow: 0 6px 40px rgba(0,0,0,0.30);
}

/* Для мобил */
@media (max-width:600px) {
  .white-popup {
    max-width: 95vw;
    padding: 13px 10px 13px 13px;
  }
  .mfp-close {
    width: 36px; height: 36px; line-height: 36px; font-size: 22px;
  }
}

.mfp-bg {
  position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  background: #0b0b0b; opacity: 0.8; z-index: 1042;
}

.mfp-wrap {
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1043;
  outline: none;
}

.mfp-container {
  box-sizing: border-box;
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  text-align: center; padding: 0 8px;
  display: flex; align-items: center; justify-content: center;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-close {
  position: absolute; right: 0; top: 0;
  width: 44px; height: 44px; line-height: 44px;
  color: #fff; background: none; border: 0;
  font-size: 28px; font-family: Arial, Baskerville, monospace;
  text-align: center; opacity: 0.65; cursor: pointer;
  text-decoration: none;
  z-index: 1046;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-hide { display: none !important; }

/* Содержимое pop-up */
.white-popup {
  position: relative;
  background: #fff;
  padding: 20px 30px 20px 20px;
  max-width: 500px;
  width: 100%;
  margin: 20px auto;
  border-radius: 8px;
  box-shadow: 0 6px 40px rgba(0,0,0,0.30);
  box-sizing: border-box;
}

/* Адаптация для изображений внутри pop-up */
.white-popup img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 10px auto 0 auto;
  border-radius: 4px;
  box-shadow: 0 2px 14px rgba(0,0,0,0.10);
}

/* Для мобил */
@media (max-width:600px) {
  .white-popup {
    max-width: 95vw;
    padding: 13px 10px 13px 13px;
  }
  .mfp-close {
    width: 36px; height: 36px; line-height: 36px; font-size: 22px;
  }
}

#region { width: 100%; font: 95%/1.5 Arial; }
#region span { width: 100%; }
#region li { width: 100%; border-top: 1px dashed #ccc; padding: 1em 0 1em 0; }
#region li i, #region li b { font-weight: bold; }
#region li a { font-weight: bold; }

.region-contacts { width: 50%; font: 100%/1.5 Arial; margin: .5em 0 1.5em 3.1em; }
.region-contacts span { width: 100%; }
.region-contacts b { font-weight: bold; }

#konk { width: 100%; font: 95%/1.5 Arial; }
#konk span { width: 100%; }
#konk li { width: 100%; border-top: 1px dashed #ccc; padding: 1em 0 1em 0; }
#konk li i, #konk li b { font-weight: bold; }
#konk li a { font-weight: bold; }

.konk-contacts { width: 50%; font: 100%/1.5 Arial; margin: .5em 0 1.5em 3.1em; }
.konk-contacts span { width: 100%; }
.konk-contacts b { font-weight: bold; }

#magaz { width: 100%; font: 95%/1.5 Arial; }
#magaz span { width: 100%; }
#magaz li { width: 100%; border-top: 1px dashed #ccc; padding: 1em 0 1em 0; }
#magaz li i, #magaz li b { font-weight: bold; }
#magaz li a { font-weight: bold; }

.magaz-contacts { width: 50%; font: 100%/1.5 Arial; margin: .5em 0 1.5em 3.1em; }
.magaz-contacts span { width: 100%; }
.magaz-contacts b { font-weight: bold; }

#comments { text-shadow: 1px 1px 0 #fff; border-bottom: 1px dashed #999; margin: 1em 0 1.5em 0; }
.comment { width: 100%; margin: 0 0 1em 0; background: #e0e0e0; padding: 1em; border-radius: .5em; }

.comment span { width: 30%; }

.user, .date { width: 100%; float: left; font: 95%/1.5 Arial; }
.date { color: #777; }
.user { font-weight: bold; }
.comment-text { width: 70%; float: right;font: 95%/1.5 Arial; border-left: 5px solid #5c94b1; padding-left: 1.5em; }

@media (max-width:481px) {

#comments { font-size: 85%; padding: 1em; }
	#comments h2 { font: 220%/1 Dnc; float: left; width: 100%; text-align: center; }
	.comment { margin: 0 0 1em 0; border-radius: 0; }

	.comment span { width: 100%; }
	.user { font-weight: bold; }
	.comment-text { width: 100%; font: 95%/1.5 Arial; border: none; padding: 0; }
}
.breadcrumb-vertical {
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* при желании */
}
@media (max-width: 620px) {
  #header {
    height: auto !important;
    min-height: 140px;
    padding-bottom: 0.8em !important;
    background-size: cover;
  }
  #page-head {
    margin-bottom: 0.7em !important;
    padding-top: 1em !important;
  }
  #content, #page-head {
    margin-top: 0.5em;
  }
}