/* CALCULATOR */
/* main columns */
.form-calc .left-col { 
	padding-right:60px;
	width:calc(100% - 440px); 
}
.form-calc .right-col {
	padding:40px;
	width:440px; 
	border-radius:8px;
	background:#F2F2F2;
}

/* items */
.form-calc .item {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	padding:25px 0;
	border-bottom:1px solid #E9E9E9;
	transition:all .3s;
}
.form-calc .item:first-child { border-top:1px solid #E9E9E9; }
.form-calc .item .num {
	width:40px;
	height:40px;
	line-height:38px;
	font-size:18px;
	font-weight:500;
	text-align:center;
	color:#fff;
	border-radius:100%;
	background:#FF0000; 
}
.form-calc .item .txt { 
	padding:0 10px 0 20px; 
	width:350px;
	font-size:18px;
	font-weight:500; 
}
.form-calc .fields { width:calc(100% - 390px); }
.form-calc .fields .field { padding:0 10px; }
.form-calc .fields .field.radio { margin-bottom:10px; }
.form-calc .fields .field.radio label { padding-top:2px; font-size:15px; }
.form-calc .check label { padding-top:2px; font-size:15px; }
.form-calc .label { 
	margin-bottom:10px;
	width:100%;
	font-size:14px; 
	font-weight:500;
}


/* stvorki */
.form-calc #calc-config .field { padding:0; }
.form-calc #calc-config .field:not(:last-child) { margin-right:20px; }
.form-calc #calc-config .bton { 
	width:120px;
	height:100px; 
	font-size:0;
	border:1px solid #EAEAEA;
	border-radius:8px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 60px;
	box-shadow:0 0 10px rgba(0,0,0,0);
	transition:all .3s;
}

.form-calc .okno1 .bton { background-image:url('../../img/okno-stvor1.svg'); }
.form-calc .okno2 .bton { background-image:url('../../img/okno-stvor2.svg'); }
.form-calc .okno3 .bton { background-image:url('../../img/okno-stvor3.svg'); }

.form-calc #calc-config .bton.active { 
	border-color:#FF0000;	
	box-shadow:0 0 10px rgba(0,0,0,0.07);
}


/* checkboxes */
.form-calc #calc-dop .field { margin-bottom:12px; }


/* price-example */
.form-calc .price-example {
	margin-top:-1px;
	padding-top:30px;
	border-top:2px solid #FF0000; 
}
.form-calc .price { width:50%; }
.form-calc .price .title { 
	margin-bottom:10px;
	font-size:18px;
	font-weight:500; 
}
.form-calc .price-text { 
	font-size:30px; 
	font-weight:500; 
	line-height:1;
	white-space:nowrap;
	color:#FF0000;
}


/* prices-small */
.form-calc .prices-small { width:50%; text-align:right; opacity:0.8; }
.form-calc .prices-small > div:not(:last-child) { margin-bottom:5px; }
.form-calc .prices-small .pr { white-space:nowrap; }


/* right-col */
.form-calc .right-col .title {
	margin-bottom:20px;
	font-size:24px;
	font-weight:500;
	line-height:1.2;
}
.form-calc .right-col .subtitle { 
	margin-bottom:30px; 
	opacity:0.8; 
}

/* callback form */
.form-calc .right-col .field { margin-bottom:20px; }
.form-calc .right-col .input {
	padding:0 15px;
	width:100%;
	height:46px;
	border-radius:8px;
	border:1px solid #ddd;
	background:#fff;
}
.form-calc .right-col .btn-box { margin-bottom:20px; }
.form-calc .right-col .btn-box .btn { width:100%; line-height:42px; }
.form-calc .right-col .pers { font-size:14px; }

/* note */
.form-calc .ofert-note {
	padding-top:40px;
	font-size:14px;
	color:#757575;
}
.form-calc .ofert-note b { color:red; }



/* MEDIA ---------------------------------------------------- */
@media (max-width: 1500px) {
	.form-calc .left-col { padding-right:40px; width:calc(100% - 400px); }
	.form-calc .right-col { width:400px; }
	.form-calc .item .txt { width:300px; }
	.form-calc .fields { width:calc(100% - 340px); }
}

@media (max-width: 1400px) {
	.form-calc .left-col { padding-right:30px; width:calc(100% - 350px); }
	.form-calc .right-col { padding:30px; width:350px; }
	.form-calc .item .txt { width:260px; }
	.form-calc .fields { width:calc(100% - 300px); }
}

@media (max-width: 1200px) {
	.form-calc .left-col { width:calc(100% - 300px); }
	.form-calc .right-col { padding:30px; width:300px; }
	.form-calc .item .txt { width:180px; font-size:16px; }
	.form-calc .fields { width:calc(100% - 220px); }
	.form-calc .right-col .title { font-size:22px; }
	
	.form-calc #calc-config .bton { width:100px; } 
	
	.form-calc .fields .field.radio label { padding-top:0; padding-left:7px; font-size:15px; }
	.form-calc .field.check label { padding-top:0; padding-left:7px; font-size:15px;}
	.form-calc .field .jq-radio { width:18px; height:18px; }
	.form-calc .field .jq-checkbox { width:18px; height:18px; }
	
	.form-calc .right-col .input { font-size:14px; }
}

@media (max-width: 992px) {
	.form-calc .left-col { margin-bottom:30px; padding-right:0; width:100%; }
	.form-calc .right-col { padding:40px 30px; width:100%; }
	
	.form-calc .item .txt { width:300px; }
	.form-calc .item .fields { width:calc(100% - 340px); }
	
	.form-calc #calc-zakaz {
		display:flex; 
		flex-direction:row;
		flex-wrap:wrap;
	}
	.form-calc #calc-zakaz .title { width:100%; text-align:center; }
	.form-calc #calc-zakaz .subtitle { width:100%; text-align:center; }
	.form-calc #calc-zakaz .field { padding:0 10px; width:33.3%; }
	.form-calc #calc-zakaz .btn-box { padding:0 10px; width:33.3%; }
	.form-calc #calc-zakaz .pers { padding:0 10px; width:100%; text-align:center; }

	.form-calc .ofert-note { padding-top:40px; text-align:center; }
}

@media (max-width: 768px) {
	.form-calc .right-col { padding:40px 60px; }
	
	.form-calc .item .txt { width:220px; }
	.form-calc .item .fields { width:calc(100% - 260px); }
	
	.form-calc #calc-zakaz .field { width:50%; }
	.form-calc #calc-zakaz .btn-box { width:100%; }
}

@media (max-width: 700px) {
	.form-calc .item .txt { width:190px; }
	.form-calc .item .fields { width:calc(100% - 230px); }
}

@media (max-width: 640px) {
	.form-calc .item .num { width:35px; height:35px; line-height:33px; }
	.form-calc .item .txt { width:170px; }
	.form-calc .item .fields { width:calc(100% - 210px); }
	
	.form-calc #calc-config .bton { 
		width:90px; 
		height:90px; 
		background-size:auto 55px; 
	}
}

@media (max-width: 576px) {
	.form-calc .item .txt { padding:0 0 0 15px; width:calc(100% - 35px); }
	.form-calc .item .fields { padding-top:20px; width:100%; }
	
	.form-calc #calc-config .bton { 
		width:90px; 
		height:90px; 
		background-size:auto 55px; 
	}
	
	.form-calc .right-col { padding:30px 40px; }
}

@media (max-width: 468px) {	
	.form-calc .item .num { width:30px; height:30px; line-height:28px; font-size:16px; }
	.form-calc .item .txt { width:calc(100% - 30px); }
	
	.form-calc #calc-config .bton { width:100px; height:80px; }
	
	.form-calc .prices-small > div:not(:last-child) { line-height:1; }

	.form-calc .right-col { padding:30px 25px; }
}

@media (max-width: 400px) {
	.form-calc .item .num { order:2; }
	.form-calc .item .txt { 
		order:1; 
		padding-left:0; 
		padding-right:15px; 
		font-size:18px; 
	}
	.form-calc .item .fields { order:3; }
	
	.form-calc #calc-config .bton { width:80px; background-size:auto 50px; }
	
	.form-calc #calc-dop .field { padding:0; width:100%; max-width:100%; flex:0 0 100%; }
	
	.form-calc .price { margin-bottom:15px; width:100%; text-align:center; }
	.form-calc .price .title { margin-bottom:5px; line-height:1; }
	.form-calc .price-text { font-size:26px; }
	.form-calc .prices-small { 
		padding-top:15px;
		width:100%; 
		text-align:center; 
		border-top:1px solid #eee; 
	}
	
	.form-calc #calc-zakaz .title { margin-bottom:15px; font-size:20px; }
	.form-calc #calc-zakaz .subtitle { margin-bottom:20px; font-size:15px; }
	.form-calc #calc-zakaz .field { width:100%; }
}

@media (max-width: 360px) {
	.form-calc .item { padding:25px 10px; }
	.form-calc .item .txt { font-size:17px; }
	
	.form-calc #calc-config .field:not(:last-child) { margin-right:15px; }
	
	.form-calc .right-col { padding:25px 20px; }
	
	.form-calc #calc-zakaz .title { font-size:19px; }
	.form-calc #calc-zakaz .subtitle { font-size:14px; }
	
	.form-calc .right-col .pers { font-size:13px; }
	
	.form-calc .ofert-note { padding-top:30px; font-size:13px; }
}

@media (max-width: 300px) {		
	.form-calc #calc-config .bton { 
		width:64px; 
		height:64px; 
		background-size:auto 40px; 
	}
	
	.form-calc #calc-stena .field { 
		padding:0;
		width:100%; 
		max-width:100%; 
		flex:0 0 100%; 
	}
	
	.form-calc .price-text { font-size:24px; }
	.form-calc .prices-small { font-size:14px; }
	
	.form-calc #calc-zakaz .field { padding:0; }
	.form-calc #calc-zakaz .btn-box { padding:0; }
	.form-calc #calc-zakaz .btn { font-size:15px; }
}

@media (max-width: 270px) {	
	.form-calc .item .txt { font-size:16px; }
	
	.form-calc #calc-config .field { width:100%; }
	.form-calc #calc-config .field:not(:last-child) { 
		margin-right:0; 
		margin-bottom:12px; 
	}
	.form-calc #calc-config .bton { 
		width:100%; 
		height:64px; 
		background-size:auto 40px; 
	}
}