a {text-decoration: none;}
a:link {text-decoration: none;color: #000000; }
a:visited {text-decoration: none;color: #000000; }
a:hover {text-decoration: none;color: #000000; }
a:active {text-decoration: none;color: #000000; }

body {font-size: 16px;font-family: 'Cuprum', sans-serif;margin: 0.5em;}

img.zoom {-moz-user-select: none; user-select: none;}
img.zoom:hover { display: block; position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: auto; height: auto; max-width: 99%; max-height: 99%; border: solid rgba(210,210,210,.4); border-width: 100vh 100vw; cursor: zoom-out;}
:not(:active) > img.zoom:not(:hover), img.zoom:active {pointer-events: none;}

#karkas {margin: 0 auto;max-width:1366px;min-width:300px;}

#panel_verh {width: 100%;height: 2.25em;background: #333333;color: #FFFFFF;font-size: 1.125em;display: inline-flex;justify-content: space-between;}
#panel_verh_a {margin-left: 5%;width: 53%;display: inline-flex;justify-content: space-between;}
#panel_verh_b {margin-right: 5%;text-align: right;width: 47%;display:inline-flex;justify-content: space-between;}
#panel_verh_s1 {width: 55%;text-align: left;align-items: center;display:inline-flex;justify-content: flex-start;white-space: nowrap;}
#panel_verh_s2 {width: 45%;text-align: center;display:inline-flex;align-items: center;justify-content: center;white-space: nowrap;}
#panel_verh_s3 {width: 50%;text-align: center;display:inline-flex;align-items: center;justify-content: center;white-space: nowrap;}
#panel_verh_s4 {width: 50%;text-align: right;display:inline-flex;align-items: center;justify-content: flex-end;white-space: nowrap;}
.znachok {width: 1.5em;height: 1.5em;}

#logo_menu {width: 100%;display: inline-flex;justify-content: space-between;margin: 1em 0 1em 0;}
#logo_menu_a {margin-left: 5%;width: 40%;max-width: 26em;}
#logo_menu_a img {width: 100%;height: auto;vertical-align:bottom;}
#logo_menu_b {margin-right: 5%;width: 45%;max-width: 500px;}
#poisk {height: 50%;display: flex;align-items: center;justify-content:flex-end;}
#menu {height: 50%;display: flex;justify-content: space-between;text-align: right;align-items: center;font-weight:bold;font-size: 1.125em;}
#podch {border-bottom: 2px solid #F74A00;}
#menu a {text-decoration: none;}
#menu a:link {color: #000000; }
#menu a:visited {color: #000000;}
#menu a:hover {color: #000000; border-bottom: 2px solid #F74A00;}
#menu a:active {color: #000000;border-bottom-style: none;}
.whitecol {color: white;}

#slider {width: 100%;margin-bottom: 1em;}
#slider img {width: 100%;max-width:1366px;height: auto;vertical-align:bottom;}

#kontent_a {float: left;width: 49%;}
#kontent_b {float: right;width: 49%;}
#panel_uslugi {width: 90%;height: 2.25em;line-height: 2.25em;font-size: 1.125em;background: #333333;color: #FFFFFF;padding-left: 10%;}
#panel_onas {width: 90%;height: 2.25em;line-height: 2.25em;background: #333333;font-size: 1.125em;color: #FFFFFF;padding-left: 10%;}
#uslugi {margin: 0.5em 0 1em 10%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;}
#onas {margin: 0.5em 10% 1em 10%;font-size: 1.125em;text-align:justify;}

#kontent_a2 {float: left;width: 33%;}
#kontent_b2 {float: right;width: 65%;}
#panel_a2 {width: 85%;height: 2.25em;line-height: 2.25em;font-size: 1.125em;background: #333333;color: #FFFFFF;padding-left: 15%;}
#panel_b2 {width: 92.5%;height: 2.25em;line-height: 2.25em;background: #333333;font-size: 1.125em;color: #FFFFFF;padding-left: 7.5%;}
#kontakty_a {margin: 0 0 0 15%;font-size: 1em;}
#kontakty_a ul {margin: 0;padding-left:0;}
#kontakty_a li {display:flex;align-items:center;padding-top: 1px;padding-bottom: 1px; margin: 1em 0 1em 0;}
#kontakty_b {margin: 1em 7.5% 1em 7.5%;font-size: 1.125em;text-align:justify;}
#ceny_a {margin: 0 15% 0 15%;font-size: 1em;}
#ceny_a ul {margin: 1em 0 1em 0;padding:0;}
#ceny_a li {display:flex;}
#uslugi_a {margin: 1em 15% 1em 15%;font-size: 1em;}
#uslugi_a1 a {display:block;margin: 1.5em 0 1.5em 0;}
#uslugi_a1 ul {margin: 0;padding:0 0 0 2.5em;}
#uslugi_a1 li {margin: -0.9em;padding:0;}
#uslugi_b {margin: 1em 7.5% 1em 7.5%;font-size: 1.125em;}
#uslugi_b ul {margin: 1em 0 1em 0;padding:0;}
#uslugi_b li {display:flex;margin: 1em 0 1em 0;padding: 0 0 0.5em 0;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: grey;}
#uslugi_b .blok {min-width:10em;text-align:left; margin:0 0.5em 0.5em 0;}

/* скрываем чекбоксы и блоки с содержанием */
.hide {display: none;}
.hide + label ~ div{display: none;}
/* оформляем текст label */
.hide + label {cursor: pointer;display: inline-block;width:100%;}
/* вид текста label при активном переключателе */
.hide:checked + label {color: rgba(247, 74, 0, 0.8);}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {line-height: 1.5;;display: block;padding: 1em;border-bottom: 1px solid gray;}
/* demo контейнер */
.demo { margin: 0;}
.vopot {background: #dadada;padding: 0.5em;}
.vopot:hover {background: rgba(247, 74, 0, 0.8);color: black;}

.blok {width:27%;height:5.125em;min-width:5.125em;margin:0.5em 0.5em 0 0;padding:0.5em;font-weight:bold;font-size:0.875em;background:#DADADA;background-size:cover;}
.blok:hover {background: rgba(247, 74, 0, 0.8);background-size: cover;}
.blok.a1 {background-image:url(images/mu.png);}
.blok.a2 {background-image:url(images/rs.png);}
.blok.a3 {background-image:url(images/pt.png);}
.blok.a4 {background-image:url(images/pg.png);}
.blok.a5 {background-image:url(images/te.png);}
.blok.a6 {background-image:url(images/uk.png);}

#panel_cert {width: 90%;height: 2.25em;line-height: 2.25em;background: #333333;color:#FFFFFF;padding-left: 5%;padding-right: 5%;font-size: 1.125em;display:inline-block;}
#cert {margin: 1em 5% 1em 5%;text-align:center;font-size: 1.125em;}
.blok_a {display:inline-block;vertical-align: middle;max-width:10em;margin:0.25em;background:#DADADA;font-size:0.875em;}
.blok_a.sd2 {max-width:7em;}
.blok_a img {vertical-align:bottom; width:100%; height:100%;}

#podval {width: 95%;vertical-align:bottom;background: #333333;color: #FFFFFF;padding-left: 5%;display: flex;  flex-wrap: wrap;}
#podval_panel_verh {width: 100%;height: 2.25em;line-height: 2.25em;background: #333333;color: #FFFFFF;font-size: 1.125em;}
#podval_a {width: 15em;border-right-style: solid;border-right-width: 1px;border-right-color: grey;align-self: center;}
#podval_a1 {margin-right: 0.5em;}
#podval_a ul {margin: 0;padding-left:0;}
#podval_a li {display:flex;align-items: center;padding-top: 1px;padding-bottom: 1px;}
#podval_b {width: 60%;float: left;text-align: left;margin-left:1em; align-self: center; line-height: 1.65;}
#podval_panel_niz {width: 100%;height: 2.25em;line-height: 2.25em;background: #333333;color: #FFFFFF;font-size: 1.125em;}

@media screen and (min-width:1281px) {body {font-size: 115%;}}

@media screen and (max-width:800px) {body {font-size: 100%;}
#panel_verh {height: 4.5em;display: block;}
#panel_verh_a {margin-left: 5%;margin-right: 5%;width: 90%;height: 2.25em;}
#panel_verh_b {margin-left: 5%;margin-right: 5%;height: 2.25em;width: 90%;border-top-style: solid;border-top-width: 1px;border-top-color: grey;}
#panel_verh_a div {justify-content: center;}
#panel_verh_b div {justify-content: center;}

#poisk {display: none;}
#logo_menu_a {display:block;margin: 0 auto;text-align:center;float:none;width: 100%;}
#logo_menu {display: block;margin-top: 1em;}
#logo_menu_b {display:block;margin: 0 auto;width: 100%;margin-top: 1em;height: 2.5em;background: #333333;color: #FFFFFF;max-width:100%;}
#menu {margin-left: 5%;margin-right: 5%;height: 100%;background: #333333;color: #FFFFFF;font-size: 1.125em;justify-content: space-around;}
#menu a:link {color: #FFFFFF; }
#menu a:visited {color: #FFFFFF;}
#menu a:hover {color: #FFFFFF; border-bottom: .125em solid #F74A00;}
#menu a:active {color: #FFFFFF;border-bottom-style: none;}

#kontent_a {width: 100%;}
#kontent_b {width: 100%;}
#panel_uslugi {padding-left: 5%;width: 95%;}
#uslugi {margin: 1em 5% 1em 5%;justify-content: center;}
.blok {margin: 4px;}
#panel_onas {padding-left: 5%;width: 95%;}
#onas {margin: 1em 5% 1em 5%;}

#kontent_a2 {width: 100%;}
#kontent_b2 {width: 100%;}
#panel_a2 {padding-left: 5%;width: 95%;}
#kontakty_a {margin: 0.5em 5% 0.5em 5%;}
#kontakty_a ul {display: flex;flex-wrap: wrap;align-content: space-around; justify-content: center;}
#kontakty_a li {margin: 0.5em;align-items:center;}
#uslugi_b {margin: 0.5em 5% 0.5em 5%;}
#uslugi_a {margin: 0.5em 5% 0.5em 5%;}
#uslugi_a1 a {margin: 1em 0 1em 0;}
#uslugi_a1 ul {display:none;}

#ceny_a {margin: 0.5em 5% 0.5em 5%; max-width:100%;}
#ceny_a ul {display:flex; flex-wrap: wrap;}
#ceny_a li {margin: 0 0.25em 0 0}

#panel_b2 {padding-left: 5%;width: 95%;}
#kontakty_b {margin: 1em 5% 1em 5%;}

#podval_a {width: 95%;border-style: none;}
#podval_b {width: 95%;border-top-style: solid;border-top-width: 1px;border-top-color: grey;margin-left: 0;margin-top: 0.5em;padding-top: 0.5em;}
.skrit {display:none;}}

@media screen and (min-width:341px) and (max-width:500px) {body {font-size: 80%;}}

@media screen and (max-width:340px) {body {font-size: 70%;}}

.jssorb05 { position: absolute; }
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position:absolute;width:16px;height:16px;background:url('images/b05.png') no-repeat;overflow:hidden;cursor:pointer;}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
/*.jssora22l (normal) .jssora22r (normal) .jssora22l:hover (normal mouseover) .jssora22r:hover (normal mouseover) .jssora22l.jssora22ldn (mousedown)
.jssora22r.jssora22rdn (mousedown) .jssora22l.jssora22lds (disabled) .jssora22r.jssora22rds (disabled) */
.jssora22l, .jssora22r {display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url('images/a22.png') center center no-repeat;overflow:hidden;}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }