body{
	font-family: 'Montserrat' !important;
	overflow-x: hidden !important;
}


.modal{
	top: 20% !important;
}


.obw{
	padding-top: 60px;
	padding-bottom: 60px;
}


.obw1{
	 background: #f4f4f4;
	 padding-top: 70px;
	 padding-bottom: 60px;
}


.h2obw{
	width: 80%;
	text-align: center;
	color: #000;
	font-size: 30px;
	line-height: 1.5;
    font-weight: 600;
    margin: auto;
	margin-bottom: 50px !important;
}


.h2contacts{
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 27px;
	line-height: 1.5;
    font-weight: 600;
	margin-bottom: 50px !important;
}

.spanbold{
	font-weight: 700 !important;
}

.h2about{
	text-align: left;
	color: #fff;
	font-size: 35px;
	line-height: 1.5;
    font-weight: 600;
	margin-bottom: 50px;
}


.h3logo{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

.spanlogo{
	color: #0DC143 !important;
}



.h2svyaz{
	text-align: left;
	color: #fff;
	font-size: 35px;
	line-height: 1.5;
    font-weight: 600;
	margin-bottom: 40px;
}

.spanh2obw{
	color: #f7cb87 !important;
}

.spanh2about{
	color: #d8950e !important;
}

.h2obw1{
	color: #000;
	font-size: 32px;
	line-height: 1.55;
    font-weight: 700;
	margin-bottom: 20px;
}


.p-obw{
	text-align: left;
	color: #000;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 1.85;
}

.pobw{
	text-align: left;
	color: #000;
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 25px;
	line-height: 1.85;
}

@media screen and (max-width: 768px){
	.obw{
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
}


.h2obw{
	font-size: 23px;
	margin-bottom: 30px;
	width: 100%;
}


.h2contacts{
	font-size: 23px;
	margin-bottom: 30px;
	width: 100%;
}



.h2about{
	font-size: 23px;
	margin-bottom: 30px;
}



.h2svyaz{
	font-size: 23px;
	margin-bottom: 30px;
}


.h2obw1{
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
}


.h2bel{
	color: #fff;
	font-size: 22px;
	margin-bottom: 30px;
	margin-left: 10px;
}

.h2bel:before {
    display: block;
    height: 30px;
    top: 30px;
    right: 20px;
    background: url(img/zalivka.jpg) !important;
    background-size: contain !important;
    width: 7px;
    content: "";
    position: relative;
}

.p-obw{
	font-size: 14px;
	text-align: left;
}

.pobw{
	font-size: 14px;
	text-align: left;
}
}

.breadcrumb{
	background: #000 !important;
}	

.row-obw{
	justify-content: center;
	flex-wrap: nowrap !important;
}

@media screen and (max-width: 768px){
	.row-obw{
	justify-content: center;
	flex-wrap: wrap !important;
	margin-bottom: 0px !important;
}
}


.modal{
  text-align: center !important;
}

.form-site{
	display: flex;
}

@media screen and (max-width: 768px){
.form-site{
	display: block;
	text-align: center;
}
}

.modal{
	text-align: center !important;
}

.inkonc1 input{
justify-content: center;
margin:auto !important;
margin-top: 10px !important;
margin-bottom: 15px !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: 1px solid #b9b9b9 !important;
border-radius: 3px !important;
background: #fff !important;
width: 280px;
font-weight: 500;
}

.inkonc1, .innoflex1 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-weight: 500 !important;
  font-size: 14px;
}

.inkonc1, .innoflex1 input[type="tel"]::placeholder{
  color:#b4afac !important;
  font-weight: 500 !important;
  font-size: 14px;
}





.inkonc1, .innoflex1 select[type="text"]::placeholder{
  color:#b4afac !important;
  font-weight: 500 !important;
  font-size: 14px;
}

.inkonc1, .innoflex1 select[type="tel"]::placeholder{
  color:#b4afac !important;
  font-weight: 500 !important;
  font-size: 14px;
}




.koncsubmit1 input{
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width: 280px;
  padding: 18px 15px;
  border: none !important;
  border-radius: 10px;
  background-color: #0DC143 !important;
  margin: auto !important;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px){
.inkonc1 input{
justify-content: center;
margin:auto !important;
margin-top: 10px !important;
margin-bottom: 15px !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: 1px solid #b9b9b9 !important;
border-radius: 3px !important;
background: #fff !important;
width: 250px;
font-weight: 500;
}



.inkonc1, .innoflex1 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-weight: 500 !important;
  font-size: 14px;
}

.inkonc1, .innoflex1 input[type="tel"]::placeholder{
  color:#b4afac !important;
  font-weight: 500 !important;
  font-size: 14px;
}


.koncsubmit1 input{
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  width: 250px;
  padding: 18px 15px;
  border: none !important;
  border-radius: 8px;
  margin: auto !important;
  margin-bottom: 20px !important;
}
}

.call {
	display: none;
	position: fixed;
	bottom: 20px;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	background: #0DC143;
	margin: 15px auto;
	border-radius: 50%;
	z-index: 9999999999;
}

.whatsapp{
	position: fixed;
	bottom: 20px;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	background: #0DC143;
	margin: 15px auto;
	border-radius: 50%;
	z-index: 9999999999;
}

.whatsapp {
	right: 20px;
}

.call {
	left: 20px;
}

.whatsapp a, .call a {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	margin-top: -2px;
}

.call i,
.whatsapp i {
	color: #fff;
	font-size: 30px;
}
.whatsapp i {
	font-size: 42px;
}

@media (max-width: 768px) {
	.whatsapp, .call{
		display: block ;
	}
}


.navbar-brand img {
    height: 45px !important;
}


body a{
	outline: none !important;
	text-decoration: none !important;
}

.navbar-light .navbar-toggler-icon{
	background-image: url(img/menu.png) !important;
}

.navbar-light .navbar-toggler{
	border: none !important;
}

body.bg-light{
	background: #fff !important;
}




.navbar-toggler{
	margin-left: auto;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px){
	.navbar-collapse{
	z-index: 999 !important;
	background-color: #fff !important;
	border: 1px solid #87aaf8 !important;
}
}



.navbar{
	height: 100px;
	text-align: center;
	background: #fff !important;
	border-bottom: 3px solid #83a8f9;
}

.navbar-nav{
	text-align: center;
	margin: auto !important;
	background: #fff;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

@media screen and (max-width:567px){
.navbar-nav{
	border-top: 1px solid #ddd;
	
}
}


.nav-link{
	margin-right: 20px;
	color:#000 !important;
	font-size: 13px;
	font-weight: 500 !important;
}

.nav-link:hover{
	color: #0DC143 !important;
}


@media screen and (max-width: 768px){
	.nav-link{
		margin-right: 0px;
	}
}

.atel1{
	text-align: center;
	justify-content: center;
}

.tel1{
	display: flex;
	text-align: center;
	justify-content: center;
	margin: auto;
}

.tel1 img{
	height: 55px;
	margin-top: 2px;
}

.pconttel2{
	text-align: center;
	color:#000;
	font-size: 17px;
	font-weight: 600;
	margin-left: 10px;
	margin-bottom: 0px;
}



.atel3 p{
	margin-top: -10px;
}


.pconttelw{
	font-weight: 700;
	color: #1ece1b;
}


.logo img{
	height: 45px;
}


.zelblock{
	display: flex;
	justify-content: center;
	height: 15px;
	margin-bottom: 10px;
}

.zelblock1{
	display: flex;
	justify-content: center;
	height: 30px;
	margin-bottom: 15px;
}

.zelcircle{
	background: #2bba44;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin-right: 5px;
	margin-top: 3px;
}

.pzel{
	color: #000;
	font-size: 12px;
}

.pzvon{
	color: #000;
	font-weight: 600;
	font-size: 19px;
}


.messendzhers{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.messendzhers img{
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
}


.a-phone-tel{
	display: flex;
	justify-content: center;
}

.phone-tel img{
    height: 25px;
    margin-top: 0px;
    margin-right: 10px;
}

.h3phone{
	color: #000;
	font-size: 22px;
	font-weight: 700;
}




.messendzhers1{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.messendzhers1 img{
	height: 25px;
	margin-left: 10px;
	margin-right: 10px;
}


.a-phone-tel1{
	display: flex;
	justify-content: center;
}

.phone-tel1 img{
    height: 20px;
    margin-top: 0px;
    margin-right: 10px;
}

.h3phone1{
	color: #000;
	font-size: 18px;
	font-weight: 700;
}

.row-gallery{
	justify-content: center !important;
}


.popup-gallery{
	margin-top: 30px;
	text-align: center;
}

.popup-gallery img{
	height: 400px !important;
	width: 270px;
	object-fit: cover;
    margin: 5px !important;
    padding: 0px;
    
}

@media screen and (max-width: 768px){
	.popup-gallery img{
    height: 250px !important;
    margin: 5px;
    width: 40%;
}
}


.mfp-bottom-bar{
	display: none !important;
}


.h3logo{
	color: #fff;
	font-size: 23px;
	font-weight: 700;
}





.bg{
	position: relative;
	background-image: url('img/bg2.jpeg');
	background-size: cover;
	background-position: bottom;
	height: 600px;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: left;
}

.bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #11111196 25%, #111111e8 53%, #111 94%);
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 1;
}


.logo-block{
	text-align: center;
}

.logo-block img{
	height: 80px;
	margin-bottom: 5px;
}

.plogo{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0px !important;
}


.ptopblock2-bold{
	font-size: 16px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 5px;
}

.ptopblock2{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
}

.h3top{
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.top-flex{
	display: flex;
	justify-content: center;
}

.soc-icon img{
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
}


.top-block4-phone{
	color: #fff !important;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
}

.top-block4-phone-w{
	text-align: center;
	height: 50px;
	width: 260px;
	background: #0DC143;
	border-radius: 50px;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0px;
	padding-top: 13px;
}

.ptopblock5{
	color: #000 !important;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}

.top-block6{
	text-align: center;
}

.but-top{
	height: 50px !important;
	width: 230px !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	background: transparent !important;
	border: 2px solid #0DC143 !important;
	border-radius: 100px !important;
	margin: auto !important;
}

.ulmenu{
	list-style: none !important;
	display: flex !important;
	justify-content: center !important;
	margin-top: 40px;
}

.li-menu{
	margin-left: 50px;
	margin-right: 50px;
}

.amenu{
	font-size: 15px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none !important;
}

.amenu:hover{
	color: #0DC143 !important;
}

.zvon-flex{
	display: flex;
	justify-content: center;
}

.zvon-flex img{
	height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 7px;
}


.zvon-text{
	color: #fff;
}

.top-block3{
	text-align: center;
	justify-content: center;
}


.bg-deks{
	height: 750px;
	text-align: center;
	background: url(img/bg.webp);
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}


.bg-deks:before {
    content: "";
    position: absolute;
    height: 750px;
    width: 100%;
    background: linear-gradient(180deg, #111111ad 25%, #111111e8 53%, #111 94%);
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0.95;
}

.about{
	position: relative;
	height: 600px;
	background: url(img/ab.webp);
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}

.about::before {
    content: "";
    position: absolute;
    height: 600px;
    width: 100%;
    background: #fff;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0.95;
}

.ab-img{
	background: url(img/fon1.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 350px;
	margin: 15px;
}

.line-flex{
	display: flex;
	justify-content: center;
	width: 100% !important;
	margin-top: 15px;
}


.ab-block1{
	padding-left: 40px !important;
}

.bg-block1{
	text-align: left !important;
	padding-left: 70px !important;
	padding-top: 50px !important;
}

.pab {
    font-size: 15px;
    text-align: left;
    line-height: 1.7 !important;
    margin-bottom: 15px;
    font-weight: 400;
}


.h2bg{
	color: #fff !important;
  font-size: 30px !important;
  line-height: 0.80 !important;
  font-weight: 500 !important;
  margin-bottom: 60px !important;
}

.h2th{
	color: #000 !important;
  font-size: 30px !important;
  line-height: 0.80 !important;
  font-weight: 500 !important;
  margin-bottom: 60px !important;
}

.bg-block1{
	padding-left: 50px !important;
}

h1{
	position: relative !important;
	width: 100% !important;
	color: #fff !important;
	font-size: 42px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	margin-bottom: 60px !important;
}





.bg-flex{
	display: flex;
	margin-bottom: 40px;
}


.bg-flex1{
	display: flex;
	width: 400px;
	margin-right: 20px;
}

.bg-line{
	width: 50px;
	height: 4px;
	background: #d43e30;
	margin-top: 10px;
	margin-right: 10px;
}

.bg-flex1 img{
	height: 30px;
	margin-top: 3px;
	margin-right: 10px;
}

.pbg{
	width: 210px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.bg-block2{
	text-align: center;
}

.bg-block2 img{
	height: 500px;
	margin: auto;
}


@media screen and (max-width:768px){
.bg-mob{
	height: 600px;
	text-align: center;
	background: url(img/bg.webp);
	background-size: cover;
	background-position: center;
	padding-top: 30px;
	padding-bottom: 30px;
}


.bg-mob:before {
    content: "";
    position: absolute;
    height: 600px;
    width: 100%;
    background: linear-gradient(180deg, #111111ad 25%, #111111e8 53%, #111 94%);
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0.85;
}

#raschet{
	margin: 10px;
}

.about{
	position: relative;
	height: auto;
	background: url(img/ab.webp);
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}

.about::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0.95;
}

.line-flex{
	display: flex;
	justify-content: center;
	width: 100% !important;
	margin-top: 15px;
	padding: 0px !important;
}

.bg-left img{
	height: 20px;
	margin-top: -25px;
}

.line{
	width: 280px;
	height: 1px;
	background: #fff;
}

.bg-right img{
	height: 20px;
	margin-top: -25px;
}

.bg-block1{
	width: 0;
	padding-left: 0px !important;
	padding-top: 30px !important;
}

.bg-block2{
	width: 0;
	margin: 0px !important;
	padding: 0px !important;
}



.h2bg{
	color: #fff !important;
  font-size: 16px !important;
  line-height: 0.80 !important;
  font-weight: 500 !important;
  margin-bottom: 40px !important;
}

.h2th{
	color: #000 !important;
  font-size: 16px !important;
  line-height: 0.80 !important;
  font-weight: 500 !important;
  margin-bottom: 40px !important;
}

.bg-block2{
	text-align: center;
}

.bg-block2 img{
	height: 350px;
	margin: auto;
}

.bg-flex{
	display: block;
	margin-bottom: 30px;
}


.bg-flex1{
	display: flex;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 10px;
	height: 50px;
}

.bg-line{
	width: 30px;
	height: 4px;
	background: #d43e30;
	margin-top: 10px;
	margin-right: 10px;
}

.bg-flex1 img{
	height: 25px;
	margin-bottom: 10px;
}

.pbg{
	width: 100%;
	color: #fff;
	font-size: 16px;
	margin-top: 5px;
}


.pab {
        font-size: 14px;
        text-align: left;
        line-height: 1.7 !important;
    }

    .ab-block1{
    	padding-left: 15px;
    }
}



/* header */

.header {
  background-color: transparent;
  position: relative;
  width: 100%;
  z-index: 3;
  padding-top: 10px;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: transparent;
}

.header li a {
  display: block;
  padding: 20px 20px;
  text-decoration: none;
  color: #000;
  opacity: 0.8;
}

.header li a:hover,
.header .menu-btn:hover {
  color: #d43e30;
}

.header .logo {
  display: block;
  float: left;
  background: linear-gradient(to right, #ffffff 0%, #dddddd 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  padding: 10px 10px;
  text-decoration: none;
  letter-spacing: 3px !important;
}

@media screen and (max-width:768px){
     .header ul li{
        text-align: center !important;
    }
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

.a-menu{
	color: #fff !important;
}

.a-menu:hover{
	color: #0DC143 !important;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 540px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}

.logo img{
	height: 60px;
	margin-bottom: 5px;
}

@media screen and (max-width:768px){
	.bg-deks{
		display: none;
	}
}

@media screen and (min-width:768px){
	.bg-mob{
		display: none;
	}
}



.h2stars{
	width: 55%;
	display: flex;
	margin-bottom: 0px;
}

.stars{
	display: flex;
	margin-top: 22px;
	margin-right: 0px;
}

.stars img{
	height: 15px;
	margin-right: 5px;
}






.but-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    height: 70px;
    padding-top: 2px;
    border: none !important;
    border-radius: 10px !important;
    position: relative;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background-color: #0DC143 !important;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin: auto;
    box-shadow: 0 7px 10px 0 rgb(1 22 39 / 5%);
}
.but-bg:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}




.pod-bg-bel-blocks{
	background: #111;
	padding-top: 30px;
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
	margin-top: -80px;
	border: 1px solid #d43e30;
	border-radius: 10px;
}

.pod-bg-bel-block{
margin: 15px;
display: flex;
width: 37%;
}

.pod-bg-bel-block img{
	height: 110px;
	margin-right: 10px;
}

.p-pod-bg-bel{
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin-top: 20px;
	margin-bottom: 0px !important;
}


@media screen and (max-width: 768px){
.bg{
	position: relative;
	background-image: url('img/bg.jpg');
	background-size: cover;
	background-position: center;
	height: auto;
	text-align: left;
	padding-top: 50px !important;
	padding-bottom: 40px !important;
	margin-bottom: 50px;
}

.bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #11111196 25%, #111111e8 53%, #111 94%);
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 1;
}

.bg-block1{
	padding-left: 30px !important;
}


h1{
	position: relative !important;
	width: 97% !important;
	color: #fff !important;
	font-size: 25px !important;
	margin-bottom: 30px !important;
}

.spanh1{
	color: #94191e !important;
}


.h2stars{
	display: block;
	margin-bottom: 0px;
}

.stars{
	display: flex;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
}

.stars img{
	height: 15px;
	margin-right: 5px;
}


.h2bg{
	width: 95%;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 40px;
	line-height: 1.7;
}

.but-bg{
	margin-bottom: 30px;
}


.bg-block2{
	padding-top: 20px;
}

.bg-img{
	height: 500px;
	background: url(img/bg-block2-3.png);
	background-size: 350px;
	background-position: top;
	background-repeat: no-repeat;
}


.pod-bg-bel-blocks{
	background: #111;
	padding-top: 30px;
	padding-bottom: 20px;
	display: block;
	justify-content: center;
	margin: 15px !important;
	margin-top: -80px !important;
	border: 1px solid #d43e30;
	border-radius: 10px;
}

.pod-bg-bel-block{
margin: 15px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #3f3f3f;
display: flex;
width: 90%;
}

.pod-bg-bel-block img{
	height: 100px;
	margin-right: 15px;
}

.p-pod-bg-bel{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 0px !important;
}	
}





.gruz-block{
    width: 250px !important;
    max-width: 250px !important;
    height: 300px;
    margin: 15px;
    border-radius: 10px;
    padding-top: 230px;
	padding-bottom: 20px;
	padding-left: 20px;
	box-shadow: 1px 1px 15px 0 rgb(25 25 25 / 15%)
}


.gruz1{
	background: url(img/gr1.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz2{
	background: url(img/gr2.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz3{
	background: url(img/gr3.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz4{
	background: url(img/gr4.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz5{
	background: url(img/gr5.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz6{
	background: url(img/gr6.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz7{
	background: url(img/gr7.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.gruz8{
	background: url(img/gr8.jpg);
	background-size: cover;
	background-position: 50% 50%;
}



.h3gruz{
	text-align: center;
	color: #fff;
    font-size: 17px;
    font-weight: 500; 
}

@media screen and (max-width: 768px){
	.gruz-block{
    width: 90% !important;
    max-width: 75% !important;
    height: 300px;
    margin: 15px;
    border-radius: 10px;
    padding-top: 230px;
	padding-bottom: 20px;
	padding-left: 20px;
	box-shadow: 1px 1px 15px 0 rgb(25 25 25 / 15%)
}
.h3gruz{
	text-align: center;
	color: #fff;
    font-size: 17px;
    font-weight: 600; 
}
}



.tr1{
	height: 250px;
	background-image: url(img/k1.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}

.tr2{
	height: 250px;
	background-image: url(img/k2.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr3{
	height: 250px;
	background-image: url(img/k3.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr4{
	height: 250px;
	background-image: url(img/k4.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}

.tr5{
	height: 250px;
	background-image: url(img/k5.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr6{
	height: 250px;
	background-image: url(img/k6.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr7{
	height: 250px;
	background-image: url(img/k7.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr8{
	height: 250px;
	background-image: url(img/k8.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr9{
	height: 250px;
	background-image: url(img/k9.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}

.tr10{
	height: 250px;
	background-image: url(img/k10.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}


.tr11{
	height: 250px;
	background-image: url(img/k11.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}

.tr12{
	height: 250px;
	background-image: url(img/u1.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}

.tr13{
	height: 250px;
	background-image: url(img/u2.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}

.tr14{
	height: 250px;
	background-image: url(img/u3.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	border: 3px solid #d43e30 !important;
	margin-bottom: 20px;
}



.tr-block{
	text-align: center;
	padding-top: 0px !important;
	padding-bottom: 40px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-radius: 10px;
	background: fff;
	margin: 15px;
	border: 1px solid #1375be;
	box-shadow: 0 4px 16px 0 rgba(189, 162, 162, .38);
}


.n{
	text-align: center;
	background: #fff;
	height: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
}

.n img{
	height: 75px;
}

hr{
	background: #e3e3e3 !important;
}


.h3tr{
	color: #000;
	font-size: 18px;
	font-weight: 700;
	height: 45px;
	margin-bottom: 15px;
	margin-left: 20px;
}

.h4tr{
	color: #fff;
    font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
	margin-left: 20px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(200 200 200 / 10%) !important;
}

.ultr{
	color: #d43e30;
	list-style: disc;
	padding: 0px !important;
	margin-left: 40px;
}

.lirt{
   margin-top: 25px !important;
   margin-bottom: 25px !important;
}

.prt{
	font-size: 14px;
	font-weight: 300 !important;
	color: #fff !important;
	margin-bottom: 10px !important;
}


.but-zayavka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px !important;
    height: 60px;
    padding-top: 2px;
    border: none !important;
    border-radius: 10px !important;
    position: relative;
    font-size: 14px !important;
    font-weight: 500;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background-color: #0DC143 !important;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin: auto !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
}
.but-zayavka:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}


@media screen and (max-width: 768px){
	.ultr{
	color: #d43e30;
	list-style: disc;
	padding: 0px !important;
	margin-left: 40px;
	height: auto;
}

.n img{
	height: 70px;
}
}

.zayavka{
	background: #111;
	background-size: cover;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 3px solid #d43e30;
	border-bottom: 3px solid #d43e30;
}

.zayavka-block{
	display: flex;
}

.h2zayavka{
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px;
}

.pzayavka{
	color: #fff;
	font-size: 18px;
}


.but-bel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px !important;
    height: 60px;
    padding-top: 2px;
    border: none !important;
    border-radius: 10px !important;
    position: relative;
    font-size: 14px !important;
    font-weight: 500;
    color: #d43e30 !important;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff !important;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin: auto;
    margin-top: 10px !important;
    box-shadow: 0 7px 10px 0 rgb(1 22 39 / 5%);
}
.but-bel:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}


@media screen and (max-width: 768px){
	.zayavka{
	background: url(img/zayavka.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.zayavka-block{
	display: block;
}

.h2zayavka{
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.pzayavka{
	color: #fff;
	font-size: 14px;
}


.but-bel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px !important;
    height: 60px;
    padding-top: 2px;
    border: none !important;
    border-radius: 10px !important;
    position: relative;
    font-size: 14px !important;
    font-weight: 500;
    color: #d43e30 !important;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff !important;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin: auto;
    margin-top: 10px !important;
    box-shadow: 0 7px 10px 0 rgb(1 22 39 / 5%);
}
.but-bel:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}
}


.komissiya-block2{
	margin: 15px;
}

.h3komissiya{
	color: #000;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

.check-komissiya{
	display: flex;
	margin-bottom: 15px;
}

.check-komissiya img{
	height: 20px;
	margin-right: 10px;
}

.pkomissiya{
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
}

.sert-bl{
	margin-top: 50px;
}

.sert-bl1{
	margin-top: 30px;
}

.sert-block1{
	background: url(img/bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
	width: 500px !important;
    max-width: 500px !important;
    height: 300px;
    margin: 15px;
    border-radius: 10px;
    box-shadow: 1px 1px 15px 0 rgb(25 25 25 / 15%);
}

.sert-block1 img{
	height: 350px;
}

.psert{
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

@media screen and (max-width: 768px){
	.sert-bl{
	margin-top: 50px;
}

.sert-bl1{
	margin-top: 30px;
}

.sert-block1{
	background: url(img/bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
	width: 100% !important;
    max-width: 100% !important;
    height: 200px;
    margin: 15px;
    border-radius: 10px;
    box-shadow: 1px 1px 15px 0 rgb(25 25 25 / 15%);
}

.sert-block1 img{
	height: 200px;
}

.psert{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
}





.preim-flex{
	display: flex;
	justify-content: center;
}

.preim-block{
	width: 20% !important;
	text-align: center;
	padding: 30px 20px 20px;
	margin: 15px;
}


.preim-img{
	width: 70px;
    height: 70px;
    margin: auto;
    margin-bottom: 20px;
    padding-top: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: #1375be;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0));
}

.ppreim{
	color: #000;
	font-size: 14px !important;
    font-weight: 500 !important;
}


@media screen and (max-width: 768px){
	.preim-flex{
	display: block;
	justify-content: center;
}

.preim-block{
	width: 100% !important;
	text-align: center;
	padding: 30px 20px 20px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #3f3f3f;
}


.preim-img{
	width: 70px;
    height: 70px;
    margin: auto;
    margin-bottom: 20px;
    padding-top: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
}

.ppreim{
	font-size: 16px !important;
    font-weight: 500 !important;
}
}




.cont-blocks{
	background: #fff;
	padding: 20px;
	border: 1px solid #01e300;
	border-radius: 10px;
}

.h3cont{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}


.messendzhers{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.messendzhers img{
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
}


.a-phone-tel{
	display: flex;
	justify-content: center;
}

.phone-tel img{
    height: 25px;
    margin-top: 0px;
    margin-right: 10px;
}

.h3phone{
	color: #000;
	font-size: 22px;
	font-weight: 700;
}




.messendzhers1{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.messendzhers1 img{
	height: 25px;
	margin-left: 10px;
	margin-right: 10px;
}


.a-phone-tel1{
	display: flex;
	justify-content: center;
}

.phone-tel1 img{
    height: 20px;
    margin-top: 0px;
    margin-right: 10px;
}

.h3phone1{
	color: #000;
	font-size: 18px;
	font-weight: 700;
}

.row-gallery{
	justify-content: center !important;
}


.popup-gallery{
	margin-top: 30px;
	text-align: center;
}

.popup-gallery img{
	height: 400px !important;
	width: 270px;
	object-fit: cover;
    margin: 5px !important;
    padding: 0px;
    
}

@media screen and (max-width: 768px){
	.popup-gallery img{
    height: 250px !important;
    margin: 5px;
    width: 40%;
}
}


.mfp-bottom-bar{
	display: none !important;
}


.cont-form{
	text-align: center;
	background-color: #fff;
	padding: 20px;
}

.line-cont-form{
	border: 1px solid #83a8f9;
	border-radius: 5px;
	padding: 15px;
}

.h3-cont-form{
	color: #1a1a1a;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 10px;
}

.p-cont-form{
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
}

.contacts-block1{
	margin: 20px;
}

.contacts-block2{
	margin: 20px;
}

.th{
	text-align: left !important;
}

.but-th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    height: 70px;
    padding-top: 2px;
    border: none !important;
    border-radius: 10px !important;
    position: relative;
    font-size: 14px !important;
    font-weight: 500;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background-color: #1375be !important;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin: auto;
}
.but-th:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

.lang{
	display: flex;
	justify-content: center;
}


.contacts{
	background: #111;
	border-top: 1px solid #d43e30;
}

.cont{
	text-align: left;
	margin: 5px;
}

.cont-block, .acont{
	display: flex;
}

.h3cont{
	text-align: left;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 25px;
}

.cont-block img{
	height: 18px;
	margin-right: 10px;
}

.h4cont{
	font-size: 17px;
	color: #fff;
	font-weight: 700;
}


.but-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 230px;
    height: 50px;
    padding-top: 2px;
    border: none !important;
    border-radius: 10px !important;
    position: relative;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background-color: #d43e30 !important;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin: auto;
    box-shadow: 0 7px 10px 0 rgb(1 22 39 / 5%);
}
.but-cont:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

@media screen and (max-width: 768px){
.kat-block{
	position: relative;
	display: block;
	margin: 5px;
	text-align: left;
	height: 200px;
	padding-top: 100px;
	padding-bottom: 50px;
	padding-left: 30px;
}


.contacts{
	background: #111;
	border-top: 1px solid #d43e30;
}

.cont{
	text-align: left;
	margin: 5px;
}

.cont-block, .acont{
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cont-block{
	border-bottom: 1px solid #ddd;
}

.h3cont{
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 15px;
}

.cont-block img{
	height: 17px;
	margin-right: 10px;
}

.h4cont{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}	
}

.plang{
	color: #fff !important;
	font-weight: 600 !important;
}

.spanlang{
	color: #fff !important;
}


.row-form1{
  border: 1px solid #1375be;
  border-radius: 5px;
  padding: 0px !important;
  margin-bottom: 50px !important;
}



.form-block1{
  padding: 40px !important;
}

.h2form{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}

.form-block2{
  height: 600px;
  background: url(img/zak.webp);
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 768px){
	.form-block2{
  height: 200px;
}
	
.form-block1{
	padding: 20px !important;
}

.h2form{
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px;
}
}


.inkonc2 input{
justify-content: center;
margin:auto !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: none !important;
border-bottom: 1px solid #d9dada !important;
background: #fff !important;
height: 60px;
width: 400px;
}

.inkonc2, .innoflex1 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-family: 'Montserrat' !important;
  font-size: 14px;
}




.koncsubmit2 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 60px;
  width: 400px;
  padding: 13px 15px;
  border: 2px solid #0DC143;
  background: #0DC143 !important;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
  text-transform: uppercase !important;
}

.form-site{
	display: flex;
}

@media screen and (max-width: 768px){
.form-site{
	display: block;
	text-align: center;
}
}

@media screen and (max-width: 768px) {
.inkonc2 input[type="text"]::placeholder{
  color:#333 !important;
  font-family: 'Montserrat' !important;
  font-size: 12px;
}

.inkonc2 input[type="tel"]::placeholder{
  color:#333 !important;
  font-family: 'Montserrat' !important;
  font-size: 12px;
}

.inkonc2 input{
justify-content: center;
margin:auto !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: none !important;
border-bottom: 1px solid #d9dada !important;
background: #fff !important;
height: 60px;
width: 300px !important;
}

.koncsubmit2 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 60px;
  width: 300px;
  padding: 13px 15px;
  border: 2px solid #0DC143;
  background: #0DC143 !important;
  margin-top: 0px;
  margin: auto !important;
  margin-bottom: 15px !important;
  text-transform: uppercase !important;
}
}


.contacts{
	text-align: left !important;
	background: #383B40 !important;
	padding-bottom: 10px !important;
}


.h2bel{
	color: #fff;
	font-size: 32px;
	line-height: 1.55;
    font-weight: 700;
	margin-bottom: 40px;
}



@media screen and (max-width: 768px){
.h2bel{
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
}
}


.h3cont{
	color: #fff;
    font-size: 23px;
    line-height: 1.55;
    font-weight: 500;
    margin-bottom: 10px;
}


.a-cont{
	display: flex;
}

.a-cont img{
	height: 25px;
	margin-top: 5px;
	margin-right: 10px;
}


.h3cont1{
	color: #fff;
    font-size: 28px;
    line-height: 1.55;
    font-weight: 700;
    margin-bottom: 20px;
}

.p-kons{
	color: #fff;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 60px;
}


@media screen and (max-width: 768px) {
	.p-kons{
	text-align: center;
	color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
}
}


.p-wh{
	font-size: 23px;
	color: #4bb900;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.p-cont{
	color: #fff;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
}





@media screen and (max-width: 768px) {
.form-cont{
		margin-bottom: 50px !important;
	}

.h2cont{
	text-align: center;
	color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 35px;
}


.h3cont{
	color: #fff;
    font-size: 20px;
    line-height: 1.55;
    font-weight: 500;
    margin-bottom: 10px;
}


.a-cont{
	display: flex;
	justify-content: center;
}

.a-cont img{
	height: 20px;
	margin-top: 5px;
	margin-right: 10px;
}


.h3cont1{
	text-align: center;
	color: #fff;
    font-size: 25px;
    line-height: 1.55;
    font-weight: 700;
    margin-bottom: 20px;
}


.p-wh{
	text-align: center;
	font-size: 17px;
	color: #54d000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.p-cont{
	color: #fff;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
}
}




.inkonc3 input{
justify-content: center;
margin:auto !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: 1px solid #969898 !important;
background: #fff !important;
height: 60px;
width: 300px;
}

.inkonc3, .innoflex3 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-family: 'Montserrat' !important;
  font-size: 14px;
}


.inkonc3{
	margin-right: 10px !important;
}



.koncsubmit3 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 60px;
  width: 300px;
  padding: 13px 15px;
  border: 2px solid #0DC143;
  background: #0DC143 !important;
  margin-top: 0px;
  margin: auto !important;
  margin-bottom: 0px !important;
  text-transform: uppercase !important;
}



.form-site{
	display: flex;
}

@media screen and (max-width: 768px){
.form-site{
	display: block;
	text-align: center;
}
}

@media screen and (max-width: 768px) {
	.inkonc3 input{
justify-content: center;
margin:auto !important;
margin-bottom: 15px !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: 1px solid #969898 !important;
background: #fff !important;
height: 50px;
width: 300px;
}

.inkonc3, .innoflex3 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-family: 'Montserrat' !important;
  font-size: 14px;
}

.inkonc3 {
    text-align: center;
    margin-right: 0px !important;
}

.koncsubmit3 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 50px;
  width: 300px;
  padding: 13px 15px;
  border: 2px solid #0DC143;
  background: #0DC143 !important;
  margin-top: 0px;
  margin: auto !important;
  margin-bottom: 0px !important;
  text-transform: uppercase !important;
}
}

.h1th{
	color: #000 !important;
	text-transform: none !important;
	font-size: 40px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin-bottom: 30px !important;
}

.psite{
	text-align: center;
	color: #ddd;
	font-size: 13px;
	margin-top: 50px;
}

@media screen and (max-width:768px){
	.psite{
	text-align: center;
	color: #ddd;
	font-size: 13px;
	margin-top: 0px;
}
	
	.h1th{
	text-transform: none !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin-bottom: 30px !important;
}
}

.multibutton {
    z-index: 999;
    position: fixed;
    right: 30px;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 70px;
    height: 70px;
    transition: 0.2s ease;
}

.multibutton:hover {
    width: auto;
    height: auto;
}

.multibutton:hover .multibutton__list {
    position: relative;
    top: auto;
    bottom: 10px;
    visibility: visible;
}

.multibutton:hover .multibutton__item {
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease;
    transform: scaleX(1) scaleY(1) translateY(0);
}

.multibutton__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 13px;
    top: 80px;
    visibility: hidden;
    transition: 0.3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
}

.multibutton__title {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,0.8);
    padding: 10px;
    border-radius: 30px;
}

.multibutton__item {
    display: flex;
    align-items: center;
    margin: 4px 0;
    transform: scaleX(0.4) scaleY(0.4) translateY(150px);
    opacity: 0;
    visibility: hidden;
}

.multibutton__button {
    width: 70px;
    height: 70px;
    background: #4399f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: animation_button 3s linear infinite;
    transition: all 200ms ease-out;
}

@keyframes animation_button {
    0% {
        box-shadow: 0 0 0 0 #4399f5, 0 0 0 0 #4399f5;
    }
    40% {
        box-shadow: 0 0 0 13.62667px #59a4f5, 0 0 0 6.81333px #59a4f5;
    }
    80% {
        box-shadow: 0 0 0 27.25333px rgba(255, 186, 38, 0), 0 0 0 13.62667px rgba(255,206, 9, 0);
    }
    100% {
        box-shadow: 0 0 0 34.06667px rgba(255, 186, 38, 0), 0 0 0 27.25333px rgba(255, 206, 9, 0);
    }
}

.multibutton__button svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.multibutton__item:nth-child(1) .multibutton__icon{
    background: #03a9f4;
}

.multibutton__item:nth-child(2) .multibutton__icon{
    background: #0DC143;
}

.multibutton__item:nth-child(3) .multibutton__icon{
    background: #7b519d;
}

.multibutton__item:nth-child(4) .multibutton__icon{
    background: #30d64f;
}

.multibutton__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.multibutton__icon svg{
    width: 26px;
    height: 26px;
    fill: #fff;
}


.avto-flex{
	text-align: center;
}

.avto-flex img{
	margin-right: 20px;
	margin-left: 20px;
}

@media screen and (max-width: 768px){
	.avto-flex img{
	height: 30px !important;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
}
