body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0;
	background:#fafafa;
	font-family:'Open Sans', sans-serif;
	font-weight:100;
	word-spacing:1px;
    letter-spacing:1px;
}
header, section, div, footer{
    display:block;
	vertical-align:baseline;
}
img{
	width:100%;
	height:auto;
	border:none;
	border-radius:2px;
}


/***** TYPOGRAPHY *****/
h1, h2, h3, h4 {
	text-transform:uppercase;
}
h1{
	font-size:32px;
	color:#fff;
	margin:0 0 30px;
	padding:0;
}
h2{
	font-size:26px;
	text-align:center;
	color:#8e44ad;
	margin:0 0 30px;
	padding:0;
}
h3{
	font-size:22px;
	color:#16a085;
	margin:0 0 30px;
	padding:0;
}
h4{
	font-size:18px;
	color:#34495e;
	margin:0 0 20px;
	padding:0;
}
p{
	font-size:16px;
	font-weight:100;
	line-height:1.5em;
	color:#34495e;
	margin:0 0 20px;
	padding:0;
}
.blue-navy{
	color:#34495e;
}
.green{
	color:#16a085;
}
.purple{
	color:#8e44ad;
}
.center{
	text-align:center;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


/***** FORM *****/
.label{
	font-size:14px;
	font-weight:100;
	letter-spacing:1.5px;
	color:#34495e;
}
.input{
	display:block;
    width:268px;;
    height:30px;
    padding:4px 10px;
	margin:10px 0 20px 0;
    font-size:16px;
	font-style:italic;
    line-height:1.5;
    color:#34495e;
    background-color:#fafafa;
    background-image:none;
    border:1px solid #bdc3c7;
    border-radius:2px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	text-align:center;
}
.btn-form-top, .btn-form-bottom {
	width:290px;
    display:inline-block;
    padding:11px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:bold;
	color:#fafafa;
    text-align:center;
	text-transform:uppercase;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
	background-color:#16a085;
    border:1px solid transparent;
    border-radius:2px;
}
.btn-form-top:hover, .btn-form-bottom:hover {
	background-color:#11866f;
}
.btn-more {
	width:290px;
    display:block;
    padding:11px 12px;
    margin:0 auto;
    font-size:14px;
    font-weight:bold;
	color:#34495e;
    text-align:center;
	text-transform:uppercase;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
	background-color:transparent;
    border:1px solid #34495e;
    border-radius:2px;
}
.btn-more:hover {
	color:#fafafa;
	background-color:#34495e;
}


/***** TABLE *****/
.table{
	width:100%;
	max-width:100%;
	border-collapse:collapse;
	background-color:transparent;
	color:#34495e;
}
.table th{
	width:60%;
	font-weight:100;
}
.table td{
	width:40%;
	font-weight:bold;
}
.table th, .table td {
	display:table-cell;
	vertical-align:middle;
    border:none;
	text-align:left;
	padding:0 0 20px 0;
}


/***** OTHER *****/
.spoiler-body-top, .spoiler-body-bottom {
    display:none;
}

/***** MAIN *****/
.main{
	width:100%;
	margin:0 0 100px 0;
	overflow:hidden;
	background-image:url(img/bg-top.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.head{
	width:1200px;
	margin:0 auto;
	padding:20px 0 0 0;
	overflow:hidden;
}
.head_logo{
	width:200px;
	float:left;
	font-weight:bold;
	font-style:italic;
	font-size:30px;
}
.head_logo a:hover{
	text-decoration:none;
}
.head_menu{
	float:left;
	margin:12px 0 0 120px;
}
.head_menu a{
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
.head_menu--links{
	float:left;
	padding:0 10px;
}
.head_menu--links.border{
	border-right:1px solid #bdc3c7
}
.head_tel{
	width:307px;
	float:right;
}
.head_tel--time{
	width:130px;
	float:left;
	padding:0 20px 0 0;
	text-align:right;
	border-right:1px solid #bdc3c7;
	font-size:14px;
}
.head_tel--number{
	width:136px;
	float:left;
	padding:0 0 5px 20px;
	font-weight:bold;
	font-size:14px;
}
.head_mail{
	font-size:14px;
	font-weight:400;
	display:block;
	text-align:center;
}
.content{
	width:1200px;
	margin:200px auto 100px;
	overflow:hidden;
}
.content_txt{
	width:700px;
	float:left;
}
.content_txt p{
	color:#fff;
}
.content_txt--icon{
	overflow:hidden;
    margin:50px 0 0 0;
}
.content_txt--icon-item{
	width:150px;
	float:left;
	margin:0 20px 0 0;
	text-align:center;
}
.content_txt--icon-item [class^="flaticon-"]:before,
.content_txt--icon-item [class*=" flaticon-"]:before,
.content_txt--icon-item [class^="flaticon-"]:after,
.content_txt--icon-item [class*=" flaticon-"]:after{
	font-size:50px;
	text-align:center;
	color:#fff;
}
.content_txt--icon-item p{
	text-align:center;
	color:#fff;
}
.content_form{
	width:290px;
	float:right;
	margin:15px;
	padding:20px;
	border-radius:2px;
	background:#fff;
	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
}


/***** GALLERY *****/
.gallery{
	width:1200px;
	margin:0 auto 100px;
	overflow:hidden;
}
.gallery_img{
		overflow:hidden;
}
.gallery_img--item{
	width:200px;
	height:133px;
	margin:15px 20px;
	float:left;
	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
}


/***** PRICE *****/
.price{
	width:970px;
	margin:0 auto 100px;
	overflow:hidden;
}
.price_table{
	margin:0 0 50px 0;
	color:#34495e;
}
.price_table--top{
	overflow:hidden;
	border-radius:2px 2px 0 0;
	margin:0 0 2px 0;
}
.price_table--top-ttl{
	width:250px;
	height:60px;
	padding:0 0 0 20px;
	float:left;
	background:#bdc3c7;
	font-weight:bold;
	line-height:3.5em;
}
.price_table--top-item{
	width:138px;
	height:60px;
	float:left;
	margin:0 0 0 2px;
	background:#bdc3c7;
	text-align:center;
	font-weight:100;
	line-height:3em;
}
.price_table--bottom{
	overflow:hidden;
	border-radius:0 0 2px 2px;
	margin:0 0 2px 0;
}
.price_table--bottom-ttl{
	width:250px;
	height:50px;
    padding:10px 0 0 20px;
	float:left;
	background:#ecf0f1;
	font-size:14px;
	font-weight:100;
}
.price_table--bottom-item{
	width:138px;
	height:60px;
	float:left;
	margin:0 0 0 2px;
	background:#ecf0f1;
	text-align:center;
	font-weight:bold;
	line-height:3em;
}
.price_info{
	overflow:hidden;
}
.price_info--other{
	width:370px;
	margin:0 30px 0 0;
	float:left;
}
.price_info--warning{
	width:350px;
	margin:0 30px 0 0;
	float:left;
}
.price_info--phone{
	width:190px;
	float:left;
}
.price_info--phone-ttl{
	margin-bottom:10px;
}
.price_info--phone-time{
	padding:20px 0 0;
	border-top:1px solid #bdc3c7;
	border-bottom:1px solid #bdc3c7;
}
.price_info--phone-tel{
	margin-top:10px;
}
.price_info--phone-viber{
	display:none;
}
.price_info--msg{
	width:970px;
	float:left;
	margin:50px 0 0 0;
}
.price_info--msg p{
	font-weight:bold;
	text-align:center;
}


/***** FASAD *****/
.fasad_bg{
	width:100%;
	padding:50px 0 100px 0;
	background:#ecf0f1;
}
.fasad_price{
	width:1200px;
	margin:0 auto 50px;
	overflow:hidden;
}
.fasad_price--price, .fasad_price--info{
	width:575px;
	float:left;
}
.fasad_price--price{
	margin:0 30px 0 0;
}
.fasad_price--price-txt{
	display:block;
	margin-bottom:10px;
	font-size:10px;
}
.fasad_price--price .table th{
	width:70%;
	padding:0 15px 20px 0;
}
.fasad_price--price .table td{
	width:30%;
}
.fasad_price--msg{
    width:1200px;
    text-align:center;
    float:left;
    margin:50px 0 0 0;
}
.fasad_price--msg p{
	font-weight:bold;
	text-align:center;
}
.fasad_gallery{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.fasad_gallery--img{
	overflow:hidden;
}


/***** HOW *****/
.how_bg{
	width:100%;
	padding:100px 0;
	background-image:url(img/bg-bottom.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.how_info{
	width:1200px;
	margin:0 auto 50px;
	overflow:hidden;
}
.how_info--step{
	overflow:hidden;
}
.how_info--step-item{
	width:250px;
	float:left;
	margin:0 25px;
}
.how_info--step-item h5{
	margin:0 0 20px 0;
	font-size:38px;
	font-weight:bold;
	color:#bdc3c7;
}
.how_form{
	width:910px;
	margin:0 auto;
	overflow:hidden;
}
.how_form form{
	overflow:hidden;
	margin:0 0 50px 0;
}
.how_form--input{
	margin:0 20px 0 0;
	float:left;
}
.how_form--button{
	float:left;
	margin:31px 0 0 0;
}


/***** FOOTER *****/
.footer-bg{
	width:100%;
	padding:20px 0;
	background:#8e44ad;
}
.footer-info{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	color:#fff;
}
.footer-info--txt{
	width:340px;
	float:left;
}
.footer-info--dev{
	float:right;
	margin: 60px 0 0 0;
}
.footer-info--txt a{
	font-size:20px;
	font-style:italic;
	color:#fff;
}
.footer-info--txt p, .footer-info--dev p, .footer-info--dev a{
	margin:0;
	font-size:12px;
	color:#fff;
}
.footer-info--dev a{
	text-decoration:underline;
}

/***** RESPONSIVE *****/
@media (max-width: 1024px)
{
.head, .footer-info, .content,
.gallery, .price, .price_info--msg,
.fasad_price, .fasad_price--msg, .fasad_gallery, .how_info{
	width:900px;
}
.head_menu{
    margin:0 0 0 60px;
}
.head_menu--links{
    float:none;
    padding:0;
}
.head_menu--links.border{
    border-right:none;
}
.content_txt{
    float:none;
	margin:0 auto;
}
.content_form{
    float:none;
    margin:30px auto;
}
.gallery_img--item{
    width:150px;
    height:100px;
    margin:15px 15px;
}
.price_table--top-ttl{
	width:230px;
}
.price_table--top-item{
	width:128px;
}
.price_table--bottom-ttl{
	width:230px;
	height:70px;
}
.price_table--bottom-item{
	width:128px;
	height:80px;
	line-height:4em;
}
.price_info--other{
    width:350px;
}
.price_info--warning{
    width:330px;
}
.price_info--phone{
    width:160px;
}
.fasad_price--price, .fasad_price--info{
    width:435px;
}
.how_info--step-item{
    width:175px;
}
}
@media (max-width:899px)
{
.head, .footer-info, .content,
.gallery, .price, .price_info--msg,
.fasad_gallery, .how_info, .content_txt{
	width:680px;
}
.table td{
    width:25%;
}
.head_logo{
    margin:0 auto;
    float:none;
}
.head_menu{
    width:295px;
    margin:30px auto;
	float:none;
}
.content{
    margin:100px auto 50px;
}
.gallery_img--item{
    width:116px;
    height:77px;
    margin:10px;
}
.head_tel{
    overflow:hidden;
    margin:0 auto;
    float:none;
}
.price_table{
    overflow:hidden;
    margin:0 auto 50px;
    width:600px;
}
.price_table--top{
    width:300px;
    float:left;
    overflow:hidden;
    border-radius:2px 0 0 2px;
    margin:0 0 2px 0;
}
.price_table--top-ttl{
    width:300px;
    height:60px;
    margin:0 0 2px 0;
    line-height:3.7em;
}
.price_table--top-item{
    width:300px;
    margin:0 0 2px 0;
}
.price_table--bottom{
    width:300px;
    float:left;
    overflow:hidden;
    border-radius:0 2px 2px 0;
    margin:0 0 2px 0;
}
.price_table--bottom-ttl{
    width:280px;
    height:50px;
    margin:0 0 2px 0;
}
.price_table--bottom-item{
    width:300px;
    height:60px;
    float:left;
    margin:0 0 2px 0;
    line-height:3em;
}
.price_info{
    width:500px;
    margin:0 auto;
}
.price_info--other, .price_info--warning{
    width:500px;
    margin:0 0 30px 0;
    float:none;
}
.price_info--phone, price_info--msg{
    width:500px;
}
.price_info--phone-blk{
	width:160px;
	float:left;
}
.price_info--phone-ttl h4, .price_info--phone-ttl h4{
    margin:0;
}
.price_info--phone-time{
    padding:0;
    border:none;
}
.price_info--phone-tel{
    width:160px;
    float:left;
    margin:0 0 0 30px;
}
.price_info--phone-viber{
    width:120px;
    float:left;
    margin:0 0 0 30px;
    display:block;
}
.price_info--phone-viber [class^="flaticon-"]:before,
.price_info--phone-viber [class*=" flaticon-"]:before,
.price_info--phone-viber [class^="flaticon-"]:after,
.price_info--phone-viber [class*=" flaticon-"]:after{
	font-size:50px;
	text-weight:bold;
}
.price_info--phone-viber a:hover{
	text-decoration:none;
}
.fasad_price, .fasad_price--msg{
    width:500px;
}
.fasad_price--price, .fasad_price--info{
    width:500px;
	margin:0 0 30px 0;
}
.how_info--step-item{
    width:290px;
    margin:0 25px;
}
.how_form{
    width:300px;
}
.how_form--button{
    float:left;
}
.footer-info--txt{
    width:340px;
    float:none;
}
.footer-info--dev{
    float:none;
    margin:30px 0 0 0;
}
}
@media (max-width:679px)
{
.head, .footer-info, .content,
.gallery, .price, .price_info--msg,
.fasad_price, .fasad_price--msg, .fasad_gallery,
.how_info, .content_txt, .price_table,
.fasad_price--price, .fasad_price--info{
	width:460px;
}
h1{
	font-size:30px;
}
.content_txt--icon-item{
    width:190px;
    margin:0 20px;
}
.gallery_img--item{
    width:210px;
    height:140px;
}
.price_table--top, .price_table--top-item,
.price_table--bottom, .price_table--bottom-item{
    width:230px;
}
.price_table--top-ttl{
    width:230px;
	height:80px;
    padding:0 0 0 10px;
}
.price_table--bottom-ttl{
    width:230px;
    height:70px;
    padding:10px 0 0 10px;
}
.how_info--step-item{
    width:200px;
    margin:0 15px;
}
}
@media (max-width:459px)
{
.head, .content,
.gallery, .price, .price_info--msg,
.fasad_price, .fasad_price--msg, .fasad_gallery,
.how_info, .content_txt .price_info--other,
.price_info--warning, .fasad_price--price, .fasad_price--info{
	width:340px;
}
.content{
    margin:50px auto 50px;
}
.content_txt--icon-item{
    width:140px;
    margin:0 15px;
}
.gallery_img--item{
    width:150px;
    height:100px;
}
.price_table--top, .price_table--top-item,
.price_table--bottom, .price_table--bottom-item{
    width:170px;
}
.price_table--top-ttl{
    width:160px;
    height:89px;
    padding:6px 0 0 10px;
	line-height:2em;
}
.price_table--bottom-ttl{
    width:160px;
    height:85px;
    padding:10px 0 0 10px;
}
.price_info--phone-blk{
    width:156px;
}
.price_info--phone-tel{
    width:151px;
    margin:0 0 0 23px;
}
.price_info--phone-viber{
    width:145px;
    float:none;
    margin:0 auto;
}
.how_info--step-item{
    width:310px;
}
.footer-info{
    width:300px;
}
.footer-info--txt{
    width:300px;
    float:none;
}
}