body {

}

h1 {font: normal 30px/38px MyriadPro; color: #006ba0; /*text-transform: uppercase;*/ text-align: center;}

.header {top: 0px; width: 100%; height: 108px; background: #fff;}
.header .container {}

.logo {display: flex; margin-top: 22px;}
.main_menu {display: flex; padding: 0px; justify-content: center; padding: 0px;}
.navbar {display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 0px; margin-top: 28px;}
.navbar-light {background-color: #fff;}
.navbar-nav {max-height: 80px; height: 80px;}
.navbar-nav .nav-item {height: 80px; background-color: fff;}
.navbar-nav .nav-item .nav-link {padding: 8px 20px 47px 20px; font: normal 22px/26px MyriadPro; color: #006ba0; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle;}
.navbar-nav .nav-item:hover {background-color: #fff; transition: all 0.3s ease;}
.navbar-nav .nav-item .nav-link:hover {padding: 8px 20px 39px 20px; font: normal 22px/26px MyriadPro; color: #94d323; text-transform: uppercase; transition: all 0.3s ease; border-bottom: 7px solid #94d323;}

.navbar-toggler {background-color: #fff;}
.navbar-collapse {background-color: #fff; justify-content: center;}

.dropdown .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ase;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  background-color: #fff;
  transition: all 0.2s ease;  box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}

.dropdown-item {background-color: #fff; font: normal 20px/20px MyriadPro; color: #006b9f; padding-top: 10px; padding-bottom: 10px;}*/
.dropdown-item-mobile {background-color: #3b9dce !important; font: normal 17px/20px MyriadPro; color: #fff; padding-top: 10px; padding-bottom: 10px; margin-left: -40px;}
.dropdown-item:hover {background-color: #94d323; color: #006b9f;}
.dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
}
.dropdown {
  display: inline-block;
}


.slide-caption {position: relative; width: 455px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323;}
.slide-caption .big-text {position: absolute; top: 25px; right: 50px; font: normal 50px/50px MyriadPro-Semibold; color: #fff;}
.slide-caption .text {position: absolute; top: 85px; right: 50px; font: normal 30px/30px MyriadPro; color: #fff; letter-spacing: 0.6px;}

.img-caption_history {position: relative; width: 455px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; /*margin-left: -15px;*/ margin-left: -30px;}
.img-caption_history .big-text {position: absolute; top: 45px; left: 90px; font: normal 45px/45px MyriadPro; color: #fff;}

.img-caption_remont {position: relative; width: 725px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -30px;}
.img-caption_remont .big-text {position: absolute; top: 45px; left: 90px; font: normal 45px/45px MyriadPro; color: #fff;}

.img-caption_zaryadka {position: relative; width: 725px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -30px;}
.img-caption_zaryadka .big-text {position: absolute; top: 20px; left: 90px; font: normal 45px/45px MyriadPro; color: #fff;}


.mission {margin-top: 60px;}
.mission span {font: normal 32px/37px MyriadPro; color: #006ba0; letter-spacing: 0.4px;}
.mission .quote {margin-left: 55px;}

.numbers {width: 100%; height: auto; padding-bottom: 0px; margin-top: 60px; justify-content: center;}
.numbers .row {background-color: #006b9f;  padding-bottom: 30px;}
.numbers .num {margin-top: 30px; min-width: 227px; color: #fff; text-align: center; align-items: center;}
.numbers .num .big-text {font: normal 60px/60px BebasNeueBold;}
.numbers .num .medium-text {font: normal 37px/37px BebasNeueBold;}
.numbers .num .caption {font: normal 20px/20px MyriadPro; margin-top: 20px;}

.way {width: 100%; height: auto; padding-bottom: 30px; margin-top: 60px; background-color: #fff;}
.way .txt {font: normal 25px/33px MyriadPro; color: #006b9f;}
.way .txt .p1 {font: normal 20px/28px MyriadPro; color: #2a2a2a;}
.way h2 {font: normal 24px/28px MyriadPro; color: #006ba0; text-align: left;}

.naprav {width: 100%; height: auto; padding-bottom: 00px; margin-top: 20px;}
.naprav .row {padding-bottom: 60px; margin-top: 20px; background-color: #ececec;}
.naprav h1 {font: normal 38px/38px MyriadPro; color: #006b9f; text-align: center; margin-top: 53px;}
.naprav .item {width: 189px; margin-top: 65px; text-align: center;}
.naprav .item .image {width: auto; height: 118px;}
.naprav .item .txt {font: normal 20px/26px MyriadPro; color: #006ba0;}

.zakaz {width: 100%; height: auto; padding-bottom: 40px; margin-top: 20px; background-color: #fff;}
.zakaz h1 {font: normal 38px/38px MyriadPro; color: #006b9f; text-align: center; margin-top: 53px;}
.zakaz .item {margin-top: 40px; padding: 0px 25px 0px 25px;}

.about_txt {margin-top: 60px;}
.about_txt p {font: normal 20px/28px MyriadPro; color: #2a2a2a; letter-spacing: 0.4px; padding-bottom: 10px;}
.about_txt .quote {margin-top: 7px; width: 68px; height: 68px;}
.about_txt h2 {font: normal 24px/28px MyriadPro; color: #006ba0; text-align: left;}

.history {background-color: #ececec; padding-bottom: 60px;}
.history h1 {font: normal 40px/40px MyriadPro; color: #006b9f; text-align: center; margin-top: 53px;}

.remont_txt {margin-top: 60px;}
.remont_txt span {font: normal 32px/37px MyriadPro; color: #006ba0; letter-spacing: 0.4px;}
.remont_txt .quote {margin-top: 7px; width: 68px; height: 68px;}

.remont_img {margin-top: 60px;}

.remont_txt1 {margin-top: 60px;}
.remont_txt1 p {font: normal 20px/28px MyriadPro; color: #2a2a2a; letter-spacing: 0.4px; padding-bottom: 10px;}
.remont_txt1 ul {font: normal 20px/28px MyriadPro; color: #2a2a2a; letter-spacing: 0.4px; padding-bottom: 10px;}
.remont_txt1 ul li {font: normal 20px/28px MyriadPro; color: #2a2a2a; letter-spacing: 0.4px; padding-bottom: 10px;}

.remont_txt2 {margin-top: 60px;}
.remont_txt2 h2 {font: normal 24px/28px MyriadPro; color: #006ba0; text-align: left;}
.remont_txt2 p {font: normal 18px/25px MyriadPro; color: #2a2a2a; letter-spacing: 0.7px; padding-bottom: 0px;}
.remont_txt2 .p_arenda {font: normal 18px/25px MyriadPro; text-align: justify; color: #2a2a2a; letter-spacing: 0.7px; padding-bottom: 0px;}
.remont_txt2 ul {font: normal 18px/25px MyriadPro; color: #2a2a2a; letter-spacing: 0.7px; padding-bottom: 0px;}
.remont_txt2 ul li {font: normal 18px/25px MyriadPro; color: #2a2a2a; letter-spacing: 0.7px; padding-bottom: 0px;}

.uslugi {background-color: #ececec;  padding-bottom: 60px;}
.uslugi h1 {font: normal 32px/37px MyriadPro; color: #006b9f; text-align: center !important; margin-top: 53px; padding-bottom: 30px;}
.uslugi ul li {font: normal 20px/28px MyriadPro; color: #2a2a2a; letter-spacing: 0.4px; padding-bottom: 10px;}

.preim {background-color: #fff;  padding-bottom: 60px;}
.preim h1 {font: normal 32px/37px MyriadPro; color: #006b9f; text-align: center; margin-top: 53px; padding-bottom: 30px;}
.preim h2 {font: normal 24px/28px MyriadPro; color: #006ba0; text-align: left;}
.preim ul li {font: normal 20px/28px MyriadPro; color: #2a2a2a; letter-spacing: 0.4px; padding-bottom: 10px;}
.preim .p1 {font: normal 20px/28px MyriadPro; color: #2a2a2a;}
.preim .p2 {font: normal 25px/33px MyriadPro; color: #006b9f;}

 .dropdown .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
}
.dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
}
.dropdown {
  display: inline-block;
}




footer {
  position: relative;
  padding-bottom: 65px;
  padding-top: 0px;
  /*height: 235px;
  max-height: 235px;*/
  margin-top: 90px;

  background: #006ba0;
}
footer .logo1 {margin-top: 43px; height: 118px;}
footer .logo1 .copy {font: normal 14px/14px MyriadPro; color: #fff; margin: 17px 0px 0px 10px;}
footer .gk_metron {margin-top: 105px;}
footer .gk_metron p {font: normal 24px/29px MyriadPro; color: #fff; letter-spacing: 0.0px;}
footer .contact {font: normal 24px/29px MyriadPro; color: #fff; letter-spacing: 0.0px; margin: 80px 0px 0px 0px;}

.on_top {position: fixed; bottom: 20px; right: 40px; z-index: 100000; display: none;}
.on_top button {width: 45px; height: 45px; background: url('./img/on_top.png') no-repeat center center; background-color: #e17713; border: 1px solid #fff; border-radius: 3px; }
.on_top button:hover {width: 45px; height: 45px; background: url('./img/on_top.png') no-repeat center center; background-color: #4488bb; border: 1px solid #fff; border-radius: 3px; transition: 0.3s; cursor: pointer;}

#scroll_top {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 45px;
	height: 45px;
	background: url('/img/on_top.png') no-repeat center center;
	background-color: #e17713;
	border: 1px solid #fff;
	border-radius: 3px;
	opacity: 0.5;
	z-index: 100000;
}
#scroll_top:hover {
	width: 45px; height: 45px; background: url('/img/on_top.png') no-repeat center center; background-color: #4488bb; border: 1px solid #fff; border-radius: 3px; transition: 0.3s; cursor: pointer;
 	opacity: 1;
}


@media screen and (max-width: 500px) {
	.img-caption_history {position: relative; width: 355px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_history .big-text {position: absolute; top: 45px; left: 40px; font: normal 25px/25px MyriadPro; color: #fff;}
}

@media screen and (max-width: 961px) {
	.img-caption_remont {position: relative; width: 600px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_remont .big-text {position: absolute; top: 45px; left: 45px; font: normal 35px/35px MyriadPro; color: #fff;}
}


@media screen and (max-width: 755px) {
	.img-caption_remont {position: relative; width: 375px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_remont .big-text {position: absolute; top: 45px; left: 45px; font: normal 25px/25px MyriadPro; color: #fff;}
}

@media screen and (max-width: 720px) {
	.img-caption_remont {position: relative; width: 355px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_remont .big-text {position: absolute; top: 45px; left: 25px; font: normal 25px/25px MyriadPro; color: #fff;}
}


@media screen and (max-width: 961px) {
	.img-caption_zaryadka {position: relative; width: 600px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_zaryadka .big-text {position: absolute; top: 45px; left: 45px; font: normal 35px/35px MyriadPro; color: #fff;}
}


@media screen and (max-width: 755px) {
	.img-caption_zaryadka {position: relative; width: 375px; height: 140px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_zaryadka .big-text {position: absolute; top: 45px; left: 45px; font: normal 25px/25px MyriadPro; color: #fff;}
}

@media screen and (max-width: 720px) {
	.img-caption_zaryadka {position: relative; width: 355px; height: 120px; background-color: #006b9f; border-right: 8px solid #94d323; margin-left: -15px;}
	.img-caption_zaryadka .big-text {position: absolute; top: 45px; left: 25px; font: normal 25px/25px MyriadPro; color: #fff;}
}