@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;

}

*/



/* new fonts */

@font-face {

    font-family: 'BrandonGrotesque-Light';

    src: url('../fonts/BrandonGrotesque-Light/BrandonGrotesque-Light.eot');

    src: url('../fonts/BrandonGrotesque-Light/BrandonGrotesque-Light.woff2') format('woff2'),

    url('../fonts/BrandonGrotesque-Light/BrandonGrotesque-Light.woff') format('woff'),

    url('../fonts/BrandonGrotesque-Light/BrandonGrotesque-Light.ttf') format('truetype'),

    url('../fonts/BrandonGrotesque-Light/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg'),

    url('../fonts/BrandonGrotesque-Light/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'BrandonGrotesque-Regular';

    src: url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.eot');

    src: url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.woff2') format('woff2'),

    url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.woff') format('woff'),

    url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.ttf') format('truetype'),

    url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg'),

    url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.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: 'BrandonGrotesque-Light', sans-serif; color: #181818; }

.wrapper{min-height:100%; overflow: hidden;}

.header{ /*height: 861px;*/ /*min-height: 121vh;*/ background: #131313 url(../img/top_face.jpg) no-repeat top center; background-size: cover; }

.footer{ height:90px; margin-top:-90px; background: #6F6F6F; position: relative; font-family: 'PlayfairDisplay-Regular', sans-serif; color: #fff; }

.appendix{height:90px;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: 90px; 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: #554643; z-index: 99; }

.boxSocialBottom { position: absolute; left:0px; bottom: 0px; width: 100%; height: 41px; border-top:1px solid #666666; }

.boxSocialBottom a { float: left; width: 44px; height: 40px; border-right: 1px solid #666666; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }

.boxSocialBottom a:hover { background: #E8E8E8; color: #6F6F6F; }

.boxSocialBottom a:last-child { border-right: 0px; }



.ulMenuLeft { float: left; width: 100%; list-style: none; padding-top: 40px; }

.ulMenuLeft a { float: left; width: 100%; text-align: center; font-family: 'BrandonGrotesque-Regular', sans-serif; font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 34px; padding: 0px 10px; }

.ulMenuLeft a span { padding-bottom: 6px; }

.ulMenuLeft a.actMenuLeft span { border-bottom: 2px solid #8d8d8d; }

.ulMenuLeft a:hover span { border-bottom: 2px solid #8d8d8d; }



.div_header_out { display: table; width: 100%; }

.div_header_inner { display: table-cell; 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:35px; }

.boxLogoTop img { height: 144px; }

.pageInner .boxLogoTop img { height: 144px; }

.boxHeaderTopName { position: relative; float: left; font-size: 64px; font-family: 'BrandonGrotesque-Light', sans-serif; color: #fff; line-height: 79px; margin-top: 255px; text-transform: uppercase; }

.silverIndexName { color: #3b3b3b; }

.yellowLineLeftHeader { position: absolute; left:-87px; top:42px; width: 54px; height: 3px; background: #8d8d8d; }

.boxImageAndStyle { float: left; color: #3b3b3b; font-size: 24px; font-family: 'BrandonGrotesque-Light', sans-serif; margin-top: 50px;/*20 на главном мало*/ }

.linkGetTouchTodayOut { float: left; width: 100%; }

a.linkGetTouchToday { float: left; border:2px solid #6F6F6F; font-family: 'BrandonGrotesque-Regular', sans-serif; font-size: 17px; text-transform: uppercase; color: #191919; padding: 10px 24px; padding-right: 53px; background: url(../img/str_right.png) no-repeat; background-position: 219px center; margin-top: 61px; }

.str_top_out { position: absolute; bottom: calc(20vh + 46px); left:0px; width: 100%; display: flex; justify-content: center; }

.str_top { width: 46px; height: 46px; 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: 29px; font-size: 26px; padding-left: 38px; background: url(../img/footer_phone.png) no-repeat 0px 10px; height: 40px; margin-right: 40px; font-family: 'BrandonGrotesque-Light', sans-serif; }

.footerEmail { float: left;  margin-top: 29px; font-size: 26px; font-family: 'BrandonGrotesque-Light', sans-serif; }

.footerEmail span { padding-right: 10px; }



.footerDevelopmentOut { float: right; }

.footerDevelopment { float: left; font-size: 14px; color: #fff; margin-top: 37px; }

.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: 1068px; top: -25vh; height: 220px;

    /*-webkit-box-shadow: inset hoff voff blur color;

    -moz-box-shadow: inset hoff voff blur color;*/

    background: #E8E8E8; }

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

    .boxIndexServices.serviceItemsBottom{

        height: auto;

        margin: 0;

    }

    .div_footer {

        display: flex;

        justify-content: space-between;

    }

    .footerPhone, .footerEmail{

        font-size: 18px;

        margin-right: 20px;

    }

    .footerPhone{

        background: url(../img/footer_phone.png) no-repeat 0px 3px;

    }

}

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

.div_footer {

    display: inline-block;

    height: auto !important;

    background: #6f6f6f;

    text-align: center;

    padding-bottom: 20px;

    float: left;

    clear: both;

}

.footerDevelopmentOut{

    margin-bottom: 10px;

}

}



.nameService { position: absolute; bottom: 0px; background: #6F6F6F; left:0px; width: 100%; color: #fff; height: 74px; font-family: 'BrandonGrotesque-Light', sans-serif; font-size: 26px; text-align: center; display: flex; align-items: center; justify-content: center; text-transform: uppercase; z-index: 99; }



.boxIndexServicesOut { display: flex; width: 100%; justify-content: space-between; overflow: hidden;}

.boxIndexServicesInner { vertical-align: top; }

a.itemIndexServices { float: left; width: 354px; height: 310px; position: relative; background: #6F6F6F; }

.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: #E8E8E8; background-size: cover; padding-bottom: 115px; 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; margin-top: 110px; position: relative; padding: 168px 124px 65px 124px; }

.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: #E8E8E8 url(../img/str_two_botton.png) no-repeat; background-position: center bottom; padding-bottom: 36px; text-align: center; font-family: 'BrandonGrotesque-Light', sans-serif; font-size: 54px; }

.textTwoIndex { float: left; width: 100%; font-family: 'BrandonGrotesque-Light', sans-serif; font-size: 24px; text-align: center; line-height: 42px; }

.boxInspired { float: left; width: 100%; }

.headerInspired { float: left; width: 100%; font-size: 32px; color: #6F6F6F; text-transform: uppercase; font-family: 'BrandonGrotesque-Light', 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 { overflow: hidden; float: left; width: 100%; padding-top: 100px; border-top:1px solid #c8c8c8; padding-bottom: 67px; }

.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; }

.boxListNews .itemNews:first-child { padding-top: 67px; }

.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: 15px !important; 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 #dddddd; 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; }



.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%; }

.itemNewsInner { display: table-cell; width: 50%; vertical-align: top; }

.itemNewsInner a { color: #6F6F6F !important; }

.itemNewsOut .itemNewsInner:last-child {position: relative; z-index: 20; }

.newsIndexDate { float: right; font-size: 18px; color: #181818; font-family: 'BrandonGrotesque-Regular', sans-serif; }

.newsIndexName { float: left; width: 100%; font-family: 'BrandonGrotesque-Light', sans-serif; font-size: 33px; text-transform: uppercase; line-height: 42px; margin-left: 0px; margin-top: 45px; position: relative; }

.lineNameIndexNew { position: absolute; top:37px; left:-76px; background: #181818; height: 4px; width: 53px; }

.newIndexShort { float: left; width: 100%; padding-left: 50px; margin-top: 25px; line-height: 35px; font-family: 'BrandonGrotesque-Regular', sans-serif; font-size: 20px; }

.linkNewReadMoreOut { float: left; width: 100%; padding-left: 50px; margin-top: 35px; }

a.linkNewReadMore { float: left; border:2px solid #dddddd; font-family: 'BrandonGrotesque-Regular', sans-serif; text-transform: uppercase; font-size: 12px; color: #181818; padding: 13px 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; }

.boxListNews .itemNews:nth-child(2n) .lineNameIndexNew2 {  position: absolute; top:37px; right:-76px; background: #181818; height: 4px; width: 53px; }

.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; }



.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; font-family: 'BrandonGrotesque-Regular', sans-serif; }

.noS { display: none; }

.btnOpenMobMenu { position: absolute; color: #6F6F6F; font-size: 40px; padding: 20px; left:20px; z-index: 50; display: none; }

.btnMobInnerMenu { color: #fff; }



.pageInner .div_header { height: 248px !important; }

.pageInner .header { height: 378px !important; background: #131313 url(../img/cb.jpg) no-repeat center -180px; }

.pageInner .boxHeaderTopName { margin-top: 217px; }

.pageInner .header { background: #131313 url(../img/cb.jpg) no-repeat; background-size: cover; }

.boxNav { float: left; width: 100%; margin-top: 10px; }

.boxNav ul { float: left; padding: 0px; list-style: none; }

.boxNav ul li {     min-height: 24px; float: left; color: #fff; padding-right: 11px; text-transform: uppercase; font-size: 16px; }

.boxNav ul li a { color: #fff; }

.boxNav ul li a:hover { text-decoration: underline; }

.boxNav ul li span { font-size: 15px; color: #baa860; float: left; margin-top: -1px; }

.boxTopDesc { float: left; width: 100%; padding-top: 51px; }

.boxTopDesc h1 { font-size: 50px; font-weight: 100; line-height: 61px; padding-bottom: 36px; font-family: 'BrandonGrotesque-Light', sans-serif; }

.boxTopDesc p { float: left; width: 100%; font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 29px; padding-bottom: 20px; }

.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-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;*/ }

.serviceItemsBottom.boxIndexServices { background: none; }



.pageInner .boxLogoTop { right: 0px; top:39px; }

.pageInner .header { height: 345px !important; }

.pageInner .boxHeaderTopName {

    /*margin-top: 25px;*/
    margin-top: 0;
    max-width: 67%;

    /* white-space: nowrap; */

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 34px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.2;

    min-height: 80px;

    /* display: flex; */

    align-items: center;

}

.pageInner .boxNav {max-width: 67%;}



.moduleIndex #map > img { max-width: auto !important; }



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

    max-width: 100%;

    height: auto !important;

    height: 100% !important;

    width: 100% !important;

    object-fit: cover;

    object-position: center;

}



.moduleIndex .services___blockssss img{

        max-width: 149px;

}



.moduleIndex .boxListNews  img {

    max-width: 100% !important;

}

.itemIndexServices img{

    max-width: 100% !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: 1620px) {

    .boxHeaderTopName{margin-top: 180px;}

}



@media screen and (max-height: 620px) {



    .linkGetTouchToday{margin-bottom: 20px;}

    .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: 18px; }

    .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; */

        left: -31px;

        top: 38px;

        width: 25px;

        height: 2px;

     }

}



@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%; padding-top: 0px; }

    .boxIndexServicesOut { width: 100%; display: flex; justify-content: center !important; }

    .nameService { font-size: 18px; }

    .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; margin-left: 10px; margin-right: 10px; }

    .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: 25px; }

    .headerBorderTwo span { font-size: 42px; }



}



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

    .serviceItemsBottom a.itemIndexServices { /*width: 250px; height: 197px;*/ margin: 0;}

    .pageInner .boxHeaderTopName{    max-width: 90vw;}

    .pageInner .boxNav {    max-width: 90vw;}

}



@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; padding-top: 14px; padding-bottom: 14px; }

    .twoHeaderText { padding-top: 45px; }

    .boxTopDesc table td img { max-width: 100%; height: auto !important; }

    .pageInner .appendix { height: 100px; }

}



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

    .footer { height: 93px; margin-top: -93px; }

    .div_footer { height: 93px; }

    .appendix { height: 93px; }

    /*.footerDevelopment { display: none; }*/

    .footerDevelopment a{

        display: block !important;

        margin: 0 auto;

    }

    .footerPhoneOut { display: flex; /*width: 100%; */justify-content: center; }

    .footerName { margin-top: 41px; }

}



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

    .boxIndexServicesOut { display: block; float: left; width: 100%; }

    .boxIndexServices { position: relative;  }

    .boxIndexServicesInner { float: left; width: 100%; }

    .itemIndexServicesOut { float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; }

    a.itemIndexServices { width: 350px; height: 250px; }

    .boxIndexServices { position: relative; padding-top: 40px; }

    .boxIndexServices { background: #fff; box-shadow: none; }

}



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

    a.linkGetTouchToday { margin-top: 30px; background-position: 208px center; /*padding: 13px;*/ background: none; }

    .boxBorderTwo { padding-left: 20px; padding-right: 20px; }

    .boxIndexServicesInner { float: left; width: 100%; }

    .itemIndexServicesOut { float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; }

    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; }

    .boxHeaderTopName {font-size: 28px;line-height: 40px;}

    .yellowLineLeftHeader { top: 21px; }

    .pageInner .header {

    height: auto !important;

    padding-bottom: 20px;

}

    .boxImageAndStyle { font-size: 22px; }



    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:20px; }

    .pageInner .boxLogoTop img {height: 82px !important;/* object-fit: contain; */width: auto !important;}

}



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

    .leftMenuBox {

        left: -176px;

       /* max-height: calc(100vh - 40px);*/

       -webkit-backface-visibility: hidden;

       height: 100%;

    }

    .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 {left: 30px;/* height: 50px; */}

    .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: 30px/*110px*/;margin-left: 27px;text-align: left;}

    .pageInner .boxNav {padding-left: 26px;text-align: left;justify-content: flex-start;padding: 0;}



}





@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: 200px; }

    .footerPhoneOut { display: block !important; }

    .footerPhone, .footerEmail { width: 100%; text-align: center; }

    .footerPhone { margin-top: 31px; padding: 0px; background: none; }

    .footerEmail { margin-top: 3px; }





}



@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; font-size: 20px; }

    .boxBorderTwo { padding-top: 69px; }

    .textTwoIndex { font-size: 22px; }

    .headerInspired { font-size: 28px; }

    .newsIndexName { font-size: 24px; line-height: 30px; }

    .boxTopDesc h1 { font-size: 30px; line-height: 40px; }

    .str_top_out { display: none; }

    .headerInspired { text-align: center; font-size: 20px; font-weight: bold; }

}



@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 { height: 280px; }

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

    .pageInner .boxLogoTop { /*display: none;*/ }

    .pageInner .boxLogoTop img {

    height: 63px !important;}

    .pageIndex .boxLogoTop { width: 100%;

        text-align: center;

        left: 0px; }

        .pageInner .boxLogoTop {

    /* display: none; */

    padding-top: 30px;

    top: 0;

    max-width: 190px;

}

.pageInner .boxLogoTop img {

    max-width: 100%;

    height: auto !important;

}

    .pageInner .boxHeaderTopName { margin-left: 0px; }

    .pageInner .boxNav { margin-left: 0px; }

    .pageInner .appendix { height: 140px; }



}



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

    .yellowLineLeftHeader { display: none; }

    .boxLogoTop { top: 18px; }

    .boxHeaderTopName { font-size: 28px; line-height: 33px; }

    a.linkGetTouchToday {margin-top: 28px; }

    .ulMenuLeft a { margin-bottom: 18px; }

    .btnOpenMobMenu { left: 0px; }

    .footerPhone { font-size: 18px; padding-top: 6px; }

    .boxLogoTop img { width: 150px; height: auto; }

    body.pageIndex .boxLogoTop { padding-top: 60px; }

}





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

    a.itemIndexServices { width: 290px; height: 280px; }

    .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; }











/*17.02.2020*/

.leftMenuBox {

    background: #554643;

}



.footer {

    background: #6F6F6F;

}



.headerBorderTwo span {

    background-color: #E8E8E8;

}



.ulMenuLeft a:hover span {

    border: none;

}



.ulMenuLeft a {

    position: relative;

    display: inline-block;

}



.ulMenuLeft a:before {

    content: '';

    width: 100%;

    height: 2px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #d9bd4b;

    transition: all .3s ease;

    transform: scale(0);

}



.ulMenuLeft a:hover:before {

    transform: scale(1);

}



.ulMenuLeft a.actMenuLeft span {

    border-bottom: none;

}



.ulMenuLeft a.actMenuLeft span:before {

    transform: scale(1);

}



.yellowLineLeftHeader,

.nameService {

    background: #d9bd4b!important;

}

a.linkGetTouchToday,

.linkNewReadMore {

    border-color: #d9bd4b;

}



.str_top {

   background: url(../img/str_top_green.png) no-repeat center center;

}





.boxLogoTop {

    max-width: 313px;

    width: 100%;

}



.boxLogoTop img {

    display: block;

    width: 100%;

    height: auto;

}



.footerDevelopment a {

    display: inline-block;

}



.footerDevelopment a svg path {

    transition: all .3s ease;

}



.footerDevelopment a:hover svg path {

    fill: #E8E8E8!important;

}



.nameService {

    background: #444;

}





a.linkGetTouchToday,

.linkNewReadMore {

    position: relative;

    z-index: 1;

}



a.linkGetTouchToday:before,

.linkNewReadMore:before {

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #d9bd4b;

    z-index: -1;

    transition: all .3s ease;

}



a.linkGetTouchToday:hover:before,

.linkNewReadMore:hover:before {

    width: 100%;

}



a.linkGetTouchToday:after {

    content: '';

    background: url(../img/str_right.png)center no-repeat;

    position: absolute;

    right: 26px;

    top: calc(50% - 4px);

    z-index: 1;

    display: block;

    width: 17px;

    height: 8px;

}

a.linkGetTouchToday {

    background-position: 230px center;

}



.linkNewReadMore {

    background: unset;

}



.linkNewReadMore:after {

    content: '';

    background: url(../img/str_right_cat.png) no-repeat;

    position: absolute;

    right: 7px;

    top: calc(50% - 5px);

    z-index: 1;

    display: block;

    width: 20px;

    height: 14px;

}



.str_top {

    animation: bounce 2s infinite;

}



@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    transform: translateY(0);

  }

  40% {

    transform: translateY(-15px);

  }

  60% {

    transform: translateY(-5px);

  }

}





a.itemIndexServices {

    position: relative;

    overflow: hidden;

    z-index: 1;

}



a.itemIndexServices span {

    z-index: 4;

}



a.itemIndexServices img,

.outerHover:hover img {

    z-index: -1;

    transition: all .3s ease;

}



a.itemIndexServices:hover img,

.outerHover:hover img {

    transform: scale(1.1);

}



a.itemIndexServices::after,

.outerHover::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.5);

    content: "";

    -webkit-transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);

    z-index: 2;

}



a.itemIndexServices:hover::after,

.outerHover:hover::after {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);

}



.LinkshowAllNewsIndex {

    position: relative;

}



.LinkshowAllNewsIndex:before {

    content: '';

    width: 0;

    height: 2px;

    bottom: -5px;

    right: 0;

    background: #d9bd4b;

    position: absolute;

    transition: all .3s ease;

}



.LinkshowAllNewsIndex:hover:before  {

    left: 0;

    width: 100%;

}



.boxSocialBottom a {

    transition: all .3s ease;

}







.boxSocialBottom a:hover .fa-twitter {

    color: #1da1f2;

}

.boxSocialBottom a:hover .fa-facebook {

    color: #4267b2;

}

.boxSocialBottom a:hover .fa-instagram {

    color: #c2375e;

}

.boxSocialBottom a:hover .fa-pinterest-p {

    color: #e60023;

}







.pageInner .boxLogoTop img {

    height: auto;

    width: 100%;

    display: block;
    max-width: 100px;
    margin: 0;
}



.pageInner .boxLogoTop a {

    display: block;

    max-width: 313px;

}



.select label {

    transition: all .2s ease;

}





.header {

    background: #131313 url(../img/1_HomePage.jpg) no-repeat top center;

    background: #131313 url(../img/resspa__1.jpg) no-repeat top center;

    background: url(../img/resspa__11112.png) no-repeat top center;

    background: url(../img/res-spa1.jpg) no-repeat right top;



/*

    resspa__11112.png

    */

    background-size: cover;

    background-size: cover;

        /* background-position: 23vw 14vh; */

    background-size: contain;

}



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

	.header {background: #fff;}

}



.twoHeaderText {

    background: #E8E8E8;

}





.pageInner .header {

    background: #131313 url(../img/cb.jpg) no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

}



.pageInner .header:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(19, 19, 19, .5);

    z-index: -1;

}





.boxHeaderTel {

    position: absolute;

    top: 80px;

    font-size: 26px;

    right: 11%;

    text-shadow: 0 1px 5px #fff;

}



.boxHeaderTel a {

    color: #3b3b3b;

    font-family: 'BrandonGrotesque-Regular', sans-serif;

    background: url(../img/footer_phone_black.png) no-repeat 0 center;

    padding-left: 30px;

}





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

  .boxHeaderTel {

    right: auto;

    top: 150px;

  }

}



.partnersBlock__items {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 10px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255,255,255,0.9) inset;

    border-radius: 5px;

    margin-top: -80px;

    background: #fff;

    justify-content: center;

}



.partnersBlock__items .item {

    width: 31%;

    padding: 0 10px;

    text-align: center;

}



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

    .partnersBlock__items {

        margin-top: 0;

    }

}

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

    .linkNewReadMoreOut {

        padding: 0!important;

    }

}



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

    .pageIndex .boxLogoTop {

        left: 40px;

    }

    .btnOpenMobMenu {

        right: 20px!important;

        left: auto!important;

        top: 20px;

    }

}



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

   .partnersBlock__items .item {

        width: 50%;

   }

}





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

    body.pageIndex .boxLogoTop {

        padding-top: 30px;

        top: 0;

        max-width: 190px;

        margin: 0 auto !important;

    }

    .btnOpenMobMenu {

        top: 15px;

    }

    .boxHeaderTel {

        top: 100px;

        right: 50%;

        /* transform: translateX(50%)!important; */

        font-size: 20px;

    }

    .boxHeaderTopName {

        margin-top: 210px;

    }

}





::-webkit-scrollbar {

    width: 10px;

    background: #ccc;

}



::-webkit-scrollbar-thumb {

    background: #d9bd4b ;

    width: 10px;

    border-radius: 5px;

}

.div_header {

    z-index: 9;

}





/* old dark gray - #3b3b3b */

/* old light gray - #f0eff0 */





.flags{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px 0 0 0;

}

.flags a{

    margin: 3px;

    padding: 4px;

    opacity: 0.5;

    transition: all 0.3s ease;

}

.flags a:hover{

    opacity: 1;

}

.flags a.active{

    opacity: 1 !important;

}

.flags a img{}



.flags.flags-mob{

    display: none;

}



/** 15.07 **/



.boxHeaderTel {

    position: static;

    margin: 15px 0 0;

}



/** 15.07 **/





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

    .flags.flags-mob{

        display: none;

        position: absolute;

        width: 100%;

        left: 0;

        top: 129px;

        padding: 0;

    }

    .flags.flags-mob.flags-mob__inner{

        top: 130px;

    }

}

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: #554643;
}
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%;
}
.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 .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 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  transition: all 0.3s ease
}
header .wrapper .socials ul li a i {
  color: #554643;
  font-size: 20px;
}
header .wrapper .socials ul li a i:hover {
  color: #000;
  transition: all 0.3s ease;
}
header .wrapper .socials ul li a:hover {
    top: -5px;
}
.boxLogoTop {
    position: static;
    max-width: 175px;
    margin: 15px 0;
}
.boxHeaderTopName {
    margin-top: 25px;
}

.leftMenuBox {
    width: 100%;
    z-index: 999;
}
.menu-opened {
    overflow: hidden;
}
.boxSocialBottom {
    display: flex;
    justify-content: center;
}

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

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

.boxSocialBottom a i {
    font-size: 25px;
}
.ulMenuLeft a {
    font-size: 30px;
}
.ulMenuLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .boxLogoTop {
        max-width: 125px !important;
        margin: 95px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .ulMenuLeft a {
        font-size: 22px;
    }
    header .wrapper .socials > a {
        display: none;

    }
}
.itemNewsOut a {
    display: flex;
}
.pageInner header .wrapper .line, .pageInner header .wrapper .line::after, .pageInner header .wrapper .line::before {
    background: #fff;
}
ul.pagination .prev a,
ul.pagination .next a{
    border-color: #d9bd4b;
}
.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: #d9bd4b;
}

.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: #d9bd4b;
}

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;
}

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

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

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;
}

.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: 1142px) {
    .footerLink {
        margin: 10px 0 0 !important;
    }
}

@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;
  }
}

@media screen and (max-width: 767px) {
    .ulMenuLeft a {
        font-size: 20px;
    }
    .main-slider .slick-arrow {
        bottom: 188px;
    }
    #slides-count {
        bottom: 200px;
    }
}

@media screen and (max-height: 800px) {
    .main-slider .slick-arrow {
        bottom: 188px;
    }
    #slides-count {
        bottom: 200px;
    }
}
.modal .linkNewReadMore:after,
.cookies .linkNewReadMore:after {
    content: none;
}
.flags a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.flags a span {
    margin: 5px 0 0;
    display: block;

}

.form-group label {
    display: block;
    margin-bottom: 10px;
}

.contact-page {
    padding-bottom: 50px;
}

.form-group input, .form-group textarea {
    border: none;
    padding: 10px 5px;
    border-bottom: 1px solid #0b0b0b;
    width: 100%;
}

.footer ul {
        display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 29px;

}
.footer ul li {

    list-style-type: none;
}

.div_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer ul li a {
    color: #fff;
    font-size: 12px
}

.pageInner .boxLogoTop {
    position: absolute;
    top: 85px;
    right: 25px;
    display: flex;
    max-width: 280px;
    align-items: center;
    gap: 30px;
}
header {
    /*z-index: 99;*/
}
.pageInner .header {
    height: 232px !important;
    /*position: static;*/
}

.pageInner .div_header {
    height: 232px !important;
    position: static;
}

.pageInner .div_header_out .div_header_inner:first-child {
    display: none;
}

.pageInner .boxLogoTop a:last-child {
    order: 1;
}

/*.pageIndex .boxHeaderTopName {*/
/*    margin-top: 85px;*/
/*}*/

.pageInner .boxLogoTop a:not(:last-child) {
    order: 2;
}


#slides-count {
    position: absolute;
    left: 50%;
    z-index: 6;
    bottom: 455px;
    transform: translateX(-50%);
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-slider .slick-arrow {
    position: absolute;
    left: 50%;
    z-index: 6;
    bottom: 155px;
    transform: translateX(-50%);
    color: #554542;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1.5px solid #554542;
    background: transparent;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    justify-content: center;
}

.main-slider .slick-arrow:hover {
    background: #554542;
}

.main-slider .slick-arrow svg {
    width: 15px;
    height: 15px;
}

.main-slider .slick-arrow svg path {
    fill: #fff;
}

.main-slider .slick-arrow.slick-prev {
    left: calc(50% - 110px);
}

.main-slider .slick-arrow.slick-next {
    left: calc(50% + 110px);
}

#slides-count {
    position: absolute;
    left: 50%;
    z-index: 6;
    bottom: 155px;
    transform: translateX(-50%);
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.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;
}

.moduleIndex .services___blockssss img {
    max-height: 120px;
    object-fit: contain;
}


@media (max-width: 768px){
    .pageInner .boxLogoTop {
        display: none;
    }
}

.boxHeaderTel {
    position: absolute;
    margin: 15px 0 0;
    top: 70px;
    right: 15px;
    z-index: 99;
}

.boxHeaderTel a {
    color: #fff;
    text-shadow: none;
    background: none;
}

#content {
    /*overflow: hidden;*/
}

.pageIndex .header {
    background: none;
}
.outerHover {
    display: none !important;
}
.boxHeaderTel a {
    font-family: 'BrandonGrotesque-Light', sans-serif;
}
@media (max-width: 768px){
    .main-slider .slick-arrow {
        bottom: 40px;
    }
    #slides-count {
        bottom: 40px;
    }
    .itemNewsOut a {
        flex-direction: column;
    }
    .div_footer_out .div_footer_inner:first-child {
        display: block;
        width: 100%;
    }
    .footerDevelopment a {
        margin-top: 25px;
        display: block;
    }
    .boxTopDesc {
        padding-bottom: 30px;
    }
    .pageInner .header {
        height: auto !important;
        min-height: 232px;
    }
    .pageInner .boxNav {
        /*margin-top: -10px;*/
    }
    .pageInner .boxHeaderTopName {
        max-height: 40px;
        height: 40px;
    }
    .div_footer {
        flex-direction: column;
    }
}

.outerHover {
    position: relative;
    display: block !important;
}