body{
	font-family: 'Montserrat' !important;
}

a{
	color: #000 !important;
}


.modal{
	top: 20% !important;
}


.obw{
	padding-top: 60px;
	padding-bottom: 50px;
}



.h2obw{
	text-align: center;
	color: #000;
	font-size: 32px;
	line-height: 1.55;
    font-weight: 700;
	margin-bottom: 20px;
}


.h2bel{
	color: #fff;
	font-size: 32px;
	line-height: 1.55;
    font-weight: 700;
	margin-bottom: 20px;
}



@media screen and (max-width: 768px){
	.obw{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 40px;
}


.h2obw{
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
}


.h2bel{
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
}
}



.row-obw{
	justify-content: center;
	flex-wrap: nowrap !important;
	margin-bottom: 20px !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;
}
}

.inkonc1 input{
justify-content: center;
margin:auto !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: 1px solid #d9dada !important;
background: #fff !important;
height: 60px;
width: 300px;
}

.inkonc1, .innoflex1 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-family: 'Montserrat' !important;
  font-size: 14px;
}


.inkonc1{
	margin-right: 10px !important;
}

.inkonc2 input{
justify-content: center;
margin:auto !important;
margin-top: 15px !important;
margin-bottom: 15px !important;
padding: 13px 15px;
padding-top: 20px !important;
padding-bottom: 20px !important;
border: 1px solid #d9dada !important;
background: #fff !important;
height: 60px;
width: 300px;
}

.inkonc2, .innoflex1 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-family: 'Montserrat' !important;
  font-size: 14px;
}


.koncsubmit1 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 60px;
  width: 300px;
  padding: 13px 15px;
  border: 2px solid #f44334;
  background: #f44334 !important;
  margin-top: 0px;
  margin: auto !important;
  margin-bottom: 0px !important;
  text-transform: uppercase !important;
}


.koncsubmit2 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 60px;
  width: 300px;
  padding: 13px 15px;
  border: 2px solid #f44334;
  background: #f44334 !important;
  margin-top: 0px;
  margin: auto !important;
  margin-bottom: 15px !important;
  text-transform: uppercase !important;
}


@media screen and (max-width: 768px) {
	.inkonc1 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 #d9dada !important;
background: #fff !important;
height: 50px;
width: 100%;
}

.inkonc1, .innoflex1 input[type="text"]::placeholder{
  color:#b4afac !important;
  font-family: 'Montserrat' !important;
  font-size: 14px;
}

.inkonc1 {
    text-align: center;
    margin-right: 0px !important;
}

.koncsubmit1 input{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 50px;
  width: 100%;
  padding: 13px 15px;
  border: 2px solid #f44334;
  margin-top: 0px;
  margin: auto !important;
  margin-bottom: 0px !important;
  text-transform: uppercase !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 #94191e !important;
}
}



.navbar{
	height: 100px;
	text-align: center;
	background: #fff !important;
	border-bottom: 1px solid #94191e;
}

.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: 15px;
	font-weight: 500 !important;
}

.nav-link:hover{
	color: #94191e !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;
}



.bg{
	background-image: url('img/bg.jpg');
	background-size: cover;
	background-position: center;
	height: 700px;
	padding-top: 100px;
	text-align: left;
}




h1{
	width: 85% !important;
	color: #fff !important;
	font-size: 45px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin-bottom: 30px !important;
}

.pbg{
	width: 75%;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 1.5;
	margin-bottom: 40px;
	font-weight: 400 !important;
}

.but-bg{
	background: #f44334 !important;
	width: 300px;
	height: 60px;
	border: none !important;
	color: #fff !important;
	font-size: 17px;
	font-weight: 700 !important;
	margin-right: 15px !important;
}

.but-bg1{
	background: #fff !important;
	width: 300px;
	height: 60px;
	border: none !important;
	color: #f44334 !important;
	font-size: 17px;
	font-weight: 700 !important;
	border-radius: 5px !important;
}

.bg-arhiv{
	background-image: url('img/arhiv.jpg');
	background-size: cover;
	background-position: center;
	height: 600px;
	padding-top: 70px;
	text-align: left;
}

@media screen and (max-width: 768px){
	
.bg{
	background-image: url('img/bg.jpg');
	background-size: cover;
	background-position: center;
	height: 1100px;
	padding-top: 50px;
	text-align: center;
}


	h1{
    text-align: center;
	width: 100% !important;
	color: #fff !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	margin-bottom: 30px !important;
}

.pbg{
	text-align: center;
	width: 100%;
	color: #fff !important;
	font-size: 15px !important;
	line-height: 1.5;
	margin-bottom: 40px;
	font-weight: 400 !important;
}


.but-bg{
	background: #f44334 !important;
	width: 280px;
	height: 60px;
	border: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	margin: auto !important;
	margin-bottom: 15px !important;
	margin-right: 0px !important;
}

.but-bg1{
	background: #fff !important;
	width: 280px;
	height: 60px;
	border: none !important;
	color: #f44334 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	border-radius: 5px !important;
}



.bg-ahriv{
	background-image: url('img/arhiv.jpg');
	background-size: cover;
	background-position: center;
	height: 550px;
	padding-top: 50px;
	text-align: left;
}
}


.about{
	background: #f8f9fb;
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
}


.ab1{
	text-align: left;
	width: 400px;
	height: 400px;
	background: url(img/about.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 80px;
}

.ab2{
	text-align: left;
	width: 400px;
	height: 400px;
	background: url(img/1.png);
	background-size: cover;
	background-position: center;
	margin-top: 80px;
}

.h3asbl{
	color: #000000;
    font-size: 19px;
    line-height: 1.55;
    font-weight: 700;
    margin-bottom: 20px; 
}

.p-ab{
	color: #000000;
    font-size: 14px;
    line-height: 1.95;
    font-weight: 400;
}

.ab3{
	text-align: left;
	padding-left: 15px;
	padding-top: 150px;
}


.ulab{
	list-style: square;
	color: #066fb0 !important;
	margin: 0px;
	padding: 0px;
}

.liab{
	color: #066fb0 !important;
}


@media screen and (max-width: 768px){

.ab1{
	text-align: left;
    width: 100%;
	height: 250px;
	background: url(img/about.jpg);
	background-size: cover;
	background-position: center;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 40px;
}

.ab2{
	text-align: left;
    width: 100%;
	height: 250px;
	background: url(img/1.png);
	background-size: cover;
	background-position: center;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 40px;
}


.h3asbl{
	color: #000000;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 700;
    margin-bottom: 20px; 
}


.p-ab{
	color: #000000;
    font-size: 13px;
    line-height: 1.95;
    font-weight: 400;
}

.ab3{
	padding-left: 0px;
	padding-top: 0px;
}

.ulab{
	list-style: square;
	color: #066fb0 !important;
	margin: 20px;
	padding: 0px;
}
}


.s1{
	background-image: url(img/s1.jpg);
	background-size: cover;
	background-position: center;
}

.s2{
	background-image: url(img/s2.jpg);
	background-size: cover;
	background-position: center;
}

.s3{
	background-image: url(img/s3.jpg);
	background-size: cover;
	background-position: center;
}

.s4{
	background-image: url(img/s4.jpg);
	background-size: cover;
	background-position: center;
}

.s5{
	background-image: url(img/s5.jpg);
	background-size: cover;
	background-position: center;
}

.s6{
	background-image: url(img/s6.jpg);
	background-size: cover;
	background-position: center;
}

.s7{
	background-image: url(img/s7.jpg);
	background-size: cover;
	background-position: center;
}

.s8{
	background-image: url(img/s8.jpg);
	background-size: cover;
	background-position: center;
}

.s9{
	background-image: url(img/s9.jpg);
	background-size: cover;
	background-position: center;
}

.u1{
	background-image: url(img/s6.jpg);
	background-size: cover;
	background-position: center;
}

.u2{
	background-image: url(img/k.webp);
	background-size: cover;
	background-position: center;
}

.u3{
	background-image: url(img/f.jpg);
	background-size: cover;
	background-position: center;
}


.stel{
	text-align: center;
	height: 250px;
	margin: 10px;
	position: relative;
	padding-top: 100px;
	padding-left: 15px;
	padding-right: 15px;
}

.stel:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0.8;
}

.h3stel{
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}

.but-kat{
	background: #f44334 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	height: 50px !important;
	width: 170px !important;
	border-radius: 5px !important;
	margin: auto;
	color: #fff !important;
	margin-bottom: 25px !important;
	position: relative;
	border: none !important;
}

.kons{
	background: url(img/section.jpg);
	background-size: cover;
	background-position: center;
}


.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;
}
}




.h2-prich{
	margin-bottom: 50px !important;
}

.prich-block{
	margin: 10px;
}



.prich-block img{
	margin-bottom: 20px;
	border: 1px solid #3b9200;
    border-radius: 100%;
}


.h3prich{
	color: #000000;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 700;
    margin-bottom: 20px;
}


.pprich{
	color: #000000;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 400;
}


@media screen and (max-width: 768px) {
	.prich-block{
	margin: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
}
}


.brands {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px
}

.brands_slider_container {
    height: 200px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    padding-left: 97px;
    padding-right: 97px;
    background: #fff
}

.brands_slider {
    height: 100%;
    margin-top: 50px
}

.brands_item {
    height: 100%
}

.brands_item img {
    max-width: 100%;
    height: 55px;
}

.brands_nav {
    position: absolute;
    top: 65%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer
}

.brands_nav i {
    color: #7a7a7a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.brands_nav:hover i {
    color: #676767
}

.brands_prev {
    left: 40px
}

.brands_next {
    right: 40px
}

.owl-stage{
width: 4759px !important;
}

@media screen and (max-width: 768px){
	.brands_slider_container {
    height: 200px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    padding-left: 37px;
    padding-right: 37px;
    background: #fff
}
.owl-stage{
width: 6759px !important;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 65px;
}
}



.row-gallery{
	justify-content: center !important;
}


.popup-gallery{
	margin-top: 30px;
	text-align: center;
}

.popup-gallery img{
	height: 270px !important;
	width: 270px;
	object-fit: cover;
    margin: 5px !important;
    padding: 0px;
    
}

@media screen and (max-width: 768px){
	.popup-gallery img{
    height: 100px !important;
    width: 40%;
    margin: 2px;
}
}


.mfp-bottom-bar{
	display: none !important;
}



.navbar-brand img {
    height: 80px !important;
}


.contacts{
	text-align: left !important;
	background: #383B40;
}


.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-wh{
	font-size: 23px;
	color: #4bb900;
	padding-bottom: 40px;
	border-bottom: 1px solid #8a8a8a;
	margin-bottom: 30px;
}


.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: 25px;
    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: 40px;
	border-bottom: 1px solid #8a8a8a;
	margin-bottom: 30px;
}


.p-cont{
	color: #fff;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
}
}


.bg-th{
	height: 600px;
	background: url(img/bg.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 100px;
}


.usl-block{
	margin: 15px;
}

.fas1{
	height: 300px;
	background: url(img/saiding.webp);
	background-size: cover;
	background-position: center;
}

.fas2{
	height: 300px;
	background: url(img/kas.webp);
	background-size: cover;
	background-position: center;
}

.fas3{
	height: 300px;
	background: url(img/paneli.jpg);
	background-size: cover;
	background-position: center;
}


.k1{
	height: 300px;
	background: url(img/met.jpg);
	background-size: cover;
	background-position: center;
}

.k2{
	height: 300px;
	background: url(img/profnastil.jpeg);
	background-size: cover;
	background-position: center;
}

.k3{
	height: 300px;
	background: url(img/bitumnaya.jpg);
	background-size: cover;
	background-position: center;
}

.k4{
	height: 300px;
	background: url(img/vodostok.jpg);
	background-size: cover;
	background-position: center;
}


.metallocherepica{
	background-image: url('img/metallocherepica.jpg');
	background-size: cover;
	background-position: center;
	height: 500px;
	padding-top: 70px;
	text-align: left;
}

.prof{
	background-image: url('img/prof.jpg');
	background-size: cover;
	background-position: center;
	height: 500px;
	padding-top: 70px;
	text-align: left;
}

.bitumnaya{
	background-image: url('img/bit.jpg');
	background-size: cover;
	background-position: center;
	height: 500px;
	padding-top: 70px;
	text-align: left;
}

.vod{
	background-image: url('img/vod.jpg');
	background-size: cover;
	background-position: center;
	height: 500px;
	padding-top: 70px;
	text-align: left;
}



.met{
	text-align: left;
	width: 400px;
	height: 400px;
	background: url(img/met.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 80px;
}

.vodst{
	text-align: left;
	width: 400px;
	height: 400px;
	background: url(img/vodst.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 80px;
}

.prof1{
	text-align: left;
	width: 400px;
	height: 400px;
	background: url(img/prof1.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 80px;
}

.bit{
	text-align: left;
	width: 400px;
	height: 400px;
	background: url(img/bitumnaya.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 80px;
}


.col-flex{
	display: flex;
	justify-content: center;
}

.col1{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #f6e1a9;
}

.col2{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #156721;
}

.col3{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #320f02;
}

.col4{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #ae0900;
}

.col5{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #a8a8a8;
}

.col6{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #6f4333;
}

.col7{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #fe8d02;
}

.col8{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #2750ac;
}

.col9{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #573d50;
}

.col10{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #070707;
}

.col11{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #f6e1a9;
}

.col12{
	margin: 10px;
	width: 50px;
	height: 50px;
	background: #f6e1a9;
}


@media screen and (max-width: 768px){
.metallocherepica{
	background-image: url('img/metallocherepica.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	padding-top: 70px;
	text-align: left;
}

.met{
	text-align: left;
    width: 100%;
	height: 250px;
	background: url(img/met.jpg);
	background-size: cover;
	background-position: center;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 40px;
}

.prof{
	background-image: url('img/prof.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	padding-top: 70px;
	text-align: left;
}

.bitumnaya{
	background-image: url('img/bit.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	padding-top: 70px;
	text-align: left;
}

.vod{
	background-image: url('img/vod.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	padding-top: 70px;
	text-align: left;
}
}

.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 !important;
    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;
}



.usl{
	margin: 15px;
	padding: 10px;
	border: 1px solid #01a9f4;
	border-radius: 10px;
}

.u1{
	height: 250px;
	background: url(img/u1.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.u2{
	height: 250px;
	background: url(img/u2.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.u3{
	height: 250px;
	background: url(img/u3.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.u4{
	height: 250px;
	background: url(img/u4.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.u5{
	height: 250px;
	background: url(img/u5.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.u6{
	height: 250px;
	background: url(img/u6.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.h3usl{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

input[type="range"] {
  background-color: #f44334;
  border: 0px solid #f44334;
  height: 5px !important;
  width: 450px !important;
  background: #f44334 !important;
  outline: none !important;
}

input[type=range].styled-slider:focus {
  outline: none;
}

input[type="range"] {
  accent-color : #f44334;
}

legend {
	text-align: left;
    font-size: 16px !important;
    font-weight: 700;
    margin-top: 30px;
}

.raschet-block {
	width: 100%;
    display: flex;
    justify-content: center;
    box-shadow: 0 4px 16px 0 rgb(189 162 162 / 38%);
}


.raschet-form{
	width: 60%;
	padding-top: 50px;
	padding-left: 30px;
	padding-bottom: 50px;
}


.zel-form {
	width: 40%;
    background: url(img/g38.jpg);
    background-size: cover;
    background-position: center;
}


.kons-ras{
	margin-top: 30px;
}

.input-kons input{
	width: 300px !important;
}

@media screen and (max-width: 768px){
	.raschet-form{
	width: 100%;
	padding-top: 50px;
	padding-left: 10px;
	margin-right: 10px;
	padding-bottom: 50px;
}


.zel-form {
	width: 100%;
    background: url(img/g38.jpg);
    background-size: cover;
    background-position: center;
}

input[type="range"] {
    background-color: #f44334;
    border: 0px solid #f44334;
    height: 5px !important;
    width: 300px !important;
}

.raschet-block {
    width: 100%;
    display: block;
    justify-content: center;
    box-shadow: 0 4px 16px 0 rgb(189 162 162 / 38%);
}


.kons-ras{
	margin-top: 10px;
}

.zel-form {
	width: 100%;
	height: 250px;
    background: url(img/g38.jpg);
    background-size: cover;
    background-position: center;
}

.input-kons input{
	width: 100% !important;
}
}

.bg-flex{
  display: flex;
  width: 1000px;
  margin-top: 50px;
}

.bg-flex-block{
  width: 250px;
  margin-right: 20px;
}

.bg-flex-block img{
  height: 40px;
  margin-bottom: 10px;
}

.pbgflex{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.sert{
	text-align: center;
}

.sert img{
	height: 500px;
}

.pusl1{
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 40px;
}

.ab-block1 a{
	display: flex;
}

.ab-block1 a img{
	height: 30px;
	margin-right: 10px;
}


.pab1{
	text-decoration: underline;
}


.ab-block2{
	height: 300px;
	background: url(img/about.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

.ser{
	background: #f5f5f5;
}

.usl-block{
	background: #fff;
    box-shadow: 0 4px 16px 0 rgba(189, 162, 162, .38);
    margin: 10px;
    padding: 20px;
}


.uslimg1 {
    height: 250px;
    background: url(img/u1.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.uslimg2 {
    height: 250px;
    background: url(img/u2.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.uslimg3 {
    height: 250px;
    background: url(img/u3.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.uslimg4 {
    height: 250px;
    background: url(img/u4.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.uslimg5 {
    height: 250px;
    background: url(img/u5.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.ulusl{
	list-style: none;
	padding: 0px;
}

.liusl{
	display: flex;
	padding-top: 15px;
	border-bottom: 1px solid #ddd;
}

.liusl img{
	height: 17px;
	margin-top: 5px;
	margin-right: 10px;
}

.pusl{
	font-size: 14px;
}


@media screen and (max-width:768px){
	.row-deks{
		display: none !important;
	}
}

@media screen and (min-width:768px){
	.row-mob{
		display: none !important;
	}
}

.row-block4{
	margin-bottom: 40px;
}


.block4-1{
	margin: 10px;
	padding-top: 50px;
}

.h3block4{
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 15px;
}

.pblock4{
	font-size: 16px;
	text-align: left;
}

.block4-img1{
    height: 300px;
    background: url(img/u7.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.block4-img2{
    height: 300px;
    background: url(img/u8.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.block4-img3{
    height: 300px;
    background: url(img/u9.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 30px;
}


@media screen and (max-width:768px){
	.bg-flex {
    display: block;
    width: 100%;
    margin-top: 50px;
}

.bg-flex-block {
    width: 100%;
    margin-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff57;
    margin-bottom: 15px;
    margin-top: 15px;
}

.sert img {
    height: 150px;
    margin-top: 30px;
}

.pusl1 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 40px;
}

.part-block img{
	margin-bottom: 20px;
}

.block4-img1 {
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
    margin-bottom: 30px;
}

.block4-img2 {
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
    margin-bottom: 30px;
}

.block4-img3 {
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
    margin-bottom: 30px;
}

.block4-img4 {
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
    margin-bottom: 30px;
}

.block4-img5 {
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
    margin-bottom: 30px;
}

.block4-img6 {
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
    margin-bottom: 30px;
}


.ab-block1 a {
    display: flex;
    justify-content: left !important;
    text-align: left;
    justify-content: center;
}

.ab-block2 {
    height: 200px;
    background: url(img/about.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 20px;
}

.pusl {
    text-align: left;
    font-size: 14px;
}

.liusl img {
    height: 17px;
    margin-top: 0px;
    margin-right: 10px;
}
}