@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
img{
    border: none;
}
textarea{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active{
         outline: none transparent!important;
    box-shadow: none;
    -moz-outline: none!important;
}
input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]{
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}
:focus{
    outline: none;
}
::-webkit-input-placeholder{
    color: #6f7681;
}
::-moz-placeholder{
    color: #6f7681;
}/* Firefox 19+ */
:-moz-placeholder{
    color: #6f7681;
}/* Firefox 18- */
:-ms-input-placeholder{
    color: #6f7681;
}
.error ::-webkit-input-placeholder{
    color: #f30b0b;
}
.error ::-moz-placeholder{
    color: #f30b0b;
}/* Firefox 19+ */
.error :-moz-placeholder{
    color: #f30b0b;
}/* Firefox 18- */
.error :-ms-input-placeholder{
    color: #f30b0b;
}
/*---------------
    Main styles
---------------*/
.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    background: #fff;
    -webkit-text-size-adjust: 100%;
}
.site_wrap{
    overflow: hidden;
}
.cont{
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
.form .line_flex{
    display: flex;
    margin-left: -13px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.form .line_form{
    margin-bottom: 17px;
}
.form .line_flex .line_form,
.form .line_flex .submit{
    width: 25%;
    padding-left: 13px;
}
.form .line_flex .submit{
    margin: 0 0 17px;
    order: 4;
}
.form .line_flex .submit .submit_btn{
    width: 100%;
    min-width: 1px;
}
.form .line_flex .agree{
    width: calc(100% - 13px);
    margin: 7px 0 0 13px;
    order: 5;
}
.form .input,
.form textarea{
    display: block;
    width: 100%;
    height: 62px;
    padding: 0 22px;
    color: #6f7681;
    font: 16px Roboto;
    border: 2px solid #d3d5d8;
    background: #fff;
}
.form textarea{
    height: 300px;
    padding: 15px 22px;
    resize: none;
}
.form .input:focus,
.form textarea:focus{
    border-color: #94979a;
}
.form .error .input,
.form .error textarea{
    border-color: #fab4b4;
}
.form .submit{
    margin-top: 38px;
    text-align: center;
}
.form .submit_btn{
    display: inline-block;
    vertical-align: top;
    min-width: 281px;
    height: 62px;
    padding: 0 25px;
    color: #fff;
    font: 700 16px Roboto;
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    transition: .2s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.form .submit_btn:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d412c+0,8a634c+100 */
    background: rgb(109,65,44); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(109,65,44,1) 0%, rgba(138,99,76,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(109,65,44,1) 0%,rgba(138,99,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(109,65,44,1) 0%,rgba(138,99,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d412c', endColorstr='#8a634c',GradientType=1 ); /* IE6-9 */
}
.form .agree{
    position: relative;
    margin-top: 20px;
    padding-left: 24px;
    color: #64676c;
    font: 13px/18px Roboto;
}
.form .agree:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 20px;
    background: url(../images/ic_agree.png) 0 0 no-repeat;
    content: '';
}
.form .agree a{
    color: #64676c;
    border-bottom: 1px solid #64676c;
    text-decoration: none;
    transition: .2s linear;
}
.form .agree a:hover{
    color: #6d412c;
    border-bottom-color: transparent;
}
.form .title{
    margin-bottom: 6px;
    color: #333840;
    font: 300 28px Roboto;
    text-align: center;
}
.form .sub_Title{
    margin-bottom: 28px;
    color: #6f7681;
    font: 15px/24px Roboto;
    text-align: center;
}
.text_abs{
    position: absolute;
    top: 50%;
    right: 50%;
    width: 575px;
    height: 75px;
    margin-top: -37.5px;
    margin-right: 450px;
    color: rgba(0,0,0,.10);
    font: 75px/75px Roboto;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    pointer-events: none;
    transform: rotate(-90deg);
}
/*---------------
   Header
---------------*/
header{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 29px 0;
    background: rgba(0,0,0,.80);
}
header.fixed{
    position: fixed;
    padding: 17px 0;
    background: #1d2a39;
    -webkit-animation: moveDown .5s;
            animation: moveDown .5s;
}
header .cont{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
header .mob_menu_link{
    position: relative;
    z-index: 100;
    display: none;
    width: 20px;
    height: 16px;
}
header .mob_menu_link span{
    position: relative;
    display: block;
    height: 3px;
    margin: 0 auto;
    border-radius: 50px;
    background: #fff;
    transition: .2s linear;
}
header .mob_menu_link span + span{
    margin-top: 3px;
}
header .mob_menu_link.active span:nth-child(2){
    opacity: 0;
}
header .mob_menu_link.active span:nth-child(1){
    top: 6px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
header .mob_menu_link.active span:nth-child(3){
    top: -6px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
header .menu{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
header .menu a + a{
    margin-left: 30px;
}
header .menu a{
    display: block;
    color: #fff;
    font: 700 16px Roboto;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s linear;
}
header .menu a:hover{
    color: rgba(255,255,255,.50);
}
header .logo{
    margin: 0 auto;
}
header .logo img{
    display: block;
    max-width: 100%;
}
header.fixed .logo{
    width: 83px;
}
header .mail{
    margin-left: 90px;
}
header .mail a{
    color: #fff;
    font: 700 14px Roboto;
    text-decoration: none;
    text-transform: uppercase;
}
header .call_box{
    text-align: right;
}
header .tel a{
    color: #fff;
    font: 700 18px Roboto;
    text-decoration: none;
}
header .call{
    margin-top: 2px;
}
header .call a{
    color: #fff;
    font: 13px Roboto;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    transition: .2s linear;
}
header .call a:hover{
    color: rgba(255,255,255,.50);
    border-bottom-color: transparent;
}
/*---------------
   Main section
---------------*/
section .main_title{
    color: #000;
    font: 700 30px Times New Roman;
    text-align: center;
    text-transform: uppercase;
}
section .subTitle{
    margin-top: 16px;
    color: #333840;
    font: 300 19px/28px Roboto;
    text-align: center;
}
.text_page{
    padding: 70px 0 100px;
}
.text_block{
    color: #6f7681;
    font: 15px Roboto;
}
.text_block h1{
    margin-bottom: 24px;
    color: #000;
    font: 700 40px Times New Roman;
    text-transform: uppercase;
}
.text_block h2{
    margin-bottom: 24px;
    color: #000;
    font: 700 35px Times New Roman;
    text-transform: uppercase;
}
.text_block h3{
    margin-bottom: 24px;
    color: #000;
    font: 700 30px Times New Roman;
    text-transform: uppercase;
}
.text_block h4{
    line-height: 24px;
}
.text_block p{
    margin-bottom: 24px;
    line-height: 24px;
}
.text_block a{
    color: #64676c;
    border-bottom: 1px solid #64676c;
    text-decoration: none;
    transition: .2s linear;
}
.text_block a:hover{
    color: #6d412c;
    border-bottom-color: transparent;
}
.text_block img{
    display: block;
    width: 100%;
    margin-bottom: 24px;
}
.text_block ul li{
    position: relative;
    padding-left: 30px;
    line-height: 28px;
    list-style: none;
}
.text_block ul li:before{
    position: absolute;
    top: 6px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../images/check.png) 0 0 no-repeat;
    content: '';
}
.text_block ul li + li{
    margin-top: 30px;
}
.text_block > :last-child{
    margin-bottom: 0;
}
.main_slider{
    position: relative;
}
.main_slider .slide{
    position: relative;
    display: none;
    overflow: hidden;
    height: 100vh;
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.main_slider .slide:before{
    position: absolute;
    top: 145px;
    right: 50%;
    z-index: 0;
    width: 440px;
    height: calc(100% - 290px);
    max-height: 671px;
    margin-right: 390px;
    opacity: .8;
    background: url(../images/dots_white.png) 0 0 repeat;
    content: '';
    pointer-events: none;
}
.main_slider .slide:first-child,
.main_slider .owl-loaded .slide{
    display: flex;
}
.main_slider .slide .cont{
    width: 100%;
    margin: auto;
}
.main_slider .title{
    color: #fff;
    font: 700 80px/85px Times New Roman;
    text-transform: uppercase;
    letter-spacing: .035em;
}
.main_slider .text{
    margin-top: 10px;
    color: #fff;
    font: 300 28px Roboto;
}
.main_slider .box_thumbs{
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 2;
    width: 100%;
}
.main_slider .thumbs{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.main_slider .thumbs a{
    position: relative;
    display: block;
    width: calc(20% - 22px);
    box-shadow: 0 22px 46px rgba(0,0,0,.60);
}
.main_slider .thumbs a.active{
    outline: 2px solid #fff;
    outline-offset: -2px;
}
.main_slider .thumbs a:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(../images/ic_lupa.png) 50% 50% no-repeat;
    content: '';
    transition: .2s linear;
}
.main_slider .thumbs a:hover:before{
    opacity: 1;
}
.main_slider .thumbs a:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgb(158,94,64);
    background:    -moz-linear-gradient(top, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%);
    background: -webkit-linear-gradient(top, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%);
    background:         linear-gradient(to bottom, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%);
    content: '';
    transition: .2s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=0 );
}
.main_slider .thumbs a:hover:after{
    opacity: .53;
}
.main_slider .thumbs a.active:hover:before,
.main_slider .thumbs a.active:hover:after{
    opacity: 0;
}
.main_slider .thumbs a img{
    display: block;
    width: 100%;
}
.section_about{
    position: relative;
    padding: 80px 0;
    text-align: center;
}
.section_about:before{
    position: absolute;
    top: 77px;
    left: 50%;
    z-index: 0;
    width: 275px;
    height: 264px;
    margin-left: 437px;
    background: url(../images/dots_grey.png) 0 0 repeat;
    content: '';
    pointer-events: none;
}
.section_about .items_marg{
    margin-left: -30px;
}
.section_about .items{
    display: flex;
    max-width: 880px;
    margin: -10px auto 0;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.section_about .items .item{
    width: calc(33.333% - 30px);
    margin: 54px 0 0 30px;
}
.section_about .items .item .icon{
    display: flex;
    width: 114px;
    height: 114px;
    margin: 0 auto;
    padding: 17px;
    border-radius: 50%;
    background: rgb(158,94,64);
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%);
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%);
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%);
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 );
}
.section_about .items .item .icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.section_about .items .item .name{
    margin-top: 26px;
    color: #000;
    font: 700 20px Roboto;
}
.section_about .items .item .text{
    margin-top: 6px;
    color: #6f7681;
    font: 15px/21px Roboto;
}
.products{
    position: relative;
    padding: 73px 0 107px;
}
.productsGrey{
    background: #f8f9fb;
}
.productsGrey:before{
    position: absolute;
    top: 75px;
    left: 50%;
    z-index: 0;
    width: 440px;
    height: 671px;
    margin-left: 395px;
    background: url(../images/dots_grey.png) 0 0 repeat;
    content: '';
}
.products .grid{
    display: flex;
    margin: 16px 0 0 -20px;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}
.products .product{
    position: relative;
    width: calc(33.333% - 20px);
    margin: 20px 0 0 20px;
    padding: 0 32px 106px;
    border: 1px solid #f4f4f4;
    border-top: none;
    background: #fff;
    transition: .2s linear;
}
.productsGrey .product{
    border-color: #fff;
}
.products .product:hover{
    border-color: #fff;
    box-shadow: 0 6px 54px rgba(71,71,81,.09);
}
.products .product .nember{
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 3;
    padding: 0 11px;
    color: #fff;
    font: 13px/23px Roboto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.products .product .thumb{
    width: calc(100% + 66px);
    margin-left: -33px;
}
.products .product .thumb a{
    position: relative;
    display: block;
}
.products .product .thumb a:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: '';
    transition: .2s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.products .product .thumb a:hover:before{
    opacity: .53;
}
.products .product .thumb a:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(../images/ic_lupa.png) 50% 50% no-repeat;
    content: '';
    transition: .2s linear;
}
.products .product .thumb a:hover:after{
    opacity: 1;
}
.products .product .thumb img{
    display: block;
    width: 100%;
}
.products .product .box_price{
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.products .product .price{
    margin-top: 14px;
    margin-right: 10px;
    color: #333840;
    font: 700 24px Roboto;
    border-bottom: 2px solid #9e5e40;
}
.products .product .box_price .box{
    display: flex;
    margin-top: 14px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.products .product .box_price a + a{
    margin-left: 3px;
}
.products .product .box_price a{
    display: block;
    width: 33px;
    height: 33px;
    color: #6f7681;
    font: 20px/33px Roboto;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}
.products .product .box_price a:hover{
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f7681+0,bbbec2+100 */
    background: rgb(111,118,129); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(111,118,129,1) 0%, rgba(187,190,194,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(111,118,129,1) 0%,rgba(187,190,194,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(111,118,129,1) 0%,rgba(187,190,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7681', endColorstr='#bbbec2',GradientType=1 ); /* IE6-9 */
}
.products .product .box_price a.active{
    color: #fff;
    font-weight: 700;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.products .product .box_info{
    margin-top: 24px;
}
.products .product .line_info{
    position: relative;
    display: flex;
    color: #6f7681;
    font: 14px Roboto;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.products .product .line_info + .line_info{
    margin-top: 10px;
}
.products .product .line_info:before{
    position: absolute;
    top: 16px;
    left: 0;
    z-index: 0;
    width: 100%;
    border-top: 1px dotted #d6d7e2;
    content: '';
}
.products .product .name_info{
    position: relative;
    z-index: 1;
    max-width: 65%;
    background: #fff;
}
.products .product .info{
    position: relative;
    z-index: 1;
    max-width: 30%;
    background: #fff;
}
.products .product .sing_up{
    position: absolute;
    bottom: 29px;
    left: 0;
    width: 100%;
    padding: 0 32px;
}
.products .product .sing_up a{
    display: block;
    color: #fff;
    font: 700 13px/49px Roboto;
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.products .product .sing_up a:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d412c+0,8a634c+100 */
    background: rgb(109,65,44); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(109,65,44,1) 0%, rgba(138,99,76,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(109,65,44,1) 0%,rgba(138,99,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(109,65,44,1) 0%,rgba(138,99,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d412c', endColorstr='#8a634c',GradientType=1 ); /* IE6-9 */
}
.more_all{
    margin-top: 38px;
    text-align: center;
}
.more_all a{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2px;
    color: #000;
    font: 700 16px Roboto;
    border-bottom: 2px solid #9e5e40;
    text-align: center;
    text-decoration: none;
    transition: .2s linear;
}
.more_all a:hover{
    color: #9e5e40;
    border-bottom-color: transparent;
}
.comments{
    position: relative;
    padding: 86px 0 90px;
    background: #f8f9fb;
}
.comments:after{
    position: absolute;
    top: -438px;
    left: 50%;
    z-index: 0;
    width: 340px;
    height: 671px;
    margin-left: 395px;
    background: url(../images/dots_grey.png) 0 0 repeat;
    content: '';
}
.slider_comments{
    margin-top: 50px;
    padding: 0 75px;
}
.slider_comments .comment{
    display: none;
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.slider_comments.owl-loaded .comment{
    display: block;
}
.slider_comments .comment .img{
    padding: 8px;
    background: #fff;
}
.slider_comments .comment a{
    position: relative;
    display: block;
}
.slider_comments .comment a:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: '';
    transition: .2s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.slider_comments .comment a:hover:before{
    opacity: .53;
}
.slider_comments .comment a:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(../images/ic_lupa.png) 50% 50% no-repeat;
    content: '';
    transition: .2s linear;
}
.slider_comments .comment a:hover:after{
    opacity: 1;
}
.slider_comments .comment img{
    display: block;
    width: 100%;
}
.section_adres{
    padding: 86px 0 60px;
}
.section_adres .items{
    display: flex;
    margin: 20px 0 0 -20px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.section_adres .item{
    width: calc(33.333% - 20px);
    max-width: 245px;
    margin: 20px 0 0 20px;
    text-align: center;
}
.section_adres .item .icon{
    display: flex;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    padding: 17px;
    border-radius: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e5e40+0,c8906e+100 */
    background: rgb(158,94,64); /* Old browsers */
    background:    -moz-linear-gradient(left, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=1 ); /* IE6-9 */
}
.section_adres .item .icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.section_adres .item .number{
    margin-top: 16px;
    color: #333840;
    font: 700 28px Roboto;
}
.section_adres .item .text{
    margin-top: 6px;
    color: #6f7681;
    font: 15px Roboto;
}
.plan_village{
    position: relative;
    z-index: 1;
    padding: 86px 0 90px;
}
.plan{
    margin-top: 40px;
}
.plan img{
    display: block;
    width: 100%;
}
.info_plan{
    display: flex;
    margin: 15px 0 0 -30px;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.info_plan .item{
    width: auto;
    min-width: 295px;
    max-width: calc(33.333% - 30px);
    margin: 30px 0 0 30px;
}
.info_plan .item .title{
    color: #000;
    font: 700 20px Roboto;
}
.info_plan .item ul{
    margin-top: 20px;
}
.info_plan .item ul li{
    position: relative;
    padding-left: 30px;
    color: #6f7681;
    font: 15px Roboto;
    list-style: none;
}
.info_plan .item ul li + li{
    margin-top: 10px;
}
.info_plan .item ul li:before{
    position: absolute;
    top: 9px;
    left: 0;
    width: 19px;
    height: 1px;
    background: #935f42;
    content: '';
}
.advantages{
    display: flex;
    margin-top: 60px;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.advantages .img{
    width: calc(42% - 3px);
}
.advantages .img img{
    display: block;
    width: 100%;
}
.advantages .box_info{
    width: calc(58% - 30px);
    max-width: 648px;
    margin-top: 46px;
}
.advantages .text_block h3{
    line-height: 45px;
}
#map{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 600px;
    margin-top: 66px;
}
.section_form{
    position: relative;
    padding: 60px 0 70px;
    background: #f8f9fb;
}
.section_form:after{
    position: absolute;
    top: -340px;
    left: 50%;
    z-index: 0;
    width: 340px;
    height: 671px;
    margin-left: 365px;
    background: url(../images/dots_grey.png) 0 0 repeat;
    content: '';
}
.section_form .form{
    position: relative;
    z-index: 1;
    padding: 60px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(0,0,0,.23);
}
/*---------------
   Footer
---------------*/
footer{
    padding: 54px 0 44px;
}
footer .cont{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
footer .menu{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
footer .menu a + a{
    margin-left: 30px;
}
footer .menu a{
    display: block;
    color: #000;
    font: 700 16px Roboto;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s linear;
}
footer .menu a:hover{
    color: #6d412c;
}
footer .logo{
    margin: 0 auto;
}
footer .logo img{
    display: block;
}
footer .mail{
    margin-left: 90px;
}
footer .mail a{
    color: #9e5e40;
    font: 700 14px Roboto;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s linear;
}
footer .mail a:hover{
    color: #6d412c;
}
footer .call_box{
    text-align: right;
}
footer .tel a{
    color: #000;
    font: 700 18px Roboto;
    text-decoration: none;
    transition: .2s linear;
}
footer .tel a:hover{
    color: #6d412c;
}
footer .call{
    margin-top: 2px;
}
footer .call a{
    color: #9e5e40;
    font: 13px Roboto;
    border-bottom: 1px solid #9e5e40;
    text-decoration: none;
    transition: .2s linear;
}
footer .call a:hover{
    color: #6d412c;
    border-bottom-color: transparent;
}
/*---------------
   Modal
---------------*/
.modal{
    display: none;
    overflow: visible !important;
    width: calc(100% - 30px);
    max-width: 630px;
    padding: 62px 72px 62px;
    background: #fff;
}
.modal_processing{
    padding-right: 40px;
    padding-left: 50px;
}
.modal .title{
    color: #333840;
    font: 300 28px Roboto;
    text-align: center;
}
.modal .sub_Title{
    margin-top: 6px;
    color: #6f7681;
    font: 15px/24px Roboto;
    text-align: center;
}
.modal .form{
    margin-top: 28px;
}
.modal .slimScrollDiv{
    margin-top: 40px;
}
.modal .scroll{
    padding-right: 52px;
}
.slimScrollDiv .slimScrollBar{
    right: 0 !important;
    width: 7px  !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    cursor: pointer;
    transition: background .2s linear;
}
.slimScrollDiv .slimScrollBar:hover{
    background: #6d412c !important;
}
.slimScrollDiv .slimScrollRail{
    border-radius: 0 !important;
}
.modal_foto{
    max-width: 1200px;
    padding: 0 0 28px;
}
.modal_foto .slider .slide{
    display: none;
}
.modal_foto .slider.owl-loaded .slide,
.modal_foto .slider .slide:first-child{
    display: block;
}
.modal_foto .slider .slide img{
    display: block;
    width: 100%;
}
.modal_foto .thumbs{
    margin-top: 36px;
    padding: 0 78px;
}
.modal_foto .thumbs a{
    position: relative;
    display: none;
}
.modal_foto .thumbs.owl-loaded a,
.modal_foto .thumbs a:first-child{
    display: block;
}
.modal_foto .thumbs a.active{
    outline: 2px solid #9e5e40;
    outline-offset: -2px;
}
.modal_foto .thumbs a:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(../images/ic_lupa.png) 50% 50% no-repeat;
    content: '';
    transition: .2s linear;
}
.modal_foto .thumbs a:hover:before{
    opacity: 1;
}
.modal_foto .thumbs a:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgb(158,94,64);
    background:    -moz-linear-gradient(top, rgba(158,94,64,1) 0%, rgba(200,144,110,1) 100%);
    background: -webkit-linear-gradient(top, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%);
    background:         linear-gradient(to bottom, rgba(158,94,64,1) 0%,rgba(200,144,110,1) 100%);
    content: '';
    transition: .2s linear;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5e40', endColorstr='#c8906e',GradientType=0 );
}
.modal_foto .thumbs a:hover:after{
    opacity: .53;
}
.modal_foto .thumbs a.active:hover:before,
.modal_foto .thumbs a.active:hover:after{
    opacity: 0;
}
.modal_foto .thumbs a img{
    display: block;
    width: 100%;
}
/*---------------
   Animation
---------------*/
@-webkit-keyframes moveDown{
    0%{
        -webkit-transform: translateY(-73px);
                transform: translateY(-73px);
    }
}
@-moz-keyframes moveDown{
    0%{
        -webkit-transform: translateY(-73px);
                transform: translateY(-73px);
    }
}
@keyframes moveDown{
    0%{
        -webkit-transform: translateY(-73px);
                transform: translateY(-73px);
    }
}
@media (max-width: 1449px){
    .main_slider .cont{
        padding: 0 130px;
    }
}
@media (max-width: 1100px){
    header .mail{
        margin-left: 50px;
    }
    .section_form .form{
        padding: 60px 30px;
    }
    footer .mail{
        margin-left: 50px;
    }
}
