@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: #fff;
background: #000;
}
h1{font-size: 55px; font-weight: bold;}
h1, h2 {
margin: 15px 0;
text-transform: uppercase;
}
p {font-size: 25px;}
ul li {font-size: 25px;}
a {color: #fff;text-decoration: none;}
img {max-width:100%;}
a:hover {text-decoration: underline;}
h2 {font-size: 35px; }
h3 {font-size: 25px;}

.head{display: flex; justify-content: space-around; margin: 10px 0; align-items: center;}
.logo{background: #FFF52D; text-align: center; padding: 10px 0;}
.title-block-vn{width: 50%; position: relative; z-index: 999;}
.container {width: 1600px; margin: 0 auto;}
.top-menu{display: flex; position: relative; align-items: center; width: 75%; justify-content: space-around;}
.header__nav{width: 85%;}
.header__nav ul {list-style: none; padding-left: 0; display: flex; justify-content: space-around;
width: 90%;
margin: 0 auto;
padding: 15px 0; 
}
.header__nav ul li a{font-weight: bold; text-transform: uppercase;}
ul.marker {position: relative; list-style: none; padding-left: 40px; margin-top: 40px;}
ul.marker li{font-size: 25px; margin: 15px 0;}
ul.marker li:before{content: "";
background: url("/img/marker.png") no-repeat;
width: 26px;
height: 26px;
position: absolute;
background-size: 100%;
left: 0;
margin-top: 3px;}
.razr{background:#fff; width:1px; height: 120px;}
.lang{}
.lang a{font-size: 25px; color: #000; padding:10px; font-weight: bold;}
.lang a.active{color: #000; background:#fff; padding: 10px 20px; border-radius:6px;}
.title-block{background: url(/img/main2.jpg) no-repeat scroll 0% 0%; background-size: cover; padding: 80px 0; position: relative;}
img.pogr{position: absolute; bottom: -70px; right: 0;}
.txt-block{background: #fff; padding: 50px 0;}
.txt-block .txt-block-vn{color: #000;}
.title-b{text-transform: uppercase; font-size: 30px; font-weight: bold;}
.txt-block ul.marker{text-align: left; display: flex;}
.txt-block ul.marker li {position: relative; padding-left: 35px;}
.txt-block2{padding: 50px 0;}
.txt-block2 h2{text-align: center;}

.footer{padding: 30px 0 0 0;}
.footer .container{border-top: 1px solid #fff;}
.foot-list{display: flex; justify-content: space-around; align-items: center;}
.foot-list1{width: 25%;}
.foot-list2{width: 40%;}
.foot-list3{width: 40%;}
.header__nav ul.mob{display:none;}
.mob{display:none;}
.row50{width: 35%; background: #fff; color: #000; padding: 20px; border-radius: 30px; margin: 20px 0;}

p.last{text-transform: uppercase; font-weight: bold; margin-top: 20px; flex-wrap: wrap; text-transform: uppercase;}
.txt-block-vn .row50{}
.vibor{display: flex; align-items: center;}
.vibor-txt{font-size: 25px; font-weight: bold; margin-left: 15px; width: 60%;}
.vibor-img{width: 30%;}
.txt-block2 .txt-block-vn{display: flex; justify-content: space-around; flex-wrap: wrap;}
.center{text-align: center;}
.foot-list2 img{position: relative; margin-right: 15px; float: left;}
.foot-list3 img{position: relative; top: 9px; margin-right: 10px;}
.foot-list3-vn{}
.foot-list3-vn p{}
/*.foot-list3-vn:before{content: "";
background: url("/img/place.png") no-repeat;
width: 39px;
height: 39px;
position: absolute;
background-size: 100%;}*/

.perev{display: flex; justify-content: space-evenly; padding: 30px 0;}
.perev-vn{background:#000; width: 35%;}
.perev-vn p {color:#fff; font-size: 30px; font-weight: bold; text-align: center;} 

.txt-block2.about{padding: 50px 0;}
.about-block-vn{display: flex; justify-content: space-between;}
.about-block.serv{padding-top: 50px;}
.about-block.serv h2{margin: 40px 0;}
.about-block.serv .inf{width: 22%;}
.about-block.serv .min{font-size: 20px;}
.service h1{text-align: center;}
.service-vn{display: flex; justify-content: space-around; flex-wrap: wrap;}
.service-vn .row50{background: none; color: #fff;}
.service-inf{width: 45%; margin: 20px 0;}
.inf-top{display: flex; align-items: center; font-size: 25px; font-weight: bold;}
.inf-top-img{margin-right: 15px;}
.service-inf .big{text-transform: uppercase; font-weight: bold;}
.about-block.cont .inf{width: 22%;}
.about-block.cont .razr {height: auto;}
.about-block.cont{padding-top: 40px;}
.title-block.about {background: url(/img/about.jpg) no-repeat scroll 0% 0%; background-size: cover;}
.title-block.about .title-block-vn{text-align: right; float: right;}
.about-block{background: #fff; color: #000; padding: 40px 0;}
.about-block h2{text-align: center;}
.about-list{width: 23%; text-transform: uppercase;}
.service{padding: 40px 0;}
.about-block2{padding: 40px 0; text-transform: uppercase; text-align: center;}


.serv-hr{background: url("/img/line.png") no-repeat; height: 3px; margin-top: 40px;}

ul.marker.serv li::before {background: url("/img/marker2.png") no-repeat;}
.service-txt{font-size: 35px; font-weight: bold; margin-left: 20px;}

/* ADAPTIV */

@media screen and (max-width:1600px){
.container {width: 96%;}
.footer p{font-size: 17px;}
}

@media screen and (max-width:1500px){
.txt-block ul.marker {display: inherit;}
.about-block.cont p{font-size: 20px;}
}

@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: 27px;}
p {font-size: 20px;}
ul.marker li {font-size: 20px;}
.foot-list {flex-wrap: wrap;}
.foot-list1 {width: 100%; text-align: center; padding: 10px 0;}
.about-block.cont .razr {display: none;}
.about-block.cont .inf {width: 45%;}
.about-block.cont .about-block-vn {flex-wrap: wrap;}

.lang {display: inline-block; vertical-align: middle;}
.head-podl {background:#042C0A; opacity: 0.95;}
.head1 {z-index: 999; position: relative;}
.lang a.active {}
.lang a {font-size: 20px;}
.title-block1 {width: auto; clear: both;}
.txt-block img {margin-bottom: 30px;}
.txt-block1 {text-align: left; top: 0; clear: both;}
.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: 190px;
    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 {padding: 17px 0; display: inherit; position: inherit; margin:0; width: 40%;}
.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){
.txt-block .txt-block-vn {width: auto; float: inherit; text-align: left;}
.txt-block2 .txt-block-vn {flex-wrap: wrap;}
.row50 {width: 80%;}
.txt-block2 {padding: 30px 0;}
.txt-block ul.marker li {position: initial; padding-left: 0;}
.about-block-vn {flex-wrap: wrap; justify-content: space-around;}
.about-block-vn .inf{width: 50%; text-align: center;}
.about-block-vn {flex-wrap: wrap;}
.about-block.serv .inf {width: 47%;}
.service-inf {width: 100%;}
.perev-vn {width: 70%;margin: 20px 0;}
.perev {flex-wrap: wrap;}
.foot-list2, .foot-list3 {width: 55%;}
.razr {display: none;}
.foot-list3 img {width: 30px;}
.foot-list2 img {width: 35px;}
.vibor-txt {font-size: 20px;}
.service-txt {font-size: 23px;}
.title-block.about .title-block-vn {text-align: center; float: none; width: 100%;}
.about-list {width: 45%;}
.title-b {font-size: 22px;}
img.pogr{display:none;}
}

@media screen and (max-width:800px){
.title-block-vn {width: auto;}
/*h1, h2, ul, p {background-color: #00000090;}*/
.title-block{background: url(/img/main-m.jpg) no-repeat scroll 0% 0%; background-size: cover; padding: 50px 0;}
}

@media screen and (max-width:600px){
.about-block.serv .inf {width: 100%; margin: 10px 0;}
.about-block.cont .inf {width: 100%;}
.foot-list2, .foot-list3 {width: 75%;}
.header__nav {top: 150px;}
.title-block.about {background: url(/img/about-m.jpg) no-repeat scroll 0% 0%; background-size: cover;}
}

@media screen and (max-width:500px){
.foot-list2, .foot-list3 {width: 95%;}
.perev-vn {width: 80%;}
.perev-vn p {font-size: 20px;}
.about-list {width: 90%; margin: 10px 0;}
}