html {margin:0; padding: 0;}
body {margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 300; color:#000; background: #fff;}

ul {padding: 0; margin-left: 20px;}
a {color:#0378da; text-decoration: none;}
a span {border-bottom: 1px solid #0378da;}
a:hover {color:#cc0000;}
a:hover span {border-bottom: 1px solid #cc0000;}
hr {margin:0; padding: 0;}
h1, h4, h5 {margin:0; font-size: 33px; text-align: left; padding:0;}
h2, h3 {margin:0; padding: 0; font-size: 17px; text-align: left;}

#fio-error, #phone-error {display: none!important;}
input.error {border:1px solid red;}

.space {width:100%; height: 42px; position: relative;}

.user-city {margin:0; font-size: 33px; text-align: left; padding:0; font-weight:bold}
form {width:440px;}
form p {text-align: center; font-size: 18px; margin: 30px 0 20px 0;}
p.normal {font-size: 15px!important;  margin:20px 0 0 0;}
.top-form {background: #f5f3f3; padding:30px 0 25px 0;}
.mid-form {padding:0 30px; background: #fff;}
.mid-form p { margin:15px 0 5px 0;}
p.title1 {font-size: 33px!important;}

.wBox {width:960px; position: relative; margin:0 auto;}
.clr {clear: both; font-size: 0; height: 0; width:100%;}
.btn, .btn5 {
display: block; text-align: center; text-decoration: none; color:#371400; font-weight: 300; border:none; border-bottom:3px solid #D0730C; border-radius: 10px; outline: none; box-sizing:border-box; 
background: #f8c335;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YzMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGFhMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8c335 0%, #fdaa38 100%);
background: -webkit-linear-gradient(top,  #f8c335 0%,#fdaa38 100%);
background: linear-gradient(to bottom,  #f8c335 0%,#fdaa38 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c335', endColorstr='#fdaa38',GradientType=0 );
-webkit-box-shadow: 0px 6px 8px 0px rgba(218, 136, 15, 0.32);
-moz-box-shadow:    0px 6px 8px 0px rgba(218, 136, 15, 0.32);
box-shadow:         0px 6px 8px 0px rgba(218, 136, 15, 0.32);
}

/* Button shadow */
@-webkit-keyframes r21 {from {box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;}to {box-shadow: 0 0 9px 6px rgba(255, 48, 26, 0), 0 0 4px 31px rgba(255, 48, 26, 0);}}
@-moz-keyframes r21 {from { box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;} to {box-shadow: 0 0 9px 6px rgba(255, 48, 26, 0), 0 0 4px 31px rgba(255, 48, 26, 0);}}
@keyframes r21 {from { box-shadow: 0 0 8px 6px #ffa70f, 0 0 12px 14px #ffa70f;}to {box-shadow: 0 0 9px 6px rgba(255, 48, 26, 0), 0 0 4px 31px rgba(255, 48, 26, 0);}}

.btn:hover, .btn5:hover {box-shadow:none;-webkit-animation: r21 0.8s 0s ease-out 1;-moz-animation: r21 0.8s 0s ease-out 1;animation: r21 0.8s 0s ease-out 1; color:#371400; border:none;}


/** POPUP **/
.popup-wrap {width:911px; height: 493px;}
.popup-wrap .l, .popup-wrap .r {position: absolute;}
.popup-wrap .l {left:30px; top:40px;}
.popup-wrap .r {right: 30px; top:10px;}
.popup-wrap .f-title {font-size: 30px; line-height: 36px; color:#fdab38; font-weight: 700; margin-bottom: 10px;}
.popup-wrap .f-subtitle {font-size: 16px; line-height: 25px; color:#fff; font-weight: 400;}

#price {background: url(/images/price-bg.jpg) 0 0 no-repeat;}
#zvonok {background: url(/images/zvonok-bg.jpg) 0 0 no-repeat;}
#podarok {background: url(/images/podarok-bg.jpg) 0 0 no-repeat;}

/** HEADER **/
.header-wrap {width:100%; min-height: 610px; padding-top:40px; background: url(/images/header-bg1.jpg) center top no-repeat #F9F9F9; position: relative; overflow: hidden;}
.header {height: 60px; margin-bottom: 40px; position: relative;}
.header .logo {float:left; background: url(/images/logo.png) 0 0 no-repeat; margin-left: 15px; padding-left:150px; height:41px; line-height: 20px; margin-top: 7px;}
.header a {display: block; float:right; width:245px; height: 46px; line-height: 46px; margin-right: 15px; font-size: 15px;}
.header .contacts {float:right; text-align: right; margin-right: 20px; line-height: 27px;}
.header .contacts span {font-size: 25px; line-height: 23px;}

.text-block {float:left; width:900px; padding-top:60px; margin-left: 15px;}
.text-block p {margin:20px 0;}
.text-block p span {font-weight: bold;}
.text-block a {display: block; width:400px; height: 84px; line-height: 84px; font-size: 21px; text-decoration: none;}

.sub-header {position: relative;}
.sub-header img {position: absolute; top:-60px; right:-50px;}
.sub-header .rukovoditel {position: absolute; right:25px; top:400px; background: url(/images/ruk-bg.png); padding:10px 15px;}
.sub-header .rukovoditel span {font-weight: 300;}

/** HEADER2 **/
.header-wrap2 {width:100%; min-height: 480px; padding-top:40px; background: url(/images/header-bg1.jpg) center top no-repeat #F9F9F9; position: relative; overflow: hidden;}
.header2 {height: 60px; margin-bottom: 40px; position: relative;}
.header2 .logo {float:left; background: url(/images/logo.png) 0 0 no-repeat; margin-left: 15px; padding-left:150px; height:41px; line-height: 20px; margin-top: 7px;}
.header2 a {display: block; float:right; width:245px; height: 46px; line-height: 46px; margin-right: 15px; font-size: 15px;}
.header2 .contacts {float:right; text-align: right; margin-right: 20px; line-height: 27px;}
.header2 .contacts span {font-size: 25px; line-height: 23px;}

.text-block2 {float:left; width:900px; padding-top:60px; margin-left: 0px;}
.text-block2 p {margin:20px 0;}
.text-block2 p span {font-weight: bold;}
.text-block2 a {display: block; width:400px; height: 84px; line-height: 84px; font-size: 21px; text-decoration: none;}

.sub-header2 {position: relative;}
.sub-header2 img {position: absolute; top:-60px; right:-50px;}
.sub-header2 .rukovoditel {position: absolute; right:25px; top:400px; background: url(/images/ruk-bg.png); padding:10px 15px;}
.sub-header2 .rukovoditel span {font-weight: 300;}


/** HEADER3 **/
.header-wrap3 {width:100%; min-height: 750px; padding-top:40px; background: url(/images/header-bg.jpg) center top no-repeat #F9F9F9; position: relative; overflow: hidden;}
.header3 {height: 60px; margin-bottom: 40px; position: relative;}
.header3 .logo {float:left; background: url(/images/logo.png) 0 0 no-repeat; margin-left: 15px; padding-left:150px; height:41px; line-height: 20px; margin-top: 7px;}
.header3 a {display: block; float:right; width:245px; height: 46px; line-height: 46px; margin-right: 15px; font-size: 15px;}
.header3 .contacts {float:right; text-align: right; margin-right: 20px; line-height: 27px;}
.header3 .contacts span {font-size: 25px; line-height: 23px;}

.text-block3 {float:left; width:900px; padding-top:60px; margin-left: 0px;}
.text-block3 p {margin:20px 0;}
.text-block3 p span {font-weight: bold;}
.text-block3 a {display: block; width:400px; height: 84px; line-height: 84px; font-size: 21px; text-decoration: none;}

.sub-header3 {position: relative;}
.sub-header3 img {position: absolute; top:-60px; right:-50px;}
.sub-header3 .rukovoditel {position: absolute; right:25px; top:400px; background: url(/images/ruk-bg.png); padding:10px 15px;}
.sub-header3 .rukovoditel span {font-weight: 300;}

/** LOGO **/
.logos {padding: 40px 0;}

/** TOP MENU **/
.top-menu {position: fixed;z-index: 99; top:0; background: #fff; width:100%; height:42px;-webkit-box-shadow: 0px 3px 7px 0px rgba(80, 49, 1, 0.15);
-moz-box-shadow:    0px 3px 7px 0px rgba(80, 49, 1, 0.15);
box-shadow:         0px 3px 7px 0px rgba(0, 0, 0, 0.15);}
.top-menu ul {display: table; margin:0 auto;}
.top-menu ul li {list-style: none; float:left; height: 42px; line-height: 42px; padding:0 10px;}
.top-menu ul li a {font-size: 15px; color:#000; text-decoration: none; font-weight: 300;}
.top-menu ul li a span {border-bottom: 1px solid #848484;}
.top-menu ul li a:hover span {border-bottom: none;}

/** LAND INFO **/
.block1 {background: #f5f3f3; padding-top:70px; overflow: hidden; position: relative;}
.land-info {width:325px; position: absolute; top:55px; right:20px; z-index:50;}
.land-info p {font-size: 25px; margin:50px 0 30px 0;}

.land-img {float:left;-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.21); box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.21); margin-left: 20px;}
.land-desc {float:right; margin-top:305px; width:325px; margin-right: 20px;}
.land-desc p {font-size:18px; margin:0 0 15px 0; padding: 0;}
.land-desc a {font-size: 18px; text-decoration: none;}
.land-desc a.btn {width:100%; display: block; font-size: 16px; height:50px; line-height: 50px;  margin-top:25px;}

.controls {height:60px; padding-left:45px; background: url(/images/control.png) 0 0 no-repeat; line-height: 30px; width:280px; position: absolute; right:0; top:550px;z-index:50; margin-right:20px;}
.controls a {display: block; color:#000; text-decoration: none;}
.controls a:hover {text-decoration: underline; }

/** CORP INFO **/
.block2 {background: #f9f9f9; padding-top:70px; overflow: hidden; position: relative;}
.corp-info {width:340px; position: absolute; top:45px; left:20px;}
.corp-info p {font-size: 25px; margin:50px 0 30px 0;}

.corp-img {float:right;-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.21); box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.21); margin-right: 20px;}
.corp-desc {float:left; margin-top:295px; width:325px; margin-left:20px;}
.corp-desc p {font-size:18px; margin:0 0 15px 0; padding: 0;}
.corp-desc a {font-size: 18px; text-decoration: none;}
.corp-desc a.btn {width:100%; display: block; font-size: 16px; height:50px; line-height: 50px; margin-top:25px;}
.block2 .controls {left:0; margin-right: 0; margin-left:20px;}

/** FORMA RASCHETA **/
.block3 {width:100%; height:960px; padding-top:100px; background: url(/images/block3-bg.jpg) center top no-repeat; }
.block3 h4 {margin-bottom: 30px;}
.form-bg {background: url(/images/form-bg.jpg) center top no-repeat; width:100%; height:688px; margin-top:86px; }
.block3 .form-wrap {width:440px; height:490px; padding:10px 30px 0 30px;}
.form-wrap {border-top:9px solid #f5f3f3; background: #fff; position: absolute; top:335px; right:35px;-webkit-box-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow:    0px 20px 120px 0px rgba(0, 0, 0, 0.21); box-shadow:  0px 20px 120px 0px rgba(0, 0, 0, 0.21);}
.form-wrap p {text-align: center; font-size: 18px; margin:30px 0 20px 0;}

input {width:100%; padding:0 10px; box-sizing:border-box; height: 75px; line-height: 75px; text-align: center; background: #f9f9f9; color:#404040;border:none; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; outline: none;
    -webkit-box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
 }
button {height: 84px; width:100%; font-size: 21px; margin-top:30px; border:none; outline: none;}

/** BLOCK4 **/
.block4 {width:100%; background: #f9f9f9; padding:100px 0;}
.block4 h5 {margin-bottom: 30px;}
.block4 p {margin-bottom: 5px;}

/** FOOTER **/
.footer {background: #f5f3f3; padding:80px 0 65px 0; width:100%; overflow: hidden;}
.title {font-size:33px; margin-bottom: 25px;}
.column1 {float:left; width:320px; margin-left:0px;}
.socials {display: table; margin:20px 0;}
.socials li {float:left; margin-right: 15px; list-style: none;}

.column2 {float:left; margin-left:110px;}
.footer a {display: block; margin-bottom: 5px; text-decoration: none;}


/** THANKS PAGE **/

p.title3 {text-align: center; font-size: 33px; margin-top:170px;}
.thanks {display: block; width:450px; margin:0 auto; height: 84px; line-height: 84px; font-size: 25px; margin-top:30px;}

/** SAMPLE PAGE **/
.sample {text-align: center; padding:0px 70px 70px 70px; background: #f9f9f9;}
.sample img {-webkit-box-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow:    0px 12px 120px 0px rgba(0, 0, 0, 0.21); box-shadow:  0px 20px 120px 0px rgba(0, 0, 0, 0.21);}

/** ARTICLE **/
.article-page .header-wrap {min-height: 60px; padding-bottom: 10px; padding-top:20px;}
.article-page .header-wrap .header {margin-bottom: 0;}

.article-page-img {width:100%; height: 298px; background:url(/images/article-page-img.jpg) top center no-repeat;}
.last-box {width:100%; padding:60px 0; background: #f5f3f3; position: relative;}
.last-box ul.articles li {margin-top:30px;}

.article-box {width:100%; padding:60px 0;}
.article-box h5 {margin-bottom: 30px;}
.article-box p {margin-bottom: 5px;}

.article-box .btn, .article-wrap .btn {
    display: table;
    margin:60px auto 0 auto;
    padding:0 55px;
    height: 84px;
    line-height: 90px;
    color: #503202;
    font-size: 21px;
    text-decoration: none;
    font-weight: 300;
}

.article-wrap {position: relative; display: table; padding-bottom: 60px;}
ul.articles {display: table; margin:0 auto;}
ul.articles li {float:left; width:282px; list-style: none; margin: 60px 0 0 55px;}
ul.articles li:nth-child(3n+1) {margin-left: 0;}
ul.articles li img {margin-bottom: 15px;}


/** Carousel **/


.jcarousel {
    position: relative;
    overflow: hidden;
    width: 920px;
    margin:0 auto;
    height: 140px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width:230px; 
    text-align: center;
}
.jcarousel li p {margin-top: 10px; font-size: 15px; line-height: 1.5;}

.jcarousel1 {
    position: relative;
    overflow: hidden;
    width: 100%;

}

.jcarousel1 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel1 li {
    float: left;
    width:960px; 
}

.jcarousel-control-prev, .jcarousel-control-next {
    width:71px;
    height: 71px;
    position: absolute;
    top:50%;
    margin-top:-81px;
    cursor: pointer;
    z-index: 60;
}
.block2 .jcarousel-control-prev, .block2 .jcarousel-control-next {margin-top:-35px;}
.jcarousel-control-prev {background: url(/images/l-arr.png) no-repeat; left:0;}
.jcarousel-control-next {background: url(/images/r-arr.png) no-repeat; right:0;}
.jcarousel-control-prev:hover {background: url(/images/l-arr-hover.png) no-repeat;}
.jcarousel-control-next:hover {background: url(/images/r-arr-hover.png) no-repeat;}


.fw-carousel {
    position: relative;
    overflow: hidden;
    height: 700px;
    width:100%;
}

.fw-carousel .jcarousel-control-prev,.fw-carousel .jcarousel-control-next {margin-top:-35px;}
.fw-carousel .jcarousel-control-prev {left:50%; margin-left:-480px;}
.fw-carousel .jcarousel-control-next {right: 50%; margin-right: -480px;}

.fw-carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.fw-carousel li {
    float: left;
    height: 700px;
    position: relative;
}

.fw-text {
    position: absolute;
    top:490px;
    left:50%;
    margin-left:60px;
    background: #fff;
    font-weight: 700;
    font-size: 18px;
    padding:30px 35px;
}
.fw-text span {display: block; font-weight: 300; font-size: 16px; margin-top:10px; line-height: 24px;}

@font-face {
    font-family: 'daysregular';
    src: url('/fonts/days.woff2') format('woff2'),
         url('/fonts/days.woff') format('woff'),
         url('/fonts/days.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}