.balkoncalc-17 {
	margin-top: 20px;
	margin-bottom: 70px;
	float:left;
	width:100%;
}

.balkoncalc-17 * {
	box-sizing: border-box;
}	

.balkoncalc-17 a {
	color: #124472;
}

.ui-widget-content {
	display: block;
}

.central-content {
	width:auto;
	padding:20px;
	position: relative;
}

.balkoncalc-type-selector {
	float:left;
	width:70%;  
}

.balkoncalc-type-selector > div {
	float:left;
	margin-right:10px;
	padding:10px 10px;
	font-size: 16px;
	padding-top:15px;
	font-weight: bold;
}

div.balkoncalc-type-selector-one {
	text-align: center;
	font-size: 14px;
	padding-top:10px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	font-weight: normal;
	text-decoration: underline;
}

div.balkoncalc-type-selector-one:hover {
	background: #eee;
}

div.balkoncalc-type-selector-one-selected {
	background: #eee;
	text-decoration: none;
}

div.balkoncalc-type-selector-one-selected:after {
	content:"";
	position: absolute;
	width:14px;
	height:14px;
	background: #eee;
	bottom:-7px;
	left:50%;
	margin-left:-7px;
 	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}

.balkoncalc-type-selector-one > img {
	margin:10px;
}

.balkoncalc-type-selector-one:nth-child(2) > img {
	margin-bottom:17px;
}



.balkoncalc-main-window {
	float:left;
	width:70%;
	margin-top:30px;
}

.balkoncalc-price {
	float:right;
	clear:right;
	width:30%;
}

.balkoncalc-options {
	float:left;
	width:70%;
}

.balkoncalc-vertical-slider {
	float:left;
	position: relative;
}
.balkoncalc-vertical-slider-ui {
	width:0px;
	margin-right:30px;
	margin-left:60px;
	height:290px;
	position: relative;
}

.balkoncalc-vertical-slider-ui:before, .balkoncalc-vertical-slider-ui:after{
	content: "";
	position: absolute;
	width:14px;
	border-top:2px solid #bbb;
	top:-2px;
	left:-7px;
}

.balkoncalc-vertical-slider-ui:after {
	bottom:-2px;
	top:auto;
}

.balkoncalc-horisontal-slider {
	position: relative;
	margin-bottom:60px;
	margin-left:90px;
	width:450px;
}


.balkoncalc-horisontal-slider-ui {
	width:450px;
	height:0px;
	margin-top:40px;
	margin-bottom:30px;

}

.balkoncalc-horisontal-slider-ui:before, .balkoncalc-horisontal-slider-ui:after{
	content: "";
	position: absolute;
	height:14px;
	border-left:2px solid #bbb;
	left:-2px;
	top:-7px;
}

.balkoncalc-horisontal-slider-ui:after {
	right:-2px;
	left:auto;
}

.balkoncalc-vertical-slider-ui > .ui-slider-handle, .balkoncalc-horisontal-slider-ui > .ui-slider-handle {
	border:none;
	background: url(/assets/images/balkoncalc/images/vertical-scroll-marker.png);
	width:19px;
	height:19px;
	margin-left:-5px;
	cursor: pointer;
}

.balkoncalc-vertical-slider-ui > .ui-slider-handle:hover, .balkoncalc-horisontal-slider-ui > .ui-slider-handle:hover {
	box-shadow: 0px 0px 5px 0px #006cb0;
}

.balkoncalc-horisontal-slider-ui > .ui-slider-handle {
	background: url(/assets/images/balkoncalc/images/horisontal-scroll-marker.png);
	margin-left:0x;
	margin-top:-5px;
}

.balkoncalc-vertical-slider-counter, .balkoncalc-horisontal-slider-counter {
	position: absolute;
	width:50px;
	border-radius: 5px;
	height:26px;
	background: #006cb0;
	color:white;
	padding:5px;
	text-align: center;
}
.balkoncalc-vertical-slider-counter {
	left:-10px;
	margin-top:-12px;
}

.balkoncalc-horisontal-slider-counter {
	top:20px;
	margin-left:-20px;
}

.balkoncalc-vertical-slider-counter:after, .balkoncalc-horisontal-slider-counter:after {
	content:"";
	position: absolute;
	width:10px;
	height:10px;
	background: #006cb0;
	right:-5px;
	top:50%;
	margin-top:-5px;
 	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}

.balkoncalc-horisontal-slider-counter:after {
	top:0px;
	left:50%;
	margin-left:-5px;
}

.balkoncalc-constuction {
	/*height:300px;*/
}

.balkoncalc-options > input {
	display: none;
}

.balkoncalc-options > label {
	display: block;
	float:left;
	width:25%;
	font-size: 16px;
	padding:6px;
	padding-left:35px;
	background: url(/assets/images/balkoncalc/images/checkbox-bg.png) no-repeat 0px 3px;
	cursor: pointer;
} 

.balkoncalc-options > input:checked+label {
	background-image: url(/assets/images/balkoncalc/images/checkbox-active.png)
}

.balkoncalc-type2-selector {
	float:right;
	width:30%;
	font-weight: bold;
	font-size: 16px;
	padding-right:20px;
	margin-bottom:20px;
}

.balkoncalc-type2-selector > div {
	margin-top:20px;
	font-weight: normal;
	font-size: 14px;
	margin-bottom:30px;
}

.balkoncalc-type2-selector > div > input {
	display: none;
}

.balkoncalc-type2-selector > div > label {
	display: block;
	float:left;
	font-size: 16px;
	padding:6px;
	padding-left:35px;
	background: url(/assets/images/balkoncalc/images/radio-bg.png) no-repeat 0px 3px;
	cursor: pointer;
	font-weight: bold;
	margin-bottom:10px;
	margin-right:100px;
} 

.balkoncalc-type2-selector > div > input:checked+label {
	background-image: url(/assets/images/balkoncalc/images/radio-active.png);
}

.balkoncalc-type2-selector > div > div {
	margin-top:13px;
	font-size: 14px;
}

.balkoncalc-bar-wrapper {
	width:70%;
	float:right;
	border-radius: 5px;
	background: #ddd;
	height:10px;
	margin-top:3px;
}

.balkoncalc-bar-bar {
	background: #006cb0;
	height:100%;
	border-radius: 5px 0px 0px 5px;
} 

.balkoncalc-price {
	font-size: 16px;
	font-weight: bold;	
}

.balkoncalc-price-value {
	font-size: 50px;
	font-weight: bold;
	color: black;
	display: inline-block;
	margin-top:5px;
}

.balkoncalc-button {
	display: block;
	padding: 15px 10px;
	background: #006cb0;
	border-radius: 5px;
	width:170px;
	color:white;
	text-transform: uppercase;
	text-align: center;
	margin-top:5px;
	box-shadow: 1px 1px 0px #00609b;
	cursor: pointer;
    font-size: 14px;
}

.balkoncalc-button:hover {
	background: #0081d1;
}

.calc_text {
	 /*background: white;
	position: absolute;
	top:950px;
	left:0;
	padding:20px;*/
}

@media all and (max-width:475px) {
	
	.balkoncalc-17 {
		padding:5px;
		overflow: hidden;
	}
	.balkoncalc-type-selector {
		width:100%;
	}
	
	.balkoncalc-type-selector > div {
		width:100%;
	}
	
	.balkoncalc-type-selector > div:first-child > br {
		content: " ";
	}
	
	.balkoncalc-type-selector > div > br:after {
		content: " ";
	}
	
	.balkoncalc-type2-selector > div > div {
		display: none;
	}
	
	.balkoncalc-type2-selector {
		float:left;
		width:100%;
	}
	
	.balkoncalc-type-selector-one > img {
		max-height: 30px;
		float: none;
	}
	
	.balkoncalc-type-selector-one:nth-child(2) > img {
		margin-bottom:10px;
	}
	
	div.balkoncalc-type-selector-one {
		margin-bottom:20px;
		width: 25%;
		margin-right:0%;
	}
	
	div.balkoncalc-type-selector-one:nth-child(3n+1){
		margin-right:0;
	}
	
	.balkoncalc-type-selector > div {
		padding:7px 2px;
	}
	
	.balkoncalc-constuction {
		height: auto;
		padding:0 20px;
		text-align: center;
		width:70%;
		margin-bottom:20px;
		float:left;
	}
	
	.balkoncalc-main-window {
		width: 100%;
		margin-top:0;
	}
	
	.balkoncalc-vertical-slider-ui {
		height: 150px;
	}
	
	.balkoncalc-horisontal-slider {
		margin-top: 170px;
		width: 70%;
	}
	
	.balkoncalc-horisontal-slider-ui {
		width: 100%;
	}
	
	.balkoncalc-constuction > img {
		max-width: 100%;
		max-height: 200px;
	}
	
	.balkoncalc-vertical-slider, .balkoncalc-horisontal-slider {
		/*display: none;*/
	}
	
	.balkoncalc-size-selector, .balkoncalc-options, .balkoncalc-price {
		width:100%;
		padding-right:0;
	}
	
	.balkoncalc-type2-selector, .balkoncalc-options, .balkoncalc-size-selector {
		margin-right:0;
		padding-right:0;
	}
	
	.block-2-items > .block-items-wrapper > div, .block-3-items > .block-items-wrapper > div {
		width:50%;
	}
	
	.calc_text {
		top:1050px;
	}
	
	.balkoncalc-size-selector input {
		border:1px solid #ddd;
	}
	
	.balkoncalc-type2-selector > div > label, .balkoncalc-options > div > label {
		margin-bottom:5px;
	}
	
	.balkoncalc-type2-selector > div, .balkoncalc-options > div {
		padding-top:5px;
	}
	
	.balkoncalc-type2-selector > div {
		width:50%;
		float:right;
		padding:5px;
		margin-top:15px;
	}
	
	.balkoncalc-type2-selector > div:first-child {
		margin-top:35px;
	}
	
	.balkoncalc-button {
		margin-right:0px;
	}
	
	.balkoncalc-options {
		margin-top:-165px;
	}
	
	.balkoncalc-options > label {
		width:50%;
	}
	
	.balkoncalc-price {
		margin-top:70px;
	}
	
	.balkoncalc-button {
		float:right;
		margin-top: -45px;
        font-size: 14px;
	}
	
	.balkoncalc-price-value {
		font-size: 35px;
	}
	
	.balkoncalc-bar-wrapper {
		width:50%;
		margin-right:10px;
	}
}