@charset "utf-8";
.i_div_1 {background: url(/tmp/img/index/fon_l_div_2.png) no-repeat 0 0, #f5f5f5 url(/tmp/img/index/fon_r_div_2.png) no-repeat 100% 100%;width: 100%; }
.i_div_1 .article{ padding: 20px;}
.i_div_1 h3{ font-size: 30px;}
.i_div_1 h4{ font-size: 22px;}
.i_div_1 p{ font-size: 20px;}


	#AJAX {margin: 20px}
	.div_tovar .num,.div_tovar .img,.div_tovar .id,.div_tovar .kol,.div_tovar .zena,.div_tovar .stoimost{ display: inline-block; align-self:baseline; vertical-align: top; }

	.div_tovar .num{width: 20px}
	.div_tovar .img{width: 100px}
	.div_tovar .id{width: calc(100% - 580px);}
	.div_tovar .kol{width: 180px}
	.div_tovar .zena{width: 150px }
	.div_tovar .stoimost{width: 100px;}
	.div_tovar .clear{clear:both; border-bottom: 1px solid #333; margin: 10px 0;}
	@media screen and (max-width:1000px){
		.div_tovar .num,.div_tovar .img,.div_tovar .id,.div_tovar .kol,.div_tovar .zena,.div_tovar .stoimost{ display: block;width: auto; margin: 10px 0 0 5%;  }	
	}
		
	.div_tovar .num>p:nth-child(1),.div_tovar .id>p:nth-child(1),.div_tovar .kol>p:nth-child(1),.div_tovar .zena>p:nth-child(1),.div_tovar .stoimost>p:nth-child(1)
		{font-size: 12px;color: #575757; margin: 10px 0 5px 0; padding: 0;clear:both;}
	
	.div_tovar .num>p:nth-child(2),.div_tovar .id>p:nth-child(2),.div_tovar .kol>p:nth-child(2),.div_tovar .zena>p:nth-child(2),.div_tovar .stoimost>p:nth-child(2)
		{font-size: 14px;color: #000; font-weight: bolder; margin: 0; padding: 0;}
	.div_tovar .img img{/*width: 100px;*/ height: 60px; border-radius: 3px;}
	
	.div_tovar .kol>div>p{height: 30px;width: 140px;border: 1px solid #c6c6c6;border-radius: 3px; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 30px; float: left;display: table; margin:0 0 10px 0; }
	.div_tovar .kol>div a{width: 30px;cursor: pointer;color: #999;font-size: 26px; line-height: 30px; position: relative;white-space: nowrap;display: table-cell; font-weight: bolder}
	.div_tovar .kol>div b{width: 48px; font-size: 16px; text-align: center; height: 38px;}
	.div_tovar .kol span{line-height: 30px;font-size: 14px; margin: 0 5px;}
	.order  p:nth-child(1){float: left; margin-top: 20px;} 
	.order  p:nth-child(2){float:right;cursor: pointer;height: 46px;box-sizing: border-box;padding: 0 35px;text-align: center;line-height: 44px;vertical-align:top;color: #fff;background-color: #777;border-radius: 3px;}
	.order  p:nth-child(2):hover{background-color: #333;}
	.order .clear{clear:both; margin: 10px 0;}
	.form { max-width: 500px;  margin: 10px auto;}
	.form > p{ font-size: 20px; font-weight: bolder; margin: 20px 0 0 0}
	.form .input {font-size: 14px;line-height: 20px;display: block;  box-sizing: border-box;width: 100%;height: 48px;padding: 14px 16px;color: #263238;border: none;border-radius: 2px;background: #fff; border: 0.5px solid #333; }
	.form .submit{float:right;cursor: pointer;height: 46px;box-sizing: border-box;padding: 0 35px;font-size: 20px;text-align: center;line-height: 44px;vertical-align:top;color: #fff;background-color: #777;border-radius: 3px; border: 0; margin:20px 0; }
	.form .submit:hover{background-color: #333;}
	.form_info{ transition-duration: .5s; transform:rotateX(90deg);/**/height: 0; overflow: hidden; }
	/*------------------  всплывающее окно при заказе -------------*/
	.div_win {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1;background-color: rgba(0, 0, 0, 0.7);top: 0;left: 0;display: block;}
.div_win .x{cursor: pointer;width: 100%;height: 100%; }
	
.div_form {max-width: 520px;width: 95%;position: fixed; z-index: 2;padding: 22px;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);display: block;background-color: rgba(64, 72, 149, .97);background-image: url(/tmp/img/bg3.svg);background-size: 7px;border-radius: 3px;}
.div_form p {color: #fff;font-size: 28px;text-align: center;padding: 0 0 15px 0;}
.div_form a {width: 40%;background-color: #777;display: inline-block;color: #fff;font-size: 16px;font-weight: bold;padding: 9px 0;text-align: center;border-radius: 3px;}
.div_form a:hover{background-color: #333;}
.div_form a+a {width: 54%;padding-right: 5%;background: url(/tmp/img/basket.svg) 91% 7px no-repeat, #777; background-size: 20px; margin: 0 0 0 4%;box-sizing: border-box;}

.div_win{ animation:anim 0.5s linear 0s  alternate;}
@-webkit-keyframes anim {  
	0%{transform:scale(0);background-color: rgba(0, 0, 0, 0)}
	50%{transform:scale(1)}
	51%{background-color: rgba(0, 0, 0, 0)}
	100%{background-color: rgba(0, 0, 0, 0.7)}
 }