@font-face {
    font-family: "PTMono";
    src: url("/fonts/PTMono.eot");
    src: url("/fonts/PTMono.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTMono.woff") format("woff"),
    url("/fonts/PTMono.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PTMonoBold";
    src: url("/fonts/PTMonoBold.eot");
    src: url("/fonts/PTMonoBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTMonoBold.woff") format("woff"),
    url("/fonts/PTMonoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Carolina";
    src: url("/fonts/Carolina.eot");
    src: url("/fonts/Carolina.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Carolina.woff") format("woff"),
    url("/fonts/Carolina.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

a, button {transition: all 0.3s ease;}
body {font-family: "PTMono", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #424242;}
.top1 {background: url("/images/fon.jpg");background-size: cover;float: left;width: 40%;height: 470px;color: #fff;padding: 4% 1% 1% 6%;position: relative;}
.top2 {background: url("/images/sf.jpg");background-attachment: fixed;float: left;width: 60%;height: 470px;position: relative;}
.menu {padding: 0;margin-bottom: 2rem;}
.menu li {list-style: none;display: inline-block;vertical-align: middle;margin-right: 8px;}
.menu li a {display: block;color: #fff;border-bottom: 1px solid transparent;}
.menu li a:hover, .menu li a:focus {color: #fff;border-bottom: 1px solid #fff;text-decoration: none;}
.top1 .zg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 3.9rem;position: absolute;min-width: 600px;text-shadow: -5px 1px 10px #333;z-index: 2;}
.top1 .bzg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.9rem;margin-top: 15px;text-shadow: -5px 1px 10px #333;position: relative;z-index: 1;}
.pzg1 {background: url("/images/p1.png") no-repeat left center;background-size: 60px;font-size: 1.5rem;padding: 12px 0 12px 75px;margin-top: 140px;}
.pzg2 {background: url("/images/p2.png") no-repeat left center;background-size: 60px;font-size: 1.5rem;padding: 12px 0 12px 75px;}
.top22 {background-color: #fff;padding: 2% 6% 1% 3%;}
.top23 {margin-top: 15px;position: relative;}
.topmo {position: absolute;left: -90px;top: 0;height: 450px;z-index: 1;}
.top2l {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;float: left;width: 16%;font-size: 0.6rem;color: #409134;font-weight: bold;}
.top2l img {}
.top2k {float: left;width: 84%;}
.top2k div {display: inline-block;vertical-align: middle;padding-top: 30px;margin-top: 5px;}
.top2k a {display: block;color: #424242;border-bottom: 1px dotted #3c8636;}
.top2k a:hover, .top2k a:focus {text-decoration: none;}
.top2-1 {background: url("/images/topico1.png") no-repeat top center;}
.top2-2 {background: url("/images/topico2.png") no-repeat top center;margin-right: 15px;margin-left: 15px;}
.top2-3 {background: url("/images/topico3.png") no-repeat top center;}
.okom {padding: 140px 0 0;}
.okom .zg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2.2rem;margin-bottom: 30px;}
.okom .zg>div span {color: #409134;}
.okom .zg>span {color: #d90004;}
.pg1 {background: url("/images/p1.png") no-repeat left center;background-size: 60px;padding: 13px 0 13px 75px;margin-top: 30px;}
.pg2 {background: url("/images/p2.png") no-repeat left center;background-size: 60px;padding: 13px 0 13px 75px;margin-bottom: 10px;}
.pg3 {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.6rem;margin: 30px 0 15px;}
.pg3 span {color: #409134;}
.tabl {background: url("/images/dfon.jpg") no-repeat -450px center;padding: 30px 0;}
.dtt {background: url("/images/dtt.png") repeat-x bottom left;padding-bottom: 10px;margin-bottom: 10px;}
.zgtb1 {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #409134;font-size: 1.6rem;}
.zgtb2 {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.6rem;}
.zgp {color: #409134;}
.num {font-size: 1.6rem;}
.sto {padding: 30px 0;}
.sto .zg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 3.9rem;color: #646464;margin-bottom: 30px;}
.elem {margin-bottom: 30px;font-size: 1.3rem;}
.elem span {display: block;margin-bottom: 15px;}
.ediv {font-size: 2rem;margin-top: 10px;}
.edivv {font-size: 1.3rem;}
.vku {font-size: 1.3rem;}
.vku1 {float: left;width: 60%;}
.vku2 {background-color: #f9fbf8;float: left;width: 40%;}
.vku1 .vz {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2rem;padding: 25px 10%;margin-bottom: 40px;}
.vku2 .vz {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;background: url("/images/fon.jpg");background-size: cover;color: #fff;font-size: 2rem;padding: 25px 10%;margin-bottom: 40px;}
.vku span {display: block;margin-bottom: 50px;}
.dost {color: #fff;}
.dost1 {background: url("/images/fon.jpg");background-size: cover;float: left;width: 40%;padding: 4% 1% 6% 6%;}
.dost2 {background: url("/images/kar.jpg");background-size: cover;float: left;width: 60%;}
.dost .zg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 3.9rem;}
.pzg22 {background: url("/images/p2.png") no-repeat left center;background-size: 60px;font-size: 1.5rem;margin: 30px 0 70px;padding-left: 75px;}
.gde {padding: 50px 0;font-size: 1.3rem;}
.gde .zg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 3.5rem;color: #646464;}
.adr {margin: 30px 0;font-size: 1rem;}
#map {background-color: #35722d;width: 100%;height: 540px;padding: 5px;}
.podf {background: url("/images/nizfon.jpg") no-repeat;background-size: cover;background-attachment: fixed;color: #fff;padding: 50px 0;font-size: 1.3rem;position: relative;}
.podf .zg {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 3.9rem;}
.podf label {width: 95%;vertical-align: top;padding-left: 2%;}
#bsend {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #35722d;height: 50px;font-size: 1.3rem;border-radius: 0;}
.nizmo {position: absolute;right: 0;bottom: 0;height: 350px;transition: all 0.3s ease;}
.nav-pills .nav-link {font-family: "PTMonoBold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 2rem;padding: 25px 10%;color: #fff;border-radius: 0;background: url("/images/fon.jpg");background-size: cover;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #fff;color: #424242;}
.tab-content {padding-top: 40px;}


.form-control {background-color: #e7ecf1;color: #4e6f92;height: 50px;border-radius: 0;}
.form-control::-webkit-input-placeholder  {opacity: 1;transition: opacity 0.5s ease;}
.form-control::-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-ms-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus::-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-ms-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}

.bup {position: fixed;bottom: 10px;right: 10px;display: none;}


@media screen and (max-width: 576px) {
.top1, .top2 {height: 420px;}
.menu li {display: block;}
.top1 .zg, .top1 .bzg, .dost .zg {font-size: 1.4rem !important;}	
.top2l, .top2k {float: none;width: 100% !important;}
.top2l {margin-bottom: 15px;}
.top2k div {font-size: 0.75rem;}
.pzg1, .pzg2 {background-size: 15px !important;font-size: 1rem;padding: 10px 0 10px 20px;}
.vku1, .vku2 {float: none;width: 100%;}
.vku1 .vz, .vku2 .vz {margin-bottom: 30px;}
.vku {font-size: 1.1rem;}
.vku span {margin-bottom: 30px;}
.pzg22 {background-size: 30px !important;font-size: 1rem;margin: 20px 0 30px;padding-left: 40px;}
.dost1, .dost2 {float: none;width: 100%;}
.dost2 {background: none;height: 0 !important;}
#map {padding: 5px 15px;}
.okom {padding: 30px 0 0;}
.tabl {background: #fcfafb;}
.num {display: none;}
.zgtb1, .zgtb2 {font-size: 1.2rem;}
.dtt {word-break: break-all;}
}

@media screen and (max-width: 768px) {
.top2l {width: 25%;}
.top2k {width: 75%;}
.edivv {font-size: 0.9rem !important;}
}

@media screen and (max-width: 960px) {
.top1, .top2 {width: 50%;}
.top1, .vku2 .vz, .dost1, .podf, .nav-pills .nav-link.active, .nav-pills .show>.nav-link  {background: #35722d;}
.top2 {background: #93898a;}
.top2-2 {margin-left: 0;margin-right: 0;}
.ediv {font-size: 1.5rem;}
.elem img {height: 120px;}
}

@media screen and (max-width: 1024px) {
.menu li {margin-right: 0;}
.top1 .zg, .top1 .bzg {font-size: 2.2rem;}
.sto .zg {font-size: 2.2rem;}
.dost .zg {font-size: 2.2rem;}
.gde .zg {font-size: 2.2rem;}
.podf .zg {font-size: 2.2rem;}
.top1 .zg {position: static;min-width: auto;}
.pzg1 {margin-top: 15px;}
.topmo, .nizmo {position: static;height: auto;}
.sto {padding: 30px 0 0;}
.vku1 .vz, .vku2 .vz, .nav-pills .nav-link {font-size: 1.5rem;}
.podf {padding: 50px 0 0;}
}


@media screen and (min-width: 1600px) {
.top1 {padding: 4% 1% 1% 13%;}
.top22 {padding: 2% 13% 1% 3%;}
.vku1 .vz {text-align: right;}
.contlr {padding: 0 20%;}
.contl {padding-left: 20%;}
.contr {padding-right: 20%;}
.dost1 {padding: 4% 1% 6% 13%;}
.tabl {background: url("/images/dfon.jpg") no-repeat -250px center;}
}