.clear{
clear: both;
}

body{
height: 100%;
}

button::-moz-focus-inner, input[type=submit]::-moz-focus-inner{ /* убираем внутренний отступ у кнопки в FF, который зарезервирован для рамки при фокусе */	
padding:0;
border:0;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#f2ddb6;
}
::-webkit-placeholder { color:#f2ddb6;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#f2ddb6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#f2ddb6;
}
.placeholder { color:#f2ddb6;}
*:focus::-moz-placeholder { color: transparent !important;} 
*[autofocus]::-moz-placeholder:focus { color: graytext !important;} 
*:focus:-moz-placeholder { color: transparent !important;} 
*[autofocus]:-moz-placeholder:focus { color: graytext !important;}
*:focus::-webkit-placeholder { color: transparent !important;} 
*[autofocus]::-webkit-placeholder { color: graytext !important;}

@font-face {
    font-family: 'dejavu_sansbook';
    src: url('../fonts/dejavusans-webfont.eot');
    src: url('../fonts/index.html') format('embedded-opentype'),
         url('../fonts/dejavusans-webfont.woff') format('woff'),
         url('../fonts/dejavusans-webfont.ttf') format('truetype'),
         url('../fonts/dejavusans-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2{
display: block;
font-size: 36px;
color: #5a351b;
line-height: 42px;
display: block;
text-align: center;
font-weight: normal;
text-transform: uppercase;
}

h2 span, h3 span{
display: inline-block;
margin: 0 auto;
padding: 0 26px;
}

.double-line-bg{
background: url(../images/h2-heading-bg-double.png) repeat-x left center;
}

.btn{
display: inline-block;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-decoration: none;
cursor: pointer;
background: none transparent;
}

.btn-small-white, .btn-small-white:visited, .btn-small-white:hover{
font-size: 14px;
border: 1px solid #fff;
padding: 14px 28px;
margin: 12px 0 0 37px;
color: #e4e2e1;
float: right;
}

.btn-submit{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
color: #f2ddb6;
border: 1px solid #f2ddb6;
}

.btn-submit:hover{
border-color:  #bdaa85;
color: #bdaa85;
}


.body-bg{
	position: absolute;
	left: 0px; top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 4;
	min-height: 960px;
}
.body-bg img{
	min-height: 960px;
	min-width: 1900px;
}

.body-bg img.fullsize{
	top: 0 !important;
}
.wrapper{
width: 100%;
min-width: 984px;
font-family: Georgia, Times, "Times New Roman", serif;
overflow: hidden;
position: relative;
z-index: 5;
}

.main-header, .our-features, .our-works, .special-offer, .main-form, .how-do-we-work, .special-projects, .faq, .our-materials, .additional-service, .comments, .map{
width: 100%;
min-width: 960px;
font-family: Georgia, Times, "Times New Roman", serif;
background: url(../images/header-main-bg-new.jpg) top center no-repeat;
}

.map{
overflow: hidden;
height: 580px;
}

.main-menu{
width: 100%;
background: #2e1908;
position: fixed;
top: 0;
z-index: 888;
min-width: 960px;
opacity: 1;
}

.main-menu ul{
display: table;
width: 100%;
padding: 0 12px;
margin: 0 auto;
max-width: 1316px;
}

.main-menu ul li{
display: table-cell;
height: 80px;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-family: 'dejavu_sansbook';
border-right: 1px solid #241204;
text-align: center;
}
.main-menu ul li:last-child{
	border-right: none;
}

.main-menu ul li a{
font-size: 13px;
color: #d9c091;
display: block;
height: 80px;
line-height: 80px;
text-decoration: none;
/*line-height: 18px;
text-decoration: none;
display: block;
padding-bottom: 14px;
padding: 0px 15px 14px;*/
}

.main-menu ul li a span{
	font-size: 13px;
	color: #d9c091;
	line-height: 18px;
	text-decoration: none;
	display: block;
	padding-bottom: 14px;
	padding: 20px 15px 14px;
}

.main-menu ul li a.active span{
background: url(../images/main-menu-a-bg.png) no-repeat center bottom;
color: #fff;
}



.header-main-block{
/*background: url(../images/header-main-bg-new.jpg) no-repeat center -130px #2e1908;*/
}

.header-main-block-inner, .our-features-inner, .our-works-inner, .special-offer-inner, .form-send-us-file, .how-do-we-work-inner, .special-projects-inner, .faq-inner, .our-materials-inner, .additional-service-inner, .comments-inner, .contacts-over-map{
max-width: 1316px;
margin: 0 auto;
min-width: 960px;
}

.header-main-block-inner{
padding: 25px 12px 62px 12px;
margin: 80px auto 0 auto;
}

.header-phone{
display: inline-block;
float: right;
font-family: 'Open Sans', sans-serif;
color: #ecdfc8;
text-align: right;
}

.header-phone .big{
font-size: 30px;
line-height: 45px;
font-weight: 300;
}

.header-phone .small{
font-size: 14px;
line-height: 18px;
font-weight: 400;
}

.header-form{
float: right;
width: 280px;
padding: 28px 28px 34px 28px ;
clear: right;
background: url(../images/header-form-bg.png) repeat;
border: 1px solid #9d6f48;
border-bottom: none;
position: relative;
margin-top: 30px;
}

.header-form:after{
content: '';
display: block;
height: 71px;
width: 337px;
background: url(../images/header-form-bg-after.png) no-repeat top center;
position: absolute;
bottom: -71px;
left: 0;
}

.header-form h3{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 31px;
color: #f5eee1;
line-height: 42px;
text-transform: uppercase;
font-weight: normal;
}

.header-form p{
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #f7e6c3;
font-size: 12px;
text-transform: uppercase;
line-height: 24px;
margin-bottom: 20px;
}

.header-form input[type="text"]{
display: block;
outline: none;
width: 84%;
margin-bottom: 20px;
}

.header-form input[type="submit"]{
width: 100%;
display: block;
padding: 19px 0;
}

.form-field{
background: #5a351b;
border: 1px solid #7c5d48;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 18px;
color: #f2ddb6;
padding: 16px 21px;
}

.header-heading{
font-size: 42px;
line-height: 56px;
color: #e6e8eb;
font-weight: normal;
display: block;
text-align: center;
margin-top: 94px;
}

.our-features, .special-projects, .our-materials{
background: #e2c07e;
}

.our-features-inner, .special-projects-inner{
padding: 45px 12px 0 12px;
position: relative;
}

.our-features-inner h2 span, .our-materials-inner h2 span, .special-projects-inner h2 span{
background: #e2c07e;
}

.features-carousel ul, .special-carousel ul{
white-space: nowrap;	
}

.features-carousel li {
display: block;	
float: left;
text-align: center;}

.next, .prev{
position: absolute;	
width: 48px;
height: 48px;
border:none;
background: url(../images/carousel-buttons.png);
cursor: pointer;
z-index: 300;
border-radius: 24px;
}

.next:focus, .prev:focus{
border:none;
}

.next{
background-position: right top;
right: 12px;
top: 148px;
}



.prev{
background-position: left top;
left: 12px;
top: 148px;
}


.features-carousel, .special-carousel{
margin: 0 auto;
position: relative;
padding-top: 34px;
padding-bottom: 48px;
overflow: hidden;
}

.features-carousel{height: 155px;}
.special-carousel{height: 253px;}

.features-carousel-slider li{
	width: 329px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
}

.materials-carousel{
	height: 279px;
	overflow: hidden;
}


.special-carousel-wrapper{
position: relative;
}

.features-carousel li p{
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
padding-top: 5px;
color: #9e7323;
}
.features-carousel li p span{font-size: 20px;}
.our-works, .how-do-we-work, .faq, .comments{
background: url(../images/our-works-bg.jpg) repeat;
}

.our-works-inner, .how-do-we-work-inner{
overflow: hidden;
padding-top: 46px;
padding-bottom: 370px;
}

.our-works-inner{
position: relative;

}

.our-works-inner h2 span, .how-do-we-work h2 span, .faq h2 span, .comments h2 span{
background: url(../images/our-works-bg.jpg) repeat;	
}

.carousel
{
	position : absolute ;
	height :285px;
	border :none;
	overflow : visible ;
	width: 100%;
}

/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
div.carousel .slides
{
	margin :60px auto 0 auto;
	padding :0;
	border :none;
	list-style :none;
	position :absolute ;
	overflow :visible;
	margin-left: -600px;
	left: 50%;
}

/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	padding :0;
	margin :0;
	border :none;
	border: 4px solid #fff;
}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
	vertical-align:top;
}

/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton
{
	position :absolute ;
	right :0;
	top :58%;
	width :48px;
	height :48px;
	border-rafius: 16px;
	cursor :pointer ;
	z-index :995;
	background: url(../images/carousel-buttons.png) no-repeat right bottom;
	
}

.carousel .prevButton
{
	position :absolute ;
	left : 0;
	top :58%;
	width :48px;
	height :48px;
	border-rafius: 16px;
	cursor :pointer ;
	z-index :995;
	background: url(../images/carousel-buttons.png) no-repeat left bottom;
}

/*
.carousel .prevButton:hover{
background-position: left top;
}

.carousel .nextButton:hover{
background-position: right top;
}
/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav
{
	position : relative ;
	margin :0 auto;
	z-index :999;
}

/* numbers */
.carousel .buttonNav{
	display:none !important;
}

.special-offer, .additional-service{
background: url(../images/special-offer-bg.jpg) no-repeat center top #2e1908;
}

.special-offer-inner, .additional-service-inner{
padding-top: 44px;
color: #f2ddb6;
padding-bottom: 25px;
}

.special-offer-inner h2, .additional-service-inner h2{
background: url(../images/h2-heading-bg-double-light.png) repeat-x left center;
color: #f2ddb6;
}

.special-offer-inner h2 span, .additional-service-inner h2 span {
background: url(../images/special-offer-bg.jpg) no-repeat center -44px;
}

.special-offer-inner p{
text-align: center;

}

.special-offer-inner p strong{
font-size: 36px;
line-height: 42px;
font-weight: normal;
text-transform: uppercase;

}

.special-offer-inner p span{
font-size: 28px;
line-height: 24px;	
}

.special-offer-inner ul{
display: block;
width: 100%;
position: relative;
text-align: center;
}

.special-offer-inner ul li{
font-size: 28px;
line-height: 26px;
color: #faefdc;
float: left;
padding-top: 120px;
background: url(../images/special-offer-icons.png) no-repeat;
position: relative;
margin: 0;
display: inline-block;
}

.special-offer-inner ul li.first{
background-position:  52px 0;
margin-left: 95px;	
}

.special-offer-inner ul li.second{
background-position: -302px 0;
float: none;
margin: 36px auto 0 auto;
width: 300px;
display: block;

}

.special-offer-inner ul li.third{
background-position: -779px 0;
float: right;
margin: 0 95px 0 0;
}

.main-form{
background: #e2c07d;
padding: 59px 0; 
}

.main-form input[type="text"]{
width: 30%;
float: left;
}

.main-form input.first-field{
margin-left: 0;
}

.form-send-us-file{
padding: 31px 1% 40px 1%;
background: #673a1b;
text-align: center;
}

.form-send-us-file h3{
display: block;
text-align: center;
font-size: 24px;
color: #f7e6c2;
font-weight: normal;
text-transform: uppercase;
line-height: 36px;
padding-bottom: 36px;
}

.psevdoFile {
overflow:hidden;
position: relative;
display: block;
/*cursor: pointer;*/
float: right;
margin-top: 10px;
border: 1px solid #7c5d48;
background: #5a351b;
width: 43%;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 3%; 
height: 48px;
}

.fileInput {
position: absolute;
top: 0;
right: 0;
font-size:66px;
opacity:0;
filter:alpha(opacity:0);
/*cursor: pointer;*/
width: 100%;
display: none;
}

.form-send-us-file input.form-field{
padding: 16px 1%;
}

.form-send-us-file input.form-field.email{
float: right;
}

.form-send-us-file input.form-field.phone{
float: none;
}

.file-field {
    padding: 29px 2% 29px 31% !important;
    width: 67% !important;
    float: left !important;
    margin-left: 0 !important;
    display: block;
    border: none !important;
}

.choose-file{
position: absolute;
left: 5px;
top: 17px;
display: block;
width: 150px;
font-size: 18px;
line-height: 18px;
text-align: center;
color: #f2ddb6;
cursor: pointer;
font-style: italic;
text-decoration: underline;
}

.file-holder{
	float: right;
	width: 410px;
	text-align: left;
	margin-top: -40px;
}

.file-holder .fileName, .file-holder a {
	color: #f2ddb6;
	font-style: 18px;
}

.file-holder a{margin-left: 8px;}

.message-field{
height: 48px;
float: center;
width: 98%;
margin-top: 10px;
display: block;
padding: 16px 1%;	
}

.btn-submit-big{
padding: 20px 89px;
margin-top: 20px;
font-size: 16px;
}

.how-do-we-work-inner{
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}

.how-do-we-work-inner img{
width: 100%;
display: block;	
}
.how-do-we-work-inner ul{
position: absolue;
}

.how-do-we-work-inner ul li{
display: inline-block;
color: #9e7323;
font-size: 1.2em;
line-height: 1.3em;
position: absolute;
text-align: center;
width: 24%;
}

.step1{
top: 46%;
left: 1%;	
}

.step2{
top: 81%;
left: 14%;
}

.step3{
top: 46%;
left: 25%;
}

.step4{
top: 81%;
left: 39%;
}

.step5{
top: 46%;
left: 51%;
}

.step6{
top: 81%;
left: 63%;
}

.step7{
top: 46%;
right: 1%;
}

.special-carousel{
}

.special-projects-inner .prev, .special-projects-inner .next{
top: 52%;
}
.special-projects{
	position: relative;
}
.nav-node{
	position: absolute;
	left: 0px; top: -50px;
}


.special-carousel li{
display: inline-block;
text-align: center;
margin: 0px 10px;
border: 4px solid #fff;	
position: relative;
}

.special-carousel li img{
display: block;
width: 100%;
max-width: 371px;
}

.special-carousel .prev{
}

.faq-inner{
padding-top: 38px;
padding-bottom: 38px; 
}

.faq-inner ul{
padding: 0 50px;

}

.faq-inner ul li{
display: block;
width: 47%;
float: left;
margin: 35px 0;
clear: left;
}

.faq-inner ul li.second{
float: right;
clear: right;
}

.faq-inner ul li .question {
font-style: italic;
color: #5a351b;
font-size: 22px;
line-height: 32px;
}

.faq-inner ul li .answer {
font-size: 20px;
color: #c8983e;
padding-left: 24px;
background: url(../images/faq-bg.png) no-repeat left 6px;
line-height: 28px;
margin-top: 10px;
}

.our-materials-inner{
position: relative;
padding-top: 50px;
padding-bottom: 55px;
overflow: hidden;
}

.our-materials-inner .prev{
left: 0;
top: 51%;
}

.our-materials-inner .next{
right: 0; 
top: 51%;
}

.materials-carousel{
padding: 0 5px;
margin-top: 60px;
margin: 60px 50px 0px;
}
.materials-carousel li{
display: block;
float: left;
text-align: center;
margin: 0px 10px;
margin-bottom: 40px;
}

.materials-carousel li img{
display: block;
border: 4px solid #fff;
width: 100%;
}

.materials-carousel li h4{
font-weight: normal;
color: #a17728;
text-align: center;
font-size: 20px;
line-height: 40px;
display: block;
text-transform: uppercase;
}

.additional-service{
padding-bottom: 15px;
}

.additional-service-inner ul{
float: left;
font-size: 20px;
line-height: 36px;
color: #f4e9d4;
}

.additional-service-inner ul li{
list-style-type: circle;
margin: 22px 0;
}

.additional-service-inner ul.left-column{
width: 28%;
padding-left: 97px;
}

.additional-service-inner ul.middle-column{
width: 190px;
margin: 0 auto;	
text-align: left;
float: none;
}

.additional-service-inner ul.right-column{
width: 360px;
float: right;
}

.comments-inner{
position: relative;
padding-top: 49px;
padding-bottom: 52px;
}

.comments-carousel{
padding: 0 5px;
margin-top: 60px;
overflow: hidden;
}

.comments-carousel li{
display: inline-block;
text-align: center;	
width: 950px;
font-size: 20px;
line-height: 30px;
color: #c8983e;
font-style: italic;
padding: 0 100px;
}

.comments-carousel li p.name:before{
content: '...............';
display:block;
font-size: 10px;
}

.comments-inner .prev{
background-position: left bottom;
top: 175px;
left: 0;	
}


.comments-inner .next{
background-position: right bottom; 
right: 0;
top: 175px;
}


.map-inner{
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
}

.contacts-over-map{
position: relative;
}

.bottom-contacts{
position: absolute;
z-index: 100;
width: 260px;
padding: 42px 20px 0 20px ;
background: #66391b;
right: 0;
top: 80px;
text-align: center;
font-family: 'Open Sans', sans-serif;
}

.bottom-contacts:after{
display: block;
width: 300px;
height: 70px;
position: absolute;
background: url(../images/bottom-contacts-after.png) left top;
left: 0;
bottom: -70px;
content: '';
}

.bottom-phone{
color: #ecdfc8;
font-size: 30px;
font-weight: 300;
}

.bottom-days{
color: #ecdfc8;
font-size: 14px;
font-weight: normal;
line-height: 35px;
}

.bottom-days .day{
color: #fff;	
}


.bottom-adress:before, .bottom-adress:after{
content: '..............';
color: #482209;
font-size: 10px;
display: block;
text-align: center;	
}

.bottom-adress{
color: #ecdfc8;
font-size: 18px;
line-height: 34px;
}

.bottom-adress .underground{
display: inline-block;
background: url(../images/underground-icon.png) no-repeat 5px 7px;
padding-left: 38px;
}

.bottom-adress a{
display: inline-block;
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none;
line-height: 18px;
font-size: 18px;
margin-top: 5px;
}

.bottom-adress a:hover{
border: none;
}

.bottom-email{
display: inline-block;
color: #ecdfc8;	
padding-left: 40px; 
background: url(../images/email-icon.png) no-repeat left center;
}

.main-footer{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #dac295;
text-align: center;
line-height: 18px;
background: #2e1908;
padding: 30px 0;
width: 100%;
}

.main-footer a{
	font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #dac295;
}

#features, #works, #contacts, #comments, #materials, #faq, #how-we-work, #services, #home{
position: absolute;
margin-top: -50px;	
}

.winodow-one, .window-two{
width: 280px;
padding: 28px 28px 34px 28px ;
background: url(../images/header-form-bg.png) repeat;
border: 1px solid #9d6f48;
z-index: 999;
}

.winodow-one input[type="text"]{
width: 85%;	
}

.window-h3{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 31px;
color: #f5eee1;
line-height: 42px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
}

.window-two p{
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #f7e6c3;
font-size: 12px;
text-transform: uppercase;
line-height: 24px;
}



.window p {
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 16px;
color: #f2ddb6;
text-align: center;
padding-bottom: 11px;
}

.winodow-one input{
margin-bottom: 10px;
}

.winodow-one input[type="submit"]{
width: 100%;
display: block;
padding: 19px 0;
}

input.inp-error{
	border-color: #d10e0a;
	background: #973302;
}

a.close{
	background-image: url("../images/fancybox_sprite.png");
    display: block;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040;
    text-indent: -9999px;
    overflow: hidden;
}


span.roll {
    background: url("../images/mag.png") no-repeat scroll center center;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition-duration: 1s;
    width: 100%;
    z-index: 10;
}

.special-carousel-slider span.roll{width: 358px; left: 0;}
.materials-carousel li{position: relative;}
.materials-carousel span.roll{width: 229px; left: 0; height: 229px;}

.fancybox-nav{width: 49% !important;}
span.roll:hover {
    opacity: 1;
    transition-duration: 1s;
}
.hide{
	display: none;
}
button{
	outline: none;
}

.carousel-wrapper{
width: 88%;
overflow: hidden;
margin: 0 auto;
position: relative;
}

.window-three{
border: 5px solid #fff;
padding: 10px;
background: url(../images/map-popup-bg.jpg) repeat;	
width: 720px;
margin-left: -370px;
margin-top: -80px;
}

.window-adress{
background: url(../images/map-popup.jpg) no-repeat;
}

.window-three h2 span{
background: url(../images/map-popup-bg.jpg) repeat;	
}

.window-adress p{
font-style: normal;	
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 18px;
line-height: 26px;
color: #5a351c;
padding: 371px 20px 40px 360px;
margin-top: 20px;
text-align: left;
}

#over-map-block{
position: absolute;
width: 100%;
height: 579px;
z-index: 100;
cursor: pointer;
}

/*
.windows-wrapper{
width: 100%;
min-width: 984px;
position: relative;
overflow: hidden;
z-index: 6;
height: 100%
}
*/
@media screen and (max-width: 1280px) {
.header-form:after{
display: none;
}

.header-form{
margin-top: 10px;
}

header .form-field{
font-size: 16px;
padding: 8px 21px;
}

.header-form input[type="submit"]{
padding: 10px 0; 
font-size: 15px;
}

.header-heading{
margin-top: 10px;
}
.how-do-we-work-inner ul li{
font-size: 1.0em	
}
}

@media screen and (max-width: 1153px){
.additional-service-inner ul{
font-size: 18px;
line-height: 20px;
}

.how-do-we-work-inner ul li{
font-size: 1.0em;	
}


.body-bg{
	min-height: 750px;
	display: none;
}
.body-bg img{
	min-height: 750px;
}

body .header-main-block{
	height: 700px !important;
	min-height: 700px !important;
}

}



body.ios .body-bg{
	display: none;
}
body.ios .header-main-block{
	background: url(../images/header-main-bg-new.jpg) no-repeat center -150px;
}
body.ios .header-main-block{
	height: 700px !important;
	min-height: 700px !important;
}

@media screen and (max-width: 1024px){
	.header-main-block-inner{
		padding-top: 1px;
	}

}