@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; }
.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; width: 30%; }
#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: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; }
	#head-pic { width: 20%; margin-left: 40%; }
	#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 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

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

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

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

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
    
    .white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

#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; }
}