.calc .col2 {box-shadow:0 0 3px #888; border-radius:2px;}
.calc .col2::after {height:0;}
.calc .col2 > .type {margin:0; width:42%; padding:2.5% 4%;}
.calc .col2 > .krest {margin:0; width:42%; padding:2.5% 4%;}
.calc .icon {background:url(calc_tip.png) no-repeat 50% 50%; height:16px;}
.calc .type {background:#f8f8f8;}
.calc .type > b, .calc .krest > b {display:block; font-size:18px; font-weight:600; color:#010101; margin-bottom:20px;}
#ttl2w {max-width:200px;padding:15px 10px; background:#fff; border-radius:4px; box-shadow:0 0 3px #ccc; font-size:14px;}
#ttl2w ins {display:block; position:absolute; top:10px; left:-10px; width:10px; height:20px; background:url(tip.png)} 
.calc .type label {display:block; padding:10px; border:2px solid transparent; cursor:pointer;}
.calc .type .active {border-color:#7dade8;}
.calc .type ins {display:inline-block; vertical-align:middle; height:28px; width:28px; border-radius:14px; background:#fff; border:1px solid #888; margin:0 20px;}
.calc .type .active ins {border:0 none; background:url(calc_v.png) no-repeat 50% 50%;}
.calc .type img {vertical-align:middle;}

.krest img {float:left;}
.krest label {display:block; cursor:pointer; line-height:1.5;}
.krest ins {display:inline-block; vertical-align:middle; height:8px; width:8px; border-radius:4px; background:#fff; border:1px solid #888; margin:0 18px 0;}
.krest .active ins {height:14px; width:14px; border-radius:7px; background:#0363d8; border:0 none; margin:0 16px 0;}

.calc .head {font-size:30px; margin:30px 0;}
.calc input[type='checkbox'] {vertical-align:middle; display:none;}
.calc input + i {display:inline-block; height:16px; width:16px; border:1px solid #888; vertical-align:middle; background:#fff; margin-left:12px;}
.calc input:checked + i {border-color:#0363d8; background:url(yes.png) no-repeat 50% 50% #fff;}
.calc input[type='number'] {-moz-appearance:textfield; width:20px; border:1px solid #888; padding:0; font-size:12px; text-align:center;}
.calc input[type=number]::-webkit-inner-spin-button,.calc input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin:0;}
.calc table {background:#f7f7f7; width:100%;}
.calc td {padding:12px 0; font-size:16px;}
.calc tr:hover > td, .calc .active > td {font-weight:600;}
.calc table tr:nth-child(2n) td {background:#cde0f7;}
.calc table span {padding-left:10px;}
.calc .total {font-weight:bold; padding-top:5px;}
.calc .total span {color:#0363d8;}
.calc [type=reset] {color:#0363d8; background:#fff; border:2px solid #0363d8; margin-left:15px;}
.calc .desc {color:#aaa; font-size:14px;} 
.calc .print {font-style:italic; font-size:14px; color:#000;}
.calc .print .icon {height:30px; width:30px; background:url(print.png);}
.calc hr {border:0 none; border-bottom:2px solid #949599; margin:30px 0;}

@media (min-width:850px) and (max-width:1099px) {
	.calc .type img {max-width:74%;}
	.krest img {max-width:50%;}
}

@media (max-width:849px) {
	.calc .col2 > .type {width:92%; padding:2.5% 4%;float:none;}
	.calc .col2 > .krest {width:92%; padding:2.5% 4%;float:none;}
	.calc .total {float:none; text-align:right; padding:0 0 10px;}
}

@media (max-width:480px) {
	.calc .type img {max-width:74%;}
	.krest img {max-width:50%;}
}

@media (max-width:380px) {
	.calc > .fl {float:none; padding:0 0 10px;}
}

@media (max-width:360px) {
	.calc .type ins {margin:0 10px 0 0}
	.krest label {font-size:15px;}
}

@media print {
	header, footer, .black, .map, .soc, #breadcrumbs, h1, .calc .col2, .calc > .fl, .calc > .tc {display:none !important;}
	.calc input:checked + i {background:#000; line-height:1; text-align:center;}
	.calc input:checked + i:before {content:'V'; color:#000; font-weight:bold; }
}