@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;
}
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;}

.header{display: flex;}
.head{display: flex; justify-content: space-around; align-items: center; background: #242230; width: 65%;}
.logo{background: #900F1A; text-align: center; padding: 10px 0; width: 35%;}
.title-block-vn{width: 40%; position: relative; z-index: 999; left: 10%;}
.container {width: 1600px; margin: 0 auto;}
.top-menu{display: flex; position: relative; align-items: center; width: 95%; 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:#D9D9D9; width:2px; height: 95px;}
.lang{}
.lang a{font-size: 25px; color: #242230; padding:10px; font-weight: bold;}
.lang a.active{color: #242230; background:#fff; padding: 10px 20px; border-radius:6px;}
.title-block{background: url(/img/main.jpg) no-repeat scroll 0% 0%; background-size: cover; padding: 80px 0; position: relative;}
.title-block.serv{background:none; display: flex; padding: 0;}
img.pogr{position: absolute; bottom: -70px; right: 0;}
.title-block.about{background: url(/img/about.jpg) no-repeat scroll 0% 0%; background-size: cover;}
.txt-block{background: #fff;}
.txt-block .txt-block-vn{color: #242230;}
.title-b{ font-size: 25px; background: #900F1A; padding: 20px;}
.title-b span{text-transform: uppercase;font-weight: bold;}
.title-block-h{background: #fff; color: #242230; width: 47%; text-align: right; padding-right: 25px; position: relative; top: 25px; z-index: 9990;}
.title-block-h h1{font-size: 45px;}
.title-block.serv .title-block-h {background: #900F1A; color: #fff; width: 90%; text-align: center; padding-right: 0;}
.title-block.serv .title-block-vn {width: 80%;}
.title-block.serv .title-b {background: none; color: #242230;}
.txt-block ul.marker{text-align: left; display: flex;}
.txt-block ul.marker li {position: relative; padding-left: 35px;}
.txt-block2{padding: 50px 0; background: #D9D9D9;}
.txt-block2 h2{text-align: center;}

.h2-r{width: 50%; margin: 0 auto; background: #900F1A; color: #fff; padding: 10px 0; box-shadow: 2px 3px 6px 1px rgba(36, 36, 36, 0.37); text-align: center;}
.footer{display: flex;}
.foot-list{background: #D9D9D9; width: 50%;}
.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: #242230; padding: 20px; border-radius: 30px; margin: 20px 0;}
.row-p{width: 50%;}
.row-p.img{text-align: right;}

p.last{text-transform: uppercase; font-weight: bold; margin-top: 20px; flex-wrap: wrap; text-transform: uppercase;}
.h2-w{width: 50%; margin: 0 auto; background: #fff; color: #242230; padding: 10px 0; box-shadow: 2px 3px 6px 1px rgba(36, 36, 36, 0.37);}
.txt-block-vn .row50{}
.vibor{width: 22%; color:#242230;}
.vibor span{text-transform: uppercase; font-weight: bold;}
.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; margin-top: 25px;}
.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; align-items: center;}
.perev-vn{ width: 35%;}
.perev-vn p {color:#242230; font-size: 30px; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; text-transform: uppercase;} 
.perev-vn img{margin-right: 15px;}

.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; color: #242230;}
.service-vn .row50{background: none; color: #fff;}
.service-inf{width: 45%; margin: 20px 0; background: #D9D9D9; padding: 20px; position: relative;}
img.service-img{position: absolute; bottom: 0; right: 0px;}
.service-inf ul{position: relative; z-index: 99; padding-left: 22px;}
.inf-top{display: flex; align-items: center; font-size: 25px; font-weight: bold; text-transform: uppercase;}
.inf-top-img{margin-right: 15px;}
.service-inf .big{text-transform: uppercase; position: relative; z-index: 99;}
.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{}
.about-block{background: #fff; color: #242230; 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;}
.txt-about{text-transform: uppercase; color: #242230; font-weight: bold; padding: 20px 0;}
.title-block.about .title-block-h{text-align: center; padding-right: 0;}
.title-block.about .title-b {background: none; color: #242230;}

.txt-block3{padding: 30px 0; color: #242230;}
.txt-block3-vn{display: flex; justify-content: space-between; margin-top: 25px;}
.row40{width: 40%;}
.row60{width: 60%;}
.txt-block3-vn .row40{text-transform: uppercase;}
.txt-block3-vn .row60{width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.txt-block3-vn .row40 span{font-weight: bold;}
.txt-block3-vn .row60 span{font-weight: bold; text-transform: uppercase;}
.block3-vn{width: calc(44% - 1px); padding: 3%;}
.block3-vn p{margin-left: 80px; margin-top: 0; font-size: 20px;}
.block3-vn img{float: left;}
.txt-block3-vn .row60 .block3-vn:nth-child(1){border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
.txt-block3-vn .row60 .block3-vn:nth-child(2){border-bottom: 1px solid #D9D9D9;}
.txt-block3-vn .row60 .block3-vn:nth-child(3){border-right: 1px solid #D9D9D9;}
.txt-block.about {padding-top: 40px;}
.txt-block.about .perev-vn p {font-size: 20px; font-weight: inherit; text-align: left;}
.txt-block.about .perev-vn {width: 29%;}

.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;}

.foot-logo{background: #900F1A; text-align: center; width: 50%; padding-top: 15px;}
.foot-logo img{max-width: 90%;}
.foot-list-vn2{border-top: 1px solid #fff;}
.foot-list-vn1, .foot-list-vn2{padding: 0 25px;}
.foot-list-vn1 p, .foot-list-vn2 p{display: flex; align-items: center; color: #242230;}
.foot-list img{margin-right: 15px;}

/* 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){
.logo {width: 50%;}
.head {width: 50%;}
.title-block-vn {width: 60%;}
.title-block-h {width: 65%;}
.title-block-h h1 {font-size: 30px;}
.perev {flex-wrap: wrap;}
.perev-vn {width: 100%;}
.txt-block.about .perev-vn {width: 100%;}
.txt-block.about .perev-vn p {text-align: center;}
.perev-vn span{display: block;}
.perev-vn p {display: inherit;}
.perev-vn img {margin-right: 0;}
.razr {width: 40%; height: 2px;}
.h2-w {width: 90%;}
.h2-r {width: 90%;}
.txt-block2 .txt-block-vn {flex-wrap: wrap;}
.vibor {width: 100%; text-align: center;}
.txt-block3-vn {flex-wrap: wrap;}
.row40 {width: 100%; text-align: center;}
.txt-block3-vn .row60 {width: 100%;}
.footer {flex-wrap: wrap;}
.foot-logo {width: 100%;}
.foot-list {width: 100%;}
.title-block.serv {flex-wrap: wrap;}
.row-p {width: 100%;}
.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 {}
.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: 100px;
    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;
   z-index: 9999;
}
.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 {}
.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 {}
.about-list {width: 45%;}
.title-b {font-size: 22px;}
img.pogr{display:none;}
}

@media screen and (max-width:800px){
.title-block-vn {}
/*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;}
.txt-block3-vn .row60 {justify-content: center;}
.block3-vn {width: 85%;}
.txt-block3-vn .row60 .block3-vn:nth-child(1) {border-bottom: 1px solid #D9D9D9; border-right: 0;}
.txt-block3-vn .row60 .block3-vn:nth-child(3) {border-right: 0; border-bottom: 1px solid #D9D9D9;}
.txt-block3-vn .row60 span {display: block;}
}

@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 {}
.title-block.about {background: url(/img/about-m.jpg) no-repeat scroll 0% 0%; background-size: cover;}
.logo {width: 60%;}
.head {width: 40%;}
.top-menu {width: 90%;}
.title-block-h {width: 85%;}
.title-block-vn {width: 80%;}
}

@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;}
.header__nav {top: 80px;}
}