#zcalc{	  
    
}

.container{
	/* max-width:1151px; */
}

.calc_inner {
    max-width: 994px;
    background: white;
    margin: auto;    
	border: 1px solid black;
	/* box-shadow: 0px 0px 15px black; */
	position: relative;
    top: -171px;
	font-family: 'Roboto';
}

.calc_tabs_wrap{	
	height: 80px;	
}

.row-red{
	background: #188b30 !important;
}

.radio_buttons{height:100%;}

.radio_buttons span{color:black; border-bottom: 1px solid black; position:relative; top:27px;} 

.radio_buttons div {
    height: 100%;
}
.radio_buttons input {
    position: absolute;
    left: -9999px;
}
.radio_buttons label {
    display: block;    
    cursor: pointer;
	margin-bottom:0px;
	text-align: center;
    font-size: 17px;
	height: 100%;
	
}
.radio_buttons input:checked + label {
    background: #188b30;    
	
}
.radio_buttons input:checked + label span {
    border-bottom:0;
	color:white;
}

.form_lines{
	overflow:visible;
	padding-left: 15px;
    padding-right: 15px;
}

.form_line{
	
    padding: 25px 30px;
}

.frm_caption {
    font-size: 17px;
    font-weight: bold;    
}



.row-red .caption,
.row-red .poyasn,
.row-red .fake_label,
.row-red .glyphicon-question-sign{
	color:white;
}

.glyphicon-question-sign{
	float:right;
	color: #188b30;
	cursor:help;
	position:relative;
	margin-top: 3px;
}


.hidden_help {
    position: absolute;
    width: 200px;
    display:none;  
    border: 1px dotted #e69395;
    padding: 5px 10px;
    font-family: sans-serif;    
    color:black;
	background:white !important;
    border-radius: 10px;
    margin-top: -20px;
	transition: all .5s ease;
	margin-left:20px;
	z-index:100;
	font-size: 12px;
    line-height: normal;
	min-width: 314px;
	box-shadow: 0px 0px 14px -3px;
}

.glyphicon-question-sign:hover .hidden_help{
	display:block;	
}
.input_text {  
	position: relative;

	font-style:normal;
	font-family:'Roboto';
}

#zform .form-control {
    height: 26px !important;
    border-radius: 0px !important;
	padding: 0px 6px !important;
	font-style: normal !important;	
	font-weight:bold;
	color:black;
	margin-left: 5px;
}

#zform select{
	font-family:'Roboto';
	    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: white url("https://заборкин.рф/plugins/content/zcalc/assets/downarrow.png") no-repeat right center !important; 
}

label.poyasn {
    font-style: italic;
    font-weight: normal;
	color: gray;
	/* margin-right: 25px; */
	font-family: serif;
	display:block;
}


.hiding_row{
	display:none;
}

.is_profnastil .row_profnastil,
.is_shtaket .row_shtaket,
.is_wood .row_wood,
.has_wicket .row_wicket,
.has_basement_sm .row_basement,
.has_sliding_gates .row_sliding_gates,
.has_hinging_gates .row_hinging_gates
{display:block;}

.select-wider {
    max-width: 330px;
    width: 100% !important;
    float: right;
    
}

span.fake_label {
    color: gray;
    font-family: serif;
    font-style: italic;
}

.select-narrow{
	width:100px !important;
}

#form_wrap{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b3b12+0,445300+48,445300+100 */
	/* background: rgb(91,59,18);  */
	/* background: -moz-linear-gradient(top,  rgba(91,59,18,1) 0%, rgba(68,83,0,1) 48%, rgba(68,83,0,1) 100%); */
	/* background: -webkit-linear-gradient(top,  rgba(91,59,18,1) 0%,rgba(68,83,0,1) 48%,rgba(68,83,0,1) 100%);  */
	/* background: linear-gradient(to bottom,  rgba(91,59,18,1) 0%,rgba(68,83,0,1) 48%,rgba(68,83,0,1) 100%);  */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b3b12', endColorstr='#445300',GradientType=0 );  */
}

.calc_bottom{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/bottom_form.jpg") 100% 100% no-repeat;
	margin-left: 0px !important;
    margin-right: 0px !important;
	padding: 1% 0px;
}

#bottom_inner {
    color: white;
    padding: 3% 3%;
	font-size: 17px;
}

#total_wrap{
	font-weight:bold;
	font-family: 'Calibri', sans-serif;
	transition: all .3s ease;
}

.btn__proceed {
    margin-top: 7px;
    margin-right: 2%;
	font-family: 'Calibri';
    font-weight: bold !important;
    padding: 1.9% 6% !important;
    border-radius: 0px !important;
}

#zcalc__contactform .input-group{
	width:100%;
	margin-top: 10px;
}




/****<graphics>***/


#graphics{
	position:relative;
	overflow:hidden;
}


.naturebg{
	width:100%;
	height:auto;
}

.front_grass {
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/front_grass.png") 100% 100% no-repeat;
    height: 100%;
    width: 100%;
    bottom: 36.3%;    
    position: absolute;
	background-size:contain;
}

.layers {
	height: 100%;
	position: absolute;
	background-size: contain !important;
}


.layer_filling{
	bottom: 21.9%;
	width:100%;
	transition: all .5s ease;
}


.layer_basement{
	width:100%;
	bottom:10%;
	transition: all 1s ease;
}

.layer_wicket{
	width: 6.8%;
    bottom: 39.5%;    
	transition: all .3s ease;
}

.layer_gates{
	width: 36.8%;
    bottom: 38%;    
	transition: all .3s ease;
}


.piles{
	overflow:hidden;	
}

.pile {
    width: 6%;
    height: 47.8%;
        bottom: 19.8%;
    position: absolute;
	transition: all .3s ease;
}

.pile__air{
	height:62%;
}

.ground__ustanovka {
    transition: all 1s ease;
}

.pile__ground{
	height:38%;
}

.ground__kernel{
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/ground/kernel.png") 100% 100% no-repeat;
    height: 100%;
    width: 28%;
    background-size: contain;
    position: absolute;
    top: -6%;
    left: 59%;
}

/****</graphics>***/

/**<magic>**/
.is_profnastil .layer_filling{background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/profnastil.jpg") 100% 76% no-repeat;}
.is_shtaket.singleside .layer_filling{background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/shtaket_single.png") 100% 76% no-repeat;}
.is_shtaket.doubleside .layer_filling{background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/shtaket_double.png") 100% 76% no-repeat;}
.is_wood.zazor2cm .layer_filling{background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wood_zazor.png") 100% 76% no-repeat;}
.is_wood.no_zazor .layer_filling{background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wood_no_zazor.png") 100% 76% no-repeat;}
.has_basement_sm .layer_basement{background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/basement_s.jpg") 100% 76% no-repeat;}


.has_ustanovka_butirovanie_sm .ground__ustanovka{
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/ground/butirovanie_sm.png") 100% 100% no-repeat;
    height: 100%;
    width: 75%;
    background-size: contain;
    position: absolute;
    top: -10%;
    left: 35%;
}

.has_ustanovka_butirovanie_lg .ground__ustanovka{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/ground/butirovanie_lg.png") 100% 100% no-repeat;
    height: 100%;
    width: 75%;
    background-size: contain;
    position: absolute;
    top: -11%;
    left: 36%;
}

.has_ustanovka_betonir .ground__ustanovka{ 
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/ground/betonir.png") 100% 100% no-repeat;
    height: 100%;
    width: 89%;
    background-size: contain;
    position: absolute;
    top: -4%;
    left: 30%;
}

.air__bricks{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/pile__bricks.png") 100% 100% no-repeat;
	height:100%;
	width:100%;
	background-size: contain;
	 transition: all 1s ease;
	 opacity:0;
}
.has_kirpstolbs .air__bricks{
	opacity:1;
}	

.is_profnastil.has_wicket .layer_wicket{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wicket__profnastil.png") 100% 100% no-repeat;
	left: 46%;
}

.is_profnastil.has_gates .layer_gates{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__profnastil.png") 100% 100% no-repeat;
	left: 34%;
}

.is_profnastil.has_wicket.has_gates .layer_wicket{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wicket__profnastil.png") 100% 100% no-repeat;
	left: 26.3%;
}

.is_profnastil.has_wicket.has_gates.has_kirpstolbs .layer_gates{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__profnastil.png") 100% 100% no-repeat;
	left: 36.2%;
}
 
.is_profnastil.has_wicket.has_gates .layer_gates{
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__profnastil.png") 100% 100% no-repeat;
	left: 33.1%;
}


.is_shtaket.has_wicket .layer_wicket{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wicket__shtaketnyk.png") 100% 100% no-repeat;
	left: 46%;
	bottom: 37.7%;
}

.is_shtaket.has_gates .layer_gates{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__shtaketnyk.png") 100% 100% no-repeat;
	left: 34%;
}

.is_shtaket.has_wicket.has_gates .layer_wicket{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wicket__shtaketnyk.png") 100% 100% no-repeat;
	left: 26.3%;
	bottom: 37.7%;
}

.is_shtaket.has_wicket.has_gates.has_kirpstolbs .layer_gates{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__shtaketnyk.png") 100% 100% no-repeat;
	left: 36.2%;
}
 
.is_shtaket.has_wicket.has_gates .layer_gates{
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__shtaketnyk.png") 100% 100% no-repeat;
	left: 33.1%;
}


.is_wood.has_wicket .layer_wicket{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wicket__wood.png") 100% 100% no-repeat;
	left: 46%;
	bottom: 37.9%;
}

.is_wood.has_gates .layer_gates{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__wood.png") 100% 100% no-repeat;
	left: 34%;
}

.is_wood.has_wicket.has_gates .layer_wicket{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/wicket__wood.png") 100% 100% no-repeat;
	left: 26.3%;
	bottom: 37.9%;
}

.is_wood.has_wicket.has_gates.has_kirpstolbs .layer_gates{
	background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__wood.png") 100% 100% no-repeat;
	left: 36.2%;
}
 
.is_wood.has_wicket.has_gates .layer_gates{
    background: url("https://заборкин.рф/plugins/content/zcalc/assets/air/gates__wood.png") 100% 100% no-repeat;
	left: 33.1%;
}
 
#bottom_inner.loading #total_wrap{
	background:yellow;
}
#zcalc__cform .input-group {
    width: 100%;
    margin-top: 10px;
}
.modal-content {
width: 500px;
border-radius: 0px;
}
.modal-header {
	padding: 35px 53px 29px 15px;
    border-bottom: 0px solid #e5e5e5;
}
#zcalc__cform{padding: 14px 53px 18px;}


@media (max-width: 800px) {
.container{
padding-right: 0px !important; 
padding-left: 0px !important; 
}
.radio_buttons label {
font-size: 14px !important;}

.frm_caption {
font-size: 14px !important;}
.form-control {
font-size: 12px !important;}
.form_line {
    padding: 15px;
}

.hidden_help {
    position: absolute;
    width: 200px;
    display:none;  
    border: 1px dotted #e69395;
    padding: 5px 10px;
    font-family: sans-serif;    
    color:black;
	background:white !important;
    border-radius: 10px;
    margin-top: -20px;
	transition: all .5s ease;
	margin-left:20px;
	z-index:100;
	font-size: 12px;
    line-height: normal;
	min-width: 214px;
	box-shadow: 0px 0px 14px -3px;
}


	}