/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
/*
	font-family: 'Roboto Condensed', sans-serif;
*/

body{
	background-image: url(https://lica-potolka.odessa.ua/wp-content/uploads/2017/11/white-brick-wall5.png?id=1760) !important;
}

.bold{
	font-weight:bold;
}

.clear:after{
	content:'';
	display:block;
	clear:both;
}

input:focus, select:focus, textarea:focus{
	outline:none;
}

/* #9d9d9d */
.wrap{
	background: #f5f5f500;
}

.wrap-w{
	background: #dfe4e8;
}

.navbar-brand{
	height: 100%;
    padding: 10px 0px;
	font-size: 27px;
	line-height:30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #2db8bf;
}

.navbar-toggle {
	display:none;
    position: relative;
	float:none;
    padding: 9px 10px;
	width:100%;
    background-color: #EA4242;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
	margin:0 auto;
    background: #fff;
    height: 2px;
    border-radius: 1px;
}

.head-text{
    padding-top: 12px;
    display: inline-block;
    font-size: 17px;
    color: #ea4242;
}

.phone-block{
	padding:10px 0;
	font-size: 18px;
}

.phone-block > img,
.phone-block > span{
	display:block;
}

.phone-block > img{
	float:left;
	margin-right:10px;
}

.logo{
	width:350px;
}

.numbers{
	width:200px;
	padding:0;
}

.numbers img{
	padding-top:3px;
	width:25px;
}

.phone-block > span{
	line-height:30px;
}

#navbar .menu{
	display:table;
	margin:0 auto;
}

#navbar ul li{
    float: left;
    list-style: none;
}

#navbar ul li a{
	color:#333;
	text-decoration:underline;
}

#navbar ul li a:hover{
	color:#EA4242;
	text-decoration:none;
}

#navbar .menu li{
	position:relative;
	font-size:18px;
	padding:27px 0 25px 8px;
	margin-right:15px;
}

#navbar .menu li:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2px;
	width:4px;
	height:4px;
	background-color:#333;
	border-radius:50%;
}

#navbar .menu li:first-child:before{
	display:none;
	padding-left:0;
}

#navbar ul li:hover:before{
	background-color:#EA4242;
}

.navbar-header .menu{
	font-weight:bold;
	float:right;
}

.own-nav{
	height:40px;
	clear:both;
	margin-left: 250px;
}

.own-nav > li{
	font-size:14px;
	width: 15%;
}
/*
.own-nav > li:first-child{
	padding-left: 15px !important;
}
.own-nav > li:last-child{
	padding-right: 0px !important;
}
*/

.own-nav > li > a{
	position:relative;
	display:block;
	color: #ea4242  !important;
	text-align:center;
	line-height:40px;
}

.own-nav > li > a:hover{
	text-decoration:none;
}

.own-nav > li > a > img{
	display:block;
	margin:0 auto;
	height:110px;
}

.scale{
	-webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.slider{
	margin-bottom:20px;
}

.text-center{
	clear:both;
	margin:0;
	padding:10px 0 20px;
	line-height:40px;
}

.main-content{
	padding:0 20px;
}

.post-cat > a{
	color:#111;
}

.post-cat > a:hover{
	text-decoration:none;
}

.ttl-post{
	text-align:center;
	font-size:25px;
	padding-bottom:20px;
}

.post-cat > a:hover .ttl-post{
	text-decoration:underline;
}

.main-content iframe{
	display:block;
	margin:0 auto;
}

.main-content > h1.title{
	margin-top:0;
	margin-bottom:20px;
}

.main-content img[class*=wp-post],
.main-content img[class*=wp-image]{
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.main-content img.alignnone{
	display:inline;
	margin:0;
	float:none;
}

.main-content p{
	font-size:16px;
	padding:0 0 10px;
	line-height:28px;
}

.news{
	background-color:#fff;
}

.news > .text-center,
.service-list > li:first-child a{
	font-size:18px;
	font-weight:bold;
	padding:10px 20px;
	color:#fff;
	line-height:20px;
	background: #ffb626; /* Old browsers */
	background: -moz-linear-gradient(top, #ffb626 0%, #ea4242 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffb626 0%,#ea4242 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffb626 0%,#ea4242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb626', endColorstr='#ea4242',GradientType=0 ); /* IE6-9 */
	border-bottom:2px solid #B51B1B;
	text-shadow:0 1px 0 #B51B1B;
}

.news p{
	line-height:21px;
}

.news article{
	padding:20px 20px 10px;
	margin-bottom:20px;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}

.news article .image{
	margin-bottom:10px;
	overflow:hidden;
}

.news article .image > img{
	display:block;
	margin:0 auto;
}

.news article > a{
	color:#000;
	text-decoration:none;
}

.news article .ttl{
	font-weight:bold;
	font-size:16px;
}

.news article .ttl,
.news article p,
.news article small{
	padding:5px 10px;
}

.news article > a:hover .ttl{
	text-decoration:underline;
}

.news article:hover{
	background-color:#fff;
	box-shadow:0 5px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.service-list > li{
	position:relative;
	padding:0 20px;
	border-bottom:1px solid #eee;
}

.service-list > li:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	margin-top:-2px;
	left:20px;
	width:4px;
	height:4px;
	background-color:#EA4242;
	border-radius:50%;
}

.service-list > li a{
	display:block;
	color:#333;
	padding:10px 10px 10px 20px;
	font-size:12px;
}

.service-list > li:first-child{
	padding:0;
	width:100%;
	clear:both;
}

.service-list > li:first-child:before{
	display:none;
}

.service-list > li:first-child a{
	font-size:16px;
	font-weight:bold;
	padding:10px 20px;
}

.service-list > li a:hover{
	color:#EA4242;
}


.service-list > li:first-child a:hover{
	color:#fff;
}

.scale:hover{
	-webkit-transform: scale(1.1);
	-moz-transition: scale(1.1);
	-o-transition: scale(1.1);
  	transform: scale(1.1);
}

.slider, .content{
	margin-top:0px;
}

.slider + .content{
	margin-top:0 !important;
}

.content{
	padding-top:20px;
}

.main-container .ttl{
	font-size:30px;
}

.main-container .phone-info{
	font-size:14px;
	text-align:center;
	color:#fff;
	background-color:#ea4242;
	padding:20px;
	margin:20px 0;
}

.main-container .phone-info .number{
	display:block;
	font-weight:bold;
	font-size:28px;
}

.main-container .phone-info > div{
	width:50%;
	float:left;
}

.main-container .phone-info .calc a{
	display:block;
	margin:20px auto 0;
	width:250px;
	padding:0 20px;
	color:#ea4242;
	font-weight:bold;
	font-size:28px;
	background-color:#fff;
}

.kinds{
	padding-top:10px;
	margin-bottom:40px;
	background-color:#fff;
}

.kinds > li{
	display:block;
	width:33.3%;
	padding:20px;
	margin-bottom:20px;
	float:left;
	text-align:center;
}

.kinds .name{
	font-weight:bold;
	font-size:18px;
	color:#000;
}

.kinds .title .name{
	font-size:24px;
}

.kinds .desc{
	color:#555;
	font-size:14px;
}

.kinds .price{
	font-size:28px;
}

.kinds .small{
	font-size:14px;
}

.kinds .price .small{
	display:block;
}

.dop-prices{
	width:100%;
	margin:0 auto 20px;
}

.dop-prices td{
	text-align:center;
	padding:20px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}

.dop-prices tr td:first-child{
	font-weight:bold;
	text-align:left;
}

.example{
	padding:20px;
	margin-bottom:40px;
	border:2px dashed #ccc;
}

.example .ttl{
	font-weight:bold;
	font-size:18px;
}

.example > p:last-child{
	padding:0;
	margin-bottom:0;
}

.example .italic{
	font-size:16px;
	font-style:italic;
}

.solutions > div{
	float:left;
	width:48%;
	margin:1%;
	text-align:center;
}

.solutions .image{
	position:relative;
	min-height:120px;
	overflow:hidden;
}

.solutions .sol-ttl{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:15px 20px;
	color:#fff;
	background-color:rgba(0,0,0,0.4);
}

.solutions .image img{
	width:100%;
}

.solutions .sol-price{
	position:absolute;
	right:0;
	bottom:10px;
	height:40px;
	line-height:40px;
	padding:0 20px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	background-color:#EA4242;
}

#calculate table{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}

#calculate table tr{
	border-bottom:1px dashed #ccc;
}

#calculate table tr td{
	width:50%;
	padding: 20px;
	border-collapse:collapse;
}

input,
select{
	width:100%;
	padding:0 20px;
	height:40px;
	line-height:40px;
	border:none;
	border:1px solid #eee;
}

input[type="submit"]{
	color:#fff;
	background-color:#EA4242;
}

input:hover,
select:hover{
	cursor:;
}

#calculate form > p{
	padding:20px;
}

#calculate .input-tb{
	display:block;
	width:300px;
	margin:0 auto;
	height:50px;
	line-height:50px;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	border:none;
	background-color:#ea4242;
}

#calculate #price{
	font-size:28px;
}

.video-list > div{
	padding-bottom:20px;
}

.img-example > div{
	float:left;
	width:33.3%;
	height:200px;
	padding:10px;
	overflow:hidden;
}

.img-example > div img{
	height:100%;
	display:block !important;
	margin:0 auto !important;
}

.more,
.more:hover{
	display:block;
	margin:20px auto 40px;
	width:440px;
	padding:10px;
	font-size:18px;
	text-align:center;
	color:#fff;
	background-color:#ea4242;
}

.side-more{
	display:block;
	font-size:16px;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
}

.install > li{
	width:33.3%;
	padding:10px;
	margin-bottom:10px;
	float:left;
	text-align:center;
}

.install a{
	color:#222;
	display:block;
	min-height:44px;
}

.install .photo{
	position:relative;
	width:240px;
	height:160px;
	margin:0 auto;
	overflow:hidden;
}

.install .photo img{
	transition:all 1s linear;
	-moz-transition:all 1s linear;
	-webkit-transition:all 1s linear;
}

.install.main .photo img{
	height:240px;
}

.main-content .install p{
	padding-top:10px;
}

.main-content .install p.red{
	color:#ff0000;
}

.install > li:hover a{
	text-decoration:underline;
}

.install .name{
	padding-bottom:10px;
	font-weight:bold;
	font-size:15px;
}

.call-block {
	padding:20px 0;
	margin:20px 0;
	background-color:#4CAF50;
	-webkit-box-shadow: -1px 3px 40px 6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 3px 40px 6px rgba(0,0,0,0.75);
	box-shadow: -1px 3px 40px 6px rgba(0,0,0,0.75);
}

.call-block .call{
	font-weight:bold;
	text-align:center;
	font-size:28px;
	color:#fff;
}

.balkone-service{
	margin-bottom:20px;
}

.balkone-service > li{
	list-style:disc;
	list-style-position:inside;
	font-size:18px;
	padding:20px;
	background-color:#fff;
	margin-bottom:1px;
}

.recomms > li{
	padding:20px;
	background-color:#fff;
	margin-bottom:1px;
}

.recomms > li:after{
	content:'';
	display:block;
	clear:both;
}

.recomms div{
	margin-left:50px;
}

.recomms .num{
	float:left;
	margin:0;
	width:30px;
	text-align:center;
	font-size:24px;
}

.balkone-service > li:hover{
	color:#EA4242;
}

.pricettl{
	font-size:18px;
	padding:10px 20px;
	text-align:center;
	color:#fff;
	background-color:#EA4242;
}

table{
	width:100%;
}

table td{
	padding:10px;
}

.tabPrice{
	width:100%;
	border-collapse:collapse;
	margin-bottom:40px;
}

.tabPrice th{
	color:#EA4242;
	padding:10px;
}

.tabPrice th:last-child{
	text-align:center;
}

.tabPrice td{
	font-size:16px;
	padding:15px;
	background-color:#fff;
}

.tabPrice td[colspan="2"]{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	background-color:#EA4242;
}

.tabPrice tr > td:last-child{
	text-align:center;
	width:30%;
	font-weight:bold;
	font-size:18px;
}

#unit_wall{
	font-size:16px;
	padding:10px 0;
}

#envirabox-title,
.justified-gallery > div > div .caption{
	display:none !important;
}

footer{
	padding-bottom:20px;
}

footer .col-md-3{
	padding:0 22px 0 0;
}

footer .info{
	color:#fff;
	line-height:18px;
	padding:40px 0 20px 30px;
	background-color:#EA4242;
}

footer .info > div{
	padding-left:40px;
	margin-bottom:20px;
}

footer .info span{
	display:block;
	margin-bottom:5px;
}

footer .color{
	color:#FFDC18;
}

footer .info .city{
	font-size:24px;
}

footer .info .city{
	font-size:24px;
	line-height:24px;
}

footer .info .days{
	font-size:16px;
}

footer .location{
	background:url(../img/location.png) no-repeat;
}

footer .timetable{
	background:url(../img/timetable.png) no-repeat;
}

#reviews{
	position:relative;
}

footer .title{
	text-align:center;
	padding:30px 0 20px;
	font-size:24px;
}

footer .item .ttl{
	font-style:italic;
	font-size:18px;
	padding:0 20px;
	color:#222;
	margin-bottom:30px;
}

footer .item{
	display:block;
	width:550px;
	min-height:234px;
	text-align:center;
	padding:30px 0;
	margin:0 auto;
	background-color:#fff;
	border-bottom:1px solid #e0e0e0;
}

footer .info-video{
	width:360px;
	margin:0 auto;
}

footer .info-video .play{
	position:relative;
	margin-right:20px;
}

footer .info-video .play:before{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-14.5px;
	margin-left:-20px;
	content:'';
	display:block;
	width:40px;
	height:29px;
	background:url(../img/play.png) no-repeat;
}

footer .item ul{
	display:block;
	color:#555;
	line-height:20px;
	margin-left:140px;
}

footer .item ul li{
	text-align:left;
	margin-bottom:10px;
}

footer .item ul li span{
	display:block;
}

/*footer .play{
	color:#EA4242;
	text-align:right;
	font-size:18px;
	line-height:40px;
	width:140px;
	height:40px;
	margin:0 auto;
	background:url(../img/play.png) 0 50% no-repeat;
}*/

footer .play{
	float:left;
}

footer .play iframe{
	width:100%;
	height:auto;
}

footer .item:hover{
	text-decoration:none;
}

footer .arrow{
	position:absolute;
	top:50%;
	margin-top:-24px;
	width:26px;
	height:48px;
}
	
footer .left-a{
	left:40px;
	background:url(../img/left-arrow.png) no-repeat;
}

footer .right-a{
	left:auto;
	right:40px;
	background:url(../img/right-arrow.png) no-repeat;
}

.company{
	clear:both;
	padding:20px 0 10px;
}

.company a{
	display:block;
	font-size:11px;
	text-align:center;
	text-decoration:underline;
}

.company a:hover{
	text-decoration:none;
}

@media(max-width:1200px){
	#navbar .menu li{
		font-size:12px;
		padding-left:15px;
		margin-right:10px;
	}
	
	.install .photo{
		width:100%;
	}
	
	.constructor .box{
		width:100%;
		margin:0;
	}
	
	.constructor .box > div{
		width:50%;
	}
	
	.constructor .box .color_change .color_change_wall,
	.constructor .box .color_change .color_change_wall div{
		width:auto;
	}
	
	.install .name{
		min-height:56px;
	}
	
	#colors-balkon .panel{
		width:320px;
		margin-right:0;
	}
	
	#colors-balkon .colors .image{
		width:70px;
	}
	
	footer .left-a{
		left:10px;
	}
	
	footer .right-a{
		right:10px;
	}
	
	footer .info{
		padding:20px 0 20px 15px;
	}
}

@media(max-width:992px){
	.navbar-brand{
		padding-bottom:0;
		display:block;
		font-size:20px;
	}
	
	.logo{
		width:100%;
	}
	
	.numbers{
		text-align:center;
		width:33.3%;
	}
	
	#navbar .menu{
		clear:both;
	}
	
	#navbar .menu li{
		width:25%;
		margin-right:0;
		padding:5px 0 5px 15px;
		text-align:center;
	}
	
	#navbar .menu li:first-child:before{
		display:block;
	}
	
	.own-nav > li > a > img{
		height:80px;
	}
	
	.slider, .content{
		margin-top:265px;
	}
	
	.news article{
		float:left;
		width:33.3%;
		min-height:260px;
	}
	
	.news article .ttl{
		font-size:14px;
		min-height:50px;
	}
	
	.news article p{
		display:none;
	}
	
	.service-list > li{
		float:left;
		width:50%;
	}
	
	/*.posts_news article p{
		display:block;
	}*/
	
	.page > .news article p{
		display:block;
		height:73px;
		overflow:hidden;
	}
	
	footer .container > div{
		float:none;
		width:100%;
		padding:0;
	}
	
	footer .info{
		padding:20px;
		margin-bottom:20px;
	}
	
	footer .info > div{
		float:left;
		width:50%;
		margin-bottom:0;
	}
	
	footer .item{
		width:100%;
	}
	
	footer .left-a{
		left:40px;
	}
	
	footer .right-a{
		right:40px;
	}
	
	footer div.company{
		padding-top:20px;
	}
}

@media(max-width:768px){
	.own-nav > li > a > img{
		display:none !important;
	}
	
	.wrap-w{
		padding:10px 20px;
	}
	
	.navbar-toggle{
		display:block;
	}
	
	.slider, .content{
		margin-top:160px;
	}
	
	#navbar .menu li{
		text-align:left;
	}
	
	.own-nav{
		display:table;
		margin:0 auto;
	}
	
	.own-nav > li{
		font-size:14px;
		width:auto;
		padding:0 20px;
	}
	
	.own-nav > li:first-child{
		padding-left:0;
	}
	
	.own-nav > li:last-child{
		padding-right:0;
	}
	
	.scale:hover{
		transform:none;
	}
	
	.news article .ttl{
		min-height:70px;
	}
	
	#unit_wall{
		width:auto;
	}
	
	.constructor{
		min-width:100%;
	}
	
	.constructor .box .color_change p.unit_wall span{
		font-size:14px;
	}
	
	.constructor .box > div{
		width:50% !important;
	}
	
	.constructor .box .block_room{
		overflow:hidden;
	}
	
	.call-block .col-xs-6{
		padding-bottom:20px;
	}
	
	.kinds.balk > li{
		width:100%;
	}
	
	.company{
		float:none !important;
	}
}

@media(max-width:750px){
	#colors-balkon .panel{
		width:50%;
	}
	
	#colors-balkon .colors .image{
		width:60px;
		height:45px;
	}
}
	
@media(max-width:660px){
	.navbar-brand{
		display:block;
		width:100%;
		text-align:center;
	}
	
	.logo{
		width:100%;
	}
	
	.phone-block{
		width:200px;
		margin:0 auto;
	}
	
	.main-container .phone-info > div{
		width:100%;
		float:none;
	}
	
	.main-container .phone-info > div:first-child{
		padding-bottom:20px;
	}
	
	.slider, .content{
		margin-top:20px;
	}
	
	.news article .ttl{
		font-size:12px;
	}
	
	.call-block img{
		display:block;
		margin:0 auto;
	}
	
	.call-block form,
	.call-block .col-xs-2{
		width:100%;
	}
	
	.kinds > li{
		min-height:110px;
	}
	
	.tabPrice td{
		font-size:14px;
	}
	
	.balkone-service > li{
		font-size:14px;
	}
	
	.slider, .content{
		margin-top:0px;
	}
	
	#colors-balkon > div{
		width:100%;
		float:none;
	}
	
	#colors-balkon .panel{
		width:100%;
	}
	
	#colors-balkon .mainimage img{
		display:block;
		margin:0 auto;
	}
	
	footer .about > div{
		float:none;
		width:100%;
	}
}
	
@media(max-width:590px){
	#navbar .menu li{
		width:50%;
	}
	
	.phone-block{
		padding-top:0;
		font-size:13px;
	}
	
	.own-nav{
		display:block;
	}
	
	.own-nav > li{
		width:50%;
		padding:0;
	}
	
	.own-nav > li a{
		text-align:left;
	}
	
	.navbar-brand{
		padding:5px 0;
	}
	
	.constructor .title-c{
		font-size:24px;
	}
	
	.constructor .box .block_room{
		width:60% !important;
	}
	
	.constructor .box .color_change{
		width:40% !important;
	}
	
	.constructor .box .color_change .color_change_ceiling span,
	.constructor .box .color_change .color_change_wall span{
		width:20px;
		height:20px;
	}
	
	.kinds > li{
		width:50%;
	}
	
	.more, .more:hover{
		font-size:14px;
		width:90%;
	}
	
	.install .photo{
		height:120px;
	}
	
	.constructor .box .color_change p.box_title,
	.constructor .box .color_change p.box_title_bot{
		font-size:24px;
	}
	
	.news article{
		min-height:80px;
		margin-bottom:0;
	}
	
	.news article .ttl{
		min-height:auto;
	}
	
	.news article .image{
		display:none;
	}
	
	.service-list > li{
		float:none;
		width:100%;
	}
	
	.install .name{
		min-height:76px;
	}
	
	.solutions .sol-price{
		font-size:16px;
		line-height:30px;
		height:30px;
	}
	
	.img-example > div{
		width:50%;
	}
	
	footer .copyright > div{
		font-size:14px;
		padding-right:20px;
		line-height:20px;
	}
	
	footer .left-a{
		left:20px;
	}
	
	footer .right-a{
		right:20px;
	}
	
	footer div.company{
		padding:20px 0;
	}
}

@media(max-width:510px){
	.news article{
		width:50%;
	}	
	
	.install > li{
		width:50%;
	}
	
	.tabPrice tr > td:last-child{
		font-size:14px;
	}
	
	.numbers{
		width:100%;
	}
	
	.phone-block{
		padding-bottom:0;
		text-align:center;
	}
	
	.numbers img{
		width:20px;
	}
	
	.phone-block{
		font-size:12px;
	}
	
	.navbar-brand{
		font-size:18px;
	}
	
	.slider, .content{
		margin-top:0px;
	}
	
	.solutions > div{
		width:100%;
		margin:0;
		margin-bottom:20px;
	}
	
	footer .info{
		padding:30px 30px 1px;
	}
	
	footer .info > div{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	
	footer .info-video{
		width:auto;
	}
	
	footer .info-video .play{
		float:none;
		margin:0;
	}
	
	footer .item{
		min-height:auto;
	}
	
	footer .item ul{
		margin:0;
		padding-top:20px;
	}
	
	footer .item ul li{
		text-align:center;
	}
}
	
@media(max-width:445px){
	.main-content{
		padding:0 10px;
	}
	
	.phone-block{
		font-size:13px;
	}
	
	.call-block .col-xs-6{
		width:100%;
		padding-bottom:10px;
	}
	
	.kinds > li{
		width:100%;
		min-height:auto;
	}
	
	.constructor .box{
		position:relative;
	}
	
	.constructor .box .block_room,
	.constructor .box .color_change{
		padding:0;
		margin:0 auto;
		width:100% !important;
	}
	
	.constructor .box .color_change{
		position:absolute;
		bottom:0;
		width:auto;
		max-width:360px;
		height:360px;
		background-color:rgba(255,255,255,0.7);
		z-index:100;
	}
	
	#colors-balkon .panel .ttl{
		font-size:16px;
	}
	
	#colors-balkon .colors .image{
		width:25%;
		height:auto;
	}
	
	.dop-prices td{
		font-size:13px;
		padding:15px 10px;
	}
	
	footer .copyright > div{
		float:none;
		width:100%;
	}
}

@media(max-width:420px){
	.news article{
		width:100%;
		padding:5px 20px;
		margin-bottom:0;
	}
	
	.news article,
	.news article,
	.news article .ttl{
		min-height:auto;
	}
	
	.page > .news article p{
		min-height:auto;
	}
	
	.install > li{
		width:100%;
	}
	
	.install .name{
		min-height:auto;
	}
	
	.install .photo{
		width:225px;
		height:160px;
	}
}
	
@media(max-width:360px){
	#calculate .input-tb{
		width:100%;
	}
	
	.constructor .box .color_change{
		max-width:auto;
	}
	
	#colors-balkon .colors .image{
		width:20%;
	}
}

/*
.slider{
	margin-top: 230px;
}

.main-container	{
	margin-top: 20px;
}

.pad{
	padding: 20px;
}

.news{
	padding: 5px;
}

.news-header{
	font-size: 25px;
	text-transform: uppercase;
	padding: 5px;
}

.news article{
	font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.news img{
	width: 225px;
	margin-bottom: 5px;
}

.btn-news{
	display: block;
	padding: 0px 2px;
}

.main-content{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 19px;
}

.main-content > img{
	float: left;
	padding-right: 5px;
}

.cel{
	margin-top: 120px;
}

.call-block{
	background: url(../img/call-bg.png) no-repeat;
	background-size: cover;
    height: 300px;
}

#input_bot_1 {
	border: 1px solid #000;
    width: 100%;
    margin-top: 151px;
}

#input_bot_2{
	border: 1px solid #000;
    width: 100%;
    margin-top: 151px;
}

input.poleleft2 {
	margin-top: 151px;
    width: 100%;
    background: url(../img/but-22_bg.jpg) no-repeat scroll center center;
    border: medium none;
    color: #fff;
    font-size: 15px;
    margin-left: 20px;
    padding: 5px 6px 6px !important;
    text-transform: uppercase;
}
.content{
	margin-top: 245px;
}

.top-w{
	margin-bottom: 10px;
}

.title{
	font-size: 25px;
    text-align: center;
    margin: 10px 0;
}

@media screen and (max-width:800px) {

	.navbar-brand {
		font-size: 20px;
	}

	#navbar ul li {
		float: none;
	}

	.call-block {
		background-size: contain;
		height: 100%;
	}

	.call-block img {
		display: none;
	}

	#input_bot_1 {
		margin-top: 85px;
	}

	#input_bot_2 {
		margin-top: 29px;
	}

	input.poleleft2 {
		margin-top: 30px;
		margin-left: 0;
	}

}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .0em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 0px;
    position: absolute;
    bottom: 0%;
    right: 0%;
    z-index: 99999;
}