@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&subset=cyrillic,cyrillic-ext,latin-ext');

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700&subset=cyrillic,cyrillic-ext,latin-ext');

@font-face{
    font-family: 'SignPainter';
    font-weight: 400;

    src: url('../fonts/SignPainter.woff') format('woff'), url('../fonts/SignPainter.ttf');
}

*{
    -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]{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}
:focus{
    outline: none;
}

::-webkit-input-placeholder{
    color: #9b9b9b;
}
::-moz-placeholder{
    color: #9b9b9b;
}/* Firefox 19+ */
:-moz-placeholder{
    color: #9b9b9b;
}/* Firefox 18- */
:-ms-input-placeholder{
    color: #9b9b9b;
}

/*---------------
    Main styles
---------------*/
.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}

html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{
    background: #fff;
    background: url(../images/body_bng.jpg) 50% 0 repeat;

    -webkit-text-size-adjust: 100%;
}

.cont{
    position: relative;
    z-index: 1;

    max-width: 1200px;

    margin: 0 auto;
    padding: 0 15px;
}

.site_wrap.hide{
    overflow: hidden;
}

.site_wrap.hide header .cont:after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 255px;
    height: 100vh;
    background: #fff;
    z-index: 4;
}



.form .line_form{
    margin-bottom: 22px;
}

.form .line_form label{
    font: 14px/1.79 Roboto;
    color: #4a4a4a;

    display: inline-block;
    vertical-align: middle;
    width: 165px;
}

.form .line_form label span{
    color: #d0011b;
}

.form .input,
.form textarea{
    width: 100%;
    height: 40px;

    padding: 0 15px;

    color: #624547;
    font: 14px Roboto;

    border: 1px solid #e0e0e0;
    background: #fff;

    transition: all .2s linear;
}

.form .input:focus,
.form textarea:focus{
    border-width: 2px;
    border-color: #624547;
    box-shadow: inset 1px 1px 0 0 rgba(14, 23, 35, .28);
}

.form textarea{
    padding: 9px 15px;

    resize: none;
}

.form .submit_btn{
    width: 100%;
    height: 40px;

    padding: 0 10px;

    color: #fff;
    font: 500 16px Roboto;

    border: none;
    background: #624547;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .2s linear;
}

.form .submit_btn:hover{
    background: #473233;
}

.checkbox{
    margin: 0 0 22px 28px;
}

.checkbox input[type=checkbox]{
    display: none;
}

.checkbox label{
    position: relative;

    color: #fff;
    font: 14px Roboto;

    cursor: pointer;
}

.checkbox input[type=checkbox] + label:after{
    position: absolute;
    top: 0;
    left: -28px;

    width: 19px;
    height: 19px;

    border-radius: 3px;

    background: #fff;

    box-shadow: inset 1px 1px 0 0 rgba(14, 23, 35, 0.28);

    content: '';
}

.checkbox input[type=checkbox] + label:before{
    content: "";
    position: absolute;
    top: 4.5px;
    left: -24.5px;
    width: 13px;
    height: 10px;
    background: url(../images/check2.svg) 0 0 no-repeat;
    z-index: 1;
}

.checkbox input[type=checkbox]:checked + label:after{
    background: #3665b0;
    box-shadow: none;
}

.checkbox a{
    color: #fff;
}

.checkbox a:hover{
    text-decoration: none;
}


.slimScrollDiv .scroll{
    padding-right: 5px;
}

.slimScrollDiv .slimScrollBar{
    opacity: 1 !important;
}
/*---------------
   Header
---------------*/
.headerSmall .cont{
    z-index: auto;
}

.main_header,
.header_int{
    position: relative;

    height: 100vh;
    min-height: 570px;

    margin-bottom: -116px;

    background: url(../images/bng_header1.jpg) 50% 100% no-repeat;
    background-size: auto 100%;
}

.main_header:before,
.header_int:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;

    width: 100%;
    height: 164px;

    background: url(../images/shadow.png) 0 0 repeat-x;

    content: '';
}

.header_int{
    z-index: 2;

    margin-bottom: 0;

    background-image: none;
	background-position: 50% 0;
    /*background-size: 100% auto;*/
	background-size: cover;
}

.header_int:after{
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 159px;

    background: url(../images/bng3.png) 50% 0 no-repeat;

    content: '';
}

.header_TR{
    background-image: url(../images/bng_header3.jpg);
}

.header_TM{
    background-image: url(../images/bng_header_t.jpg);
}

.header_W{
    background-image: url(../images/bng_header_w.jpg);
}

.header_Ng{
    background-image: url(../images/bng_header2.jpg);
}

.header_fish{
    background-image: url(../images/bng_header_f.jpg);
}

header.main_header .cont,
header.header_int .cont{
    height: 100%;
}

header .top_line{
    display: flex;

    padding-top: 20px;

    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

header .logo{
    position: relative;
    z-index: 100;
}

header .logo img,
footer .logo img{
    display: block;

    max-width: 100%;
}

header .mob_menu_link{
    display: none;

    width: 22px;
    height: 21px;

    background: url(../images/menu.png) 0 0 no-repeat;
}

header .mob_menu_link.active{
    background-position: 100% 0;
}

header .menu > li{
    position: relative;

    display: inline-block;
    vertical-align: top;

    list-style: none;
}

header .menu > li + li{
    margin-left: 84px;
}

header .menu > li a{
    display: block;

    color: #624547;
    font: 700 14px/2.15 Roboto;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color .2s linear;
}

header .menu > li:hover > a{
    color: #294fa0;
}

header .menu > li > a.openSub{
    position: relative;
    padding-right: 20px;
}

header .menu > li > a.openSub:after{
    position: absolute;
    top: 50%;
    right: 0;

    width: 12px;
    height: 8px;

    margin-top: -5px;

    background: url(../images/arrow8.png) 0 0 no-repeat;

    content: '';
}
/*span.openSub{
position:relative;}
span.arrow:after{
    position: absolute;
    top: 50%;
    right: -19px;

    width: 12px;
    height: 8px;

    margin-top: -5px;

    background: url(../images/arrow9.png) 0 0 no-repeat;

    content: '';
}
*/

header .menu > li:hover > a.openSub:after{
    background-position: 100% 0;
}

header .menu > li > ul{
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 99;

    display: none;

    width: 310px;

    padding: 15px 0 10px;

    border: solid 1px #ebebeb;
    border-radius: 4px;
    background: #fff;

    transform: translateX(-50%);
}

header .menu > li > ul:before{
    position: absolute;
    top: -6px;
    left: 50%;

    width: 10px;
    height: 6px;

    background: url(../images/arrow.png) 0 0 no-repeat;

    content: '';
    transform: translateX(-50%);
}

header .menu > li:hover > ul{
    display: block;
}

header .menu > li > ul li{
    list-style: none;
}

header .menu > li > ul li a{
    display: block;
    padding: 0 5px;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 8px;
    padding-top: 8px;
}

header .menu > li > ul li a:hover{
    color: #294fa0;
}

header .mail,
header .tel{
    display: inline-block;
    vertical-align: middle;
}

header .tel{
    margin-left: 19px;
}

header .mail a{
    color: #3665b0;
    font: 16px/1.25 Roboto;

    text-decoration: none;
}

header .tel a{
    display: block;

    padding: 0 26px;

    color: #3665b0;
    font: 700 16px/32px Roboto;

    border: 2px solid #3665b0;
    border-radius: 50px;

    text-align: center;
    text-decoration: none;
}

header .box_text,
header .box_info{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 62px;
    left: 0;
    width: 100%;
    padding: 0 15px;
    z-index: 0;
}

header .info_main{
    color: #fff;
    font: 900 60px/1.17 Roboto;

    text-shadow: 0 2px 30px rgba(0, 0, 0, .3);
}

header .info_main span{
    display: none;
}

header .text_main{
    color: #fff;
    font: 35px/35px SignPainter;

    text-shadow: 0 2px 12px rgba(0, 0, 0, .3);
}

header .info_abs{
    position: absolute;
    right: 0;
    bottom: 84px;

    padding: 0 43px;

    color: #fff;
    font: 16px Roboto;

    text-shadow: 0 2px 8px rgba(0, 0, 0, .5);

    text-align: right;
}

header .title{
    color: #fff;
    font: 900 60px/1.17 Roboto;

    text-shadow: 0 2px 30px rgba(0, 0, 0, .3);

    text-align: center;
}

header .subtitle{
    margin-top: 8px;

    color: #fff;
    font: 40px/1.13 SignPainter;

    text-shadow: 0 2px 12px rgba(0, 0, 0, .3);

    text-align: center;
}
/*---------------
   Main section
---------------*/
.map_bng{
    position: relative;
    z-index: 1;

    overflow: hidden;

    min-height: 2216px;

    margin-bottom: -126px;
    padding-top: 116px;

    background: url(../images/bng_map.png) 50% 0 no-repeat;
}

.map_bng .mark{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;

    width: 162px;

    padding: 5.5px 6px 5.5px 42px;

    color: #624547;
    font: 700 14px Roboto Slab;

    border: 1.5px dashed #624547;
    border-radius: 10px;
    background: #f5efe3;

    text-decoration: none;
}

.map_bng .mark:hover{
    color: #3665b0;
}

.map_bng .mark:before{
    position: absolute;
    top: 50%;
    left: 13px;

    width: 15px;
    height: 15px;

    border-radius: 50%;
    background: #624547;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .5);

    content: '';
    transform: translateY(-50%);
}

.map_bng .mark:hover:before{
    background: #008bff;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .5);
}

.map_bng .mark:after{
    position: absolute;
    top: 50%;
    left: 9px;

    width: 23px;
    height: 23px;

    border: 1.5px solid #624547;
    border-radius: 50%;

    content: '';
    transform: translateY(-50%);
}

.map_bng .mark:hover:after{
    border-color: #3665b0;
}

.map_bng .mark1{
    top: 556px;

    margin-left: -460px;
}

.map_bng .mark2{
    top: 1122px;

    margin-left: -305px;
}

.map_bng .mark3{
    top: 1330px;

    margin-left: 286px;
}

.map_bng .mark4,
.map_bng .mark5{
    top: auto;
    bottom: 326px;

    margin-left: -394px;
}

.map_bng .mark5{
    margin-left: 312px;
}

.map_bng .book{
    width: 987px;
    height: 729px;

    margin: 0 -244px 35px 0;
    padding: 94px 544px 0 105px;

    background: url(../images/book.png) 0 0 no-repeat;
}

.map_bng .book .list{
    padding-left: 35px;

    list-style-type: none;

    counter-reset: list1;
}

.map_bng .book .list li + li{
    margin-top: 27px;
}

.map_bng .book .list li{
    position: relative;

    color: #4a4a4a;
    font: 16px/1.56 Roboto;

    counter-increment: list1;
    transform: rotate(-3deg);
}

.map_bng .book .list  li:before{
    position: absolute;
    top: 0;
    left: -35px;

    width: 26px;

    color: #624547;
    font: 35px SignPainter;

    content: counter(list1);
    text-align: center;
    transform: rotate(-2deg);
}

.map_bng .about{
    display: flex;

    padding: 60px 80px 0;

    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.map_bng .about .text{
    width: 100%;

    margin-top: 150px;

    color: #3665b0;
    font: 40px/1 SignPainter;

    text-align: center;
}

.map_bng .about .textSmall{
    width: 330px;
}

.map_bng .info,
footer .title{
    margin-top: 158px;

    color: #624547;
    font: 35px/1.14 SignPainter;

    text-align: center;
    text-align: center;
}

.map_bng .info span{
    display: block;

    font-family: Roboto;
    font-weight: 700;
}

section .main_title{
    color: #624547;
    font: 900 35px/1 Roboto;
}

section .title{
    color: #624547;
    font: 700 30px/1.17 Roboto;

    text-align: center;
}

section .titleSmall{
    color: #624547;
    font: 700 25px/1.2 Roboto;

    margin-bottom: 40px;
}

section .title_it,
footer .title_it{
    color: #624547;
    font: 40px/1.13 SignPainter;

    text-align: center;
}

section .title_it span{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding: 0 50px;
}

section .title_it span:after,
section .title_it span:before{
    position: absolute;
    top: 50%;
    right: 0;

    width: 18px;
    height: 18px;

    margin-top: -11px;

    background: url(../images/arrow2.png) 0 0 no-repeat;

    content: '';
}

section .title_it span:after{
    right: auto;
    left: 0;

    transform: rotate(-180deg);
}

section .subtitle{
    margin-top: 10px;

    color: #393939;
    font: 16px/1.56 Roboto;

    text-align: center;
}


.main_slider{
    position: relative;

    margin-top: -128px;
    padding-top: 128px;
}

.main_slider:before,
.pick_sweepers:before,
.other_amenities:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 159px;

    background: url(../images/bng3.png) 50% 0 no-repeat;

    content: '';
}

.main_slider .slider{
    margin-top: 54px;
}

.main_slider .slider .slide{
    position: relative;

    display: none;

    width: 828px;
    height: 471px;

    margin: 0 auto;
    padding: 56px 0 0 31px;

    background: url(../images/slide_bng.jpg) 0 0 no-repeat;
}

.main_slider .slider .slide:first-child,
.main_slider .slider.owl-loaded .slide{
    display: block;
}

.main_slider .slider .slide .thumb{
    width: 514px;
    height: 376px;

    transform: rotate(-6deg);
}

.main_slider .slider .slide img{
    display: block;

    width: 100%;
}

.main_slider .slider .slide .info{
    position: absolute;
    right: 30px;
    bottom: 110px;

    width: 202px;
}

.main_slider .slider .slide ul li{
    padding: 10px 5px 10px 20px;

    color: #4a4a4a;
    font: 14px Roboto;

    list-style: none;

    border-bottom: solid 1px #624547;
}

.main_slider .slider .slide .name{
    display: none;

    margin-top: 10px;

    color: #624547;
    font: 35px/1 SignPainter;

    text-align: center;
}

section .more{
    margin-top: 40px;

    text-align: center;
}

.section_projects .more,
.section_projectsSmall .more,
.section_work .more{
    margin-top: 60px;
}

section .more a,
.modal .close a{
    display: inline-block;
    vertical-align: top;

    padding: 0 30px;

    color: #fff;
    font: 500 16px/40px Roboto;

    background: #624547;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .2s linear;
}

section .more a:hover,
.modal .close a:hover{
    background: #473233;
}

.section_text{
    position: relative;
    z-index: 1;
}

.section_text .mail_box{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;

    width: 488px;
    height: 392px;

    margin-left: -707px;
    padding: 60px 0 0 134px;

    background: url(../images/mail2.png) 0 0 no-repeat;
}

.section_text .text_block{
    min-height: 263px;

    padding-left: 400px;
}

.text_block{
    color: #393939;
    font: 16px/1.56 Roboto;
}

.modal .text_block{
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.79;

    margin-top: 25px;
}

.text_block h1{
    margin-bottom: 20px;

    color: #624547;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.17;
}

.text_block h2{
    margin-bottom: 20px;

    color: #624547;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.17;
}

.text_block h3{
    margin-bottom: 20px;

    color: #624547;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.17;

    text-transform: uppercase;
}

.text_block h4{
    margin-bottom: 20px;

    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.79;

    text-transform: uppercase;
}

.text_block p{
    margin-bottom: 20px;
}

.text_block a{
    color: #008bff;
}

.text_block a:hover{
    text-decoration: none;
}

.text_block ul,
.text_block ol{
    margin: 0 0 20px 30px;
}

.text_block img{
    display: block;

    max-width: 100%;

    margin-top: 20px;
}

.text_block > :last-child,
.text_block .scroll_modal > :last-child{
    margin-bottom: 0;
}


.section_job{
    position: relative;

    padding-top: 149px;
}

.section_job:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 159px;

    background: url(../images/bng3.png) 50% 0 no-repeat;

    content: '';
}

.section_job .items{
    position: relative;
    z-index: 3;

    display: flex;

    margin-top: 48px;
    padding-right: 50px;

    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.section_job .item_wrap{
    width: 25%;
}

.section_job .item{
    margin-left: 50px;

    text-align: center;
}

.section_job .item .name{
    position: relative;

    margin-bottom: 15px;
    padding-top: 65px;

    color: #624547;
    font: 40px/1 SignPainter;
}

.section_job .item .icon{
    position: absolute;
    top: 0;
    left: 50%;

    width: 51px;
    height: 51px;

    transform: translateX(-50%);
}

.section_job .item .icon img{
    width: 100%;
    height: 100%;

    border-radius: 50%;
}

.section_job .item .list li{
    position: relative;

    color: #4a4a4a;
    font: 16px/1.56 Roboto;

    list-style: none;
}

.section_job .item .list li + li{
    margin-top: 20px;
}

.section_job .item .list li:after{
    position: absolute;
    top: -12px;
    left: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #3665b0;

    content: '';
    transform: translateX(-50%);
}

.section_job .item .list li:first-child:after{
    display: none;
}

.section_job .mail_box{
    position: absolute;
    bottom: -248px;
    left: -110px;
    z-index: 2;

    width: 655px;
    height: 372px;

    padding: 60px 0 0 164px;

    background: url(../images/mail.png) 0 0 no-repeat;
}

.section_job .mail_box .list{
    width: 172px;
}

.section_text .mail_box .list{
    width: 300px;
}

.section_job .mail_box .list li,
.section_text .mail_box .list li{
    position: relative;

    color: #624547;
    font: 40px/1.5 SignPainter;

    list-style: none;

    transform: rotate(-8deg);
}

.section_text .mail_box .list li{
    font-size: 30px;
    line-height: 1;
}

.section_text .mail_box .list li + li{
    margin-top: 16px;
}

.section_job .mail_box .list li:before,
.section_text .mail_box .list li:before{
    position: absolute;
    top: 14px;
    left: -50px;

    width: 21px;
    height: 28px;

    background: url(../images/check.svg) 0 0 no-repeat;

    content: '';
}

.section_text .mail_box .list li:before{
    top: -4px;
}

.section_amenities{
    position: relative;
    z-index: 0;

    margin-top: 176px;
    padding-bottom: 169px;

    background: url(../images/bng1.jpg) 50% 0 repeat-y;
}

.section_amenities:before,
.section_work:before,
.section_projectsSmall:before{
    position: absolute;
    top: -119px;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 119px;

    background: url(../images/bng2.png) 50% 0 no-repeat;

    content: '';
}

.section_amenities .items{
    display: flex;

    margin: -4px 0 0 -68px;

    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.section_amenities .items .item_wrap{
    width: 33.333%;

    margin-top: 79px;
}

.section_amenities .items .item{
    display: block;

    margin-left: 68px;
}

.section_amenities .items .item .icon{
    width: 100px;
    height: 117px;

    margin-right: 30px;

    background-repeat: no-repeat;
    background-position: 0 50%;
}

.section_amenities .items .item .icon1{
    background-image: url(../images/icon5.png);
}

.section_amenities .items .item .icon2{
    background-image: url(../images/icon6.png);
}

.section_amenities .items .item .icon3{
    background-image: url(../images/icon7.png);
}

.section_amenities .items .item .icon4{
    background-image: url(../images/icon8.png);
}

.section_amenities .items .item .icon5{
    background-image: url(../images/icon9.png);
}

.section_amenities .items .item:hover .icon{
    background-position: 100% 0;
}

.section_amenities .items .item .box{
    width: calc(100% - 130px);
}

.section_amenities .items .item .name{
    margin-top: 4px;

    color: #624547;
    font: 40px/.88 SignPainter;
}

.section_amenities .items .item .text{
    margin-top: 15px;

    color: #4a4a4a;
    font: 14px/1.43 Roboto;
}

.section_amenities .items .item:hover .name,
.section_amenities .items .item:hover .text{
    color: #008bff;
}

.section_projects{
    margin-top: 58px;
}

.section_projectsSmall{
    position: relative;

    margin-top: 149px;
    padding-bottom: 133px;

    background: url(../images/bng1.jpg) 50% 0 repeat-y;
}

.filter_menu{
    margin-top: 10px;
}

.filter_menu li{
    display: inline-block;
    vertical-align: top;

    list-style: none;
}

.filter_menu li + li{
    margin-left: 22px;
}

.filter_menu li a{
    display: block;

    padding-bottom: 4px;

    color: #624547;
    font: 16px/1.56 Roboto;

    border-bottom: 3px solid transparent;

    text-decoration: none;
    transition: color .2s linear, border .2s linear;
}

.filter_menu li a:hover,
.filter_menu li a.mixitup-control-active{
    color: #3665b0;

    border-color: #3665b0;
}

.projects{
    position: relative;

    margin-top: 22px;
}

.projects:before{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background: #fff;

    content: '';
}

.projects .project{
    margin-bottom: 30px;
    padding-top: 30px;

    border-top: 2px solid #ebebeb;
}

.projects .project .thumb{
    width: 439px;
}

.projects .project .thumb .slide{
    display: none;
    position: relative;
}

.projects .project .thumb .slide:first-child,
.projects .project .thumb.owl-loaded .slide{
    display: block;
}

.projects .project .thumb a{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

    text-decoration: none;
    display: block;
    padding-top: 40px;
    opacity: 0;
}

.projects .project .thumb a .number{
    color: #fff;
    font: 500 14px/1.79 Roboto;


    text-align: center;
}

.projects .project .thumb:hover a{
    opacity: 1;
}

.projects .project .thumb a .number:before{
    position: absolute;
    top: 0;
    left: 50%;

    width: 31px;
    height: 33px;

    background: url(../images/lupa.png) 0 0 no-repeat;

    content: '';
    transform: translateX(-50%);
}

.projects .project .thumb img{
    display: block;

    width: 100%;
}

.projects .project .box_ingo{
    width: calc(100% - 469px);
}

.projects .project .name{
    min-height: 70px;

    color: #624547;
    font: 700 30px/1.17 Roboto;
}

.projects .project .box{
    position: relative;

    display: flex;

    height: 210px;

    margin-top: 10px;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.projects .project .box:after{
    position: absolute;
    top: 0;
    right: 293px;

    width: 2px;
    height: 100%;

    background: #ebebeb;

    content: '';
}

.projects .project .text{
    width: calc(100% - 318px);
    height: 100%;

    color: #4a4a4a;
    font: 14px/1.79 Roboto;
}

.projects .project .box_table{
    width: 270px;
    height: 100%;
}

.projects .project .table,
.projectsSmall .project .table{
    display: table;

    width: 100%;

    margin-top: -7px;
}

.projects .project .table .tr_table,
.projectsSmall .project .table .tr_table{
    display: table-row;
}

.projects .project .table .td_name,
.projectsSmall .project .table .td_name{
    display: table-cell;
    vertical-align: top;

    width: 100px;

    padding: 7px 10px 0 0;

    color: #c5c5c5;
    font: italic 14px/1.79 Roboto;

    table-layout: fixed;
}

.projectsSmall .project .table .td_name{
    padding-top: 0;

    line-height: 1.43;
}

.projects .project .table .td_text,
.projectsSmall .project .table .td_text{
    display: table-cell;
    vertical-align: top;

    padding-top: 12px;

    color: #634546;
    font: 500 14px/1.43 Roboto;
}

.projectsSmall .project .table .td_text{
    padding-top: 0;
}

.projectsSmall{
    display: flex;

    margin: 30px 0 0 -30px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.projectsSmall .project_wrap{
    width: 33.333%;

    margin-top: 30px;
}

.projectsSmall .project{
    min-height: 100%;

    margin-left: 30px;
    padding: 30px 20px 26px;

    border-radius: 10px;
    background: #fff url(../images/line.jpg) 0 0 repeat-x;
    box-shadow: 0 8px 5px 0 rgba(88, 88, 88, .1);
}

.projectsSmall .project .name{
    min-height: 40px;

    color: #3665b0;
    font: 500 16px/1.25 Roboto;

    text-align: center;
    text-decoration: none;
}

.projectsSmall .project .thumb{
    margin-top: 10px;
}

.projectsSmall .project .thumb .slide{
    position: relative;

    display: none;
}

.projectsSmall .project .thumb .slide:first-child,
.projectsSmall .project .thumb.owl-loaded .slide{
    display: block;
}

.projectsSmall .project .thumb img{
    display: block;

    width: 100%;
}


.projectsSmall .project .thumb .slide a{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;

    opacity: 0;
    background: url(../images/lupa.png) 50% 50% no-repeat;

    transform: translate(-50%,-50%);
}

.projectsSmall .project .thumb:hover .slide a{
    opacity: 1;
}

.projectsSmall .project .table{
    margin-top: 15px;
}

.projectsSmall .project .table .td_name{
    width: 130px;
}

.section_work{
    position: relative;
    z-index: 0;

    margin-top: 120px;
    padding-bottom: 133px;

    background: url(../images/bng1.jpg) 50% 0 repeat-y;
}



.section_work .items{
    display: flex;

    margin: 25px 0 0 -30px;

    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.section_work .item_wrap{
    width: 270px;

    margin: 30px 0 0 30px;
}

.section_work .item_wrapMiddle{
    width: 370px;
}

.section_work .item_wrapBig{
    width: 470px;
}

.section_work .item{
    height: 100%;

    padding: 38px 15px 20px;

    border-radius: 10px;
    background: #fff url(../images/line.jpg) 0 0 repeat-x;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
}

.section_work .item .name{
    position: relative;

    min-height: 50px;

    padding-right: 60px;

    color: #624547;
    font: 500 20px/1.25 Roboto;
}

.section_work .item .name .icon{
    position: absolute;
    top: -12px;
    right: 0;

    width: 55px;
    height: 55px;

    line-height: 55px;

    text-align: center;
}

.section_work .item .name .iconBig{
    right: -15px;

    width: 108px;

    text-align: right;
}

.section_work .item .name .icon img{
    position: relative;
    top: -2px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}

.section_work .item .text{
    overflow: hidden;

    height: 140px;

    margin-top: 10px;

    color: #4a4a4a;
    font: 14px/1.43 Roboto;
}

.section_work .item .list{
    overflow: hidden;

    height: 140px;

    margin-top: 10px;
}

.section_work .item .list li{
    position: relative;

    color: #4a4a4a;
    font: 14px/1.43 Roboto;

    list-style: none;
}

.section_work .item .list li + li{
    margin-top: 5px;
}

.section_work .item .list li:before{
    display: inline-block;
    vertical-align: top;

    margin-right: 6px;

    content: '-';
}

.section_work .item .info{
    position: relative;

    overflow: hidden;

    height: 82px;

    margin-top: 10px;
    padding: 7px 15px 0;

    color: #3665b0;
    font: 25px/75px SignPainter;

    text-align: center;
}

.section_work .item .info span{
    display: inline-block;
    vertical-align: middle;

    line-height: 1;
}

.section_work .item .info:before{
    position: absolute;
    top: 0;
    left: 50%;

    width: calc(100% - 30px);
    max-width: 200px;
    height: 2px;

    background: #ebebeb;

    content: '';
    transform: translateX(-50%);
}

.pick_sweepers{
    position: relative;

    margin-top: -117px;
    padding-top: 133px;
}

.trawls{
    display: flex;

    margin: 20px 0 0 -30px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.trawls .trawl_wrap{
    width: 33.333%;

    margin-top: 20px;
}

.trawls .trawl{
    position: relative;

    overflow: hidden;

    height: 100%;

    margin-left: 30px;
    padding: 40px 10px 32px;

    border: 1.5px dashed #624547;

    text-align: center;
}

.trawls .trawl .img{
    height: 35px;

    line-height: 35px;
}

.trawls .trawl .img img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}

.trawls .trawl .name{
    min-height: 60px;

    margin-top: 10px;

    color: #3665b0;
    font: 30px/1 SignPainter;
}

.abouts{
    position: relative;

    display: flex;

    margin: 50px 0 0 -30px;
    padding-top: 50px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.aboutsMarg{
    margin-top: 0;
}

.abouts:before{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;

    width: 50px;
    height: 50px;

    margin-left: 15px;

    border: 2px solid #ebebeb;
    border-radius: 50%;
    background: #fff url(../images/plus.png) 50% 50% no-repeat;

    content: '';
    transform: translateX(-50%);
}

.abouts:after{
    position: absolute;
    top: 24px;
    left: 30px;
    z-index: 0;

    width: calc(100% - 30px);
    height: 2px;

    background: #ebebeb;

    content: '';
}

.abouts .about_wrap{
    width: 33.333%;

    margin-top: 20px;
}

.abouts .about{
    margin-left: 30px;
}

.abouts .about .name{
    color: #624547;
    font: 500 25px/1.2 Roboto;
}

.abouts .about .text{
    margin-top: 15px;

    color: #4a4a4a;
    font: 14px/1.79 Roboto;
}


.other_amenities{
    position: relative;

    margin-top: -133px;
    padding-top: 133px;
}

.other_amenities .list{
    display: flex;

    margin-top: 25px;
    margin-left: -30px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.other_amenities .list li{
    width: 25%;

    margin-top: 30px;

    list-style: none;
}

.other_amenities .list li a{
    display: block;

    margin-left: 30px;

    color: #624547;
    font: 18px/46px Roboto;

    border: 2px solid #624547;
    border-radius: 50px;

    text-align: center;
    text-decoration: none;
}

.other_amenities .list li a span{
    position: relative;
    position: relative;

    padding-right: 14px;
}

.other_amenities .list li a span:after{
    position: absolute;
    top: 50%;
    right: 0;

    width: 8px;
    height: 12px;

    background: url(../images/arrow5.png) 0 0 no-repeat;

    content: '';
    transform: translateY(-50%);
}

.other_amenities .list li a:hover span:after{
    background-position: 100% 0;
}

.other_amenities .list li a:hover{
    color: #3665b0;
    line-height: 44px;

    border-width: 3px;
    border-color: #3665b0;
}

.pastures,
.pastures2{
    display: flex;

    margin: 15px 0 0 -30px;

    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.pastures .pasture_wrap,
.pastures2 .pasture_wrap{
    width: 33.333%;

    margin-top: 20px;
}

.pastures2 .pasture_wrap{
    width: 50%;
}

.pastures .pasture,
.pastures2 .pasture{
    position: relative;

    overflow: hidden;

    height: 100%;

    margin-left: 30px;
    padding: 15px 20px;

    border: 1.5px dashed #624547;

    text-align: center;
}

.pastures2 .pasture{
    display: flex;

    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.pastures .pasture:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: rgba(255, 255, 255, .95);

    content: '';
    transition: opacity .2s linear;
}

.pastures .pasture:hover:after{
    opacity: 1;
}

.pastures .pasture .img,
.pastures2 .pasture .img{
    height: 70px;

    line-height: 70px;
}

.pastures .pasture .img img,
.pastures2 .pasture .img img{
    position: relative;
    top: -1px;

    vertical-align: bottom;

    max-width: 100%;
    max-height: 100%;
}

.pastures .pasture .name,
.pastures2 .pasture .name{
    margin-top: 6px;

    color: #3665b0;
    font: 30px/1.33 SignPainter;
}

.pastures .pasture .text{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 14px/1.43 Roboto;

    opacity: 0;

    text-align: center;
    transition: opacity .3s linear;
    transform: translateY(-50%);
}

.pastures .pasture:hover .text{
    opacity: 1;
}

.pastures2 .pasture .info{
    width: 180px;
}

.pastures2 .pasture .text{
    width: calc(100% - 200px);

    color: #4a4a4a;
    font: 14px/1.43 Roboto;

    text-align: left;
}

.section_contacts{
    margin-top: 68px;
}

.contacts_form{
    margin-top: 50px;
    width: 51.3%;
}

.contacts_form * + .titleSmall{
    margin-top: 50px;
}

.contacts_form .line_form{
    margin-bottom: 30px;
}

.contacts_form .line_form .input,
.contacts_form .line_form textarea,
.contacts_form .line_form .block_input{
    display: inline-block;
    vertical-align: middle;

    width: calc(100% - 170px);
}

.contacts_form .line_form .block_input .input{
    width: calc(50% - 15px);
}

.contacts_form .line_form .block_input span{
    display: inline-block;
    vertical-align: middle;

    font: 14px/40px Roboto;
    color: #4a4a4a;

    margin-left: 9px;
}

.contacts_form .line_form textarea{
    height: 110px;
}

.contacts_form .line_formSmall label{
    width: 126px;
}

.contacts_form .box_size .line_form .input{
    width: 100px;
}

.contacts_form .checkbox{
    width: calc(100% - 170px);
    margin-left: 0;
    padding-left: 28px;
}

.contacts_form .checkbox label{
    color: #4a4a4a;
}

.contacts_form .checkbox label a{
    color: #4a4a4a;
}

.contacts_form .line_formText{
    margin-bottom: 15px;
}

.contacts_form .line_formText label{
    vertical-align: top;
    margin-top: 4px;
}

.contacts_form .submit{
    min-width: 170px;
}

.contacts_info_wrap {
    margin-top: 126px;
    width: 42.8%;
}
.contacts_info{
    border-radius: 10px;
    background: #fff url(../images/line.jpg) 0 0 repeat-x;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);

    padding: 43px 30px 45px;
}

.contacts_info .title_info{
    font: 500 18px/1.67 Roboto;
    color: #3665b0;

    margin-bottom: 10px;
}

.contacts_info .bord{
    margin-top: 40px;

    border-top: 2px solid #ebebeb;

    padding-top: 30px;
}

.contacts_info .tel,
.contacts_info .mail{
    padding-left: 40px;

    display: block;

    font: 700 18px/30px Roboto;
    color: #624547;
}

.contacts_info .tel a,
.contacts_info .mail a{
    color: #624547;
    text-decoration: none;

    position: relative;
}

.contacts_info .tel a:before,
.contacts_info .mail a:before{
    content: "";
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);

    width: 32px;
    height: 29px;
    background: url(../images/tel.svg) 0 0 no-repeat;
}

.contacts_info .mail a:before{
    width: 30px;
    height: 30px;
    background-image: url(../images/mail3.svg);
}

.contacts_info table{
    border-collapse: collapse;

    margin-bottom: 20px;
}

.contacts_info table tr td{
    font: 14px/1.79 Roboto;
    color: #624547;

    padding-left: 25px;

    vertical-align: top;
}

.contacts_info table tr td:first-child{
    padding-left: 0;

    width: 46px;
}

.contacts_info table tr td a{
    color: #3665b0;
}

.contacts_info table tr td a:hover{
    text-decoration: none;
}
/*---------------
   Footer
---------------*/
footer{
    padding-top: 76px;

    background: url(../images/bng_footer.png) 50% 100% no-repeat;
    position: relative;
}

footer:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: #432F34;
    z-index: -1;
}

.footer_contacts{
    padding-top: 568px;
    margin-top: -367px;
}

footer .title{
    margin-top: 0;
}

footer .form{
    max-width: 830px;

    margin: 60px auto 0;
}

footer .form .line_form{
    width: 50%;

    padding-left: 30px;
}

footer .form .line_formText{
    width: 100%;
}

footer .form .submit{
    width: 210px;

    padding-left: 30px;
}

footer .checkbox{
    width: calc(100% - 210px);
    margin-left: 0;

    padding-left: 60px;
}

footer .title_it{
    margin-top: 80px;

    color: #fff;
}

.footer_contacts .title_it{
    margin-top: 0;
}

footer .partners{
    margin-top: 44px;
    padding: 0 36px;
}

footer .partners .slide{
    height: 80px;

    line-height: 80px;

    text-align: center;
}

footer .partners .slide img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}

footer .sector_flex{
    display: flex;

    margin-top: 60px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

footer .box{
    width: 466px;
}

footer .text,
footer .addres,
footer .time{
    margin-top: 20px;

    color: #fff;
    font: 300 12px/1.67 Roboto;

    opacity: .7;
}

footer .title_menu{
    margin-bottom: 23px;

    color: #fff;
    font: 500 14px Roboto;

    text-transform: uppercase;
}

footer .title_menu a{
    color: #fff;

    text-decoration: none;
}

footer .box_menu{
    width: 172px;
}

footer .box_menuSmall{
    min-width: 90px;
    max-width: 172px;
}

footer .menu li{
    list-style: none;
}

footer .menu li a{
    color: #fff;
    font: 14px/1.79 Roboto;

    opacity: .7;

    text-decoration: none;
    transition: opacity .2s linear;
}

footer .menu li a:hover{
    opacity: 1;
}

footer .box_contacts{
    width: 200px;
}

footer .tel a{
    color: #fff;
    font: 500 18px/1.11 Roboto;

    text-decoration: none;
}

footer .mail a{
    color: #fff;
    font: 16px Roboto;

    text-decoration: none;
}

footer .addres,
footer .time{
    margin-top: 10px;

    line-height: 1.5;
}

footer .bng_line{
    background: #432F34;
    padding-top: 40px;
}

footer .bottom_line{
    padding: 16.5px 0;

    background: rgba(0, 0, 0, .2);
}

footer .copy{
    color: #795557;
    font: 14px/1.79 Roboto;

    opacity: .7;

    text-align: center;
}

footer .developers a{
    color: #795557;
    font: 14px/23px Roboto;

    text-decoration: none;
}

footer .developers img{
    display: inline-block;
    vertical-align: middle;

    margin-left: 6px;
}
/*---------------
   Styles Popup
---------------*/

.modal{
    display: none;

    width: calc(100% - 30px);
    max-width: 430px;

    padding: 50px 20px 40px;

    border-radius: 10px;
    background: #fff url(../images/line.jpg) 0 0 repeat-x;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
}

.modal_map{
    display: none;

    width: calc(100% - 30px);
    max-width: 900px;
}

.modal_map .map{
    height: 500px;

    max-height: 90vh;
}

.privacy_policy{
    max-width: 700px;
    padding: 40px 0 40px 40px;
}

.privacy_policy .scroll_modal,
.privacy_policy .text,
.privacy_policy .close{
    padding-right: 40px;
}

.modal .text{
    color: #624547;
    font: 500 20px/1.5 Roboto;

    text-align: center;
}

.modal .close{
    margin-top: 30px;

    text-align: center;
}

.modal .close a{
    min-width: 170px;
}
.sitemap{
    overflow: hidden;
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
}
.sitemap__link{
    color: #795557;
    font: 14px/1.79 Roboto;
}
.sitemap__link:hover{
    text-decoration: none;
}
.tr-hidden{
    display: none;
}
.not_found_title, .not_found_text{
    font-family: SignPainter;
    line-height: 1.13;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}
.not_found_title{
    font-size: 48px;
}
.not_found_text{
    font-size: 30px;
    margin-bottom: 10%;
    margin-top: 6%;
}
.not_found_text a{
    color: #fff;
}
.not_found_text a:hover{
    text-decoration: none;
}
.parent-item__list{
    display: none;
}
@media (min-width: 768px){
    .parent-item{
        position: relative;
    }
    .parent-item:hover .parent-item__link{
        color: #294fa0;
    }

    .parent-item__link{
        position: relative;
    }
    .parent-item__link::after{
        width: 12px;
        height: 8px;
        margin-top: 3px;
        background: url(../images/arrow8.png) 0 0 no-repeat;
        content: '';
        display: inline-block;
        margin-left: 10px;
        transform: rotate(-90deg);
        vertical-align: top;
    }
    .parent-item:hover .parent-item__link::after{
        background-position: 100% 0;
    }
    .parent-item__list{
        position: absolute;
        left: 100%;
        top: -15px;
        background-color: #fff;
        width: 210px;
        padding: 15px 0 10px;
        border: solid 1px #ebebeb;
        border-radius: 4px;
    }
}
@media (min-width: 1024px){
     .parent-item:hover .parent-item__list{
        display: block;
    }
    
}