@charset "utf-8";
*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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

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

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

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

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






html,body{height:100%; min-width: 1324px; /*overflow-x: hidden;*/ }
body { color:#000; font-size: 20px; font-family: 'PlayfairDisplay-Regular', sans-serif; color: #181818; }
.wrapper{min-height:100%}
.header{ /*height: 861px;*/ height: 121vh; background: #131313;background-size: cover; }
.footer{ height:96px; margin-top:-96px; background: #131313; position: relative; font-family: 'PlayfairDisplay-Regular', sans-serif; color: #fff; }
.appendix{height:96px;clear:both}
.div_header, .div_content, .div_footer, .div_twoHeaderText { width: 1067px; margin:0px auto; /*border:1px solid red;*/ position: relative; }
.div_header { /*height: 861px;*/ height: 121vh; }
.div_footer { height: 96px; border-bottom: 0px; }
.div_content { float: left; min-width:100%; }
a { text-decoration: none; } /* убрать с текста подчеркивание когда в тексте теги - Сафари */
a img { border: none; } /* IE брать рамку с картинки которая в ссылке */
.clr { clear: both; }

.leftMenuBox { position: fixed; width: 176px; height: 100vh; background: #0089A7; z-index: 99; }
.boxSocialBottom { position: absolute; left:0px; bottom: 0px; width: 100%; height: 41px; border-top:1px solid #4c8396; }
.boxSocialBottom a { float: left; width: 44px; height: 40px; border-right: 1px solid #4c8396; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.boxSocialBottom a:hover { background: #0089A7; color: #0089A7; }
.boxSocialBottom a:last-child { border-right: 0px; }

.ulMenuLeft { float: left; width: 100%; list-style: none; padding-top: 0px;margin: 0; }
.ulMenuLeft a { float: left; width: 100%; text-align: center; font-family: 'PlayfairDisplay-Bold', sans-serif; font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 34px; }
.ulMenuLeft a span { padding-bottom: 6px; }
.ulMenuLeft a.actMenuLeft span { border-bottom: 2px solid #0089A7; }
.ulMenuLeft a:hover span { border-bottom: 2px solid #0089A7; }

.div_header_out { display: block; width: 100%; }
.div_header_inner { display: block; vertical-align: top; }
.div_header_out .div_header_inner:first-child { width: 176px; }

.div_content_out { display: table; width: 100%; }
.div_content_inner { display: table-cell; vertical-align: top; }
.div_content_out .div_content_inner:first-child { width: 176px; }

.div_footer_out { display: table; width: 100%; }
.div_footer_inner { display: table-cell; vertical-align: top; }
.div_footer_out .div_footer_inner:first-child { width: 176px; }

/* HEADER */
.boxLogoTop { position: absolute; top:95px; }
.boxLogoTop img { height: 207px; }
.pageInner .boxLogoTop img { height: 115px; }
.boxHeaderTopName { position: relative; float: left; font-size: 60px; font-family: 'PlayfairDisplay-Regular', sans-serif; color: #fff; line-height: 79px; margin-top: 255px; text-transform: uppercase; }
.yellowLineLeftHeader { position: absolute; left:-87px; top:42px; width: 54px; height: 2px; background: #0089A7; }
.boxImageAndStyle { float: left; color: #baa860; font-size: 28px; font-family: 'PlayfairDisplay-Black', sans-serif; margin-top: 20px; }
.linkGetTouchTodayOut { float: left; width: 100%; }
a.linkGetTouchToday { float: left; border:2px solid #4c4c4c; font-family: 'PlayfairDisplay-Regular', sans-serif; font-size: 17px; text-transform: uppercase; color: #fff; padding: 24px; padding-right: 53px; background: url(../img/str_right.png) no-repeat; background-position: 219px center; margin-top: 43px; }
.str_top_out { position: absolute; bottom: calc(20vh + 38px); left:0px; width: 100%; display: flex; justify-content: center; }
.str_top { width: 38px; height: 38px; background: url(../img/str_top.png) no-repeat center center; }

/* FOOTER */
.rainbow { position: absolute; left:0px; top:0px; width: 100%; height: 8px; background: url(../img/rainbow.png) repeat-x top center; }
.footerPhoneOut { float: left; }

.footerName { float: left;  margin-top: 41px; font-size: 20px; margin-right: 40px; }
.footerPhone { float: left; margin-top: 37px; font-size: 22px; padding-left: 38px; background: url(../img/footer_phone.png) no-repeat 0px 10px; height: 40px; margin-right: 40px; }
.footerEmail { float: left;  margin-top: 41px; font-size: 20px; }
.footerEmail span { padding-right: 10px; }

.footerDevelopmentOut { float: right; }
.footerDevelopment { float: left; font-size: 14px; color: #fff; margin-top: 48px; }
.footerDevelopment a { color: #fff; text-decoration: underline; }
.footerDevelopment a:hover { text-decoration: none; }
/*
.pageInner .footerDevelopmentOut { display: none; }
.pageInner .rainbow { display: none; }
.pageInner .footerPhone { margin-top: 25px; }
*/

/* CONTENT */
.moduleIndex { width: 1067px; margin: 0px auto; }
.boxIndexServices { position: absolute; width: 1064px; top: -20vh;
    /*-webkit-box-shadow: inset hoff voff blur color;
    -moz-box-shadow: inset hoff voff blur color;*/
    box-shadow: 0px 0px 60px 10px #101010; background: #101010; }

.boxIndexServicesOut { display: table; width: 100%; }
.boxIndexServicesInner { display: table-cell; vertical-align: top; width: 33.333%; }
a.itemIndexServices { float: left; width: 354px; height: 280px; position: relative; }
.indexImgCat { position: absolute; top:0px; left:0px; z-index: 10; }
.nameBoxServiceNoAct { position: absolute; bottom: 0px; left:0px; width: 100%; z-index: 20; font-family: 'PlayfairDisplay-Regular', sans-serif; color: #fff; font-size: 30px; text-align: center; text-transform: uppercase; padding-bottom: 30px; font-weight: bold; text-shadow: 0px -1px 15px #000; }
.hoverCatBox { position: absolute; top:0px; left:0px; width: 100%; height: 100%; border: 10px solid #dddddd; z-index: 30; background: #fff; display: none; }
a.itemIndexServices:hover .hoverCatBox { display: block; }
.nameCatHover { float: left; width: 100%; font-size: 32px; color: #1c1c1c; font-family: 'PlayfairDisplay-Regular', sans-serif; text-transform: uppercase; text-align: center; padding-top: 50px; padding-bottom: 23px; background: url(../img/line_botton_cats.png) no-repeat center bottom; }
.readMeMore { float: left; width:100%; display: flex; justify-content: center; margin-top: 28px; }
.readMeMore span { background: url(../img/str_right_cat.png) no-repeat; background-position: center right; padding-right: 30px; text-transform: uppercase; font-size: 10px; color: #181818; }
.twoHeaderText { float: left; width: calc(100vw - 176px); background: url(../img/Bespoke.jpg) no-repeat; background-size: cover; height: 100vh; min-height: 720px; margin-left: calc( (((100vw - 176px) - 1049px) / 2) * -1 ); overflow: hidden; }
.boxBorderTwo { float: left; width: 100%; border:16px solid #fff; margin-top: 260px; position: relative; padding: 168px 124px 65px 124px;background: #efeeef ; }
.headerBorderTwo { position: absolute; left:0px; top:-56px; width: 100%; color: #181818; font-size: 58px; font-family: 'PlayfairDisplay-Regular', sans-serif; text-transform: uppercase; line-height: 74px; display: flex; justify-content: center;  }
.headerBorderTwo span { padding: 0px 32px; background: #efeeef url(../img/str_two_botton.png) no-repeat; background-position: center bottom; padding-bottom: 36px; text-align: center; }
.textTwoIndex { float: left; width: 100%; font-family: 'PlayfairDisplay-Regular', sans-serif; font-size: 24px; text-align: center; line-height: 38px; }
.boxInspired { float: left; width: 100%; }
.headerInspired { float: left; width: 100%; font-size: 58px; font-family: 'PlayfairDisplay-Bold', sans-serif; display: flex; justify-content: center; align-items: center; padding-top: 80px; }
.headerInspired span { font-size: 30px; font-family: 'PlayfairDisplay-BoldItalic', sans-serif; background: url(../img/be_inspired.png) no-repeat; background-position: 0px bottom; padding-right: 15px; padding-bottom: 5px; }
.boxListNews { float: left; width: 100%; }
.itemNews { float: left; width: 100%; padding-top: 100px; border-top:1px solid #c8c8c8; padding-bottom: 90px; }
.boxListNews .itemNews:first-child { border-top:0px; }
.itemNewsOut { display: table; width: 100%; }
.itemNewsOut a { color: #181818; }
.itemNewsInner { display: table-cell; width: 50%; vertical-align: top; }
.itemNewsOut .itemNewsInner:last-child {position: relative; z-index: 20; }
.newsIndexDate { float: right; font-size: 18px; }
.newsIndexName { float: left; width: 100%; font-family: 'PlayfairDisplay-Bold', sans-serif; font-size: 29px; text-transform: uppercase; line-height: 34px; margin-left: 0px; margin-top: 45px; position: relative; padding-left: 50px; }
.lineNameIndexNew { position: absolute; top:37px; left:-76px; background: #181818; height: 4px; width: 53px; display: none; }
.newIndexShort { float: left; width: 100%; padding-left: 50px; margin-top: 25px; line-height: 35px; }
.linkNewReadMoreOut { float: left; width: 100%; padding-left: 50px; margin-top: 35px; }
.linkNewReadMore { float: left; border:2px solid #0089A7; text-transform: uppercase; font-size: 12px; color: #181818; padding: 18px 23px; padding-right: 53px; background: url(../img/str_right_cat.png) no-repeat; background-position: 107px center; }

.boxListNews .itemNews:nth-child(2n) .itemNewsInner:first-child { position: relative; z-index: 99; }
.boxListNews .itemNews:nth-child(2n) .newsIndexDate { float: left; }
.boxListNews .itemNews:nth-child(2n) .newsIndexName { float: right; margin-right: 0px; text-align: right; padding-right: 50px; }
.boxListNews .itemNews:nth-child(2n) .lineNameIndexNew2 {  position: absolute; top:37px; right:-76px; background: #181818; height: 4px; width: 53px; display: none; }
.boxListNews .itemNews:nth-child(2n) .newIndexShort { padding-left: 0px; padding-right: 50px; text-align: right; }
.boxListNews .itemNews:nth-child(2n) .linkNewReadMoreOut { padding-left: 0px; padding-right: 50px; }
.boxListNews .itemNews:nth-child(2n) .linkNewReadMore { float: right; }

.indexNewsShowAllOut { float: left; width: calc(100vw - 176px); margin-left: calc( (((100vw - 176px) - 1049px) / 2) * -1 );  border-top:1px solid #c8c8c8; }
.indexNewsShowAllOutInner { width: 1067px; margin: 0px auto; height: 85px; display: flex; align-items: center; justify-content: center; }
.LinkshowAllNewsIndex { color: #181818; font-size: 16px; text-transform: uppercase; }
.noS { display: none; }
.btnOpenMobMenu { position: absolute; color: #fff; font-size: 40px; padding: 20px; left:20px; z-index: 50; display: none; }

.pageInner .div_header { height: 270px !important;padding-top: 0 !important; }
.pageInner .header { height: 270px !important; background: #131313 url(../img/Bespoke.jpg) no-repeat center -180px; }
.pageInner .boxHeaderTopName { margin-top: 217px; }
.pageInner .header { background: #131313 url(../img/Bespoke.jpg) no-repeat; background-size: cover; position: relative;}
.pageInner .header:after{	content: '';	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;	background: rgba(0,0,0,.8);}
.boxNav { float: left; width: 100%; margin-top: 10px; }
.boxNav ul { float: left; padding: 0px; list-style: none; }
.boxNav ul li { float: left; color: #0089A7; padding-right: 11px; text-transform: uppercase; font-size: 16px; }
.boxNav ul li a { color: #0089A7; }
.boxNav ul li a:hover { text-decoration: underline; }
.boxNav ul li span { font-size: 15px; }
.boxTopDesc { float: left; width: 100%; padding-top: 51px; }
.boxTopDesc h1 { font-size: 50px; font-weight: 100; line-height: 61px; padding-bottom: 36px; }
.boxTopDesc p { float: left; width: 100%; font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 29px; padding-bottom: 35px; }
.boxTopDesc hr { border:0px; height: 1px; background-color: #c8c8c8; color: #c8c8c8; float: left; width: 100%; margin-top: 45px; }
.boxTopDescText { float: left; width: 100%; font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 29px; padding-bottom: 35px; border-bottom: 1px solid #c8c8c8; }
.boxTopDescText p { padding-bottom: 30px; }
.boxPageDesc2 { float: left; width: 100%; padding-top: 60px; }
.boxPageDesc2Out { display: table; width: 100%; }
.boxPageDesc2Inner { display: table-cell; vertical-align: top; width: 50%; }
.boxPageDesc2Inner img { max-width: 100%; }
.boxPageDesc2Out .boxPageDesc2Inner:first-child { padding-right: 50px; }
.boxTopDesc h2 { font-size: 32px; font-weight: 100; text-transform: uppercase; line-height: 40px; margin-bottom: 40px; font-family: 'PlayfairDisplay-Regular', sans-serif; padding-top: 0px; }
.textDesc2 { float: left; width: 100%; font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 29px; padding-top: 45px; }
.textDesc2 { padding-bottom: 30px; }
.boxTopDesc ul { float: left; width: 100%; padding-left: 30px; list-style-image: url(../img/ul2.png); padding-top: 0px; font-family: 'Roboto-Light', sans-serif; font-size: 16px; padding-bottom: 20px; padding-left: 13px; }
.boxTopDesc ul li { padding-left: 10px; }
.boxTopDesc ol { float: left; width: 100%; padding-left: 30px; list-style-image: url(../img/ul2.png); padding-top: 0px; font-family: 'Roboto-Light', sans-serif; font-size: 16px; padding-bottom: 20px; padding-left: 13px; }
.boxTopDesc ol li { padding-left: 10px; }
.boxTopDesc table td { padding-top: 60px; padding-bottom: 60px; vertical-align: top; }
.boxTopDesc table td { font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 29px; padding-top: 45px; }
.boxTopDesc table td:last-child { padding-left: 50px; }
/*.boxTopDesc table td img { max-width: 100%; height: auto; }*/
.boxDesc3 { float: left; width: 100%; margin-top: 65px; }
.boxTopDesc h3 { font-family: 'PlayfairDisplay-Bold', sans-serif; font-size: 26px; text-transform: uppercase; padding-bottom: 22px; padding-top: 20px; }
.boxDesc3Text { float: left; width: 100%; font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 29px; }
.boxDesc3Text p { padding-bottom: 30px; }


.boxPagesOut { float: left; width: 100%; display: flex; justify-content: center; }
.boxPages { float: left; width: 100%; display: flex; justify-content: center;  }

.prevPage { float: left; border:2px solid #dddddd; width: 60px; height: 49px; display: flex; align-items: center; justify-content: center; margin-right: 30px; }
.nextPage { float: left; border:2px solid #dddddd; width: 60px; height: 49px; display: flex; align-items: center; justify-content: center; margin-left: 30px; }
ul.pagination { float: left; margin-top: 7px; list-style: none; }
ul.pagination a { padding: 10px 11px; color: #adadad; }
ul.pagination li { float: left; }
ul.pagination li.active a { color: #131313 !important; font-family: 'PlayfairDisplay-Black', sans-serif; padding: 10px 11px; }
ul.pagination .prev span, ul.pagination .next span { display: none; }
ul.pagination .next a {
    float: left;
    border: 2px solid #dddddd;
    width: 60px;
    height: 49px;
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    margin-top: -7px !important;
}
ul.pagination .prev a {
    float: left;
    border: 2px solid #dddddd;
    width: 60px;
    height: 49px;
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    margin-top: -7px !important;
}
ul.pagination .prev a { background: url(../img/str_left_cat.png) no-repeat center center;  }
ul.pagination .next a { background: url(../img/str_right_cat.png) no-repeat center center;  }
ul.pagination a { margin-top: 20px; }

.pageInner .appendix { height: 160px; }

.serviceItemsBottom { position: relative; float: left; width: 100%; margin-bottom: 40px; top:0px; margin-top: 25px; box-shadow: none; }
.serviceItemsBottom img { max-width: 100%; }
.serviceItemsBottom a.itemIndexServices { width: 336px; height: 265px; box-shadow: 0px 0px 20px 2px #101010; }

.pageInner .boxLogoTop { right: 25px; top:85px; }
.pageInner .header { height: 270px !important; }
.pageInner .boxHeaderTopName { margin-top: 68px; }

.moduleIndex img { max-width: 100% !important; height: auto !important; }

.boxSelectService { float: left; width: 100%; display: flex; align-items: center; margin-bottom: 40px; }
.boxSelectService td { padding: 0px !important; }
.boxSelectService tr td:first-child { padding-right: 25px !important; }
.boxSelectService select { height: 30px; padding: 0px 5px; }
.boxSelectService td strong { font-size: 20px; text-transform: uppercase; }

/* MEDIA - HEIGHT */

@media screen and (max-height: 620px) {
    .ulMenuLeft { padding-top: 30px; }
    .boxHeaderTopName { font-size: 35px; line-height: 40px; }
    .yellowLineLeftHeader { top: 21px; }
    .boxImageAndStyle { font-size: 22px; }
    .boxLogoTop img { height:  170px; }
}

@media screen and (max-height: 530px) {
    .boxLogoTop img { height: 100px; }
    .boxHeaderTopName { margin-top: 160px; }
}

@media screen and (max-height: 440px) {
    .yellowLineLeftHeader { display: none; }
    .boxLogoTop { top: 68px; }
    .boxHeaderTopName { margin-top: 145px; font-size: 28px; line-height: 33px; }
    a.linkGetTouchToday {margin-top: 28px; }
    .ulMenuLeft a { margin-bottom: 18px; }
}


/* MEDIA WIDTH */

@media screen and (max-width: 1484px) {
    .yellowLineLeftHeader { display: none; }
}

@media screen and (max-width: 1333px) {
    html,body { max-width: 100%; min-width: 100%; }
    .div_header, .div_content, .div_footer { width: 100%; padding: 0px 40px; }
    .moduleIndex { width: 100%; }
    .pageIndex .boxLogoTop { left:40px; }
    .pageInner .boxLogoTop { right:20px; }
    .twoHeaderText { width: 100%; margin-left: 0px; }
    .div_content { padding: 0px; }

    .boxIndexServices { width: 100%; }
    .itemIndexServicesOut { width: 100%; display: flex; justify-content: center; }
    .boxIndexServices { background: #191919; }
    .div_twoHeaderText { width: 100%; }
    .indexNewsShowAllOut { margin-left: 0px; }
    .indexNewsShowAllOut { width: 100%; }
    .indexNewsShowAllOutInner { width: 100%; }

    .twoHeaderText { padding: 0px 15px; }
    .boxListNews { padding: 0px 15px; }

    .newsIndexName { font-size: 33px; line-height: 39px; }
    .headerBorderTwo { font-size: 36px; line-height: 41px; top: -32px; }

    .boxIndexServicesOut { overflow: hidden; }
    .itemIndexServicesOut { width: 100%; display: flex; justify-content: center; }
    a.itemIndexServices { width: 250px; height: 195px; }
    .indexImgCat { max-width: 100%; }
    .nameBoxServiceNoAct { font-size: 22px; }
    .nameCatHover { font-size: 22px; padding-top: 25px; }

    .pageInner .div_content, .pageInner .div_header, .pageInner .div_footer { padding: 0px 15px; }
    .boxIndexServices.serviceItemsBottom { background: none; }
    .serviceItemsBottom .boxIndexServicesOut { padding: 20px 0px; }
    .pageInner .boxHeaderTopName { margin-top: 80px;max-width: 900px; }

}

@media screen and (max-width: 1214px) {
    .serviceItemsBottom a.itemIndexServices { width: 250px; height: 197px; }
    .pageInner .boxHeaderTopName {max-width: 800px; }
}

@media screen and (max-width: 1050px) {
    .boxTopDesc table td { display: block; width: 100%; padding-bottom: 20px; padding-left: 0px !important; }
    .itemNewsOut { float: left; width: 100%; }
    .itemNewsInner {float: left; width: 100%; }
    .itemNews { text-align: center; }
    .newsIndexName { margin-top: 0px; margin-left: 0px; margin-right: 0px; }
    .newsIndexDate { float: left; width: 100%; padding: 15px 0px; }
    .newIndexShort { padding-left: 0px; padding-right: 0px; }
    .linkNewReadMoreOut { padding: 0px; display: flex; justify-content: center; }
    .itemNewsInner img { max-width: 100%; }
    .itemNews { padding-top: 50px; padding-bottom: 50px; }
    .headerInspired { font-size: 38px; padding-top: 46px; }
    .yesS { display: none; }
    .noS { display: table-cell; }
    .boxListNews .itemNews:nth-child(2n) .newsIndexName { margin-right: 0px; width: 100%; text-align: center; }
    .boxListNews .itemNews:nth-child(2n) .newIndexShort { padding-left: 0px; padding-right: 0px; text-align: center; }
    .boxListNews .itemNews:nth-child(2n) .lineNameIndexNew2 { display: none; }
    .twoHeaderText { background: #fff; height: auto; }
    .boxBorderTwo { border-color:#efeeef;  }
    .headerBorderTwo span { background: #fff url(../img/str_two_botton.png) no-repeat center bottom; }
    .twoHeaderText { min-height: auto; }
    .boxIndexServices { top:-2px; }
    .twoHeaderText { padding-top: 45px; }
    .boxTopDesc table td img { max-width: 100%; height: auto !important; }
    .pageInner .appendix { height: 200px; }
     .pageInner .boxHeaderTopName { font-size: 45px; }
}

@media screen and (max-width: 1142px) {
    .footer { height: initial !important; margin: 0 !important;padding-bottom: 25px;}
    .div_footer { height: initial !important; }
    .appendix { height: 230px; }
    .footerDevelopment { display: none; }
    .footerPhoneOut div { float: left; width: 100%; }
    .footerName { margin-top: 41px; }
    .footerPhone { margin-top: 19px; }
    .footerEmail { margin-top: 9px; }
}

@media screen and (max-width: 950px) {
    a.linkGetTouchToday { margin-top: 30px; background-position: 208px center; padding: 13px; }
    .boxBorderTwo { padding-left: 20px; padding-right: 20px; }
    .boxIndexServicesInner { float: left; width: 100%; }
    .itemIndexServicesOut { float: left; width: 100%; padding-top: 40px; padding-bottom: 25px; }
    a.itemIndexServices { width: 350px; height: 250px; }
    .boxIndexServices { position: relative; padding-top: 40px; }
    .boxIndexServices { background: #fff; box-shadow: none; }
    .boxBorderTwo { margin-top: 20px; }

    .ulMenuLeft { padding-top: 30px; }
    .pageInner .boxHeaderTopName { font-size: 35px; line-height: 40px; }
    .yellowLineLeftHeader { top: 21px; }
    .boxImageAndStyle { font-size: 22px; }
    .boxLogoTop img { height:  170px; }

    a.itemIndexServices { height: 278px; }
    .nameCatHover { padding-top: 66px; }

    a.itemIndexServices:hover .hoverCatBox { height: 278px; }
    .boxIndexServices.serviceItemsBottom { padding-top: 0px; }
    .serviceItemsBottom .itemIndexServicesOut { padding-top: 0px; }

    .boxSelectService td strong { font-size: 13px; }

    }

@media screen and (max-width: 800px) {
    .pageInner .boxLogoTop { top:80px; }
    .pageInner .boxLogoTop img { height: 82px; }
}

@media screen and (max-width: 720px) {
    .leftMenuBox { left:-176px; }
    .div_header_out .div_header_inner:first-child { display: none; }
    /*.div_content_out .div_content_inner:first-child { display: none; }
    .div_footer_out .div_footer_inner:first-child { display: none; }*/
    .pageIndex .boxLogoTop { left:180px; }
    .pageInner .boxLogoTop { right:20px; }
    .btnOpenMobMenu { display: block; left: 20px; }
    .boxPageDesc2Out .boxPageDesc2Inner:first-child { text-align: center; }
    .boxPageDesc2Inner { float: left; width: 100%; }
    .boxPageDesc2Inner { padding-top: 25px; }
    .boxPageDesc2Inner h2 { text-align: center; }
    .boxPages { width: 100%; }
    /*.pagination { display: none; }*/
    .nextPage { float: right; }
    .pageInner .boxHeaderTopName { margin-top: 105px; margin-left: 27px; }
    .pageInner .boxNav { margin-left: 26px; }

}


@media screen and (max-width: 700px) {

    /*
    .footer, .div_footer { height: 140px; }
    .footer { margin-top: -140px; }
    .appendix { height: 150px; }
    .footerPhoneOut, .footerDevelopmentOut { width: 100%; display: flex; justify-content: center; }
    .footerPhone { margin-top: 35px; }
    .footerDevelopment { margin-top: 20px; }
    .pageInner .appendix { height: 106px; }
    */

}

@media screen and (max-width: 550px) {
    .headerBorderTwo { font-size: 25px; line-height: 32px; top: -26px; }
    .boxBorderTwo { padding-top: 135px; border: 5px solid #efeeef; }
    .textTwoIndex { font-size: 20px; }
    .headerBorderTwo { font-size: 19px; line-height: 26px; background: none; font-weight: bold; }
    .headerBorderTwo span { background: #fff; }
    .boxBorderTwo { padding-top: 69px; }
    .textTwoIndex { font-size: 16px; }
    .headerInspired { font-size: 28px; }
    .newsIndexName { font-size: 24px; line-height: 30px; }
    .boxTopDesc h1 { font-size: 30px; line-height: 40px; }
    .str_top_out { display: none; }
}

@media screen and (max-width: 490px) {
    .boxLogoTop { width: 100%; text-align: center; left:0px; }
    .boxHeaderTopName { margin-top: 262px; text-align: center; width: 100%; }
    .boxImageAndStyle { width: 100%; text-align: center; }
    .linkGetTouchTodayOut { display: flex; justify-content: center; }
    a.itemIndexServices { width: 100% !important;height: 230px; }
    .boxNav { float: left; width: 100%; display: flex; justify-content: center; }
    .pageInner .appendix { height: 150px; }
    .pageInner .boxLogoTop { display: none; }
    .pageIndex .boxLogoTop { width: 100%;
        text-align: center;
        left: 40px; }
    .pageInner .boxHeaderTopName { margin-left: 0px; }
    .pageInner .boxNav { margin-left: 0px; }
    .pageInner .appendix { height: 200px; }

}

@media screen and (max-width: 440px) {
    .yellowLineLeftHeader { display: none; }
    .boxLogoTop { top: 145px; left: 40px; }
    .boxHeaderTopName { font-size: 28px; line-height: 33px; }
    a.linkGetTouchToday {margin-top: 28px; }
    .ulMenuLeft a { margin-bottom: 18px; }
    .btnOpenMobMenu { left: 0px; }
}


@media screen and (max-width: 400px) {
    a.itemIndexServices { width: 290px; height: 229px; }
    .footerName, .footerEmail { font-size: 17px; }
    .boxBorderTwo { padding-top:80px; }
}

.row:before,
.row:after{content:"";   display:table}

.row{margin-left:-15px;   margin-right:-15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;   min-height:1px;   padding-left:15px;   padding-right:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}



@media (min-width:320px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
    .col-sm-pull-12{right:100%}
    .col-sm-pull-11{right:91.66666667%}
    .col-sm-pull-10{right:83.33333333%}
    .col-sm-pull-9{right:75%}
    .col-sm-pull-8{right:66.66666667%}
    .col-sm-pull-7{right:58.33333333%}
    .col-sm-pull-6{right:50%}
    .col-sm-pull-5{right:41.66666667%}
    .col-sm-pull-4{right:33.33333333%}
    .col-sm-pull-3{right:25%}
    .col-sm-pull-2{right:16.66666667%}
    .col-sm-pull-1{right:8.33333333%}
    .col-sm-pull-0{right:auto}
    .col-sm-push-12{left:100%}
    .col-sm-push-11{left:91.66666667%}
    .col-sm-push-10{left:83.33333333%}
    .col-sm-push-9{left:75%}
    .col-sm-push-8{left:66.66666667%}
    .col-sm-push-7{left:58.33333333%}
    .col-sm-push-6{left:50%}
    .col-sm-push-5{left:41.66666667%}
    .col-sm-push-4{left:33.33333333%}
    .col-sm-push-3{left:25%}
    .col-sm-push-2{left:16.66666667%}
    .col-sm-push-1{left:8.33333333%}
    .col-sm-push-0{left:auto}
    .col-sm-offset-12{margin-left:100%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-0{margin-left:0%}
}

@media (min-width:768px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
    .col-md-12{width:100%}
    .col-md-11{width:91.66666667%}
    .col-md-10{width:83.33333333%}
    .col-md-9{width:75%}
    .col-md-8{width:66.66666667%}
    .col-md-7{width:58.33333333%}
    .col-md-6{width:50%}
    .col-md-5{width:41.66666667%}
    .col-md-4{width:33.33333333%}
    .col-md-3{width:25%}
    .col-md-2{width:16.66666667%}
    .col-md-1{width:8.33333333%}
    .col-md-pull-12{right:100%}
    .col-md-pull-11{right:91.66666667%}
    .col-md-pull-10{right:83.33333333%}
    .col-md-pull-9{right:75%}
    .col-md-pull-8{right:66.66666667%}
    .col-md-pull-7{right:58.33333333%}
    .col-md-pull-6{right:50%}
    .col-md-pull-5{right:41.66666667%}
    .col-md-pull-4{right:33.33333333%}
    .col-md-pull-3{right:25%}
    .col-md-pull-2{right:16.66666667%}
    .col-md-pull-1{right:8.33333333%}
    .col-md-pull-0{right:auto}
    .col-md-push-12{left:100%}
    .col-md-push-10{left:83.33333333%}
    .col-md-push-9{left:75%}
    .col-md-push-8{left:66.66666667%}
    .col-md-push-7{left:58.33333333%}
    .col-md-push-6{left:50%}
    .col-md-push-5{left:41.66666667%}
    .col-md-push-4{left:33.33333333%}
    .col-md-push-3{left:25%}
    .col-md-push-2{left:16.66666667%}
    .col-md-push-1{left:8.33333333%}
    .col-md-push-0{left:auto}
    .col-md-offset-12{margin-left:100%}
    .col-md-offset-11{margin-left:91.66666667%}
    .col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-9{margin-left:75%}
    .col-md-offset-8{margin-left:66.66666667%}
    .col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-6{margin-left:50%}
    .col-md-offset-5{margin-left:41.66666667%}
    .col-md-offset-4{margin-left:33.33333333%}
    .col-md-offset-3{margin-left:25%}
    .col-md-offset-2{margin-left:16.66666667%}
    .col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-0{margin-left:0%}
}
@media (min-width: 1067px) and ( max-width:1920px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
    .col-lg-12{width:100%}
    .col-lg-11{width:91.66666667%}
    .col-lg-10{width:83.33333333%}
    .col-lg-9{width:75%}
    .col-lg-8{width:66.66666667%}
    .col-lg-7{width:58.33333333%}
    .col-lg-6{width:50%}
    .col-lg-5{width:41.66666667%}
    .col-lg-4{width:33.33333333%}
    .col-lg-3{width:25%}
    .col-lg-2{width:16.66666667%}
    .col-lg-1{width:8.33333333%}
    .col-lg-pull-12{right:100%}
    .col-lg-pull-11{right:91.66666667%}
    .col-lg-pull-10{right:83.33333333%}
    .col-lg-pull-9{right:75%}
    .col-lg-pull-8{right:66.66666667%}
    .col-lg-pull-7{right:58.33333333%}
    .col-lg-pull-6{right:50%}
    .col-lg-pull-5{right:41.66666667%}
    .col-lg-pull-4{right:33.33333333%}
    .col-lg-pull-3{right:25%}
    .col-lg-pull-2{right:16.66666667%}
    .col-lg-pull-1{right:8.33333333%}
    .col-lg-pull-0{right:auto}
    .col-lg-push-12{left:100%}
    .col-lg-push-11{left:91.66666667%}
    .col-lg-push-10{left:83.33333333%}
    .col-lg-push-9{left:75%}
    .col-lg-push-8{left:66.66666667%}
    .col-lg-push-7{left:58.33333333%}
    .col-lg-push-6{left:50%}
    .col-lg-push-5{left:41.66666667%}
    .col-lg-push-4{left:33.33333333%}
    .col-lg-push-3{left:25%}
    .col-lg-push-2{left:16.66666667%}
    .col-lg-push-1{left:8.33333333%}
    .col-lg-push-0{left:auto}
    .col-lg-offset-12{margin-left:100%}
    .col-lg-offset-11{margin-left:91.66666667%}
    .col-lg-offset-10{margin-left:83.33333333%}
    .col-lg-offset-9{margin-left:75%}
    .col-lg-offset-8{margin-left:66.66666667%}
    .col-lg-offset-7{margin-left:58.33333333%}
    .col-lg-offset-6{margin-left:50%}
    .col-lg-offset-5{margin-left:41.66666667%}
    .col-lg-offset-4{margin-left:33.33333333%}
    .col-lg-offset-3{margin-left:25%}
    .col-lg-offset-2{margin-left:16.66666667%}
    .col-lg-offset-1{margin-left:8.33333333%}
    .col-lg-offset-0{margin-left:0%}
}

.itemSubPages { float: left; width: 100%; margin-bottom: 50px; text-transform: uppercase; }
.itemSubPages a { float: left; margin-top: 20px; }

/** NEWS STYLES **/

.leftMenuBox {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateX(-100%);
    z-index: 8;
    padding-top: 70px;
    left: 0 !important;
}

.btnOpenMobMenu {
    display: none;
}

.leftMenuBox.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
}

header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


header .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 100px;
    padding: 0 15px;
}

header .wrapper .menu-box {
    position: relative;
    z-index: 9999;
}

header .wrapper .menu-box .hamburger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  z-index: 30;
  width: 30px;
  height: 21px;
}
@media (max-width: 767px) {
  header .wrapper .menu-box .hamburger {
    left: 15px;
  }
}
header .wrapper .menu-box .hamburger.is-active .line {
  background-color: transparent;
}
header .wrapper .menu-box .hamburger.is-active .line::before {
  top: 0;
  background: #fff;
  transform: rotate(45deg);
}
header .wrapper .menu-box .hamburger.is-active .line::after {
  top: 0;
  background: #fff;
  transform: rotate(-45deg);
}
header .wrapper .menu-box .hamburger.is-active {
  display: block;
  position: fixed;
  top: 40px;
  transform: translateY(0);
  left: 30px;
}
header .wrapper .line,
header .wrapper .line::after,
header .wrapper .line::before {
  position: absolute;
  width: 23px;
  height: 3px;
  background: #0089A7;
}
header .wrapper .line {
  top: 50%;
  left: 50%;
  width: 30px;
  transform: translate(-50%, -50%);
}
header .wrapper .line::after {
  content: "";
  top: 12px;
  transition: all 0.3s ease-in-out;
}
header .wrapper .line::before {
  content: "";
  top: -12px;
  transition: all 0.3s ease-in-out;
}
header .wrapper .burger-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
header .wrapper .logo-header img {
    max-height: 70px;
}
header .wrapper .socials {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  z-index: 9;
}
header .wrapper .socials a {
  color: #fff;
  font-size: 13px;
}
header .wrapper .socials ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  list-style-type: none;
}
header .wrapper .socials ul li {
  margin: 0 0 0 21px;
}
header .wrapper .socials ul li a i {
  color: #0089A7;
  font-size: 20px;
}
header .wrapper .socials ul li a i:hover {
  color: #fff;
  transition: all 0.3s ease;
}

.linkNewReadMore {
    transition: all 0.3s ease;
}

.linkNewReadMore:hover {
    background-color: #0089A7 !important;
    background-position: 115px center;
}

.LinkshowAllNewsIndex {
    position: relative;
    transition: all 0.3s ease;
}

.LinkshowAllNewsIndex:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    left: 50%;
    height: 2px;
    background: #181818;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.LinkshowAllNewsIndex:hover:after {
    width: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
}

.itemNewsInner {
    overflow: hidden;
}

.itemNewsInner img {
    transition: all 0.3s ease;
    display: block;
}

.itemNewsOut:hover img {
    transform: scale(1.1) rotate(4deg);
}

a.itemIndexServices .hoverCatBox {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: block;
}

a.itemIndexServices:hover .hoverCatBox {
    opacity: 1;
    visibility: visible;
}

.itemIndexServices {
    overflow: hidden;
}

.moduleIndex img {
    transition: all 0.3s ease;
}

a.itemIndexServices:hover > img {
    transform: scale(1.1);
}

.textTwoIndex a {
    display: table;
    margin: 15px auto 0;
    transition: all 0.3s ease;
}

.textTwoIndex a:hover {
    color: red;
}

a.linkGetTouchToday {
    transition: all 0.3s ease;
    border-color: #0089A7;
    color: #fff;
}

a.linkGetTouchToday:hover {
    background-color: #0089A7;
    color: #fff;
}

.ulMenuLeft a span {
    position: relative;
}

.ulMenuLeft a:hover {
    color: #baa860;
}

.ulMenuLeft a span {
    transition: all 0.3s ease;
}

.ulMenuLeft a span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    height: 1.5px;
    background: #baa860;
    width: 0;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.ulMenuLeft a span:hover:before,
.ulMenuLeft a.actMenuLeft span:before {
    width: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
}

.ulMenuLeft a.actMenuLeft span {
    border: none;
}

ul.pagination a {
    transition: all 0.3s ease;
}

ul.pagination a:hover {
    color: #000;
}

ul.pagination .next a:hover ,
ul.pagination .prev a:hover {
    background-color: #ddd;
}

.submenu {
    font-style: italic;
    text-transform: capitalize;
}

.contact-title {
    font-weight: bold;
    margin: 0 auto 25px;
    display: table;
}

.contact-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0 40px;
    max-width: 800px;
    margin: 0 auto;
}

.contact-form .form-group {
    width: 100%;
}

.contact-form input,
.contact-form textarea {
    padding: 10px 15px;
    border-radius: 0px;
    border: 2px solid #ddd;
    margin: 0 0 25px;
    resize: none;
    width: 100%;
    outline: none;
    box-shadow: none;
    font-size: 18px;
    font-family: 'Roboto-Light', sans-serif;
}

::-webkit-input-placeholder{color:inherit}::-moz-placeholder{color:inherit}:-ms-input-placeholder{color:inherit}:-moz-placeholder{color:inherit}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #ddd;
}

.contact-form button {
    cursor: pointer;
    font-size: 18px;
    min-width: 178px;
    font-family: 'PlayfairDisplay-Bold';
    margin: 15px auto 0;
}

.str_top_out {
    bottom: calc(20vh + 125px);
}

.leftMenuBox {
    width: 100%;
    z-index: 999;
}

.boxSocialBottom {
    display: flex;
    justify-content: center;
    background: #0089A7;
}

.boxSocialBottom a {
    padding: 0 10px;
    border: none;
}

.boxSocialBottom {
    border: none;
    border-top: 1px solid #4c8396;
}

.boxSocialBottom a i {
    font-size: 25px;
}

.menu-opened {
    overflow: hidden;
}

.ulMenuLeft a {
    font-size: 30px;
}

.leftMenuBox .contacts-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    list-style-type: none;
}

.leftMenuBox .contacts-list li {
    margin: 5px 0;
}

.leftMenuBox .contacts-list p,
.leftMenuBox .contacts-list a,
.footerPhone a,
.footerEmail a {
    color: #fff;
}
.leftMenuBox .contacts-list a {
    font-family: 'PlayfairDisplay-Bold';
}

.overflow {
	overflow: auto;
	height: calc(100vh - 111px);
}

.overflow::-webkit-scrollbar {
  background: #0089A7;
  border-radius: 2px;
  width: 10px;
}
.overflow::-webkit-scrollbar-track {
  background: #0089A7;
  border-radius: 2px;
  width: 10px;
}
.overflow::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 2px;
  width: 10px;
}

.main-slider .div_header {
    position: static;
    padding-top: 100px;
}

.main-slider .div_header > img {
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: calc(121vh + 100px);
    z-index: -1;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
}

.pageIndex .header {
    position: relative;
}

.pageInner .main-slider .slider-item {
    display: none;
}

.pageInner .main-slider .slider-item:nth-child(1) {
    display: block;
}

.footerLink {
    float: left;
    margin:41px 10px 0;
    color: #fff;
}

.footerLink a {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
}

.pageInner .leftMenuBox {
    z-index: 9999;
}

ul.test li:after {
    content: '>';
    display: inline-block;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    padding: 0 0 0 11px;
}

ul.test li:nth-last-child(1):after {
    content: none;
}


@media screen and (max-width: 1142px) {
    .footerLink {
        margin: 10px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .ulMenuLeft a {
        font-size: 20px;
    }
}


.overlay {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    transition: all .3s ease;
}
.overlay.modal-opened {
    visibility: visible;
    opacity: 1;
}

.modal {
    position: fixed;
    background-size: 100%;
    display: none;
    left: 50%;
    right: auto;
    bottom: auto;
    top: 50%;
    z-index: 999999;
    border-radius: 6px;
    max-height: 100%;
    background: #fff;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
    width: 100%;
    min-width: 250px;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    max-width: 744px;
    overflow: visible;
    max-height: 80vh
}

.modal.show {
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}


.modal .close {
    position: absolute;
    color: #000;
    font-size: 40px;
    line-height: 0.4;
    height: 30px;
    width: 30px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    right: -30px;
    top: -30px;
    background: #0000;
    border: none;
}

.modal .close svg {
    height: 25px;
}

.cookies {
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: 0 0 18px rgba(0,0,0,.2);
  padding: 25px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  overflow: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  box-sizing: border-box;
}

.cookies.show-cookies {
  -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cookies .cookie-left {
  width: calc(100% - 320px);
  padding: 0 60px 0 0;
}

.cookies .cookie-left .title {
  font-size: 24px;
  color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0 0 15px;
}

.cookies .buttons {
  max-width: 320px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  margin: 0;
}

.cookies .buttons a {
  min-height: 50px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  min-width: 100%;
  margin: 5px 0;
  text-align: center;
  justify-content: center;
}

.cookies .cookie-left span {
  font-size: 16px;
  line-height: 25px;
  color: #000;
}


.cookies .settings {
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
}

.cookies .settings:hover {
  text-decoration: none;
}

.cookie-modal .modal-head {
  height: 50px;
  padding: 10px 30px 10px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 20px;
}

.cookie-modal .modal-body {
  padding: 20px 30px;
  border-bottom: 1px solid #e9e9e9;
  max-height: 300px;
  overflow-y: auto;
}

.cookie-modal .modal-body .title {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}

.cookie-modal .modal-body .description {
  font-size: 16px;
  margin: 0 0 10px;
  line-height: 20px;
}

.cookie-modal .modal-footer {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cookie-modal .btn-red,
.cookie-modal .btn-white {
  min-height: 45px;
  min-width: 120px;
  padding: 0 10px !important;
  display: inline-flex;
  align-items: center;
  min-width: 100%;
  margin: 5px 0;
  justify-content: center;
}

.cookie-modal .modal-body .js-allow {
  margin: 0 auto 20px;
  min-height: 60px;
  line-height: 60px;
  min-width: 120px;
  display: table;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.cookie-modal .modal-body .collapse-title {
  border-bottom: 1px solid #333;
  min-height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: bold;
}

.cookie-modal .modal-body .collapse-title span {
  color: #196078;
}

.cookie-modal .plus-minus {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 10px 0 0;
}

.cookie-modal .plus-minus span:nth-child(1) {
  height: 10px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #000;
  transform: translate(-50%, -50%);
}

.cookie-modal .left-side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.cookie-modal .plus-minus span:nth-child(2) {
  width: 10px;
  height: 2px;
  position: absolute;
  left: 50%;
  background: #000;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cookie-modal .collapse-title .plus-minus span:nth-child(1) {
  background: transparent;
}

.cookie-modal .left-side.collapsed .plus-minus span:nth-child(1) {
  background: #000;
}

.cookie-modal .left-side {
  width: calc(100% - 120px);
}

.cookie-modal .left-side.collapsed {
  border-bottom: 1px solid transparent;
}

.cookie-modal .manage-item {
  border: 1px solid #d8d8d8;
}

.cookie-modal .manage-item .collapsing p,
.cookie-modal .manage-item .collapse p {
  padding: 10px 20px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.cookie-modal .modal-title {
  padding-top: 25px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 700;
  font-size: 22px;
}

input:checked + .slider {
  background-color: #196078;
}

input:focus + .slider {
  box-shadow: 0 0 1px #194586;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.cookie-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
}

.cookie-modal .modal-footer .button {
  min-height: 50px;
  min-width: 250px;
  margin: 5px 0;
  display: inline-flex;
  line-height: 60px;
  justify-content: center;
}

.cookie-modal .collapse {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.cookie-modal .collapsible {
    cursor: pointer;
}

.cookie-modal .plus-minus  {
    transition: all 0.3s ease;
}

.cookie-modal .collapsible.active .plus-minus {
    transform: rotate(45deg);
}

.cookie-modal .linkNewReadMore,
.cookies .linkNewReadMore {
    background: transparent;
    float: none;
}

.cookie-modal .linkNewReadMore {
    padding: 0;
}

.boxNav ul li:after {
    content: '>';
    display: inline-block;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    padding: 0 0 0 11px;
}

.boxNav ul li:nth-last-child(1):after {
    content: none;
}

@media screen and (max-width: 991px) {
  .cookies {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
  }
  .cookies .cookie-left {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
  }
  .cookies .cookie-left .title {
    font-size: 18px;
  }
  .cookies .cookie-left span {
    font-size: 14px;
  }
  .cookies .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cookies .settings {
    font-size: 16px;
    margin: 0 0 10px;
  }
}


/** NEWS STYLES **/