@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.kolocalc .thumbnails .half{-ms-flex: 0 0 66%;flex: 0 0 66%;max-width: 66%;}
.kolocalc .info2{font-size: 15px;}
.kolocalc .septik_img{max-height: 124px;}


.kolocalc{font-family: Gilroy;}
.kolocalc .title{font-size: 21px;padding-bottom: 10px;font-weight: bold;}
.kolocalc .thumbnails{list-style: none;padding: 0px;margin: 0px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.kolocalc .thumbnails li{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.kolocalc .thumbnails .thumbnail{border-color: #E2E2EB;position: relative;border-radius: 10px;text-align: center;cursor: pointer;height: 90%;border: 1px solid #ddd;}
.kolocalc .thumbnails .thumbnail img{max-width: 100%;height: auto;}
.kolocalc .thumbnails .thumbnail .domicimg{max-height: 124px;}
.kolocalc .thumbnails .selected{border-color: #0089d2;}
.kolocalc .thumbnails .selected:after {content: url(../images/ok.svg);position: absolute;top: 10px;right: 10px;}
.kolocalc .thumbnails .thumbnail .pr{color: #0089d2;display: block;font-weight: bold;}
.kolocalc .thumbnails li .dropdown-menu li{padding: 0px;flex: none;max-width: 100%;}
.kolocalc .thumbnails li .dropdown-menu .selected:after{display: none;}
.kolocalc .price{font-size: 70px;font-weight: bold;line-height: normal;}
.kolocalc label{font-weight: normal;}
.kolocalc .copy{font-size: 14px;padding-bottom: 20px;font-style: italic;}
.kolocalc .info{padding-left: 15px;font-size: 15px;display: inline-block;width: 100%;}
.kolocalc .info li{width: 50%;float: left;}

.kolocalc .wpcf7 .wpcf7-text{width: 100%;border-radius: 10px;border: 1px solid #E2E2EB;padding: 15px;margin-bottom: 20px;}
.kolocalc .wpcf7 .wpcf7-submit{color: white;background-color: #0089d2;border-radius: 2px;padding: 20px 40px;border: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.kolocalc .wpcf7 .wpcf7-submit:hover{background-color: black;}

.kolocalc .glubina_price, .kolocalc .domic_price, .kolocalc .scoba_price, .kolocalc .tranchei_price, .kolocalc .septic_price  {margin: 10px 0px;}

@media (max-width:767px){
	.kolocalc .title, .kolocalc h2{text-align: center;}
	.kolocalc .thumbnails{margin-right: -5px;margin-left: -5px;}
	.kolocalc .thumbnails .thumbnail{padding: 5px;font-size: 14px;}
	.kolocalc .thumbnails li{padding-right: 5px;padding-left: 5px;}
	.kolocalc .thumbnails .thumbnail p, .kolocalc .thumbnails .filter-option-inner-inner{font-size: 14px;text-align: center;}
	.kolocalc .thumbnails .btn-default{padding: 5px;}
	.kolocalc .thumbnails .bs-caret .caret{display: none;}
	.kolocalc .wpcf7 .wpcf7-submit{width: 100%;}
	.kolocalc .thumbnails .tranchei_num{color: #14B466;font-size: 100px;line-height: 103px;}
}

@media (min-width: 768px) {
	.kolocalc .thumbnails{margin-right: -10px;margin-left: -10px;}
	.kolocalc .thumbnails .thumbnail{padding: 20px;}
	.kolocalc .thumbnails li{padding-right: 10px;padding-left: 10px;}
	.kolocalc .thumbnails .thumbnail p, .kolocalc .thumbnails .filter-option-inner-inner{font-size: 18px;font-weight: bold;text-align: center;}
	.kolocalc .thumbnails .btn-default {border: none;}
	.kolocalc .thumbnails .text{font-size: 16px;}
	
	.kolocalc .sticky {position: fixed;z-index: 101;margin-top: 40px;}
	.kolocalc .stop {position: relative;z-index: 101;}
	
	.kolocalc .thumbnails .tranchei_num{height: 124px;color: #14B466;font-size: 100px;line-height: 120px;}
}