@charset "utf-8";
/* CSS Document */
/*Калькулятор - Выберите цвет своего окна in Page Окна для дачи*/
div.choose-color{
	display: block;
	position: relative;
	margin-top:60px;
}
div.choose-color__wrap{
	position:relative;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	font-size:0;
}
div.choose-color__wrap:before,
div.choose-color__wrap:after{
	position:absolute;
	left:0;
	right:0;
	height:14px;
	content:"";
	background:url("/images/long-shadow.png") no-repeat center top;
	background-size:contain;
	z-index:2;
}
div.choose-color__wrap:before{
	top:0;
}
div.choose-color__wrap:after{
	bottom:0;
	transform:rotate(180deg);
}
div.choose-color__wrap > div.container{
	padding-left: 0%;
	padding-right: 0%;
}
div.choose-color__left,
div.choose-color__right{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
div.choose-color__left{
	width:55%;
}
div.choose-color__right{
	width:45%;
}
div.choose-color__items-title{
	margin:10px 0 5px 5px;
	font-family: 'RobotoCondensed-Regular';
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}
div.choose-color__items{
	padding:0 0 10px 10px;
}
div.choose-color__item{
	display:inline-block;
	vertical-align:top;
	width:95px;
	height:95px;
	margin:0 5px 2px;
	border-radius:50%;
	border:5px solid #e7e7e7;
	cursor:pointer;
	overflow:hidden;
}
div.choose-color__item:hover,
div.choose-color__item.active{
	border-color:#ffde00;
}
div.color-tpl{
	position:absolute;
	left:78px;
	top:0;
	width:100%;
	height:100%;
}
div.color-tpl img{
	display:block;
	max-width:100%;
	height:auto;
}
.color-tpl__frame,
.color-tpl__handle{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;
}
.color-svetliy-dub{
	content:"";
	background:url("/images/color-svetliy-dub.jpg") no-repeat;
	background-size:cover}
.color-gor-sosns{
	content:"";
	background:url("/images/color-gor-sosns.jpg") no-repeat;
	background-size:cover}
.color-oregon{
	content:"";
	background:url("/images/color-oregon.jpg") no-repeat;
	background-size:cover}
.color-gold-dub{
	content:"";
	background:url("/images/color-gold-dub.jpg") no-repeat;
	background-size:cover}
.color-oreh{
	content:"";
	background:url("/images/color-oreh.jpg") no-repeat;
	background-size:cover}
.color-duglas{
	content:"";
	background:url("/images/color-duglas.jpg") no-repeat;
	background-size:cover}
.color-winter-duglas{
	content:"";
	background:url("/images/color-winter-duglas.jpg") no-repeat;
	background-size:cover}
.color-dub{
	content:"";
	background:url("/images/color-dub.jpg") no-repeat;
	background-size:cover}
.color-temniy-dub{
	content:"";
	background:url("/images/color-temniy-dub.jpg") no-repeat;
	background-size:cover}
.color-moreniy-dub{
	content:"";
	background:url("/images/color-moreniy-dub.jpg") no-repeat;
	background-size:cover}
.color-mahagon{
	content:"";
	background:url("/images/color-mahagon.jpg") no-repeat;
	background-size:cover}
.color-black-vishnya{
	content:"";
	background:url("/images/color-black-vishnya.jpg") no-repeat;
	background-size:cover}
.handle-small-white{
	content:"";
	background:url("/images/handle-small-white.jpg") no-repeat;
	background-size:cover}
.handle-small-silver{
	content:"";
	background:url("/images/handle-small-silver.jpg") no-repeat;
	background-size:cover}
.handle-small-titan{
	content:"";
	background:url("/images/handle-small-titan.jpg") no-repeat;
	background-size:cover;
}
.handle-small-shampane{
	content:"";
	background:url("/images/handle-small-shampane.jpg") no-repeat;
	background-size:cover;
}
.handle-small-bronze{
	content:"";
	background:url("/images/handle-small-bronze.jpg") no-repeat;
	background-size:cover;
}
.handle-small-broun{
	content:"";
	background:url("/images/handle-small-broun.jpg") no-repeat;
	background-size:cover;
}
/*iPhone 6/7/8 Plus landscape*/
@media only screen and (max-width : 740px) and (orientation: landscape){
	div.color-tpl{
		left: 0%;
	}
}
/*//iPhone 6/7/8 Plus landscape*/
@media only screen and (max-width : 480px) {
	div.choose-color{
		margin-top: 20px;
	}
	div.choose-color div.company-shares div.company-shares__detail{
		margin-bottom: 30px;
    	padding-top: 20px;
	}
	div.choose-color__left,
	div.choose-color__right{
		width: 100%;
	}
	div.color-tpl{
		left: 0%;
		position: relative;
	}
	div.choose-color__items{
		padding-left: 0px;
		padding-right: 0px;
	}
	div.choose-color__item{
		width: 59px;
		height: 59px;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
	}
}
/*//Калькулятор - Выберите цвет своего окна in Page Окна для дачи*/