.modal_h2 {
	margin-bottom: 10px;
	padding: 5px 0;
	background: #c2d895;
	color: #184646; text-transform: uppercase; text-align: center;
	font: normal 20px 'Roboto-Regular',sans-serif;
}

/*********************************************
******** Классы инпутов и чекбоксов  *********
*********************************************/
#zn, .zf p, .zfoff p, #zd, .zt, #zt {

}
/* инпуты ввода и вывода заказа */
.zn {
	width:100%; height:30px;
	margin:5px; display: block;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
#zn {
	width:100%;	height: 30px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	padding: 0px 15px 0px 15px;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
#zn:focus {outline: none; border-color: #184646;}
/* инпут телефона и маска */
.zt {
	width:100%; height:30px;
	margin:5px;
	color: black;
}
#zt {
	width:100%;	height: 30px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	padding: 0px 0px 0px 46px;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
#zt:focus {outline: none;border-color: #184646;}
input#zt:-moz-placeholder,input#zt:-webkit-input-placeholder {color: black;}
.zt {
	position: relative;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
.zt:before {
	content: "+38";
	display: block;
	height: 30px;
	position: absolute;
	top: 4px; left: 17px;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
/* чекбоксы доставка */
.zf {
	width:100%; height:25px;
	margin:0 5px;
	display: block;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
.zf img {
	width: 25px; height: 25px;
	float:left;
	margin: 0px 3px 0px 13px;
	cursor: pointer;
}
.zfoff {
	width:100%; height:25px;
	margin: 0 5px;
	display: none;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
#znoff {
	width:84%; height: 25px;
	float: right;
	margin-right: 10px; 
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	border: none;
	border-bottom: 1px solid black;
	color: black;
	font: normal 14px 'Roboto-Regular',sans-serif;
}
.zfoff img {
	width: 25px; height: 25px;
	float:left;
	margin: 0px 3px 0px 33px;
	cursor: pointer;
}
/* чекбоксы оплата */
.zopl {margin:0 5px;}
.zoplimg {
	width:100%; height:25px;
	display: block;
}
#zoplimgp {
	margin: 5px 0px 0px 13px;
}
.zoplimg img {
	width: 25px; height: 25px;
	float:left;
	margin: 0px 3px 0px 13px;
	cursor: pointer;
}
/* инпуты вывода заказа */
.zd {
	width:100%; height:30px;
	margin:5px;
	display: none;
}
#zd {
	width:100%; height: 30px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}

/*********************************************
************ блок с отпечатком  **************
*********************************************/
.klishe {
	float: left;
	width: 250px; height: 300px;
}
/* картинка */
.fimg {
	margin: 53px auto 5px auto;
	width: 180px;
}
/* выбор цвета */
.fott {margin: 5px auto;}
.foot_color {
	width: 104px;
	margin: 10px auto;
}
.fott img{
	float: left; margin: 3px;
	width: 20px; height: 20px;
	cursor: pointer;
	border-radius: 32px;
}
.fott img:hover {opacity:0.7; filter:alpha(opacity=70);}

/*********************************************
************ блок с оснасткой  ***************
*********************************************/
.osnastka {
	float: left;
	width: 360px; height: auto;
}
.osnastka p {
	color: #184646; text-align: center;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
/* картинка */
.oimg {margin: 5px auto 5px auto;}
.oimg_img {
	display: block;
	width: 180px; height: 180px;
	margin:  10px auto;
}
/* выбор оснастки */
.fosn {
	margin: 10px auto 5px auto; padding: 5px 0;
	width: 290px; height: auto;
	border-top: 2px solid #184646; border-bottom: 2px solid #184646;
}
.fosn img{
	margin: 0 auto;
	width: 60px; height: 60px;	
	cursor: pointer;
}
.fosn img:hover {opacity:0.7;filter:alpha(opacity=70);}
/* выбор цвета */
.ColOsn {display: block;}
.ColOsn p{
	color: #184646; text-align: center;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
.ColOsn_wrap {height: 45px;}
.ColOsn_img_wrap, .ColOsn_img_wrap2 {
	padding: 0 5px; margin: 0 auto;
	background: #c2d895;
}
.ColOsn_img_wrap {width: 260px;}
.ColOsn_img_wrap2 {width: 156px;}
.ColOsn img{
	float: left; display: block;
	width: 20px; height: 20px;
	margin: 3px;
	cursor: pointer;
	border-radius: 32px;
}
.ColOsn img:hover {opacity:0.7;filter:alpha(opacity=70);}
/* дополнительные опции */
.adc_wrap {float: right; height: 60px;}
.adC {width: 300px; height: 30px;}
.adC img {
	width: 30px; height: 30px;
	float:left; cursor: pointer;
}
#adCp{
	font: normal 16px 'Roboto-Regular',sans-serif;
	margin: 3px 0 0 3px;
	float: left;
}

/*********************************************
************* блок с полями  *****************
*********************************************/
.lforma {
	float:left; width: 100%;
	margin-top: 10px;
}
.lforma h2 {
	padding: 5px 0;
	background: #c2d895;
	color: #184646; text-transform: uppercase; text-align: center;
	font: normal 16px 'Roboto-Regular',sans-serif;
}
.lforma_data {height: 190px;}
.lforma_side1, .lforma_side2 {
	display: inline-block;
	width: 49%; vertical-align: top;
}
.lforma_side1 {margin-top: 10px;}
.lforma_side2 {margin-top: 5px;}
.lforma p {
	color: black;
	font: normal 16px 'Roboto-Regular',sans-serif;
}

/*********************************************
************ блок Ваш заказ ***************
*********************************************/
.itogo_wrap {width: 60%; margin-top: 15px;}
.itog {
	width: 100%; height:30px;
	margin:5px 5px 30px 5px;
}
#itog {
	width: 100%; height: 30px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	text-align: right;
	padding-right: 15px;
	color: #990000;
	font: bold 20px 'Roboto-Regular',sans-serif;
}
/* кнопка */
#zb {	
	position: absolute;
	bottom: 30px; right: 30px;
	width:160px; height:70px;
	color: white; text-transform: uppercase;
	font: normal 20px 'Roboto-Regular',sans-serif;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
	margin: 0 auto; 
	border: 1px solid #184646;
	background: #657d37; cursor: pointer;
}
#zb:hover {opacity:0.9;filter:alpha(opacity=90);}


/***********************************************
**** Стили Формы Widtch < 760 *******************
***********************************************/
@media screen and (max-width:760px){

	.modal_h2 {
		margin-bottom: 0;
		font: normal 16px 'Roboto-Regular',sans-serif;
	}

	/****************************
  инпуты ввода и вывода заказа
  ****************************/

  /* инпуты ввода и вывода заказа */
  .zn {
  	width:100%; height:25px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }
  #zn {
  	width:96%;	height: 25px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  	padding: 0px 5px 0px 5px;
  }
  /* инпут телефона и маска */
  .zt {
  	width:100%; height:25px;
  }
  #zt {
  	width:96%;	height: 25px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  	padding: 0px 0px 0px 26px;
  }
  .zt {
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }
  .zt:before {
  	height: 25px;
  	top: 4px; left: 5px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }
  /* чекбоксы доставка */
  .zf {
  	width:96%; height:25px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }
  .zf img {
  	width: 25px; height: 25px;
  	margin: 0px 3px 0px 5px;
  }
  .zfoff {
  	width:96%; height:25px;
  	margin: 0 5px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }
  #znoff {
  	width:84%; height: 25px;
  	margin-right: 5px; 
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }
  .zfoff img {
  	width: 25px; height: 25px;
  	margin: 0px 3px 0px 33px;
  }
  /* чекбоксы оплата */
  .zopl {margin:0 5px;}
  .zoplimg {
  	width:96%; height:25px;
  }
  #zoplimgp {
  	margin: 5px 0px 0px 13px;
  }
  .zoplimg img {
  	width: 25px; height: 25px;
  	margin: 0px 3px 0px 5px;
  }
  /* инпуты вывода заказа */
  .zd {
  	width:100%; height:25px;
  	margin:5px;
  }
  #zd {
  	width:96%; height: 25px;
  	padding: 0px 0px 0px 5px;
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }

	/*****************
	блок с отпечатком 
	******************/
	.klishe {width: 140px; height: 300px;}
	/* картинка */
	.fimg {
		margin: 43px auto 5px auto;
		width: 120px;
	}
	img#myImg {width: 100%;}
	/* выбор цвета */
	.fott {margin: 5px auto;}
	.foot_color {width: 60px;}
	.fott img{width: 13px; height: 13px; margin: 3px 1px;}

	/*****************
	блок с оснасткой 
	******************/
	.osnastka {width: 160px; }
	.osnastka p {font: normal 12px 'Roboto-Regular',sans-serif;}
	/* картинка */
	.oimg_img {
		width: 140px; height: 140px;
		margin: 5px auto;
	}
	.oimg_img img {width: 100%;}
	/* выбор оснастки */
	.fosn {
		position: absolute;
		left: -110px;
		margin: 0px auto 5px auto;
		width: 250px; 
	}
	.fosn img{width: 56px; height: 56px;}
	/* выбор цвета */
	.ColOsn p{font: normal 12px 'Roboto-Regular',sans-serif;}
	.ColOsn_img_wrap {width: 150px;}
	.ColOsn_img_wrap2 {width: 91px;}
	.ColOsn img{
		width: 13px; height: 13px;
		margin: 3px 1px;
	}
	/* дополнительные опции */
	.adc_wrap {float: left; height: 50px;}
	.adC {height: 25px; width: 100%; padding-left: 25px;}
	.adC img {width: 25px; height: 25px;}
	#adCp{
		font: normal 12px 'Roboto-Regular',sans-serif;
		margin: 4px 0 0 3px;
	}

	/*****************
  блок с полями 
  ******************/
  .lforma h2 {font: normal 14px 'Roboto-Regular',sans-serif;}
  .lforma_data {height: 265px;}
  .lforma_side1, .lforma_side2 {
  	display: block;
  	width: 90%; margin: 0 auto;
  }
  .lforma_side1 {margin-top: 10px;}
  .lforma_side2 {margin-top: 5px;}
  .lforma p {
  	font: normal 12px 'Roboto-Regular',sans-serif;
  }

	/*****************
  блок Ваш заказ
  ******************/
  .itogo_wrap {width: 100%; margin-top: 10px;}
  .itog {margin:5px 5px 15px 5px;}
  #itog {
  	width: 96%; height: 30px;
  	padding-right: 5px;
  	font: bold 16px 'Roboto-Regular',sans-serif;
  }
  /* кнопка */
  #zb {	
  	position: relative;
  	bottom: 7px; left: 0; right: 0;  display: block;
  	width: 96%; height:40px;
  	font: normal 16px 'Roboto-Regular',sans-serif;
  }
}