@charset "utf-8";
html,body{margin:0;padding:0;height:100%;}
body{background-color: #fff;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
	/*font-family: 'Roboto', sans-serif;*/ font-size: 17px;}
@font-face { font-family: 'Roboto';font-weight: 300;src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/roboto.woff2) format('woff2');font-display:swap;}
a:link, a:visited, a:active { text-decoration: none;}
p {margin: 0; padding: 0;}
* {box-sizing: border-box;}
input, textarea, select { border: none;outline: none;}

/*--- header -- Шапка ----*/
header .header{margin-bottom: -50px;}
header .header .logo{ display:inline-block;vertical-align:top;width: 20%;}
header .header p{display:inline-block;vertical-align:top;  color: #000;font-size: 2vw;font-weight:600; margin-top: 2vw; margin-left:1%;}
header .header .zakaz_tel{ float: right; color: #fff;font-size: 1.2vw;text-transform: uppercase;text-align: center;background: #0d509f;border-radius: 5px; 
	padding: 10px 4%;   margin-top: 1.9vw; margin-right: 4%;}
@media screen and (min-width:1920px){
header .header p{font-size: 40px; margin-top: 35px; margin-left:30px;}
header .header .zakaz_tel{font-size: 20px; padding: 10px;}
}
@media screen and (max-width:800px){header .header .zakaz_tel{padding: 10px 3%; margin-bottom: -50px;}}

	#form_header .x{ position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.3); width: 100%; height: 100%; z-index: 1}
	#form_header .info{position: fixed; left: calc(50% - 200px); top: 10%; background-color: #fff; border: 1px solid #777; padding: 20px; overflow: auto;width: 400px; height:400px; z-index: 2}
	@media screen and (max-width:400px){ #form_header .info{left: 10%; width: 80%; }}
	#form_header .info .info_x{ color: #000; font-size: 30px; float: right}
	#form_header .info input[type=text] {border: 1px solid #ddd;}
	#form_header .info input {height: 54px;border-radius: 8px;margin: 0 0 15px 0;}
	#form_header .info input {width: 100%;padding: 0 5%;}
	#form_header .info input[type=button]{display: block;color: #fff;font-size: 18px;text-transform: uppercase;text-align: center;background: #0d509f;border-radius: 5px; padding: 18px 0;margin: 12px 0 0 0;}
	#form_header .info .tx_2 {text-align: center;color: #8e8e8e; font-size: 11px; }
	#form_header .info .tx_2 a {text-decoration: underline;}
	#form_header .info .tx_2 a { color: #8e8e8e;}
/*--- header -- Шапка ----*/
header{background: linear-gradient(90deg, #fff, #e0dfdf); padding-bottom:400px; }
@media screen and (max-width:1920px){header{padding-bottom:calc(10vw + 100px);}}
.max_width{max-width: 1920px; margin: 0 auto;}
nav {display: block; padding:30px 0; margin: 0 0 0 50px; text-align: center;}
nav a {display: inline-block;color: #000;font-size: 24px;font-weight: bold;text-transform: uppercase; margin: 0 4%;  padding: 13px 0px;}
@media screen and (max-width:1920px){nav a {font-size:calc(0.7vw + 10px); margin: 0 3%;}}
@media screen and (max-width:700px){nav { margin: 0 auto 0 auto;} nav a {font-size:2.2vw; margin:0;padding: 13px 15px;}}
@media screen and (max-width:640px){nav a {font-size:2.5vw; padding: 13px 7px;}}
@media screen and (max-width:480px){nav a {font-size:3vw; padding: 13px 1px;}}
@media screen and (max-width:290px){nav a {font-size:2.5vw; padding: 13px 1px;}}
.logo {width:calc(30% - 70px);margin: 0px 0 0 50px;}

.header_img_webp {background-image: url(/tmp/img/index/header/img2.webp); } 
.header_img {float: right;  width: 70%; height: 450px;background-position: center center; background-repeat: no-repeat; background-size: contain;}
.header_img img{width:90%;margin:0 auto;display: block} /* для iPhone*/
.button {width:calc(30% - 70px);margin: 0px 0 0 50px;}	
.button p {display: block; color: #000;font-size: 45px;font-weight:600;}
.button a {display: block;color: #fff;font-size: 30px;text-transform: uppercase;text-align: center;background: #0d509f;border-radius: 5px;padding: 18px 0;margin: 12px 0 0 0;}
@media screen and (max-width:1920px){
	.header_img {height: 28vw;}
	.button p {font-size: 1.7vw;}
	.button a {font-size: 1.7vw;}	
}
@media screen and (max-width:700px){
	.logo{width:calc(90% - 40px);margin: 0px auto 0 auto;display: block}	
	.header_img {float:none;width: calc(100% - 40px);height: 70vw;margin: 0 20px; }
	.button {width:calc(100% - 40px);margin:0 20px;}
	.button p {font-size: 4vw;text-align: center; margin: 50px 0 0 0;}
	.button a {font-size: 4vw;}
}

/*--- uslugi -- Услугм ----*/
.preim {padding: 20px 0;background: #595959;text-align: center;}
.preim div div { width:calc(20% - 10px);display: inline-block; margin: 20px 1%; vertical-align:top;}
.preim div div p { color: #fff;font-size: 50px;}
.preim div div p+p {font-size: 30px;}
@media screen and (max-width:1920px){
	.preim div div p { font-size: 2.2vw;}
	.preim div div p+p {font-size: 1.8vw;}
	}
@media screen and (max-width:700px){
	.preim div div p { font-size: 4vw;}
	.preim div div p+p {font-size: 3vw;}
	}
.usl {padding: 50px 0;text-align: center;}
.usl>div>p {color: #000;font-size: 34px;}
.usl>div>p+p {font-size: 22px; margin-bottom: 100px}
.usl div div {width: 19%;display: inline-block;vertical-align: top;margin: 20px 0;padding: 0 1%;}
.usl div div img+p {color: #000;font-size: 18px;font-weight: bold;padding: 9px 0;}
.usl div div p+p {color: #808080;font-size: 15px;font-weight: bold;}
@media screen and (max-width: 1117px){
	.usl div div {width: 30%;}	
}
@media screen and (max-width: 500px){
	.usl div div {width: 90%;}	
}
/*----- kontakty --- Контакты ---- */  
.form_1 { padding: 0 0 25px 0;}
.form_1 div div:first-child {text-align: right;}
.form_1 .tx_1 {padding: 0 12px;}
.form_1 .tx_1 a{color: #000;font-size: 37px;font-weight: bold;}
.form_1 div div {width: 33%;display: inline-block;vertical-align: top;}
.form_1 input[type=text] {border: 1px solid #ddd;}
.form_1 input { height: 54px;border-radius: 8px;margin: 0 0 15px 0;}
.form_1 input, textarea {width: 100%;padding: 0 5%;}
.form_1 input[type=button] {color: #fff;font-size: 18px;text-transform: uppercase; background: #0d509f;}
.form_1 input {height: 54px;border-radius: 8px;margin: 0 0 15px 0;}
.form_1 .tx_2 {text-align: center;color: #8e8e8e;font-size: 11px;}
.form_1 .tx_2 a {color: #8e8e8e;}	
.form_1 .tx_2 a {text-decoration: underline;}
	
@media screen and (max-width: 1117px){
	.form_1 .max_width{max-width: 500px;}
	.form_1 div div:first-child {text-align: center;}
	.form_1 div div {width: 100%;display:block; text-align: center;  margin: 50px auto}
}
@media screen and (max-width: 500px){	.form_1 .tx_1 {font-size: 10vw;}}

/*---- magazin --- МАГАЗИН ---*/
.i_shop_h4{text-align: center;font-size:35px; margin-top: 100px; font-weight: 100; }
/*shop*/
.shop { text-align:center;max-width:1920px; margin: 0 auto;}
.shop .shop_div {text-align:left; padding: 20px 35px; margin:10px 5px; width: 19%; height: 100%; display:inline-block;vertical-align:top;background-color: #fff;box-shadow: 0 0 1px rgba(0,0,0,0.5);}
.shop .shop_div:hover{box-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.shop .shop_div .skidka_pozent{float:right;width:40px;height:40px;color:#0d509f;line-height:33px;font-weight:bold;font-size:14px;text-align:center;border:3px solid #0d509f;border-radius:20px;margin:-18px -33px -20px 0}
.shop .shop_div h5{font-size: 16px;font-weight: bold;margin: 0;}
.shop .shop_div a h4{font-size: 17px;font-weight: bold; color: #111; margin: 0 0 20px 0;}
.shop .shop_div a img{width: 100%}
.shop .shop_div div{ line-height: 50px; height: 50px;}
.shop .shop_div .zena{position:absolute;  width: 50%; margin:10px 0 0 0; color:#000 ;}
.shop .shop_div .zena b{color: #029; font-size: 20px;display: block; line-height:normal;}
.shop .shop_div .zena s{ display:block; font-weight: normal; margin:-10px 0 0 0; color: #000}	
.shop_div{position: relative;}


.shop .shop_div div button{height: 40px; width: 150px;border-radius: 5px;background-color: #0d509f;text-align: center;color: white;font-size: 24px;font-weight: bold;outline: none;border: 0;cursor: pointer; 
	 float: right; margin-top: -5px;}
.shop .shop_div div button:hover{background-color: #029;}
.shop .zv { background-image: url(/tmp/img/zvezda.svg);}
.shop .zv- { background-image: url(/tmp/img/zvezda-.svg);}
.shop .zv,.zv-{ display: inline-block; width: 15px; height: 15px; margin:0; background-size: 100%; backface-visibility: visible; background-repeat: no-repeat; background-position: 50% 50%;}
.shop a p{min-height: 20px;color: #999;margin-top: 10px;  font-size: 16px; border-bottom: 1px dashed #ccc;}
.shop a p b{ float: right; font-weight: bold; color: #333;}
@media screen and (max-width:1800px){.shop .shop_div { width:calc(25% - 20px);}}
@media screen and (max-width:1500px){
	.shop .shop_div { width:calc(33% - 20px); } 
	.shop .shop_div h5{font-size: 1.4vw;} 
	.shop .shop_div a h4{font-size: 1.6vw;}
	.shop a p{font-size: 1.2vw;}
	.shop .shop_div div b{font-size: 1.8vw;}
	.shop .shop_div div button{font-size: 1.7vw; padding: 5px 15px;height:auto; width:inherit;}
}
@media screen and (max-width:900px){
	.shop .shop_div { width:calc(50% - 20px); }
	.shop .shop_div h5{font-size: 2vw;} 
	.shop .shop_div a h4{font-size: 2.1vw;}
	.shop a p{font-size: 1.9vw;}
	.shop .shop_div div b{font-size: 2.5vw;}
	.shop .shop_div div button{font-size: 2.1vw; padding: 5px 15px;height:auto; width:inherit;}
}
@media screen and (max-width:600px){
	.shop .shop_div {  width:calc(100% - 10px); }
	.shop .shop_div h5{font-size: 3vw;}
	.shop .shop_div a h4{font-size: 4.4vw;}
	.shop a p{font-size: 3.8vw;}
	.shop .shop_div div b{font-size: 3.5vw;}
	.shop .shop_div div button{font-size: 3.5vw; height:auto; width:inherit;}
}
/* ----- shop_tov ----- Карточка товара -------- */
	.shop_tov{ margin: 50px auto;vertical-align:top; }
	.shop_tov h1{text-align: center;}
	.shop_tov img{max-width: 797px; float: left;}
	.shop_tov .button{ float: right; text-align:center; width:calc(100% - 800px); margin: 100px 0 50px 0; }
	.shop_tov .button b {color: #0d509f;font-size: 30px;}
	.shop_tov .button button{ display: inline-block; padding: 10px 20px; margin: 0 10%; border-radius: 5px;background-color: #0d509f;text-align: center;color: #fff;font-size: 24px;font-weight: bold;outline: none;border: 0;cursor: pointer;}
	.shop_tov .button button:hover{background-color: #029;}	
	.shop_tov .table_inf {display: inline-block;width:calc(100% - 800px);  }
	.shop_tov .table_inf table {border-spacing:0; padding: 0;  width: 80%;border-left: 1px solid #ddd; border-top: 1px solid #ddd; width: 100%;}
	.shop_tov .table_inf table td{border-bottom: 1px solid #999;  padding: 10px 20px;font-size: 17px;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
	.shop_tov .table {width:calc(100% - 20px); margin: 20px 10px; }
	.shop_tov .table table {border-spacing:0; padding: 0;border-left: 1px solid #999; border-top: 1px solid #999; width: 100%;}
	.shop_tov .table table td{border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 10px 20px;font-size: 20px;}
	.shop_tov .table table tr:nth-child(1){background-color: #ddd;font-weight: bolder;}
	table td:nth-child(odd){width: 70%;}
	table td:nth-child(even){width:30%;}
	@media screen and (max-width:1440px){.shop_tov table td{font-size: 18px;} /*.shop_tov .table {display:block; width:100%;background-color: #ddd;}*/}
	@media screen and (max-width:1440px){.shop_tov img{max-width: 500px;}.shop_tov .table_inf, .shop_tov .button {width:calc(100% - 550px);}} 
	.info_shop{font-size: 20px; text-align: justify; line-height: 30px; padding: 20px 10px;}
	@media screen and (max-width:1400px){.info_shop{font-size:calc(0.5vw + 15px);}}
	@media screen and (max-width:950px){
		.shop_tov h1{font-size:calc(0.5vw + 20px);}
		.shop_tov img,.shop_tov .button,.shop_tov .table_inf { float:none; display: block; width:calc(100% - 20px); margin:20px auto}
		.shop_tov .table_inf table td, .shop_tov .table table td{font-size:calc(1.5vw + 7px);padding: 5px 7px;}
	}
/*---- aktsii --- АКЦИИ ---*/
.share {background-color: #000;}
.share .max_width {height: 500px; background: url(/tmp/img/aktsii.webp)center center;background-size: cover;}
.share_inf {margin: 100px 0 0 0;text-align: center;float: right;}
.share_inf p {color: #fff;font-size: 19px;font-weight: bold; margin: 0px 50px;}
.share_inf p+p { color: #0d509f; text-shadow: 1px 1px 2px #fff; font-size: 130px;font-weight: bold;}
.share_inf a {display: table;color: #fff;font-size: 18px;text-transform: uppercase;background: #0d509f;border-radius: 5px;padding: 17px 45px;margin: 0 auto;}
.share .aktsii_img{ float: left; width: 35%;margin: 50px 0 0 50px;}
@media screen and (max-width:1920px){
	.share .max_width {height:calc(20vw + 100px);}
	.share_inf {margin: 0;padding-top: 5vw;}
	.share_inf p {font-size: 2vw;}
	.share_inf p+p {font-size: 5vw;}
	}
@media screen and (max-width: 790px){
	.share_inf {margin: 0;padding-top: 100px;}
	.share_inf p {font-size: 5vw;}
	.share_inf p+p {font-size: 10vw;}
	.share .max_width{ width: 100%; height:calc(40vw + 400px);}
	.share .aktsii_img{ display: block; float:none; width: 90%;margin: 50px auto;}
	
	.share_inf {margin: 30px 0;float: none;}
	}
/* ---- kalkulyator ---- КАЛЬКУЛЯТОР ----*/
/*kalkul_block*/
.n_k{color:#000;font-size:27px;text-align:center;margin:70px 0 0 0;}
.n_k span{font-size:21px;}
.n_k+div{margin:45px auto;}
	
/*perekl*/
#perekl{margin:10px;}
#perekl>div{display:none;min-height:117px;margin:0;padding:10px;border-radius:9px;box-shadow:0 0 9px #d4cdcd;}
#perekl>div>p{margin:4px 0;font-size:14px;}

#perekl input[type="radio"]{display:none;}
#perekl label{display:inline-block;padding:12px 22px;color:#000;font-size:22px;text-align:center;position:relative;}
#perekl label:after{content:'';display:block;width:100%;height:6px;position:absolute;left:0;bottom:-6px;}
#perekl label:hover{cursor:pointer;color:#637358;}
#perekl input[type="radio"]:checked+label{color:#637358;background:#fff;border-radius:9px 9px 0 0;box-shadow:0 0 9px #d4cdcd;}
#perekl input[type="radio"]:checked+label:after{background:#fff;}
#tab1:checked~#kalkul{display:block;}
#tab2:checked~#kal_res{display:block;}	
/*kalkul*/
#kalkul>div{width:34%;margin-right:3%;float:left;}
#kalkul>div+div+div{width:26%;margin-right:0;}
#kalkul>div>p{color:#696969;font-size:16px;padding:5px 0;}
.kal_t_1{color:#000!important;font-size:19px!important;font-weight:bold;}
#kalkul input{width:35px;height:35px;border-radius:7px;border:1px solid #696969;padding:0 3px;margin:0 9px 11px 0;text-align:center;}
#kalkul select{width:100%;height:35px;padding:0 7px;margin:0 0 11px 0;background:#dedede;cursor:pointer;}
@media screen and (max-width:790px){
	#kalkul>div{width:100%!important;margin:9px 0;float:none;}
}
#insol a{width:32%;display:inline-block;color:#696969;font-size:16px;text-align:center;padding:7px 0;margin:3px 0 11px 0;border-radius:7px;border:1px solid #696969;}
#insol a:hover{background:#dedede;}
.insol_a{color:#fff!important;background:#595959!important;}

#disp_res div{width:100%;max-width:230px;border-radius:9px;box-shadow:0 0 7px #928d8d;padding:8px 0;margin:0 auto 25px auto;}
#disp_res div p{color:#000;font-size:16px;font-weight:bold;text-align:center;padding:9px 0;}
#disp_res div p+p{color:#0d509f;font-size:18px;}
#disp_res a{display:table;width:100%;max-width:220px;color:#fff;font-size:18px;text-align:center;text-transform:uppercase;background:#0d509f;border-radius:5px;padding:17px 0;margin:0 auto;}
#disp_res a:hover{background:#027;cursor:pointer;}
/*---  i_txt на главной---*/
.i_txt h4{ text-align: center; font-size: 25px;}
.i_txt p{  font-size: 17px;}
/* --- footer --- */
@media screen and (min-width:790px){footer{background:url(/tmp/img/footer.webp)top center;}}
footer{height:700px;background-size:cover;text-align:center;}
footer div{margin:100px 0 0 0;display:inline-block;vertical-align:top;text-align:left;}
footer div+div{max-width:420px;}
.f_txt{color:#000;font-size:23px;font-family:Tahoma,Geneva,sans-serif;padding:30px 25px 0 0;}
footer input {width: 100%; padding: 0 5%;}
footer input{height:54px;border-radius:8px;margin:0 0 15px 0;}
footer input[type=text]{border:1px solid #ddd;}
footer input[type=button]{color:#fff;font-size:18px;text-transform:uppercase;background:#0d509f;}
footer input[type=button]:hover{background:#027;}
.f_txt1,.f_txt1 a{color:#000;font-size:11px;}
.f_txt1 a{text-decoration:underline;}
	@media screen and (max-width:790px){
		/*footer*/ 
		footer{height:auto;background:url(/tmp/img/footer.webp)top center;padding:28px 0;}
		footer div{width:100%;margin:40px auto;display:block;padding:0 3%;}
		.f_txt{text-align: center}
	}
	#info_kel_bek .x{ position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.3); width: 100%; height: 100%; z-index: 1}
	#info_kel_bek .info{position: fixed; left: calc(50% - 400px); top: 10%; background-color: #fff; border: 1px solid #777; padding: 20px; overflow: auto;width: 800px; height: 80%; z-index: 2}
	@media screen and (max-width:800px){ #info_kel_bek .info{left: 10%; width: 80%; }}
	#info_kel_bek .info .info_x{ color: #000; font-size: 30px; float: right}
	#info_kel_bek .info .h{ font-size: 24px;text-align: center; margin: 20px auto;  }