@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700&subset=latin,cyrillic);

/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight:100;
}
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight:100;
}
body {
line-height: 1;
background: #fff;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* MAIN CSS */
.clr {
clear:both;
}

header, footer, nav, article, section {display: block;}

/* ------------------------------ */

@font-face {
    font-family: 'Conv_dinpro-bold';
    src: url('../fonts/dinpro-bold/dinpro-bold.eot');
    src: url('../fonts/dinpro-bold/dinpro-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinpro-bold/dinpro-bold.woff') format('woff'),
    url('../fonts/dinpro-bold/dinpro-bold.ttf') format('truetype'),
    url('../fonts/dinpro-bold/dinpro-bold.svg#Conv_dinpro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_dinpro-light';
    src: url('../fonts/dinpro-light/dinpro-light.eot');
    src: url('../fonts/dinpro-light/dinpro-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinpro-light/dinpro-light.woff') format('woff'),
    url('../fonts/dinpro-light/dinpro-light.ttf') format('truetype'),
    url('../fonts/dinpro-light/dinpro-light.svg#Conv_dinpro-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_dinpro-regular';
    src: url('../fonts/dinpro-regular/dinpro-regular.eot');
    src: url('../fonts/dinpro-regular/dinpro-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinpro-regular/dinpro-regular.woff') format('woff'),
    url('../fonts/dinpro-regular/dinpro-regular.ttf') format('truetype'),
    url('../fonts/dinpro-regular/dinpro-regular.svg#Conv_dinpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_dinpro-black';
    src: url('../fonts/dinpro-black/dinpro-black.eot');
    src: url('../fonts/dinpro-black/dinpro-black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinpro-black/dinpro-black.woff') format('woff'),
    url('../fonts/dinpro-black/dinpro-black.ttf') format('truetype'),
    url('../fonts/dinpro-black/dinpro-black.svg#Conv_dinpro-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_dinpro-medium';
    src: url('../fonts/dinpro-medium/dinpro-medium.eot');
    src: url('../fonts/dinpro-medium/dinpro-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinpro-medium/dinpro-medium.woff') format('woff'),
    url('../fonts/dinpro-medium/dinpro-medium.ttf') format('truetype'),
    url('../fonts/dinpro-medium/dinpro-medium.svg#Conv_dinpro-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{background: url("../images/body-bg.jpg") repeat;}

section#content{width: 100%; min-width: 989px; background: url("../images/container-bg.png") repeat-y center top; overflow: hidden; font-family:Arial,Helvetica,sans-serif; font-size: 12px;}

header{width: 100%;}

header div.container{width: 980px; margin: 0 auto;height: 252px; position: relative;}

header div.logo{position: absolute; top: 19px; left: 0;}

nav#top{position: absolute; top: 31px; left: 338px; font-family: 'Conv_dinpro-medium'; text-transform: uppercase; width: 400px;}
nav#top li{float: left; width: 166px; margin-right: 14px;}
nav#top li a{color: #502f18; text-decoration: none; background: transparent url("../images/nav-top-li-hover.png") no-repeat -1000px -1000px; width: 145px; height: 31px; line-height: 31px; display: block; padding-left: 19px; font-size: 14px;}
nav#top li a:hover,
nav#top li.active a{background-position: 0 0; color: #fff6df;}

header div.search{position: absolute; top: 95px; left: 536px; width: 156px; height: 29px; background: #fee296;}
header div.search div.searchInput{width: 120px; padding-left: 6px;}
header div.search div.searchInput input{background: none; border: none; -webkit-appearance: none; width: 125px; height: 27px; padding: 1px 0; line-height: 29px; font-family:Arial,Helvetica,sans-serif; font-size: 13px; color: #bca76f;}
header div.search div.searchBtn{position: absolute; top: 8px; right: 6px;background: transparent url("../images/head-search-btn.png") no-repeat 0 0; border: none; width: 15px; height: 15px; display: block;}

header div.tel{position: absolute; top: 25px; right: 0; color: #502f18; font-family: 'Conv_dinpro-bold'; font-size: 36px;}
header div.tel span{font-family: 'Conv_dinpro-medium'; font-size: 25px; color: #8a6951;}

header div.contacts{position: absolute; top: 76px; right: 0; text-align: right; color: #202121;}
header div.contacts p{padding-bottom: 6px;}
header div.contacts p a{color: #202121; text-decoration: underline;}
header div.contacts p a:hover{text-decoration: none;}

nav#main{width: 993px; height: 103px; position: absolute; bottom: 0; left: -6px; background: transparent url("../images/nav-main-bg.png") no-repeat; font-family: 'Conv_dinpro-medium'; font-size: 18px;}
nav#main ul{padding-left: 25px; padding-top: 6px;}
nav#main ul li{float: left; padding-right: 2px; background: transparent url("../images/nav-main-border.png") no-repeat right 0;}
nav#main ul li.last{background: none;}
nav#main ul li a{text-transform: uppercase; color: #fff6df; text-decoration: none; display: block; padding: 20px 24px 21px 24px; text-shadow: 0 -1px 0 #4e0300;}
nav#main ul li a:hover{background: transparent url("../images/nav-main-border.png") repeat-x 0 -59px;}
nav#main ul li.active a{background: none; cursor: default; margin-left: -1px; padding-right: 25px; -moz-box-shadow: inset 0 0 18px #2a2019; -ms-box-shadow: inset 0 0 18px #2a2019; -webkit-box-shadow: inset 0 0 18px #2a2019; box-shadow: inset 0 0 18px #2a2019; behavior: url("/PIE.php");}


section#indexSlider{width: 1106px; position:relative; height:335px; background: #502f18; margin: 0 auto 47px; }
section#indexSlider div.container{position: relative; padding-bottom: 10px;}
section#indexSlider ul.ui-tabs-nav{position:absolute; top:0; right: 0; padding-left: 18px; z-index: 2; width: 263px; overflow: hidden; padding-top: 10px;}
section#indexSlider ul.ui-tabs-nav li{height: 62px; background: transparent url("../images/index-slider-tabs-border.png") no-repeat center bottom; padding-bottom: 1px; font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 17px;}
section#indexSlider li.ui-tabs-nav-item a{height: 62px; color: #fff6df; padding-left: 19px; text-decoration: none; position: relative; display: table-cell; vertical-align: middle; width: 267px; padding-right: 6px;}
section#indexSlider li.ui-tabs-nav-item.ui-tabs-selected a,
section#indexSlider li.ui-tabs-nav-item a:hover{background: #a05e30; color: #f2dc97; }
section#indexSlider li.ui-tabs-nav-item a span{position: relative;}
section#indexSlider ul.ui-tabs-nav li#nav-fragment-5{background: none; padding-bottom: 0; height: 64px;}
section#indexSlider ul.ui-tabs-nav li#nav-fragment-5 a{height: 63px;}
section#indexSlider .ui-tabs-panel{
    width: 836px;
    height: 316px;
    position: relative;
    overflow: hidden;
    top: 10px;
    left: 8px;
    text-align: center;
}
section#indexSlider .ui-tabs-panel > img{position: relative; max-width: 100%; max-height: 100%; }
section#indexSlider .ui-tabs-hide{display:none;}
section#indexSlider .ui-tabs-panel div.text{position: absolute; bottom: 29px; left: 39px; display: inline-block; z-index: 3;}
section#indexSlider .ui-tabs-panel#fragment-1 div.text{width: 395px;}    /*тут выставляем ширину для текста 1 слайда */
section#indexSlider .ui-tabs-panel#fragment-2 div.text{width: 455px;}    /*тут выставляем ширину для текста 2 слайда */
section#indexSlider .ui-tabs-panel#fragment-3 div.text{width: 395px;}    /*тут выставляем ширину для текста 3 слайда */
section#indexSlider .ui-tabs-panel#fragment-4 div.text{width: 395px;}    /*тут выставляем ширину для текста 4 слайда */
section#indexSlider .ui-tabs-panel#fragment-5 div.text{width: 395px;}    /*тут выставляем ширину для текста 5 слайда */
section#indexSlider .ui-tabs-panel div.text span.title{font-family: 'Conv_dinpro-black'; font-size: 30px; color: #fff; text-transform: uppercase; display: inline-block; padding-bottom: 6px; text-shadow: 0 1px 0 #020202;}
section#indexSlider .ui-tabs-panel div.text span.text{font-family: 'Conv_dinpro-medium'; font-size: 18px; line-height: 20px; display: inline-block; background: transparent url("../images/index-slider-text-bg.png") repeat; border-top: 5px solid #42281e; color: #fff; padding: 7px 46px 16px 13px;}


section#container{width: 980px; margin: 0 auto; padding-bottom: 71px;}

section#ourProject{padding-bottom: 38px;}
section#ourProject div.projectList{text-align: center;}
section#ourProject div.projectList ul{overflow: hidden;}
section#ourProject div.projectList li{display: inline-block;}
section#ourProject div.projectList li a{border: 1px solid transparent; display: block; padding: 10px 9px; width: 176px; text-decoration: none;}
section#ourProject div.projectList li a span.img{height:87px; position: relative; display: table; /*line-height: 0; font-size: 0; */ background: #896950; width: 100%;}
section#ourProject div.projectList li a span.img img {position: absolute; top: 0; left: 0; }
section#ourProject div.projectList li a span.img span.label{font-family: 'Conv_dinpro-medium'; font-size: 26px; line-height: 24px; text-align: left; display: table-cell; color: #fff6df; vertical-align: middle; position: relative; z-index: 100; padding-left: 43px; }
section#ourProject div.projectList li a span.text{font-size: 13px; line-height: 18px; color: #000;}
section#ourProject div.projectList li a:hover{background: #fff1cc; border: 1px solid #8a6951;}

section#indexTopLeft{width: 625px; float: left; padding-bottom: 25px;}
section#indexTopLeft h2{font-family: 'Conv_dinpro-bold'; font-size: 25px; color: #502f18; line-height: 24px; text-transform: uppercase; border-bottom: 4px solid #784937; padding-right: 150px; padding-bottom: 7px; margin-bottom: 19px;}
section#indexTopLeft h3{font-family: 'Conv_dinpro-bold'; font-size: 25px; color: #502f18; text-transform: uppercase; padding-bottom: 23px; padding-top: 2px;}
section#indexTopLeft p{font-size: 15px; color: #4e0a02; line-height: 22px; margin-bottom: 22px; padding-right: 10px;}
section#indexTopLeft ul{padding-bottom: 29px;}
section#indexTopLeft li{font-size: 15px; color: #4e0a02; line-height: 22px; padding-left: 13px; background: transparent url("../images/index-li-marker.png") no-repeat left 9px;}
section#indexTopLeft li a{color: #4e0a02; text-decoration: underline;}
section#indexTopLeft li a:hover{text-decoration: none;}
section#indexTopLeft div.benefits{position: relative;}
section#indexTopLeft div.benefits p.invitation{color: #000;}
/*заметка "наши преимущества"*/
section#indexTopLeft div.note {
    position: absolute;
    top: 0;
    right: -74px;
    width: 252px;
    padding: 19px 18px 23px 15px;
    border-left: 15px solid #2D6933;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    background: #38823F;
}
section#indexTopLeft div.note p {
    padding-right: 0;
    margin: 0;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #ffebb4;
}
/*заметка "наши преимущества" закончилась*/

section#indexTopRight{width: 217px; float: right; border: 10px solid #784937; margin-top: 4px; padding: 14px 11px 23px 15px; position: relative; margin-bottom: 25px;}
section#indexTopRight:before{content: ''; display: block; width: 22px; height: 22px; position: absolute; top: -10px; left: -10px; background: url("../images/index-top-right-angle.png") no-repeat 0 -22px;}
section#indexTopRight:after{content: ''; display: block; width: 22px; height: 22px; position: absolute; bottom: -10px; right: -10px; background: url("../images/index-top-right-angle.png") no-repeat 0 0;}
section#indexTopRight h2{font-family: 'Conv_dinpro-bold'; font-size: 21px; color: #502f18; text-transform: uppercase; padding-bottom: 22px;}
section#indexTopRight li{padding-bottom: 18px;}
section#indexTopRight li a{display: block; width: 208px; text-align: center; font-size: 16px; color: #6c0601; line-height: 22px; text-decoration: none;}
section#indexTopRight li a span.img{border: 6px solid #784937; line-height: 0; font-size: 0; display: block; width: 200px; height: 144px; margin-bottom: 3px;}
section#indexTopRight li a:hover{color: #c7795a;}
section#indexTopRight li a:hover span.img{border-color: #c7795a;}

section#indexBottomLeft{width: 232px; float: left; border: 10px solid #784937; margin-top: 4px; padding: 19px 0 26px 9px; position: relative; margin-right: 78px;}
section#indexBottomLeft:before{content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -10px; left: -10px; background: url("../images/index-photo-angle.png") no-repeat 0 0;}
section#indexBottomLeft:after{content: ''; display: block; width: 20px; height: 20px; position: absolute; bottom: -10px; right: -10px; background: url("../images/index-photo-angle.png") no-repeat 0 -20px;}
section#indexBottomLeft h2{font-family: 'Conv_dinpro-bold'; font-size: 22px; line-height: 26px; color: #502f18; text-transform: uppercase; padding-bottom: 22px;}
section#indexBottomLeft div.imgBlock{border: 6px solid #784937; width: 210px; height: 210px;}
section#indexBottomLeft div.imgBlock div.box{display: none;}
section#indexBottomLeft div.imgBlock div.box.visible{display: block;}
section#indexBottomLeft ul.nav{padding-top: 20px; padding-bottom: 29px; overflow: hidden;}
section#indexBottomLeft ul.nav li{float: left; margin-right: 2px; margin-bottom: 2px; cursor: pointer; line-height: 0; font-size: 0; position: relative;}
section#indexBottomLeft ul.nav li:before{content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 0; left: 0; border: 3px solid transparent;}
section#indexBottomLeft ul.nav li:hover:before{border-color: #c7795a;}
section#indexBottomLeft a.all {float: right; color: #784937; text-decoration: underline; margin-right: 10px;}
section#indexBottomLeft a.all:hover {text-decoration: none;}

section#indexBottomRight{width: 625px; float: left; padding-top: 3px;}
section#indexBottomRight h2{font-family: 'Conv_dinpro-bold'; font-size: 22px; color: #502f18; line-height: 24px; text-transform: uppercase; border-bottom: 4px solid #784937; padding-bottom: 11px; margin-bottom: 28px;}
section#indexBottomRight p{font-size: 15px; color: #4e0a02; line-height: 22px; margin-bottom: 22px; padding-right: 20px;}


section.insideContainer{width: 940px; margin: -8px auto 0; position: relative;}
section.insideContainer > h1{font-family: 'Conv_dinpro-medium'; font-size: 40px; color: #502f18; text-transform: uppercase; padding-bottom: 21px;}
section.projects div.squareMenu{position: absolute; top: 18px; right: 0;}
section.projects div.squareMenu li{float: left;}
section.projects div.squareMenu li a{display: block; padding: 7px 8px 8px 7px; font-size: 14px; text-decoration: underline; color: #000; position: relative;}
section.projects div.squareMenu li a:before{content: ''; display: block; width: 9px; height: 9px; position: absolute; top: 0; left: 0; background: url("../images/index-top-left-text-angle.png") no-repeat -10000px -10000px;}
section.projects div.squareMenu li a:after{content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: 0; right: 0; background: url("../images/index-top-left-text-angle.png") no-repeat -10000px -10000px;}
section.projects div.squareMenu li.active a,
section.projects div.squareMenu li a:hover{color: #fff6df; background: #8a6951;}
section.projects div.squareMenu li a span{text-decoration: underline; color: #000;}
section.projects div.squareMenu li.active a span,
section.projects div.squareMenu li a:hover span{color: #fff6df;}
section.projects div.squareMenu li.active a:before,
section.projects div.squareMenu li a:hover:before{background-position: 0 0;}
section.projects div.squareMenu li.active a:after,
section.projects div.squareMenu li a:hover:after{background-position: 0 -9px;}
section.projects div.squareMenu li a b{font-size: 10px; position: relative; top: -4px; text-decoration: none;}
section.projects div.galleryContainer{position: relative;}
section.projects h2{width: 400px; font-family: 'Conv_dinpro-bold'; font-size: 25px; color: #502f18; text-transform: uppercase; padding-bottom: 29px;}
section.projects div.rightNav{position: absolute; top: 9px; right: 0; width: 380px;}
section.projects div.rightNav.sortOnly{ width:250px; right: -35px;}
section.projects div.sort{width: 250px;}
section.projects div.sort ul{overflow: hidden; padding: 1px 0;}
section.projects div.sort li{float: left; font-size: 13px; padding-right: 18px;}
section.projects div.sort li a{color:#502f18; text-decoration: underline;}
section.projects div.sort li.arrow a{margin-right: 16px; position: relative;}
section.projects div.sort li.arrow a:before{content: ''; display: block; width: 9px; height: 5px; position: absolute; top: 7px; right: -14px; background: transparent url("../images/sort-arrow.png") no-repeat;}
section.projects div.sort li.arrow.up a:before{background-position: 0 0;}
section.projects div.sort li.arrow.down a:before{background-position: 0 -5px;}
section.projects div.sort li.active a{color: #8c7c52; text-decoration: none; cursor: default;}
section.projects div.sort li a:hover{text-decoration: none;}
section.projects div.rightNav div.pager{position: absolute; top: -4px; right: 8px; padding: 0;}
div.galleryContainer p{font-size: 15px; line-height: 22px; color: #000;}
div.projectList{width: 966px; margin: 0 auto; padding-top: 19px;}
div.projectList div.container {width: 980px; margin-left: -11px; padding-bottom: 11px;  }
div.projectList div.container a{display: inline-block; text-decoration: none; position: relative; width: 280px; z-index: 3; margin: 0 2px 5px; padding: 20px; transition: all 0.2s linear; }
div.projectList div.container a:hover { background: #FEF8E4; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); }
div.projectList div.container a:nth-child(3n) { margin-right: 0; }
div.projectList div.container a span.link{background: transparent url("../images/cat-a-hover.png") repeat-y -10000px -10000px; padding-bottom: 5px; z-index: 5; position: relative;}
div.projectList div.container a span{display: block; font-family: 'Conv_dinpro-bold';}
div.projectList div.container a span.title{font-size: 18px; color: #502f18; /*text-transform: uppercase;*/ padding-bottom: 3px;}
div.projectList div.container a span.label{font-size: 15px; color: #8a6951; /*text-transform: uppercase;*/ padding-bottom: 8px; line-height: 21px;}
div.projectList div.container a span.img{display: block; line-height: 0; font-size: 0; position: relative; margin-bottom: 7px; border: 6px solid #784937;}
div.projectList div.container a span img { max-width: 100%; max-height: 100%; display: block; }
div.projectList div.container a span.statistics{font-size: 15px; color: #8a6951; padding: 0 5px; display: block;}
div.projectList div.container a span.statistics span.m{float: right; display: inline; width: auto;}
div.popular{padding-top: 45px; margin-bottom: -30px;}
div.popular h2{border-top: 4px solid #784937; padding-top: 7px; width: 100%; padding-bottom: 0; font-family: 'Conv_dinpro-bold'; font-size: 25px; color: #502f18; text-transform: uppercase;}
div.popular div.galleryList{padding-top: 10px;}

section#projectLeft{width: 389px; float: left; padding-top: 10px; margin-right: 49px;}

section#photoGallery{width: 389px; height: 357px; position: relative; margin-bottom: 34px;}



/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit{display:none;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;}

/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count{display: none;}

/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}




/*
*  PHOTOS GALLERIES
*  ------------------------------------------------
*/

/*---------------------------------
 *  Photos gallery > Standard
 *---------------------------------*/
.photosgallery-std{width:389px;height:266px;}

/* Navbar */
.photosgallery-std .sliderkit-nav{left:19px;bottom:0;width:351px; padding-top: 11px;}
.photosgallery-std .sliderkit-nav-clip ul li{float:left; width: 117px; height: 80px;}
.photosgallery-std .sliderkit-nav-clip ul li a{display:block;width: 117px; height: 80px;overflow:hidden; position: relative;}
.photosgallery-std .sliderkit-nav-clip ul li a:before{content: ''; display: block; width: 109px; height: 72px; border: 4px solid transparent; position: absolute; top: 0; left: 0;}
.photosgallery-std .sliderkit-nav-clip ul li.sliderkit-selected a:before{border-color: #784937;}

/* Buttons */
.photosgallery-std .sliderkit-btn{position:absolute;top:0;}
.photosgallery-std .sliderkit-btn span{display:none;}
.photosgallery-std .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}
.photosgallery-std .sliderkit-btn-disable a:hover{cursor:default;}



/* Panels buttons */
.photosgallery-std .sliderkit-go-btn{position:absolute;top: 277px;z-index:10;width:19px; height:80px;}
.photosgallery-std .sliderkit-go-prev{left:0;}
.photosgallery-std .sliderkit-go-next{right:0;}
.photosgallery-std .sliderkit-go-btn a{display:block; width:19px; height:80px; cursor:pointer; background: url("../images/cat-in-gallery-btn.png") no-repeat;}
.photosgallery-std .sliderkit-go-prev a{background-position: 0 0;}
.photosgallery-std .sliderkit-go-next a{background-position: -19px 0;}
.photosgallery-std .sliderkit-go-prev a:hover{background-position: 0 -80px;}
.photosgallery-std .sliderkit-go-next a:hover{background-position: -19px -80px;}
.photosgallery-std .sliderkit-go-btn span{display:none;}

/* Panel */
.photosgallery-std .sliderkit-panel{top:0;left:0;width:390px;height:357px;}

section#projectLeft h2{background: transparent url("../images/cat-title-bg.png") no-repeat; width: 388px; height: 35px; font-family: 'Conv_dinpro-regular'; font-size: 25px; color: #fff; padding-top: 14px; padding-left: 8px; text-transform: uppercase;}

section#plans{padding-bottom: 26px;}
section#plans ul{padding-top: 14px; padding-left: 2px; width: 420px;}
section#plans ul li{float: left; margin-right: 15px; margin-bottom: 15px; line-height: 120%;}
section#plans ul li.first { clear: left; }
section#plans ul li a { width: 180px; display: block; color: #502F18; }
section#plans ul li a img { border: 6px solid transparent; }
/*section#plans ul li a:before{content: ''; display: block; width: 168px; height: 123px; border: 6px solid transparent; position: absolute; top: 0; left: 0;}*/
/*section#plans ul li a:hover:before{border-color: #784937;}*/
section#plans ul li a:hover { text-decoration: none; }
section#plans ul li a:hover img { border-color: #784937; }
section#plans ul li a span { display: block; margin-top: 5px; font-size: 14px; text-align: center; }
section#plans ul li img{width: 180px; height: 135px;}

section#downloads{}
section#downloads ul{padding-top: 22px;}
section#downloads ul li{padding-bottom: 8px;}
section#downloads ul li a{font-family: 'Conv_dinpro-regular'; font-size: 25px; color: #784937; text-decoration: underline;}
section#downloads ul li a:hover{text-decoration: none;}


section#projectRight{width: 502px; float: left;}
section#projectRight h1{font-family: 'Conv_dinpro-bold'; font-size: 32px; color: #502f18; text-transform: uppercase; padding-bottom: 4px;}
section#projectRight h2{font-family: 'Conv_dinpro-bold'; font-size: 25px; color: #8a6951; text-transform: uppercase; line-height: 30px; padding-bottom: 11px;}
section#projectRight h3{font-family: 'Conv_dinpro-regular'; font-size: 25px; color: #784937; line-height: 33px;}
section#projectRight h4{font-family: 'Conv_dinpro-regular'; font-size: 18px; color: #784937; text-transform: uppercase; line-height: 33px; padding-top: 15px; padding-bottom: 5px;}
section#projectRight h5{font-family: 'Conv_dinpro-bold'; font-size: 19px; color: #784937; line-height: 24px; padding-bottom: 11px; padding-top: 16px;}
section#projectRight p{color: #000; font-size: 15px; line-height: 22px; padding-bottom: 14px;}
section#projectRight strong{font-weight: bold;}
section#projectRight div.statisticsTables{width: 530px; padding-top: 20px; padding-bottom: 29px;}
section#projectRight div.statisticsTables div.table{width: 240px; float: left; margin-right: 21px; border-bottom: 6px solid #dcc073;}
section#projectRight div.statisticsTables div.table table{width: 100%;}
section#projectRight div.statisticsTables div.table table th{background: #f8d881; height: 50px; vertical-align: middle; font-weight: normal; font-family: 'Conv_dinpro-bold'; font-size: 14px; color: #784937; text-transform: uppercase; padding-left: 11px; text-align: left; line-height: 16px;}
section#projectRight div.statisticsTables div.table table td{font-size: 13px; color: #000; height: 30px; vertical-align: middle; padding-left: 11px}
section#projectRight div.statisticsTables div.table table tr.dark td{background: #fee296;}
section#projectRight div.questionForm{padding-top: 20px; padding-bottom: 56px;}
section#projectRight div.questionForm h2{padding-bottom: 21px;}
section#projectRight div.questionForm p.label{width: 103px; float: left; font-family: 'Conv_dinpro-regular'; font-size: 13px; color: #184736; line-height: 15px; padding-top: 21px;}
section#projectRight div.questionForm div.img{width: 120px; height: 50px; float: left; margin-right: 13px;}
section#projectRight div.questionForm div.captcha div.input{width: 81px; float: left; height: 50px;}
section#projectRight div.questionForm div.captcha div.input input{font-size: 16px; height: 48px; line-height: 50px;}
section#projectRight div.questionForm div.captcha div.btn{width: 151px; float: right;}
section#projectRight div.questionForm div.captcha .label { padding-top: 0; }
section#projectRight div.questionForm div.captcha .label span { display: inline-block; margin-top: 5px; font-size: 0.9em; }

section.text{padding-top: 7px;}

aside{width: 262px; float: left; margin-right: 77px; margin-left: -20px; padding-top: 3px;}
aside section.contaner{width: 232px; float: left; border: 10px solid #784937; margin-top: 4px; padding: 19px 0 26px 9px; position: relative; margin-right: 78px; margin-bottom: 41px;}
aside section.contaner:before{content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -10px; left: -10px; background: url("../images/index-photo-angle.png") no-repeat 0 0;}
aside section.contaner:after{content: ''; display: block; width: 20px; height: 20px; position: absolute; bottom: -10px; right: -10px; background: url("../images/index-photo-angle.png") no-repeat 0 -20px;}
aside section.contaner h2{font-family: 'Conv_dinpro-bold'; font-size: 22px; line-height: 26px; color: #502f18; text-transform: uppercase; padding-bottom: 22px;}

aside section#menu{padding: 16px 0 35px; width: 241px;}
aside section#menu h2{padding-left: 5px; padding-bottom: 13px;}
aside section#menu li{font-family: 'Conv_dinpro-regular'; font-size: 20px; line-height: 22px;}
aside section#menu li a{color: #502f18; text-decoration: none; display: block; padding: 7px 4px 7px 6px;}
aside section#menu li a:hover{background: #8a6951; color: #fff6df;}
aside section#menu li.active a{background: #784937; color: #fff6df;}

aside section#news{padding: 16px 0 32px 9px;}
aside section#news h2{padding-bottom: 18px;}
aside section#news div.block{padding-bottom: 25px;}
aside section#news div.block span, div.news-block span{display: block; padding-bottom: 5px; color: #767676;}
aside section#news a, div.news-block a.title{color: #784937; font-size: 14px; line-height: 18px; text-decoration: underline;}
aside section#news a:hover, div.news-block a.title:hover{text-decoration: none;}
aside section#news p, div.news-block p{color: #232323; line-height: 18px; padding-top: 4px;}
aside section#news a.allNews{margin-top: -10px; display: inline-block;}
div.news-block { margin-bottom: 20px; }

section#rightContent{width: 620px; float: left; padding-top: 6px;}

div.textContainer h1{font-family: 'Conv_dinpro-bold'; font-size:32px; color:#502f18; padding-bottom:18px; text-transform: uppercase;}
div.textContainer h2{font-family: 'Conv_dinpro-bold'; font-size:24px; color:#502f18; padding-bottom:6px; text-transform: uppercase;}
div.textContainer h3{font-family: 'Conv_dinpro-bold'; font-size:20px; color:#502f18; padding-bottom:8px;}
div.textContainer p{color: #232323; line-height:18px; margin-bottom: 18px; font-size: 12px;}
div.textContainer a{color: #784937; text-decoration:underline; display: inline-block;}
div.textContainer a:hover{text-decoration: none;}
div.textContainer strong{font-weight:bold;}
div.textContainer ul{padding-bottom:16px; padding-left:14px;}
div.textContainer ul li{line-height:18px; color:#242424; list-style-type:disc; padding-left:7px;}
div.textContainer ul ul,
div.textContainer ul ol{padding-top:20px; margin-bottom:-15px; margin-top:-15px;}
div.textContainer ul ul li{list-style-type:circle;}
div.textContainer ol{ padding-bottom:16px; padding-left:14px;}
div.textContainer ol li{line-height:18px; color:#242424; list-style:decimal}
div.textContainer ol ol,
div.textContainer ol ul{padding-top:20px; margin-bottom:-15px}
div.textContainer a img{border:7px solid #ffebb4; display: block;}
div.textContainer a:hover img{border:7px solid #8a6951;}
div.textContainer table{margin-bottom:40px; margin-top:25px; color: #242424;}
.ie8 div.textContainer table{border-color:#191712; border-top-color:#191712; border-style:inherit}
.ie9 div.textContainer table{border-color:#191712; border-top-color:#191712; border-style:inherit}
div.textContainer table[border=1]{border-top: 1px solid #191712 !important; border-left: 1px solid #191712 !important; border-color:#191712; border-style:solid; border-collapse:collapse;}
div.textContainer table th{border-color:#191712; border-collapse:collapse;padding:12px 0; color:#242424; text-align:left; padding-left:10px; z-index:9; position:relative;}
div.textContainer table td{border-color:#191712; border-collapse:collapse;padding:4px 0; text-align:left; padding-left:10px; z-index:9; position:relative;}

div.breadCrumbs{padding-bottom: 13px; color: #000; font-size: 15px; position: relative; font-family:Arial,Helvetica,sans-serif; border-bottom: 4px solid #784937; margin-bottom: 22px;}
div.breadCrumbs a{color: #000; text-decoration: none;}
div.breadCrumbs a:hover{text-decoration: underline;}
div.breadCrumbs span.sep{font-size: 14px;}

div.titleThru{border-top: 3px solid #784937; text-align: center; font-family: 'Conv_dinpro-bold'; font-size: 25px; color: #502f18; margin-bottom: -7px;}
div.titleThru h2{position: relative; top: -17px; background: #ffebb4; padding: 0 15px; display: inline-block; text-transform: uppercase;}

div.pager{text-align:center; padding-top:19px; padding-bottom:19px;}
div.pager li{display:inline-block; color: #4e781c; vertical-align: top;}
div.pager a{display:block; color: #fff; font-size: 13px; text-decoration: none; height: 23px; line-height: 23px; background: #e0c784; padding: 0 7px 0 8px;}
div.pager li:hover a{background: #502f18;}
div.pager li.selected a{color:#fff; background: #502f18; cursor: default;}
div.pager li.previous{margin: 0 8px 0 0;}
div.pager li.previous a{background: url("../images/pager-btns.png") no-repeat 0 0; width: 23px; padding: 0;}
div.pager li.next{margin: 0 0 0 8px;}
div.pager li.next a{background: url("../images/pager-btns.png") no-repeat -23px 0; width: 23px; padding: 0;}
div.pager li.previous a:hover{background-position: 0 -23px;}
div.pager li.next a:hover{background-position: -23px -23px;}
div.pager li.first, div.pager li.last, div.pager li.hidden { display: none; }

div.input{width: 483px; height: 30px; background: #fff6df; padding: 0 9px; margin-bottom: 13px;}
div.input input{background: none; border: none; width: 100%; height: 28px; line-height: 30px; padding: 1px 0; text-transform: uppercase; font-family: 'Conv_dinpro-regular'; font-size: 16px; color: #784937;}

div.textarea{width: 483px; height: 87px; background: #fff6df; padding: 9px; margin-bottom: 13px;}
div.textarea textarea{background: none; border: none; width: 100%; height: 85px; text-transform: uppercase; font-family: 'Conv_dinpro-regular'; font-size: 16px; color: #784937; resize: none; overflow: auto;}

div.btn{}
div.btn .btnTag{height: 50px; line-height: 50px; background: #ffdc7a none; border: none; font-family: 'Conv_dinpro-medium'; font-size: 18px; color: #784937; text-transform: uppercase; display: block; text-align: center; text-decoration: none; cursor: pointer;}

footer{border-top: 7px solid #784937; width: 980px; margin: 0 auto; height: 138px; position: relative;}
footer > p{font-family:Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 14px; color: #232323;}
footer p a{color: #232323; text-decoration: underline;}
footer p a:hover{text-decoration: none;}
footer p.copy{position: absolute; top: 20px; left: 0;}
footer p.rules{position: absolute; top: 56px; left: 0;}
footer p.notice{position: absolute; top: 101px; left: 0;}
footer div.tel{position: absolute; top: 54px; left: 365px; background: transparent url("../images/footer-tel-ico.png") no-repeat left 2px; padding-left: 43px;}
footer div.tel p{font-family: 'Conv_dinpro-black'; color: #502f18; font-size: 34px;}
footer div.counter{position: absolute; top: 57px; left: 833px;}
footer div.create{position: absolute; top: 55px; left: 947px;}
footer div.create a{display: block; width: 32px; height: 32px; background: url("../images/create-ico.png") no-repeat 0 0;}
footer div.create a:hover{background-position: 0 -32px;}

.videos a { display: block; float: left; width: 200px; margin-left: 10px; margin-bottom: 20px; line-height: 130%; text-align: center; }
.videos a.first { clear: left; margin-left: 0; }
.videos a img { border: none !important; margin-bottom: 10px; }

div.galleryList div.block {width: 200px; margin-left: 10px; display: block; float: left; margin-bottom: 20px; text-align: center; }
div.galleryList div.block.first { clear: left; margin-left: 0; }
div.galleryList div.block a { color: #784937; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
div.galleryList div.block a:hover { text-decoration: none; }
div.galleryList div.block img { display: block; width: 180px; height: 180px; margin-bottom: 10px; border: 6px solid #784937; }

section#completedProjects{border: 10px solid #784937; margin-bottom: 38px; padding: 18px 14px 11px 13px; position: relative; behavior: url("/PIE.php");}
section#completedProjects:before{content: ''; display: block; width: 22px; height: 22px; position: absolute; top: -10px; left: -10px; background: url("../images/index-top-right-angle.png") no-repeat 0 -22px;}
section#completedProjects:after{content: ''; display: block; width: 22px; height: 22px; position: absolute; bottom: -10px; right: -10px; background: url("../images/index-top-right-angle.png") no-repeat 0 0;}
section#completedProjects h2{font-family: 'Conv_dinpro-bold'; font-size: 22px; color: #502F18; text-transform: uppercase; padding-bottom: 22px;}
section#completedProjects a.allProject{position: absolute; top: 28px; left: 331px; color: #175e26; text-decoration: underline;}
section#completedProjects a.allProject:hover{color: #d52323;}
section#completedProjects .jcarousel-container-horizontal{width: 980px;}
section#completedProjects .jcarousel-clip{overflow: hidden; width: 940px; height: 240px;}
section#completedProjects .jcarousel-item{width: 222px; margin-right: 17px;}
section#completedProjects .jcarousel-item a{ display: block; text-decoration: none;}
section#completedProjects .jcarousel-item a span.img{border: 6px solid #784937; line-height: 0; font-size: 0; display: block; width: 210px; height: 210px; margin-bottom: 3px;}
section#completedProjects .jcarousel-item a span.img{border: 6px solid #784937; line-height: 0; font-size: 0; display: block; width: 210px; height: 210px; margin-bottom: 3px;}
section#completedProjects .jcarousel-item a:hover{color: #c7795a;}
section#completedProjects .jcarousel-item a:hover span.img{border-color: #c7795a;}
section#completedProjects .jcarousel-item a span.text{display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #6C0601; }
section#completedProjects .jcarousel-container div.jcarousel-prev{width: 23px; height: 23px; position: absolute; top: -44px; right: 67px; background: url("../images/completed-projects-btn.png") no-repeat 0 0; cursor: pointer;}
section#completedProjects .jcarousel-container div.jcarousel-next{width: 23px; height: 23px; position: absolute; top: -44px; right: 40px; background: url("../images/completed-projects-btn.png") no-repeat -23px 0; cursor: pointer;}
section#completedProjects .jcarousel-container div.jcarousel-prev:hover{background-position: 0 -23px;}
section#completedProjects .jcarousel-container div.jcarousel-next:hover{background-position: -23px -23px;}
section#completedProjects img.realized { display: none; }

div#flashContent {float: right; margin-bottom: 30px;}

section#completedProjects{border: 10px solid #784937; margin-bottom: 38px; padding: 18px 14px 11px 13px; position: relative; behavior: url("/PIE.php");}
section#completedProjects:before{content: ''; display: block; width: 22px; height: 22px; position: absolute; top: -10px; left: -10px; background: url("../images/index-top-right-angle.png") no-repeat 0 -22px;}
section#completedProjects:after{content: ''; display: block; width: 22px; height: 22px; position: absolute; bottom: -10px; right: -10px; background: url("../images/index-top-right-angle.png") no-repeat 0 0;}
section#completedProjects h2{font-family: 'Conv_dinpro-bold'; font-size: 22px; color: #502F18; text-transform: uppercase; padding-bottom: 22px;}
section#completedProjects a.allProject{position: absolute; top: 28px; left: 331px; color: #175e26; text-decoration: underline;}
section#completedProjects a.allProject:hover{color: #d52323;}
section#completedProjects .jcarousel-container-horizontal{width: 980px;}
section#completedProjects .jcarousel-clip{overflow: hidden; width: 940px; height: 240px;}
section#completedProjects .jcarousel-item{width: 222px; margin-right: 17px;}
section#completedProjects .jcarousel-item a{ display: block; text-decoration: none;}
section#completedProjects .jcarousel-item a span.img{border: 6px solid #784937; line-height: 0; font-size: 0; display: block; width: 210px; height: 210px; margin-bottom: 3px;}
section#completedProjects .jcarousel-item a span.img{border: 6px solid #784937; line-height: 0; font-size: 0; display: block; width: 210px; height: 210px; margin-bottom: 3px;}
section#completedProjects .jcarousel-item a:hover{color: #c7795a;}
section#completedProjects .jcarousel-item a:hover span.img{border-color: #c7795a;}
section#completedProjects .jcarousel-item a span.text{display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #6C0601; }
section#completedProjects .jcarousel-container div.jcarousel-prev{width: 23px; height: 23px; position: absolute; top: -44px; right: 67px; background: url("../images/completed-projects-btn.png") no-repeat 0 0; cursor: pointer;}
section#completedProjects .jcarousel-container div.jcarousel-next{width: 23px; height: 23px; position: absolute; top: -44px; right: 40px; background: url("../images/completed-projects-btn.png") no-repeat -23px 0; cursor: pointer;}
section#completedProjects .jcarousel-container div.jcarousel-prev:hover{background-position: 0 -23px;}
section#completedProjects .jcarousel-container div.jcarousel-next:hover{background-position: -23px -23px;}
section#completedProjects img.realized { display: none; }

/*новый блок "последние объекты"*/
.last-project-new {
    position: relative;
    float:left;
    width: 714px;
    height: 280px;
    margin: 0 0 11px -15px;
    padding: 0 0 0 0;
    background: #502f18;
    border-top: 1px solid #d4bd8d;
}
.last-project-new:before {
    content: " ";
    position: absolute;
    width: 48px;
    height: 280px;
    left: -48px;
    background: url('../images/decor-1.png');
}
.last-project-new:after {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    bottom: 0px;
    background: url('../images/decor-2.png');
}
.last-project-new h2 {
    position: relative;
    left: 0;
    top: 32px;
    color: white !important;
    font-size: 24px !important;
    border-bottom: none !important;
    line-height: 28px !important;
    margin: 0 0 0 26px !important;
    padding: 0 !important;
}
/*карусель*/
.list-carousel {
    position: absolute;
    float: left;
    left: 17px;
    top: 82px;
    width: 681px;
    height: 218px;
}
.list-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    font-size: 0;
}
.list-carousel li {
    display: block;
    float: left;
    margin: 0 8px 0 7px;
    width: 212px;
    height: 206px;
    padding: 0 !important;
    font-size: 40px;
    color: #999;
    text-align: center;
    background: none !important;
}
.list-carousel li img {
    float: left;
    width: 200px;
    height: 144px;
    border: 6px solid #784937;
}
.list-carousel li span {
    float: left;
    display: block;
    width: 212px;
    height: 54px;
    margin: 8px 0 0 0;
    overflow: hidden;
}
.list-carousel li a {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #ffebb4 !important;
}
.list-carousel li a:hover {
    color: #c7795a !important;
}
.list-carousel li a:hover img {
    border: 6px solid #c7795a;
}
.prev-carousel {
    position: absolute;
    float: left;
    width: 23px;
    height: 23px;
    top: -48px;
    right: 35px;
    background: url('../images/completed-projects-btn.png');
}
.prev-carousel:hover {
    background: url('../images/completed-projects-btn.png') 0 -23px;
}
.next-carousel {
    position: absolute;
    float: left;
    width: 23px;
    height: 23px;
    top: -48px;
    right: 8px;
    background: url('../images/completed-projects-btn.png') 23px 0;
}
.next-carousel:hover {
    background: url('../images/completed-projects-btn.png') 23px -23px;
}
/*карусель закончилась*/
/*новый блок "последние объекты" закончился*/

#indexSlider .textContainer { background: #764B3A; height: 100%; padding: 4px 15px; box-sizing: border-box; }
#indexSlider div.textContainer table {margin: 0; text-align: center;  line-height: 1.4;  width: 100%;  border-spacing: 2px;  border-collapse: separate; }
#indexSlider div.textContainer table, #indexSlider div.textContainer table th { color: #FDECB5;  font-size: 14px; }
#indexSlider div.textContainer table tbody tr:nth-child(odd) { background: #5F3E30; }
#indexSlider div.textContainer table sup { vertical-align: top; font-size: 0.8em; }
#indexSlider div.textContainer table td, #indexSlider div.textContainer table th { text-align: center;  padding: 8px 10px; }
#indexSlider div.textContainer .profit { color: #98FF8A; font-weight: bold; }
#indexSlider div.textContainer .sorrow { color: #FD9425; }
#indexSlider div.textContainer .large { font-size: 1.4em !important; }
#indexSlider div.textContainer .bold { font-weight: bold !important; }
#indexSlider div.textContainer table ul { text-align: left; }
#indexSlider div.textContainer table .compare-title { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 24px; letter-spacing: 5px; }
#indexSlider div.textContainer span { font: inherit; }
.container { width: 940px;  margin: 0 auto;}
.slider-title  {font-size: 25px;  text-transform: uppercase;  font-family: "Conv_dinpro-bold";  color: rgb(80, 47, 24);  text-align: center;  margin: 15px 0 30px 0;}