
.kuhni-calc h3 {
    text-align: center;
    margin-bottom: 18px;
}


/*************************************************************************************/
/* Тип кухни */

.kuhni-calc .calc-type {
    border-bottom: 1px solid #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px;
	margin-top:25px;
} 

.kuhni-calc .calc-type .radio-inline {
	padding: 10px 0px 0px 40px;
	margin:0 30px 20px 0;
	width: 180px;
    height: 170px;
	background-color: #e2e2e2;
	border-radius: 4px;	
	background-repeat: no-repeat;
	background-position: center 85%;
}


.kuhni-calc .calc-type .radio-inline:nth-child(1) {	
	background-image: url(../../xfiles/calc-type-1.png);
}

.kuhni-calc .calc-type .radio-inline:nth-child(2) {	
	background-image: url(../../xfiles/calc-type-2.png);
}

.kuhni-calc .calc-type .radio-inline:nth-child(3) {	
	background-image: url(../../xfiles/calc-type-3.png);
}

.kuhni-calc .calc-type .radio-inline:nth-child(4) {	
	background-image: url(../../xfiles/calc-type-4.png);
}

.kuhni-calc .calc-type input,
.kuhni-calc .calc-material input,
.kuhni-calc .calc-furnitura input {
	margin: 10px 0 0 7px;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.kuhni-calc .radio-inline:before {
	background: transparent;
    border: 1px solid #969491;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: -5px;
    position: absolute;
    top: 0px;
    width: 20px;
}	

.kuhni-calc .radio-inline:after {
	background: #3c810a;
    background: -o-linear-gradient(23deg, #3c810a 0, #6db13b 100%);
    background: linear-gradient(67deg, #3c810a, #6db13b);
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 7px 1px rgba(32, 94, 22, .5);
    -ms-box-shadow: 0 4px 7px 1px rgba(32, 94, 22, .5);
    -o-box-shadow: 0 4px 7px 1px rgba(32, 94, 22, .5);
    box-shadow: 0 4px 7px 1px rgba(32, 94, 22, .5);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c810a",endColorstr="#6db13b",GradientType=1);
    height: 12px;
    left: -1px;
    opacity: 0;
    position: absolute;
    top: 4px;
    width: 12px;
}

.kuhni-calc .radio-inline.selected:after {
    opacity: 1;
}

.kuhni-calc .calc-type .radio-inline:before {
    left: 10px;
    top: 9px;
}

.kuhni-calc .calc-type .radio-inline:after {
    left: 14px;
    top: 13px;
}

.kuhni-calc .calc-type .radio-inline.selected,
.kuhni-calc .calc-type .radio-inline:hover {
	background-color: #fff;
	box-shadow: 0 4px 46px 1px rgba(37, 36, 35, .2);
}


/*************************************************************************************/
/* Размеры кухни */

.kuhni-calc .calc-size-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-bottom: 1px solid #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 15px;
} 

.kuhni-calc .calc-length-1 input,
.kuhni-calc .calc-length-2 input,
.kuhni-calc .calc-height input {
    height: 40px;
    margin: 0 11px 0 0;
    width: 120px;
    padding: 0 10px;
}    

.kuhni-calc .calc-length-1 {
    position: relative;
    margin-left: 45px;
    padding-right: 25px;
}

.kuhni-calc .calc-length-2 {
    position: relative;
    margin-left: 10px;
    padding-right: 25px;
}

.kuhni-calc .calc-height {
    position: relative;
    margin-left: 45px;
    padding-right: 25px;
}

.kuhni-calc .calc-length-1:before {
    background: url(../../xfiles/size-icons.png) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 8px;
    left: -37px;
    position: absolute;
    width: 24px;
    top: 40px;
}

.kuhni-calc .calc-height:before {
    background: url(../../xfiles/size-icons.png) no-repeat -25px 0;
    content: "";
    display: inline-block;
    height: 24px;
    left: -21px;
    position: absolute;
    width: 8px;
    top: 32px;
}

.kuhni-calc .calc-length-1:after {
    content: "см";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: 36px;
}

.kuhni-calc .calc-length-2:after {
    content: "см";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: 36px;
}

.kuhni-calc .calc-height:after {
    content: "см";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: 36px;
}

/*************************************************************************************/
/* Материал, фурнитура кухни */
.kuhni-calc .calc-material,
.kuhni-calc .calc-furnitura {
    border-bottom: 1px solid #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px;
	margin-top:25px;
} 

.kuhni-calc .calc-material .radio-inline,
.kuhni-calc .calc-furnitura .radio-inline {
	width: 140px;
	padding-bottom: 15px;
	margin:0;
}


/*************************************************************************************/
/* Файл, телефон, комментарий */

.kuhni-calc .calc-cont-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 15px;
	margin-top: 30px;
} 

.kuhni-calc .calc-photo {
	width: 200px;
	margin-right: 20px;
}

.kuhni-calc .calc-phone {
	width: 200px;
	margin-right: 40px;
}

.kuhni-calc .calc-comment {
	width: 300px;
}

.kuhni-calc .calc-comment textarea {
	height: 100px;
}

.kuhni-calc .calc-submit {
	margin-top: 20px;
	text-align: center;
}


.kuhni-calc .calc-cont-box #upload-file-info {
	display: block;
	margin-top: 5px;
}

.kuhni-calc .calc-cont-box .btn.btn-default {
	background: #333;
	border-color: #333;
	color: #fff;
}

.kuhni-calc .calc-cont-box .btn.btn-default:hover {
	background: #555;
	border-color: #555;
}

/*************************************************************************************/

@media (max-width:650px) {
	.kuhni-calc {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	.kuhni-calc .calc-type .radio-inline {
		padding: 10px 0px 0px 35px;
		margin:0 10px 20px 10px;
		width: 120px;
		height: 120px;
		background-position: center 85%;
		font-size: 12px;
	}

	.kuhni-calc .calc-type .radio-inline:nth-child(1) {	
		background-image: url(../../xfiles/calc-type-1-sm.png);
	}

	.kuhni-calc .calc-type .radio-inline:nth-child(2) {	
		background-image: url(../../xfiles/calc-type-2-sm.png);
	}

	.kuhni-calc .calc-type .radio-inline:nth-child(3) {	
		background-image: url(../../xfiles/calc-type-3-sm.png);
	}

	.kuhni-calc .calc-type .radio-inline:nth-child(4) {	
		background-image: url(../../xfiles/calc-type-4-sm.png);
	}

	.kuhni-calc .calc-cont-box {
		flex-direction: column;
	} 

	.kuhni-calc .calc-photo,
	.kuhni-calc .calc-phone,
	.kuhni-calc .calc-comment {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}


@media (max-width:550px) {
	
	.kuhni-calc .calc-length-2 {
		margin-left: 45px;
	}
	
	.kuhni-calc .calc-furnitura {
		width: 200px;
		margin: 0 auto;
	}

}