@font-face {
font-family: "Montserrat-Bold";
src: url("/font/Montserrat-Bold.ttf") format("truetype")
}
@font-face {
font-family: "Montserrat";
src: url("/font/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Medium-Cyrillic";
src: url("/font/Medium-Cyrillic.ttf") format("truetype");
}

body {
font-family: 'Montserrat';
margin: 0;
color: #000;
}
h1{font-size: 60px;}
h2 {}
h1, h2 {color: #042C0A;
margin: 15px 0;
font-family: "Medium-Cyrillic";
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 6px 4px 10px 0px rgba(0, 0, 0, 0.25);
display: inline;
padding: 20px 26px;
border-radius: 55px;}
p {font-size: 20px;}
ul li {font-size: 20px;}
a {color: #000;text-decoration: none;}
img {max-width:100%;}
a:hover {text-decoration: underline;}
h2 {font-size: 48px;}
h3 {font-size: 25px;}

.top-bg{position: absolute; right: 0; max-width: 1400px;}
.container {width: 1600px; margin: 0 auto;}
.head1{display: inline-block; width: 20%; vertical-align: top;}
.head2{display: inline-block; width: 79%; vertical-align: top; z-index: 999; position: relative;}
.top-contact{padding: 30px 0;}
.top-contact ul {list-style: none; padding-left: 0; display: flex; position: relative; justify-content: space-around; margin: 0;}
.top-contact ul li {}
.top-contact ul li a {padding-left: 5px; position: relative; bottom: 8px;}
.top-menu{display: flex; position: relative; margin-top: 15px; align-items: center;}
.header__nav{width: 85%;}
.header__nav ul {list-style: none; padding-left: 0; display: flex; justify-content: space-around;
width: 90%;
margin: 0 auto;
background: #fff;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 6px 4px 10px 0px rgba(0, 0, 0, 0.25);
padding: 15px 0; 
border-radius: 55px;
}
.head-podl{height: 84px; position: absolute; min-width: 1200px; background:#fff; right: 0; opacity: 0.5; z-index: 99;}
.lang{border: 3px solid #fff; border-radius: 30px; padding: 10px 0px; /*background: #042C0A;*/}
.lang a{font-size: 25px; color: #fff; padding:10px;}
.lang a.active{color: #042C0A; background:#fff; padding: 10px 20px; border-radius:22px;}
.title-block{margin-top: 300px;}
.title-block1{width: 50%;}
.title-block1 p{font-size: 30px;}
.title-block img{float: right;position: relative;}
.txt-block img{float: left;}
.txt-block1 p{font-size: 30px;}
.txt-block1{text-align: right;position: relative; top: 115px;}

.footer{background: url(/img/foot-logo-line.png) no-repeat scroll 0% 0%; background-size: 100%;}
.footer.en{background: url(/img/foot-logo-line-en.png) no-repeat scroll 0% 0%; background-size: 100%;}
.foot-list{}
.foot-list-vn{width: 50%; margin-left: 48%; padding-top: 25px;}
.foot-list-vn p{font-size: 30px; display: flex; align-items: center; margin: 15px 0;}
.foot-list-vn p span:nth-child(1){width: 7%;}
.foot-list-vn p span:nth-child(2){width: 93%;}
.foot-list-vn p img{position: relative; top: 5px;}
.foot-list-vn.contact{padding-top: 35px;padding-bottom: 10px;}
.header__nav ul.mob{display:none;}
.mob{display:none;}
.vacanc-pr{margin-top: 50px;position: relative;}
.vacanc-pr .titl{font-family: "Medium-Cyrillic"; color: #042C0A; font-size: 50px; line-height: 1.5; }
.title-block.vacanc{margin-top: 250px; position: relative;}
.title-block.vacanc .title-block1 {}
.title-block.vacanc h1{font-size: 45px;}
.vacanc-pr a{background: #052715; color: #fff; padding: 10px 25px; border-radius: 25px;}
.txt-vacanc{margin-top: 100px;}
.txt-vacanc .txt-block1{text-align: left; top: auto;}
.txt-vacanc h2{line-height: 2;}
.vacanc-name{display: flex; align-items: center; margin: 30px 0;}
.vacanc-name div{padding: 0 10px; font-size: 30px;}
.txt-vacanc ul li {padding: 7px 0;}
.container.contacts{margin-top: 70px;}
.contact-list{display: flex; margin: 25px 0;}
.contact-list .img{}
.contact-list .desc{position: relative;}
.desc-title{font-family: "Medium-Cyrillic"; color: #042C0A; font-size: 40px; line-height: 1.5; background: url(/img/zaliv.png); padding: 10px 30px; border-radius: 40px; margin-top: 30px;
box-shadow: 6px 4px 10px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 15px;
display: inline-block;
}
.desc-vn{background: url(/img/zaliv.png); padding: 15px 30px; display: inline-block; border-radius: 70px; font-size: 30px;}
.desc-vn span{margin-right: 20px;}
.desc-vn img{position: relative; top: 7px; margin-right: 8px;}
.desc-vn p{font-size: 26px;}
.serv-list{display: flex; margin: 25px 0;}

.serv-list{display: flex; margin: 25px 0; position: relative; align-items: center;}
.serv-list .img{}
.serv-list .desc{background: #05350D; height: max-content; color: #fff; padding: 20px; font-size: 30px; border-radius: 75px;}
.serv-block1{text-align: center;}
.serv-graf{margin: 30px 0; display: flex; justify-content: space-around;}
.serv-graf-vn{width: 30%;}
.serv-block2{display: flex; margin: 25px 0; align-items: center;}
.serv-block2 .serv-txt2{text-align: right;}
.serv-block2 div{width: 50%;}
.serv-block3{display: flex; margin: 25px 0; align-items: center;}
.serv-block3 div{width: 50%;}
.serv-body p{font-size: 30px;}
.serv-body h2 {font-size: 35px;}
.serv-txt2 p{margin-top: 40px;}


/* ADAPTIV */

@media screen and (max-width:1600px){
.container {width: 96%;}
img.top-bg.vacanc{max-width: 50%;}
img.top-bg.cont{max-width: 75%;}
.title-block.vacanc .title-block1 {width: auto;}
}

@media screen and (max-width:1200px){
.mob{display:block;}
.header__nav ul.mob{display:block;}
.pk{display:none;}
.header__nav ul.mob a{margin-left: 7px; position: relative; bottom: 9px;}
h1 {font-size: 30px;}
h2 {font-size: 30px;}

.top-bg {max-width: 75%;}
.top-contact {display: none;}
.lang {display: inline-block; vertical-align: middle;}
.head-podl {background:#042C0A; opacity: 0.95;}
.head1 {z-index: 999; position: relative;}
.lang a.active {border-radius:19px;}
.lang a {font-size: 20px;}
.title-block1 {width: auto; clear: both;}
.title-block {margin-top: 185px;}
.txt-block img {margin-bottom: 30px;}
.txt-block1 {text-align: left; top: 0; clear: both;}
.footer, .footer.en {background: url(/img/line.png) no-repeat scroll 0% 0%; background-size: 100%;}
.foot-list-vn {width: auto; margin-left: auto;}
.foot-list-vn.contact {padding-top: 0;}
.foot-list-vn p {font-size: 20px;}
.title-block1 p {font-size: 25px;}
.txt-block1 p {font-size: 25px;}

.header__nav ul {display: inherit; width: 100%; border-radius: 0; text-align: left;}
.header__nav {
	display: block;
	position: absolute;
    top: 65px;
    left: 0;
    background: #282c33;
    box-shadow: #ccc;
    width: 100%;
    box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.37);
    transition: all 0.4s ease;
	left:-131%;
	padding: 0;
}
.header__nav ul li {margin: 7px 20px;}
.header__menu {display: block;}
.header__nav.open-menu{left:0;}
.header__menu li {
margin: 20px 0px 10px 35px;
margin-right: 0;
width: 90%;
	}
.menu-burger__header {
	position: relative;
    width: 40px;
    height: 35px;
    display: block;
/*    margin-left: 10px;*/
    cursor: pointer;
display: inline-block;
  vertical-align: middle;

   }

.menu-burger__header span, .menu-burger__header:after, .menu-burger__header:before{
	height: 4px;
	width: 100%;
	position: absolute;
	background: #fff;
	margin: 0 auto;
	left: 0;
}
.top-menu {/*float: right;*/ padding: 17px 0; border-radius: 20px;display: inherit; position: inherit; margin:0; width: 100%;}

.menu-burger__header span{top: 16px;}
.menu-burger__header:after, .menu-burger__header:before{content: '';}
.menu-burger__header:after{bottom: 5px;}
.menu-burger__header:before{top: 5px;}
.menu-burger__header.open-menu span {
	opacity:0; 
    transition: 0.5s; 
}
.menu-burger__header.open-menu:before {
	transform: rotate(38deg);
    top: 16px;
    transition: 0.4s;
}
.menu-burger__header.open-menu:after {
	transform: rotate(-38deg);
    bottom: 16px;
    transition: 0.4s;
}
}

@media screen and (max-width:1000px){
.title-block {margin-top: 275px;}
.top-bg {max-width: 100%;}
.head2 {text-align: right;}
.lang {margin-left: 20px;}
.title-block img {display: none;}
.vacanc-pr .titl {font-size: 23px;}
.title-block.vacanc h1 {font-size: 23px;}
.title-block.vacanc {margin-top: 150px;}
.desc-title {font-size: 20px;}
.desc-vn {font-size: 20px;}
.desc-vn p {font-size: 18px;}
.serv-list .desc {font-size: 20px;}
.serv-list img{width:150px;}
.serv-body h2 {font-size: 21px;}
.serv-body p {font-size: 20px;}
.serv-graf {display: block;}
.serv-graf-vn {width: 100%;}
.serv-block2 {display: block;}
.serv-block2 div {width: 100%;}
.serv-block3 {display: block;}
.serv-block3 div {width: 100%;}
}

@media screen and (max-width:700px){
.title-block {margin-top: 220px;}
.foot-list-vn p span:nth-child(1) {width: 10%;}
.foot-list-vn p span:nth-child(2) {width: 90%;}
.title-block.vacanc {margin-top: 100px;}
.contact-list .img {width: 25%;}
.contact-list .desc {width: 75%;}
}

@media screen and (max-width:500px){
.title-block {margin-top: 185px;}
.title-block.vacanc h1 {font-size: 21px;}
.desc-vn span {display: block;}
.contact-list .img {width: 15%;}
.contact-list .desc {width: 85%;}
.desc-title {margin-top: 7px;}
}

@media screen and (max-width:450px){
.serv-body h2 {font-size: 18px;}
}