html {
  	 background-color: #DCE7EE;
 	 background-repeat: no-repeat;
  	 background-position: center center;
  	 background-attachment: fixed;
 	 -webkit-background-size: cover;
 	 -moz-background-size: cover;
 	 background-size: cover;
	 font: 16px "Roboto", sans-serif;
}
*,
*::before,
*::after {
margin:0;
padding:0;
border:none;
box-sizing: border-box;
	
}

.skotch {
  position: relative;
  float: right;
  right: 50%
}
.knopkatel {
display:none;
  opacity: 90%;
  width: 50px;
  position: fixed;
  right: 6%;
  bottom: 5%;
}

.h1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 28px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:#105A63;
   }
.h3 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 32px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:F7FBFF;
   }
.p1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px; 
    font-weight: bold;
	margin-top: 1px;
    margin-bottom: 1px; 
    color: #105A63;
   }
.colortext {
    color: #004E8C;
}
.p11 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 29px; 

 margin-top: 1px; /* Отступ сверху */
    margin-bottom: 1px; /* Отступ снизу */
   
   }
h1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px; 
    font-weight: 600;
    color: fff;
	line-height: 1;
	margin-bottom: 20px;
   }
h2 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 24px; 
    font-weight: 600; 
    color: #161616;
	line-height: 2;
   }
h3 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 32px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:F7FBFF;
   }
h4 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 32px; 
    font-weight: lighter; /* Светлое начертание */ 
    color: FF3D3D;
   }
h5 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 32px; 
    font-weight: 600;
    color: 333333;
	line-height: 1;
 margin-top: 1px; /* Отступ сверху */
   }

.Nviz{
	height:50px;
}
.td22 {
	border: 3px
	solid #F7FBFF;
	background: #F7FBFF;
	border-radius: 9px;
	padding: 10px;
    font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 24px; 

}
.td3 {
	border: 3px
	solid: #7F7F7F;
	background: #7F7F7F;
	border-radius: 9px;
	padding: 10px;
    font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 32px; 
	font-color: #FFFFFF; 
}

.knopkavizova {
	position:fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: #C2CECE;
	margin: 0 auto; 
	align-items: center;
}
.vse {
	width: 1024px;
	margin: 0 auto; 		
}

.v1{
	width:100%;
  position:fixed;
top: 0;
background-color: #DCE7EE;
z-index:99;
}
.tk1{
	width:100%;
  background: #DDE8EF;
}
.tr2{
	width:100%;
  background: #fff;
}
.tr1{
	width: 100%;  
  background: #F7FBFF;
}
.kak1{
	width:100%;
  background: #fff;
}
.vop1{
	width: 100%;  
  background: #F7FBFF;
}
.otz1{
	width:100%;
  background: #fff;
}

/* Кнопки */
#message {
width: 200px;
height: 40px;
}

#otpravit {
width: 200px;
height: 40px;	
}

.vizov {
	display:none;
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	    font-size: 18px; 
		font-weight: 600;
		margin:0 400px 40px;
}

.vizov:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.vizov:active {
    color: #E5494C
}

.vizov:active:after {
    background: transparent;
}

.vizov:hover:before {
    opacity: 1;
}

.vizov:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #7A888F;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/* Верх */
.verh {
margin: 0 auto; 
width: 1024px;
height: 130px;
display:flex;
align-items: center;

}

.logo {
border-radius: 9px;
	width: 180px;


}
#bus {
	height:150px;
}
.ic {
		height:40px;
}
.TELEFON {
	display:none;
}
.dopdp1{
display:block;

}
.dp1{
display:flex;
text-align:left;
align-items: center;
margin: 0 auto;
padding-left:20px;
width: 430px;

}

.ken{
	width: 100px;

}
/*Меню*/
html{scroll-behavior:smooth}
	#nas {
	height: 50px;	
	}
		#pop{
	height: 100px;
background:#FEFEFE;	
	}
		#kakrab {
	margin-bottom:100px;
background:	#F8FCFE;
	}
		#voprosi {
	margin-bottom: 60px;
background:	#FEFEFE;
	}
		#otzivi {
	margin-bottom: 50px;
background:	#F8FCFE;
	}
header {
	position: relative;
text-align:left;
align-items: center;
margin: 0 auto;
padding-left:20px;
width: 80px;
}
#mimg {
	height: 50px;
}
.menu-triger {
	display: block;
	float: right;

}	
.menu-close {
	display: block;
	width: 28px;
	height: 28px;	
	background: url(https://snipp.ru/demo/449/close.png) 0 0 repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
		width: 280px;
	display: none;	
	background: #2c2e3e;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.menu-popup li a {
	font-size: 18px;
	font-family: "Arial";
	color: rgb(255, 255, 255);
	line-height: 1.4;	
	text-decoration: none;
}
.body_pointer * {
	cursor: pointer;
}






#ken {
	height:70px;	
		float:right;
}
.td1 {

padding: 10px;
width:300px;
}
.td1 a {
	text-decoration: none; 
	color:#105A63;
}


/*Реклама */
.divh {
margin: 0 auto;
}

.anime{
  text-transform: uppercase;
width:100%;
  display: inline-block;
	left: 20px; 

  
  span {

    font-family: Arial, Helvetica, Verdana, sans-serif;

    color: fff;
	line-height: 1;
	margin-bottom: 20px;
    text-shadow: 0 0 80px rgba(255,255,255,.5);

/* Clip Background Image */

    background: url(animated-text-fill2.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;

/* Animate Background Image */

    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 40s linear infinite;

/* Activate hardware acceleration for smoother animations */

    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;

  }
}

/* Animate Background Image */

@-webkit-keyframes aitf {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
.vseREK {
	background-image: url(mf.jpg);
	width: 100%;
	margin: 0 auto; 
  	 background-color: #DCE7EE;
 	 background-repeat: no-repeat;
  	 background-position: bottom right;
  	 background-attachment: fixed;
 	 -webkit-background-size: cover;
 	 -moz-background-size: cover;
 	 background-size: cover;
	 
}

.table-komtent {
		width: 1024px;
	margin: 130px auto 0px auto; /* сверху | справа | снизу | слева */
	padding-top: 80px;
	padding-bottom: 80px;

	display: block;

}
.table-komtent-text {
	position: relative;
 width: 100%;
	left: 20px; 

 	
}

.td2 {
	border: 3px
	solid #F7FBFF;
	background: #F7FBFF;
	border-radius: 9px;

    font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px; 

}
.pk {
	    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 25px; 
 	margin-top: 1px;
    margin-bottom: 1px; 
    color: 000000;
}
.cennik {
	height: 80px; 
	vertical-align:middle;
	margin-right: 15px;
}
.gal {
	height: 40px; 
	vertical-align:middle;
	margin-right: 15px;
}
.pa {
	  font-size: 50px; 
    font-weight: bold;
	margin-top: 1px;
    margin-bottom: 1px; 
    color: #FF3A05;
	font-style: italic;
}
.testimonials2{
  padding: 0px 40px;
  background: #fff;
  color: #434343;
  text-align: center;
}
.prpr {
	width:960px;
	display:flex;
	flex-wrap: wrap;

	align-items:center;
	justify-content:center;

}
.prdiv {
  width:120px;
  margin-right:60px;    
  margin-bottom: 30px;


}
.primg {
  width:120px;
   margin-bottom: 20px;
}
.prp {
  	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px; 
 
	margin-top: 1px;
    margin-bottom: 1px; 
    color: #105A63;
	font-style: italic;
}
/* Как мы работаем */
.Kakrab{
  padding: 0px 40px;
  background: #fff;
  color: #434343;
  text-align: center;
}
.kakpr {
	width:960px;
	display:flex;
	flex-wrap: wrap;
flex-direction: column;
	align-items:center;
	justify-content:center;
   margin: 0 auto;
}

.kakdiv {
  width:400px; 
  margin-bottom: 30px;
}
.kakimg {
  width:120px;
   margin-bottom: 20px;
}
.kakp {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 26px; 
    font-weight: 300;
    color: 333333;
	line-height: 1;
 margin-top: 1px; /* Отступ сверху */
}
 /* Часто задаваемые вопросы */
 .button_vopros {
	font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px;
	font-weight: 500;
	color: #333333;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: AFAFAF;
	padding: 25px;
	cursor: pointer;
}
 .button_vopros1 {
	font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px;
	font-weight: 500;
	color: #333333;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: AFAFAF;
	padding: 25px;
	cursor: pointer;
}
 .Voprosi{
  padding: 40px 40px;
  background: #F7FBFF;
  color: #434343;
display:block;

}
.Voprosipr {
	width:960px;

}

.Voprosidiv { 

 background: #FFFFFF;
 width:100%;
 
}

.Voprosip {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 26px; 
    font-weight: 300;
    color: 333333;
	line-height: 1;
 margin-top: 1px; /* Отступ сверху */
text-align:left;
}
 .Voprosipx1 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 26px; 
    font-weight: 300;
    color: 333333;
	line-height: 1;
 padding-left: 50px; 
 padding-top: 60px; 
 padding-bottom: 60px;

text-align:center;
display:none;
 background: #F7FBFF;
}

/* МЕНЮ */
.table-menu {
	width=1000px;
}	

/* Форма */
#forma_box {
	margin: 0 auto;
	margin-bottom: 50px;
	width:500px;
	height:650px;
display:none;
}

* {
  box-sizing: border-box; }

.form-wrapper {
  width: 90%;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center; 
 
  }

.contact-form {
  width: 100%;
  max-width: 460px;
  padding: 60px;
  background: #464B51;
  border-radius: 10px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); 
 
	}
  .contact-form__title {
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    color: #fff1c6;
    font-size: 18px;
    margin: 0 0 30px; 

	  }
  .contact-form__message {
    text-align: center; }
  .contact-form__input_name {
    height: 50px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url("/img/user.svg") center left 15px no-repeat, #464B51;
    background-size: 30px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #fff;
    transition: 0.3s; 

	  }
	.contact-form__input_name::placeholder {color: #CCCCCC;}
    .contact-form__input_name:focus {
      transition: 0.3s;
      border: 1px solid rgba(255, 241, 198, 0.2); }
  .contact-form__input_phone {
    height: 50px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url("/img/tel.svg") center left 15px no-repeat, #464B51;
    background-size: 30px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #fff;
    transition: 0.3s; 
	
	  }
	.contact-form__input_phone::placeholder {color: #CCCCCC;}
    .contact-form__input_phone:focus {
      transition: 0.3s;
      border: 1px solid rgba(255, 241, 198, 0.2); }
	
    .contact-form__input_vopros {
	height: 100px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url(vpr1.svg) center left 12px no-repeat, #464B51;
    background-size: 49px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #fff;
    transition: 0.3s; 

	}
	.contact-form__input_vopros::placeholder {color: #CCCCCC;}
    .contact-form__input_vopros:focus {
      transition: 0.3s;
      border: 1px solid rgba(255, 241, 198, 0.2); }
  
  .contact-form__input_file {
    display: none; 
	
	}
  .contact-form__file-button {
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url("/img/file.svg") center left 15px no-repeat, #464B51;
    background-size: 30px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #CCCCCC;
    cursor: pointer; 

	  }
  .contact-form__button {
    background: #fff1c6;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: none;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    font: 16px "Roboto", sans-serif;
    transition: 0.3s;
    cursor: pointer; 
	
	  }
    .contact-form__button:hover {
      transition: 0.3s;
      background: #7156f3;
      color: #fff;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); }

.preloader {
  position: relative;
  margin: 0 0 0 45%;
  height: 15px;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: 0.3s; 

	}
  .preloader_active {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: 0.3s; 

	  }
  .preloader:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: "";
    position: absolute;
    background: #393e46;
    animation: preloader_before 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1); }
  .preloader:after {
    width: 12px;
    height: 12px;
    left: 15%;
    border-radius: 50%;
    content: "";
    position: absolute;
    background: #5f646c;
    animation: preloader_after 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1); }

@keyframes preloader_before {
  0% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(160px) scale(1.5) rotate(264deg);
    background: #00adb5;
    border-radius: 0; }
  100% {
    transform: translateX(0px) rotate(0deg); } }
@keyframes preloader_after {
  0% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(-160px) scale(1.5) rotate(-264deg);
    background: #00fff5;
    border-radius: 0; }
  100% {
    transform: translateX(0px); } }


/* sourceMappingURL=style.css.map */



/* Контент */
.testimonials1{
width: 100%;
  padding: 0px 40px;
  background: #F7FBFF;
  color: #434343;
  text-align: center;

}
.inner1{
		margin:0 auto;
  max-width: 1200px;

  overflow: hidden;
  padding: 0 20px;
}
.testimonial1{
  background: #fff;
  padding: 30px;
  	border: 1px
	solid #393e46;
}

.row1{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.col1{
  flex: 33.33%;
  max-width: 33.33%;
  box-sizing: border-box;
  padding: 5px;
  	margin:5%;
  
}
.img_us_1 {
	height:250px;
	max-width:250px;
	background-image: url(meb.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_2 {
	height:250px;
	max-width:250px;
	background-image: url(suhilka.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_3 {
	height:250px;
	max-width:250px;
	background-image: url(Telik.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_4 {
	height:250px;
	max-width:250px;
	background-image: url(lustra.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_5 {
	height:250px;
	max-width:250px;
	background-image: url(Gard.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_6 {
	height:250px;
	max-width:250px;
	background-image: url(mashina.png);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_7 {
	height:250px;
	max-width:250px;
	background-image: url(santehnikus.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_8 {
	height:250px;
	max-width:250px;
	background-image: url(avtomat.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
.img_us_9 {
	height:250px;
	max-width:250px;
	background-image: url(moika_okon.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	margin:0 auto;
}
  .img_box__button1 {
    background: #fff1c6;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: none;
    width: 90px;
   
    margin: 0 auto;
    font: 14px "Roboto", sans-serif;
    transition: 0.3s;
    cursor: pointer; 
}
    .img_box__button1:hover {
      transition: 0.3s;
      background: #7156f3;
      color: #fff;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); 
}
  .img_box__button2 {
    background: #D19596;
    height: 50px;
	 width: 200px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: none;
       margin: 0 auto;
    font: 20px "Roboto", sans-serif;
    transition: 0.3s;
    cursor: pointer; }
	
    .img_box__button2:hover {
      transition: 0.3s;
      background: #7156f3;
      color: #fff;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); 
	
	  }
.img_box__button2:hover .initialText, .hoverText {
    display: none;
}
.img_box__button2:hover .hoverText {
    display: block;
}

/* Отзывы */


.testimonials{
  padding: 0px 40px;
  background: #fff;
  color: #434343;
  text-align: center;

  
}
.inner{
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 0 20px;
}
#otzyv_box {
  max-width: 1200px;
  margin: auto;
    overflow: hidden;
  padding: 0 20px;
  display:none;
}
.button_otzyv {
	font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
	font-weight: 600;
	color: #333333;
	margin-right: 150px;
	margin-bottom: 40px;
	margin-top: 40px;
	background: none;
	text-decoration: overline #6ab04c; 
	cursor: pointer;
}
.button_otzyv_2 {
	font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 40px;
	margin-top: 40px;
	background: none;
	text-decoration: overline #6ab04c; 
	cursor: pointer;
}
.border{
  width: 160px;
  height: 5px;
  background: #6ab04c;
  margin: 26px auto;
}

.row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.col{
  flex: 33.33%;
  max-width: 33.33%;
  box-sizing: border-box;
  padding: 15px;
  
}
.testimonial{
  background: #fff;
  padding: 30px;
  	border: 1px
	solid #393e46;
}
.testimonial1{
  background: #fff;
  padding: 30px;
  	border: 1px
	solid #393e46;
}
.testimonial img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.name{
  font-size: 20px;
  text-transform: uppercase;
  margin: 20px 0;
}
.stars{
  color: gold;
  margin-bottom: 20px;
}
/* Форма Отзывы */


#forma_box2 {
		display:none;
	margin: 0 auto; 
	width:1024px;
	height:650px;

}

.form-wrapper_otzyv {
  width: 100%;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.contact-form_otzyv {
  width: 100%;
  max-width: 460px;
  padding: 60px;
  background: #464B51;
  border-radius: 10px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); }
  .contact-form__title_otzyv {
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    color: #fff1c6;
    font-size: 18px;
    margin: 0 0 30px; }
  .contact-form__message_otzyv {
    text-align: center; }
  .contact-form__input_name_otzyv {
    height: 50px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url("/img/user.svg") center left 15px no-repeat, #464B51;
    background-size: 30px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #fff;
    transition: 0.3s; }
	.contact-form__input_name_otzyv::placeholder {color: #CCCCCC;}
    .contact-form__input_name_otzyv:focus {
      transition: 0.3s;
      border: 1px solid rgba(255, 241, 198, 0.2); }
  
	
    .contact-form__input_otzyv {
	height: 100px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url(otz.svg) center left 12px no-repeat, #464B51;
    background-size: 35px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #fff;
    transition: 0.3s; }
	.contact-form__input_otzyv::placeholder {color: #CCCCCC;}
    .contact-form__input_otzyv:focus {
      transition: 0.3s;
      border: 1px solid rgba(255, 241, 198, 0.2); }
  
  .contact-form__input_file_otzyv {
    display: none; }
  .contact-form__file-button_otzyv {
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #676A75;
    border-radius: 5px;
    width: 100%;
    background: url("/img/file.svg") center left 15px no-repeat, #464B51;
    background-size: 30px;
    margin-bottom: 20px;
    padding: 0 15px 0 59px;
    font: 16px "Roboto", sans-serif;
    color: #CCCCCC;
    cursor: pointer; }
  .contact-form__button_otzyv {
    background: #fff1c6;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: none;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    font: 16px "Roboto", sans-serif;
    transition: 0.3s;
    cursor: pointer; }
    .contact-form__button_otzyv:hover {
      transition: 0.3s;
      background: #7156f3;
      color: #fff;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); }

.preloader_otzyv {
  position: relative;
  margin: 0 0 0 45%;
  height: 15px;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: 0.3s; }
  .preloader_active_otzyv {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: 0.3s; }
  .preloader_otzyv:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: "";
    position: absolute;
    background: #393e46;
    animation: preloader_before 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1); }
  .preloader_otzyv:after {
    width: 12px;
    height: 12px;
    left: 15%;
    border-radius: 50%;
    content: "";
    position: absolute;
    background: #5f646c;
    animation: preloader_after 1.8s infinite cubic-bezier(0.4, 0, 0.2, 1); }

@keyframes preloader_before {
  0% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(160px) scale(1.5) rotate(264deg);
    background: #00adb5;
    border-radius: 0; }
  100% {
    transform: translateX(0px) rotate(0deg); } }
@keyframes preloader_after {
  0% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(-160px) scale(1.5) rotate(-264deg);
    background: #00fff5;
    border-radius: 0; }
  100% {
    transform: translateX(0px); } }
/* Оценка */
.rating input {
  display: none;
}

.rating label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' \ width='20' height='20'%3E%3Cpolygon fill='gold' \  points='10,1,4,19.8, 19,7.8,1,7.8,16,19.8'%3E%3C/polygon%3E%3C/svg%3E");
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: 500ms;
  cursor: pointer;
}

.rating input:checked ~ label{
   filter:grayscale(1);
}


/* Подвал*/

.pod1{
	width:100%;
  background: #73716E;
}
.podval{
  color: #2B2A29;
  font-size:14px;
  	width:100%;
}
.podval a{
text-decoration: none; 
  color:#D9DADA;	
  font-size:14px;
}
.inner_podval {
 width: 97%;
  margin: auto;
  overflow: hidden;
}
.row_podval {
 display:flex;
align-items: center;
  justify-content: center;

}
.col_podval{
  width: 33%;
  padding-top: 15px;
  padding-left:10px;
}
.col_podval2{
	text-align:center;
  width: 33%;
padding-left:30px;
  padding-top: 15px;
}
.col_podval3{
	text-align:right;
  width: 33%;
  padding-top: auto;
padding-right: 20px;
}
.busp{

	 width: 200px;
}
.p1_podval{
margin-bottom:15px;
}
.p2_podval{
margin-bottom:10px;
color:#D9DADA;	
}
 .p3_podval{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
align-items: left;
	/* сверху | справа | снизу | слева */
font-size:24px;
}
 .p2_podval a{
	text-decoration: underline; 
  color:#C3E0C8;	
  font-size:17px; 
 }
.copyright {
	width:100%;

text-align:center;	

}
 
  /* Адаптив */
@media screen and (min-width: 1366px) {
	.vse {
	width: 1366px;
}
	/* шапка */
.verh {
width: 1366px;
height: 150px;

}

.logo {
border-radius: 9px;
	width: 180px;


}
#bus {
	height:180px;
}

.dp1{
display:flex;
text-align:left;
width: 690px;
}
.ic {
		height:50px;
}
.ken{
	width: 130px;
}
#ken {
	float:right;
	height:100px;	
}
.td1 {

padding: 10px;
width:400px;
}
#mimg {
	height:70px;	
}

h5 { 
    font-size: 40px; 
   }
   h1 { 
    font-size: 50px; 
   }
.p1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 26px; 
    font-weight: bold;
 margin-top: 1px;
    margin-bottom: 1px; 
    color: #01770B;
   }
   .h1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 36px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:#105A63;
	    font-size: 34px; 
    font-weight: 600;

	margin-bottom: 22px;
   }
   h2 { 
    font-size: 26px; 
    font-weight: 600; 
   }
   .h3 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 41px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:#105A63;
   }
   /* МЕНЮ */
.table-menu {
	width: 1366px;
}

.table-menu img{
	width:300px;
}
/* Форма*/
#forma_box {
		margin: 0 auto; 
	width:1366px;
	height:650px;
 	background: #F7FBFF;

}
/* Контент */
.kont_box {
	width:1366px;
	background: #F7FBFF;
	padding: 60px 150px 60px 150px;

}
.anime {
margin:0 auto;
}
.table-komtent {

}
.table-komtent-text {
	left: 50px; 
} 
.testimonials2{
  padding: 0px 40px;

}
.prpr {
	width:90%;
	margin: 0 auto;

}
.prdiv {
  width:130px;
}
.primg {
  width:130px;
}
.prp {
    font-size: 20px; 
}
.us_p {
	font-size: 20px;
}
.Kakrab{
  padding: 0px 40px;
}
.kakpr {
	width:960px;
}

.kakdiv {
  width:400px; 
  margin-bottom: 30px;
}
.kakimg {
   width:140px;
   margin-bottom: 24px;
}
.kakp {
    font-size: 26px; 
    font-weight: 300;
	margin-top: 1px; /* Отступ сверху */
}
/* Часто задаваемые вопросы */
 .button_vopros {
    font-size: 50px;
	padding: 30px;
	}
 .button_vopros1 {
    font-size: 50px;
	padding: 30px;
}

.Voprosipr {
	width:1200px;
	margin: 0 auto;
}

.Voprosip {
    font-size: 30px; 
}
 .Voprosipx1 {
    font-size: 30px; 
}
.button_otzyv {

    font-size: 25px;

}
.button_otzyv_2 {
    font-size: 25px;

}
p {
	    font-size: 20px;
}
.name{
	    font-size: 25px;
}
.podval a{
  font-size:20px;
}
}
 @media screen and (min-width: 1600px) {
		.vse {
	width: 1600px;
}
	/* шапка */
.verh {
width: 1600px;
height: 160px;

}

.logo {
border-radius: 9px;
	width: 200px;


}
#bus {
	height:200px;
}

.dp1{
display:flex;
text-align:left;
width: 800px;
}
.ic {
		height:60px;
}
.ken{
	width: 130px;
}
#ken {
	float:right;
	height:120px;	
}
.td1 {
padding: 10px;
width:500px;
}
#mimg {
	height:80px;	
}
h5 { 
    font-size: 45px; 
   }
   h1 { 
    font-size: 55px; 
   }
.p1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 28px; 
    font-weight: bold;
 margin-top: 1px;
    margin-bottom: 1px; 
    color: #01770B;
   }
   .h1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 39px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:#105A63;
	    font-size: 34px; 
    font-weight: 600;

	margin-bottom: 22px;
   }
   h2 { 
    font-size: 28px; 
    font-weight: 600; 
   }
   .h3 { 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 45px; 
    font-weight: lighter; /* Светлое начертание */ 
    color:#105A63;
   }
   /* МЕНЮ */
.table-menu {
	width: 1600px;
}

.table-menu img{
	width:300px;
}
/* Форма*/
#forma_box {
		margin: 0 auto; 
	width:1600px;
	height:650px;
 	background: #F7FBFF;

}
/* Контент */
.kont_box {
	width:1600px;
	background: #F7FBFF;
	padding: 60px 150px 60px 150px;

}
.anime {
margin:0 auto;
}
.table-komtent {

}
.table-komtent-text {
	left: 50px; 
} 
.testimonials2{
  padding: 0px 40px;

}


.col1{
  flex: 33%;
  max-width: 30%;
  min-height: 400px;
  margin:auto auto 50px auto;
}
.prpr {
	width:100%;
	margin: 0 auto;

}
.prdiv {
  width:130px;
  	margin-bottom: 80px;
}
.primg {
  width:130px;
}
.prp {
    font-size: 23px; 

}
.us_p {
	font-size: 23px;
}
.Kakrab{
  padding: 0px 40px;
}
.kakpr {
	width:960px;
}

.kakdiv {
  width:400px; 
  margin-bottom: 30px;
}
.kakimg {
   width:150px;
   margin-bottom: 24px;
}
.kakp {
    font-size: 28px; 
    font-weight: 300;
	margin-top: 1px; /* Отступ сверху */
}
/* Часто задаваемые вопросы */
 .button_vopros {
    font-size: 54px;
	padding: 30px;
	}
 .button_vopros1 {
    font-size: 54px;
	padding: 30px;
}

.Voprosipr {
	width:1600px;
	margin: 0 auto;
}

.Voprosip {
    font-size: 30px; 
}
 .Voprosipx1 {
    font-size: 30px; 
}
.button_otzyv {

    font-size: 27px;

}
.button_otzyv_2 {
    font-size: 27px;

}
p {
	    font-size: 22px;
}
.name{
	    font-size: 27px;
}
.podval a{
  font-size:22px;
}

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

.knopkatel {
	display:block;
  opacity: 90%;
  width: 10%;
  position: fixed;
  right: 15%;
  bottom: 6%;
  z-index:99;
}

.vse {
	width: 100%;
	background: #F7FBFF;
}
.verh {
	width: 100%;
	height: 200px; 
	display:flex;
	align-items: center;
	margin: 0 auto;
position:fixed;
background-color: #DCE7EE;
z-index:99;

}

.logo {
	width:300px;

}
#bus {
	height:230px;
	margin-left:30px;
}



.dp1{
	display:none;

}
.ken{
	display:none;

}

.td1 {
	display:none;

}
.vseREK {
  	 background-position: center center;
}
/*Меню*/
#mimg{
	height: 130px;
	margin-left:1000px;
	}
header {
width: 720px;
}

	
.menu-close {
	width: 38px;
	height: 38px;
	background-size: 38px;
}
.menu-popup {
		width: 480px;
	left: 240px;
}

.menu-popup li a {
	font-size: 30px;
	line-height: 2.5;
}
.tk1 {
	height:1100px;
	overflow:hiden;
}	
.table-komtent {
	margin: 0 auto; 
	max-width:100%;
	background-size: cover auto;
margin-bottom:200px;
margin-top:150px;
}
.table-komtent-text {
	top: 15%; 
	left: 3%; 
	width:90%;
} 
.pk {
	    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 25px; 
 	margin-top: 1px;
    margin-bottom: 1px; 
    color: fff;
}
h1 { 
    font-size: 65px; 
    font-weight: 600;
	margin-bottom: 50px;
	margin-top: 130px;
   }
h2 { 
    font-size: 29px; 
    font-weight: 600; 
   }
   h5 {
	font-size: 50px;
	margin-bottom:28px;
		margin-bottom: 50px;
	margin-top: 50px;
}
.Nviz{
	height:50px;
}


.prdiv {
  width:140px;  
  margin-bottom: 60px;


}
.primg {
  width:140px;
   margin-bottom: 10px;
}
.prp {
    font-size: 24px; 
}



/* Форма */
#forma_box {
		margin: 100px auto; 
	width:100%;
	height:1000px;
 	background: #F7FBFF;

}

* {
  box-sizing: border-box; }

.form-wrapper {
  width: 100%;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.contact-form {
  max-width: 80%;
  border-radius: 20px;
}
  .contact-form__title {
   
    font-size: 32px;
   }

  .contact-form__input_name {
    height: 100px;
       background-size: 60px;
    padding: 0 15px 0 118px;
    font: 28px "Roboto", sans-serif;
   }
   
  .contact-form__input_phone {
    height: 100px;
    background-size: 60px;
      padding: 0 15px 0 118px;
  font: 28px "Roboto", sans-serif;}
 
    .contact-form__input_vopros {
	height: 200px;
       background-size: 98px;
       padding: 0 15px 0 118px;
    font: 28px "Roboto", sans-serif;
   }
    
  .contact-form__file-button {
   
    height: 100px;
    background-size: 60px;
    padding: 0 15px 0 118px;
    font: 28px "Roboto", sans-serif;
}
  .contact-form__button {
    height: 100px;
    border-radius: 50px;
    max-width: 400px;
    font: 28px "Roboto", sans-serif;
  }
 
/* Форма отзывы*/
#forma_box2 {
		margin: 100px auto; 
	width:100%;
	height:1000px;
 	background: #F7FBFF;

}

* {
  box-sizing: border-box; }

.form-wrapper {
  width: 100%;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.contact-form_otzyv {
  max-width: 80%;
  border-radius: 20px;
}
  .contact-form__title_otzyv {
   
    font-size: 32px;
   }

  .contact-form__input_name_otzyv {
    height: 100px;
       background-size: 60px;
    padding: 0 15px 0 118px;
    font: 28px "Roboto", sans-serif;
   }
   
 
    .contact-form__input_vopros_otzyv {
	height: 200px;
       background-size: 70px;
       padding: 0 15px 0 118px;
    font: 28px "Roboto", sans-serif;
   }
    
  .contact-form__file-button_otzyv {
   
    height: 100px;
    background-size: 60px;
    padding: 0 15px 0 118px;
    font: 28px "Roboto", sans-serif;
}
  .contact-form__button_otzyv {
    height: 100px;
    border-radius: 50px;
    max-width: 400px;
    font: 28px "Roboto", sans-serif;
  }
 .rating label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' \ width='40' height='40'%3E%3Cpolygon fill='gold' \  points='10,1,4,19.8, 19,7.8,1,7.8,16,19.8'%3E%3C/polygon%3E%3C/svg%3E");
  display: inline-block;
  width: 40px;
  height: 40px;
  transition: 500ms;
  cursor: pointer;
}
 
.testimonial1{
margin-bottom:100px;
}
.img_us_mashina {
	height:600px;
	max-width:600px;

}
.img_us_tech {
	height:600px;
	max-width:600px;
}
.img_us_dush {
	height:600px;
	max-width:600px;
}
.img_us_rad {
	height:600px;
	max-width:600px;
}
.img_us_stoyak {
	height:600px;
	max-width:600px;
}
.img_us_instal {
	height:600px;
	max-width:600px;
}
.img_us_uni {
	height:600px;
	max-width:600px;
}
  .img_box__button1 {
    height: 100px;
    border-radius: 100px;
    width: 290px;
    font: 46px "Roboto", sans-serif;
}

  .img_box__button2 {
    height: 100px;
    border-radius: 100px;
    width: 400px;
    font: 46px "Roboto", sans-serif;
	margin-left:50px;
 }
	.us_p {
	margin: 10px 10px 10px 10px;
	height:auto;
	width:100%;
	display:block;
}
.pu {
	font-size: 26px;
	margin-bottom:28px;
}

	/* Отзывы */


.testimonials{
  padding: 0px 40px;
  background: #F7FBFF;
  color: #434343;
  text-align: center;

  
}
.inner{
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 0 20px;
}
#otzyv_box {
  max-width: 1200px;
  margin: auto;
    overflow: hidden;
  padding: 0 20px;
  display:none;
}
.button_otzyv {
	font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px;
	font-weight: 600;
	color: #333333;
	margin-right: 150px;
	margin-bottom: 40px;
	margin-top: 80px;
	background: none;
	text-decoration: overline #6ab04c; 
	cursor: pointer;
	margin:40px auto 0px 0px;
}
.button_otzyv_2 {
	font-family: MS Outlook, Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 40px;
	margin-top: 80px;
	background: none;
	text-decoration: overline #6ab04c; 
	cursor: pointer;
	margin:40px auto 30px 20px;
}
.border{
  width: 160px;
  height: 5px;
  background: #6ab04c;
  margin: 26px auto;
}

.row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.testimonial{
  background: #fff;
  padding: 30px;
  	border: 1px
	solid #393e46;
}
.testimonial img{
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.name{
  font-size: 40px;
  text-transform: uppercase;
  margin: 20px 0;
}
p {
font-size:30px;
}

.stars{
  color: gold;
margin-bottom: 20px;}
.col{
  flex: 100%;
  max-width: 100%;

}
.col1{
  flex: 40%;
  max-width: 40%;
  margin:auto;
  box-sizing: content-box;
}


}
.img_us_mashina {
	height:250px;
	max-width:250px;

}
.img_us_tech {
	height:250px;
	max-width:250px;

}
.img_us_dush {
	height:250px;
	max-width:250px;

}
.img_us_rad {
	height:250px;
	max-width:250px;

}
.img_us_stoyak {
	height:250px;
	max-width:250px;
}
.img_us_instal {
	height:250px;
	max-width:250px;

}
.img_us_uni {
	height:250px;
	max-width:250px;
}

	/* подвал */
.p1_podval {
font-size:24px;
}
.podval a{
  font-size:24px;
}
.p2_podval {
font-size:24px;
}
.p3_podval{
font-size:48px;
}
 .p3_podval a{	
  font-size:48px; 
 }
.copyright {
font-size:18px;
}
.podval{
  padding: 0px 5px;
  background: #73716E;
  color: #2B2A29;
  font-size:14px;
}
.inner_podval {
  overflow: hidden;
  padding: 0 5px;
}

.col_podval{
  width: 30%;
  padding-top: 15px;
}
.col_podval2{
	width: 20%;
padding-left:10px;
  padding-top: 15px;

}
.col_podval3{
	width: 50%;
  padding-top: 40px;
  padding-bottom:40px;
    justify-content: center;


}
.col_podval4{
width: 100%;
padding-left:10px;
  padding-top: 15px;
}
}
@media screen and (max-width:600px) {
.col{
  flex: 100%;
  max-width: 100%;

}
.col1{
  flex: 100%;
  max-width: 100%;
  margin:auto;
}
}



@media (max-width: 480px) {
  .contact-form {
    padding: 30px 15px; }
    .contact-form__title {
      font-size: 16px; } }