.bubble { position: absolute; top:0; left:0; right: 0; bottom:18px; padding: 30px; background:#F4F7F9; }
.bubble:after {	
	position: absolute; left: -30px; bottom:0; width: 0; height: 0; border-bottom: 30px solid #F4F7F9; border-left: 30px solid transparent; 
	content: ''; display: block;
}
.container-progress {margin-bottom: 30px;}
.progress {height: 6px!important; background: #BDC3C6;}
.progress .progress-bar {background: #D02E2F; transition: all 0.5s;}
small {color: #7A858C;}

.form-check-block {padding: 20px; cursor: pointer;}
.form-check-block:hover {background: #F4F7F9; }
.form-check-block img {margin-bottom: 15px; }
.form-check-block.active, .form-check-block-bg {background: #F4F7F9; }
.form-check-input:checked[type=radio] {background-color: #fff; border-width: 2px; border-color: #D02E2F; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23D02E2F'/%3e%3c/svg%3e") !important;}
.form-check .form-check-input {box-sizing: content-box;}
.form-check-input {width: 1rem; height: 1rem; border: solid 2px #D02E2F;}

.form-check-label {padding-left: 27px; position: relative; display: block;}
.form-check-label:before {
	display: inline-block; width: 1em; height: 1em; position: absolute; left: 0; top: 3px; content: ''; background:url('/templates/release2/calculator/images/unchecked.svg') no-repeat; 
	background-size: contain; margin-right: -15px; 
}
.form-check-block.active .form-check-label:before {background:url('/templates/release2/calculator/images/checked.svg') no-repeat; background-size: contain;}

.form-check-block-bg {padding: 20px; width: 100%;}
.form-check-block-bg .form-check-label {cursor: pointer; margin-top: 3px; margin-bottom: 3px;}
.form-check-block-bg .checked:before {background:url('/templates/release2/calculator/images/checked.svg') no-repeat; background-size: contain; }

#slide3 img, .img-razmery, .img-type {height: 14vw; max-width: 100%;}
#slide3 .form-check-block.active {background: #fff;}
#slide3 img.hid {display: none;}
#slide3 .active img {display: none;}
#slide3 .active img.hid {display: block!important;}

.stvorki {position: relative;}
.stvorki > div {display: block; position: absolute; content: ""; background-repeat: no-repeat; background-size: contain; transition: all .5s; }

.col-stvorki1 .stvorka-right {display: none;}
.col-stvorki1 .stvorka-center {display: none;}
.col-stvorki2 .stvorka-center {display: none;}
.stvorki1 .stvorka1 {left: 23%; top: 8%; width: 54%; height: 85%; }
.stvorki1 .stvorka2 {display: none; }
.stvorki1 .stvorka3 {display: none; }
.stvorki2 .stvorka1 {left: 14%; top: 8%; width: 33.3%; height: 85%; }
.stvorki2 .stvorka2 {display: none; }
.stvorki2 .stvorka3 {left: 53.7%; top: 8%; width: 33.3%; height: 85%; }
.stvorki3 .stvorka1 {left: 10%; top: 8%; width: 24%; height: 85%; }
.stvorki3 .stvorka2 {left: 38.5%; top: 8%; width: 24%; height: 85%; }
.stvorki3 .stvorka3 {left: 66.7%; top: 8%; width: 24%; height: 85%; }
.t1 {background-image: url(images/5/t1.png); }
.t2 {background-image: url(images/5/t2.png); }
.t3 {background-image: url(images/5/t3.png); }

#slide5 .form-check-block-bg [data-stroke=1][data-strokes_count=1] {display: block;}
#slide5 .form-check-block-bg [data-stroke=1][data-strokes_count=2] {display: none;}
#slide5 .form-check-block-bg [data-stroke=1][data-strokes_count=3] {display: none;}
#slide5 .form-check-block-bg [data-stroke=2][data-strokes_count=1] {display: block;}
#slide5 .form-check-block-bg [data-stroke=2][data-strokes_count=2] {display: block;}
#slide5 .form-check-block-bg [data-stroke=2][data-strokes_count=3] {display: none;}
#slide5 .form-check-block-bg [data-stroke=3][data-strokes_count=1] {display: block;}
#slide5 .form-check-block-bg [data-stroke=3][data-strokes_count=2] {display: block;}
#slide5 .form-check-block-bg [data-stroke=3][data-strokes_count=3] {display: block;}

#windows .owl-item img {display: inline-block!important;}
#windows .owl-nav.disabled {display: block!important; visibility: hidden;}
#windows .owl-dots.disabled {margin-top: 0!important; display: inline-block!important; visibility: hidden;}

.window-num {background: #D02E2F; font-size: 18px; color: #fff; position: absolute; padding: 2px 0; border-radius: 4px; top: 40%; 
	text-align: center; left: calc(50% - 40px); width: 80px; }
.newWindow {position: relative; bottom: 85px; z-index: 2; width: 50%; float: right;}
.stvorki {position: relative; }
.stvorki-toolbar {list-style: none; font-size: 1.1rem; }
.stvorki-toolbar li {margin-bottom: 10px; }
.stvorki-toolbar img {height: 1.3rem; }

.dop {font-size: 14px;}
.dop.hid{visibility: hidden;}

.swiper-slide .btn-warning {background: #7A858C; min-width: 100px; border: none; color: #fff;}

.range-v {display: inline-flex; width: 30%; align-items:center; }
.range-h {width: 67%;  }
#rangenumber1 {margin-top: -70px;}
#range1 {transform: rotate(-90deg); width: 185px; margin-left: -5px; position: absolute; margin-top: -69px}

input[type=number] { border: solid 1px #BDC3C6; text-align: center;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
input[type=range] { background: #BDC3C6; background-image: linear-gradient(#D02E2F, #D02E2F); outline: none; height: 3px;}
input[type=range][orient=vertical] {transform: rotate(-90deg);}
input[type=range]::-webkit-slider-thumb, 
input[type=range]::-ms-thumb, 
input[type=range]::-moz-range-thumb { height: 5px; width: 20px; border-radius: 50%; background: #D02E2F;
  cursor: ew-resize; box-shadow: none; transition: background .3s ease-in-out;
}
input[type="range"] { -webkit-appearance: none; margin-right: 15px; width: 100%; height: 2px; border-radius: 5px; background-image: linear-gradient(#D02E2F, #D02E2F);
  background-size: 55% 100%; background-repeat: no-repeat;
}
input[type="range"][orient=vertical] {background-size: 75% 100%;}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 18px; width: 18px; border-radius: 50%; background: #D02E2F; cursor: ew-resize; transition: background .3s ease-in-out;}
input[type="range"]::-moz-range-thumb { -webkit-appearance: none; height: 18px; width: 18px; border-radius: 50%; background: #D02E2F; cursor: ew-resize; transition: background .3s ease-in-out;}
input[type="range"]::-ms-thumb { -webkit-appearance: none; height: 18px; width: 18px; border-radius: 50%; background: #D02E2F; cursor: ew-resize; transition: background .3s ease-in-out;}
input[type="range"][orient=vertical]::-webkit-slider-thumb { cursor: ns-resize; }
input[type="range"][orient=vertical]::-moz-range-thumb { cursor: ns-resize; }
input[type="range"][orient=vertical]::-ms-thumb {  cursor: ns-resize; }
input[type="range"]::-webkit-slider-thumb:hover { background: #D02E2F; }
input[type="range"]::-moz-range-thumb:hover { background: #D02E2F; }
input[type="range"]::-ms-thumb:hover { background: #D02E2F; }
/* Input Track */
input[type=range]::-webkit-slider-runnable-track  { -webkit-appearance: none; box-shadow: none; border: none; background: transparent;}
input[type=range]::-moz-range-track { -webkit-appearance: none; box-shadow: none; border: none; background: transparent; }
input[type="range"]::-ms-track { -webkit-appearance: none; box-shadow: none; border: none; background: transparent;}

@media screen and (min-width: 1200px) {
	.row-cols-xl-5>* {width: 20%!important;}
}
@media screen and (min-width: 728px) {
	.col-sm {flex: 1 0 0%!important}
}
@media screen and (max-width: 1400px) {
	.window-num {font-size: 14px; left: calc(50% - 33px); width: 67px; }
	.stvorki-toolbar {list-style: none; font-size: 0.8rem; }
	.stvorki-toolbar li {margin-bottom: 10px; }
	.stvorki-toolbar img {height: 1rem; }
}
@media screen and (max-width: 768px) {
	#slide4 img {height: 45vw;}
	#slide5 img {height: 45vw;}
	#slide6 .img-type {height: 33vw;}
	.newWindow {width: 100%; float: none; bottom:20px;}
}
@media screen and (max-width: 576px) {
	.swiper-slide .btn {width: 49%;}
	.bubble {position: relative;}
	div.block-white, div.block-gray {padding: 0;}
	#slide3 img, .img-razmery {height: 30vw;}
}