/* Common CSS for All components : Start */
:root {
	--white:#fff;
	--black:#000;
    --blue:#353B4E;
    --grey: #EDEDED;
    --olive-green: #969382;
   --orange:#FE6035;
   --headerHeight: var(--header-height);
   scroll-behavior: auto !important;
}
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;font-family: 'Cerebri Sans Pro';font-size: 18px;color: var(--blue); line-height: 1.25; font-weight: normal; background: var(--grey); }
html.lenis,
html.lenis body { height: auto; }
	
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth iframe { pointer-events: none; }
:focus { outline: none !important; }

a,
button,
input[type=submit] {
    outline: none;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    transition: all ease-in-out 0.3s;
}

input, textarea {
    -webkit-appearance: none;
    appearance: none;
}

a:hover { text-decoration: none !important; }

::-webkit-input-placeholder {
	color:inherit; 
	opacity:1;
}

::-moz-placeholder {
	color:inherit;
	opacity:1;
}

:-ms-input-placeholder {
	color:inherit; 
	opacity:1;
}

:-moz-placeholder {
	color:inherit;
	opacity:1;
}

img,
svg,
iframe { max-width:100%; border: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Cerebri Sans Pro';
    line-height: normal;
    font-weight: normal;
    color: var(--blue);
    word-wrap: break-word;
}

h1 {
    font-size: 64px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 16px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

p { margin: 0; padding: 0; font-weight: normal; font-size: 18px; line-height: 1.5; color: var(--blue); }

p strong { font-weight: 700; }

p + p { margin-top: 17px; }

p:empty { display: none; }

p em,
body em { font-family: 'Source Serif 4'; font-style: normal; }

a,
a:hover { color: inherit; }

ul,
ol {
  margin: 0;
  padding: 0;
}

ol li,
ul li { list-style: none; }

/* *:focus { outline:3px solid var(--orange) !important; outline-offset:2px; } */
body .wow { visibility: visible !important; }

.skip_wrap { position: absolute; top: 0; left: 0; z-index: 1001; width: 100%; display: flex; }
.skip_wrap a { display: flex; justify-content: center; padding: 0; align-items: center; opacity: 0; visibility: visible; width: 100%; height: 0; color: var(--white); background: var(--blue); overflow: hidden; }
.skip_wrap a:focus { opacity: 1; visibility: visible; padding: 10px 0; height: auto; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }

@media (min-width:576px) {
   .container { max-width: 540px; }
}
@media (min-width: 768px) {
   .container { max-width: 750px; }
}
@media (min-width: 992px) {
   .container { max-width: 970px; }
}
@media (min-width:1231px) {
	.container { max-width: 84.792vw; padding: 0 0; }  
}
@media (min-width:1600px) {
	.container { max-width: 84.792vw; padding: 0 0; }  
}


.wrapper_main { position:relative; width:100%; min-height:100%; /*padding-top: var(--header-height);*/ overflow: hidden; }

.page_wrapper { position: relative; width: 100%; margin-top: 146px; }

.contain_wapper { position:relative; width:100%; }

.fade-up.wow {
	opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
}

.fade-up.wow.animated {
	opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
}

.btnbox { position: relative; display: flex; }

.split-word { display: inline-block; vertical-align: baseline; will-change: opacity; }


.header_main { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; padding-top: 50px; padding-bottom: 45px; background: var(--grey); transition: all ease-in-out 300ms; }
.header_main.sticky { padding: 20px 0; box-shadow: 0 3px 6px rgba(0,0,0,16%); }
.header_main .header_wrap { position: relative; width: 100%; }
.header_main .navbar_wrap { position: relative; display: flex; justify-content: space-between; align-items: center; }
.header_main .navbar_brand { position: relative; z-index: 10; display: flex; min-width: 297px; }
.header_main .navbar_brand .logo { position: relative; display: flex; }
.header_main .navbar_brand .logo a { display: flex; width: 297px; }
.header_main .navbar_brand .logo a img { display: inline-flex; width: 100%; transition: all ease-in-out 300ms; }
.header_main .navbar_brand .hamburger { display: none; }
.header_main .navigation { position: relative; }
.header_main .navigation .navbar { position: relative; /*padding-right: 80px;*/ }
.header_main .navigation .navbar > ul { display: flex; column-gap: 40px; }
.header_main .navigation .navbar > ul > li { position: relative; display: flex; }
.header_main .navigation .navbar > ul > li a { position: relative; display: flex; font-size: 22px; color: var(--blue); column-gap: 8px; align-items: center; }
.header_main .navigation .navbar > ul > li a:hover,
.header_main .navigation .navbar > ul > li a.active { color: var(--orange); text-decoration: underline; position: relative;}
.header_main .navigation .navbar > ul > li a.active:after {
    content:"";
    width: 100%;
    height: 1px;
    background: var(--orange);
    margin-top: 40px;
    position: absolute;
}
.header_main .social_links { display: none; }
.header_main.hide { transform: translateY(-100%); }
.header_main .navigation .navbar .map-link a { color: var(--orange); }
.header_main .navigation .navbar .map-link a img { max-height: 18px; }
.header_main .small_header { position: absolute; top: 0; left: 0; width: 100%; padding: 30px 30px 0; display: flex; justify-content: space-between; display: none; align-items: center; }
.header_main .small_header .sm-logo { display: flex; }
.header_main .small_header .sm-logo a { display: flex; }
.header_main .small_header .sm-logo a img { display: inline-flex; }
.header_main .small_header .close_nav { position: relative; display: flex; }
.header_main .small_header .close_nav a { display: flex; }
.header_main .small_header .close_nav a img { display: inline-flex; }

html.open-menu { overflow: hidden !important;touch-action: none; }
html.open-menu body { overflow: hidden; }


.banner_main { position: relative; width: 100%; padding-bottom: 90px; /*padding-left: 7.344vw;*/ }
.banner_main .banner_wrap { position: relative; width: 100%; }
.banner_main .banner_image { position: relative; width: 100%; /*height: (100vh - var(--headerHeight));*/ height: 100vh; }
.banner_main .container { height: 100%; }
.banner_main .banner_image .image_wrap { position: relative; display: flex; width: 100vw; height: 100%; overflow: hidden; }
.banner_main .banner_image picture { width: 100%; }
.banner_main .banner_image img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; }
.banner_main .banner_caption { position: absolute; bottom: 45px; left: 0; width: 100%; }
.banner_main .caption_wrap { position: relative; left: -51px; white-space: nowrap; }
.banner_main .caption_wrap .line-txt { overflow: hidden; }
.banner_main .caption_wrap .line-txt .split-words { opacity: 1 !important; }
.banner_main .caption_wrap h1 { width: 100vw; font-family: 'Source Serif 4'; font-size: 100px; color: var(--orange); line-height: 1.064; }
.banner_main .caption_wrap h1 strong { display: block; font-family: 'Cerebri Sans Pro'; font-weight: normal; }
.banner_main .banner_video { position: relative; width: 100%; height: calc(100vh - 146px); }
.banner_main .banner_video .video_wrap { position: relative; display: flex; width: 100vw; height: 100%; }
.banner_main .banner_video video { display: flex; width: 100%; height: 100%; object-fit: cover; object-position:top; }


.about_sec { position: relative; z-index: 2; width: 100%; padding: 0 0 100px; background: var(--grey); box-shadow: 0 -50px 20px var(--grey); }
.about_sec .about_top { position: relative; width: 100%; margin-bottom: 80px; display: flex; }
.about_sec .left_text { position: relative; max-width: 536px; }
.about_sec .left_text .inner_box { position: relative; }
.about_sec .left_text h6 { font-family: 'Source Serif 4';font-size: 20px; color: var(--olive-green); line-height: 1.4; }
.about_sec .left_text .ats-name { font-size:26px; margin-bottom:15px; }
.about_sec .left_text .ats-text { font-size:23px; }
.about_sec .left_text p { color: var(--olive-green); line-height: 1.4; }
.about_sec .content_wrap { position: relative; width: 100%; display: flex; column-gap: 55px; /*justify-content: space-between;*/ }
.about_sec .media_wrap { position: relative; min-width: 510px; max-width: 510px; height: 650px; }
.about_sec .image_wrap { position: relative; width: 100%; height: 100%; }
.about_sec .image_wrap .imgbox { position: relative; display: flex; width: 100%; height: 100%; }
.about_sec .image_wrap .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; }
.about_sec .video_wrap { position: relative; width: 100%; height: 100%; }
.about_sec .video_wrap .videobox { display: flex; width: 100%; min-width: 800px; height: 100%; }
.about_sec .video_wrap .videobox video { display: inline-flex; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.about_sec .text_wrap { position: relative; flex-grow: 1; max-width: 1000px; }
.about_sec .text_wrap .textblock { position: relative; width: 100%; }
.about_sec .text_wrap p { font-size: 34px; line-height: 1.35; word-break: break-word; }
.about_sec .text_wrap p em { word-break: break-word; }
.about_sec .btnbox { width: 100%; margin-top: 40px; }
.about_sec .btnbox a { display: flex; font-size: 23px; color: var(--blue); font-weight: bold; line-height: 1.25; text-decoration: underline !important; text-underline-offset: 3px; text-transform: uppercase; }
.about_sec .btnbox a:hover { color: var(--orange); }



.services_sec { position: relative; z-index: 5; width: 100%; padding: 135px 0 110px; }
.services_sec .container { padding: 0 0; }
.services_sec .textblock em { font-size:26px; }
.services_sec:before,
.services_sec:after { position: absolute; top: 0; bottom: 0; z-index: 2; width: 3.385vw; height: 100%; content: ''; background: var(--grey); }
.services_sec:before { left: 0; }
.services_sec:after { right: 0; }
.services_sec .top_text { position: relative; width: 100%; padding: 0 15px; margin-bottom: 115px; }
.services_sec .top_text .textblock { position: relative; max-width: 812px; }
.services_sec .top_text h3 { margin-bottom: 30px; font-size: 70px; color: var(--white); line-height: 1.275; }
.services_sec .top_text p { color: var(--white); }
.srvc_accordion { position: relative; z-index: 2; width: 100%; }
.srvc_accordion .content_wrap { position: relative; display: flex; width: 100%; column-gap: 44px; }
.srvc_accordion .content_wrap:before { position: absolute; right: 100%; width: 50vw; height: 100%; content: ''; background: var(--olive-green); display: none; }
.srvc_accordion .images_wrap { position: relative; min-width: 370px; height: 615px; }
.srvc_accordion .images_wrap .image_base { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; opacity: 0; visibility: hidden; transition: all ease-in-out 300ms; }
.srvc_accordion .images_wrap .image_base.active { opacity: 1; visibility: visible; }
.srvc_accordion .image_base .imgbox { position: relative; display: flex; width: 100%; min-width: 570px; height: 100%; /*transform: translateY(50px);*/ transition: all ease-in-out 300ms; }
/* .srvc_accordion .image_base.active .imgbox { transform: translateY(0); } */
.srvc_accordion .image_base .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; }

.srvc_accordion .images_wrap .videobox { display: flex; width: 100%; min-width: 570px; height: 100%; }
.srvc_accordion .images_wrap .videobox video { display: inline-flex; width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.accordion_main { position: relative; width: 100%; }
.accordion_main .acc_panel { position: relative; width: 100%; border-top: solid 1px var(--grey); }
.accordion_main .acc_title { position: relative; width: 100%; padding: 25px 0 35px; cursor: pointer; }
/**.accordion_main .acc_title:after { position: absolute; top: 50%; right: 36px; width: 39px; height: 42px; background: url('../images/acc-arrow.svg') no-repeat center center; background-size: contain; content: ''; transition: all ease-in-out 300ms; transform: translateY(-50%); transform-origin: center center; }
**/
.accordion_main .acc_title:after {
    position: absolute;
    top: 50%;
    right: 36px;

    width: 48px;
    height: 48px;

    content: '';
    transform: translateY(-50%);
    transform-origin: center;

    /* Kreis */
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(227, 227, 223,0);

    /* Icon */
    background-image: url(../images/acc-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 24px;

    transition: box-shadow 300ms ease-in-out;
}

/* Hover */
.accordion_main .acc_title:hover:after {
    box-shadow: inset 0 0 0 2px rgba(227, 227, 223,1);
}
.accordion_main .acc_panel.active .acc_title:after { transform: translateY(-50%) rotate(180deg); }
.accordion_main .acc_title h3 { position: relative; font-size: 30px; color: var(--white); }
.accordion_main .acc_title h3 strong { font-size: 24px; font-weight: normal; }
.accordion_main .acc_content { position: relative; width: 100%; display: none; }
.accordion_main .acc_content .textblock { width: 100%; padding: 0 0 57px; }
.accordion_main .acc_content .textblock p { color: var(--white); }
/*.services_sec .bottom_text { position: relative; width: 100%; margin-top: 150px; padding: 0 15px; }*/
.services_sec .bottom_text { position: absolute;
    width: 100%;
    margin-top: 160px;
    color: #000;
    padding: 0 15px; }
.services_sec .bottom_text .textblock { position: relative; max-width: 812px; }
/**.services_sec .bottom_text p { color: var(--white); }**/
.services_sec .bottom_text p { color: var(--blue); }

.services_sec .bottom_text .btnbox { width: 100%; margin-top: 30px; }
.services_sec .bottom_text .btnbox a { position: relative; display: flex; font-size: 23px; font-weight: bold; color: var(--blue); line-height: 1.25; text-decoration: underline !important; text-underline-offset: 5px; text-transform: uppercase; }

.services_sec .bottom_text .btnbox a:hover { color: var(--orange); }

.conversation_sec { position: relative; z-index: 6; width: 100%; margin-top: -80px; padding-bottom: 150px; }
.conversation_sec .container { padding: 0 0; }
.conversation_sec .content_wrap { position: relative; display: flex; width: 100%; padding-right: 86px; column-gap: 95px; align-items: flex-end; justify-content: flex-end; }
/**.conversation_sec .text_wrap { position: relative; max-width: 600px; padding-bottom: 100px; }**/
.conversation_sec .text_wrap { position: relative; max-width: 600px; padding-bottom: 20px; }

.conversation_sec .text_wrap .textblock { position: relative; width: 100%; }
.conversation_sec .text_wrap p { font-size: 40px; line-height: 1.28; }
.conversation_sec .media_wrap { position: relative; width: 750px; height: 800px; }
.conversation_sec .image_wrap { position: relative; width: 100%; height: 100%; }
.conversation_sec .image_wrap .imgbox { display: flex; width: 100%; min-width: 800px; height: 100%; }
.conversation_sec .image_wrap .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.conversation_sec .video_wrap { position: relative; width: 100%; height: 100%; }
.conversation_sec .video_wrap .videobox { display: flex; width: 100%; min-width: 800px; height: 100%; }
.conversation_sec .video_wrap .videobox video { display: inline-flex; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.conversation_sec .btnbox { width: 100%; margin-top: 30px; }
.conversation_sec .btnbox a { display: flex; font-size: 23px; font-weight:bold;color: var(--blue); line-height: 1.25; text-decoration: underline !important; text-underline-offset: 3px; text-transform: uppercase; }
.conversation_sec .btnbox a:hover { color: var(--orange); }
.conversation_sec .bottom_text {
    position: absolute;
    left: 0;
    top: 130px;
    max-width: 700px;
}

.offer_sec { position: relative; width: 100%; overflow: hidden; padding-bottom: 100px; }
.offer_sec .sec_heading { position: relative; width: 100%; }
.offer_sec .sec_heading h3 { font-size: 70px; line-height: 1.275; }
.offer_sec .map_wrap { position: relative; width: 100%; min-height: 450px; }
.offer_sec .sec_heading + .map_wrap { margin-top: 50px; }
.offer_sec .map_wrap iframe { width: 100%; border: none; }


.references_sec { position: relative; width: 100%; padding: 50px 0 0; }
.references_sec .sec_heading { position: relative; width: 100%; margin-bottom: 60px; margin-top:100px;}
.references_sec .sec_heading h3 { font-size: 70px; line-height: 1.275; }
.references_sec .desk_slider { position: relative; display: block; width: 100%; }
.references_sec .mobile_slider { position: relative; display: none; width: 100%; }
.references_sec .reference_carousel { overflow: visible; }
.references_sec .swiper-wrapper { cursor: grab; }
.references_sec .swiper-slide { width: auto; height: auto; margin-right: 30px; }
.references_sec .bottom_text { position: relative; top: 0; left: 0; width: 100%; margin-top: 50px; }
.references_sec .bottom_text .textblock { position: relative; max-width: 815px; }
.review_block { position: relative; width: 330px; min-height: 500px; height: 100%; background: var(--olive-green); }
.review_block .card_link { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; }
.review_block .innerbox { position: relative; width: 100%; height: 100%; display: flex; }
.review_block .textblock { position: relative; width: 100%; }
.review_block .innerbox { position: relative; width: 100%; padding: 116px 45px 32px 29px; flex-direction: column; }
.review_block .innerbox h6 { margin-bottom: 16px; font-family: 'Source Serif 4'; font-size: 27px; color: var(--white); line-height: 1.4; }
.review_block .innerbox p { font-size: 18px; color: var(--white); line-height: 1.2666; }
.review_block .review_box { position: relative; width: 100%; margin-top: auto; padding-top: 30px; }
.review_block .review_box .rating { display: flex; align-items: center; }
.review_block .review_box .rating .star { display: flex; width: 17px; height: 17px; background: url('../images/star-icon.svg') no-repeat center center; background-size: contain; }
.review_block .review_box .rating span { display: flex; font-family: 'Source Serif 4'; font-size: 20px; color: var(--white); line-height: 1.4; }
.review_block .review_box .title { display: flex; font-family: 'Source Serif 4'; font-size: 20px; color: var(--white); line-height: 1.4; }
.review_img_block { position: relative; width: 730px; min-height: 500px; height: 100%; }
.review_img_block .image_wrap { position: relative; width: 100%; height: 100%; display: flex; }
.review_img_block .image_wrap img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; }
.review_img_block .caption_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 35px 30px; display: flex; flex-direction: column;background: var(--olive-green); opacity: 0; visibility: hidden; justify-content: flex-end; transition: all ease-in-out 300ms; }
.review_img_block:hover .caption_box { opacity: 1; visibility: visible; }
.review_img_block .caption_box .innerbox { position: relative; width: 100%; }
.review_img_block .caption_box .innerbox h6 { font-family: 'Cerebri Sans Pro'; font-size: 20px; color: var(--white); line-height: 1.4; }
.review_img_block .caption_box .location { width: 100%; margin-top: 46px; }
.review_img_block .caption_box .location span { display: flex; width: 100%; font-family: 'Source Serif 4'; font-size: 20px; color: var(--white); line-height: 1.4; }
.references_sec .slider_buttons {  position: absolute; top: 100%; left: 0; z-index: 5; width: 100%; margin-top: 40px; display: flex; justify-content: flex-end; pointer-events:none; }
.references_sec .button_wrap { position: relative; display: flex; width: 90px; height: 40px; justify-content: space-between;align-items: center; pointer-events:all; }
.slider_buttons [class*="refer-button"] { display: flex; width: 39px; height: 10px; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; transform: rotate(-90deg); }
.slider_buttons [class*="refer-button"].swiper-button-disabled { opacity: 0.5; cursor: default; }
.slider_buttons [class*="refer-button"].refer-button-next { background-image: url('../images/sld-arrow-r.svg'); }
.slider_buttons [class*="refer-button"].refer-button-prev { background-image: url('../images/sld-arrow-l.svg'); }



.contact_sec { position: relative; width: 100%; padding: 160px 0 100px; }
.contact_sec .sec_title { position: relative; width: 100%; margin-bottom: 70px; }
.contact_sec .sec_title h2 { font-size: 140px; color: var(--orange); line-height: 1.2716; }
.contact_sec .content_wrap { position: relative; width: 100%; max-width: 1366px; margin: 0 auto; display: flex; justify-content: space-between; }
.contact_sec .form_column { width: 500px; }
.contact_sec .form_column h3 { font-size: 40px; line-height: 1.28; }
.form_block { position: relative; width: 100%; margin-top: 43px; }
.form_block .form_row { position: relative; width: 100%; margin-top: 25px; margin-bottom: 25px;}
.form_block .form_row:first-child { margin-top: 0; }
.form_block .form_row label { display: none; width: 100%; font-size: 25px; color: var(--blue); line-height: 1.24; text-transform: uppercase; }
.form_block .form_row .input-text { display: block; width: 100%; padding: 12px 0 5px; font-size: 25px; color: rgba(53,59,78,50%); background: none; border: none; border-bottom: solid 1px var(--blue); }
.form_block .privacy { position: relative; width: 100%; margin-top: 35px; }
.form_block .privacy p { font-size: 18px; }
.form_block .privacy p a { color: var(--blue); text-decoration: underline !important; }
.form_block .privacy p a:hover { color: var(--orange); }
.form_block .frd-captcha { position: relative; width: 100%; margin-top: 40px; }
.form_block .btnbox { width: 100%; margin-top: 35px; }
.form_block .btnbox .submit { display: flex; padding: 0 0; font-size: 23px; font-weight:bold; color: var(--blue); line-height: 1.25; text-decoration: underline !important; text-transform: uppercase; text-underline-offset: 2px; background: none; border: none; border-radius: 0; }
.form_block .btnbox .submit:hover { color: var(--orange); }
.form_block .wpcf7-spinner { position: absolute; right: 0; opacity: 0; visibility: hidden; }
.form_block .wpcf7-not-valid-tip { display: block; padding-top: 6px; font-size: 16px; color: #DA4141; }
.form_block .wpcf7-form.invalid .wpcf7-response-output { position: relative; max-width: 400px; min-height: 40px; padding: 0 0 0 50px; margin: 20px 0 0 0; font-size: 16px; color: #D94141; border: none; display: flex; align-items: center; }
.form_block .wpcf7-form.invalid .wpcf7-response-output:before { position: absolute; left: 0; width: 30px; height: 28px; background: url(../images/form-error.svg) no-repeat center center; background-size: contain; content: ''; }
.form_block .wpcf7-form.sent .wpcf7-response-output { position: relative; max-width: 400px; min-height: 40px; padding: 0 0 0 61px; margin: 20px 0 0 0; font-size: 16px; color: #B9F0C6; border: none; display: flex; align-items: center; }
.form_block .wpcf7-form.sent .wpcf7-response-output:before { position: absolute; left: 0; width: 39px; height: 38px; background: url(../images/form-check.svg) no-repeat center center;background-size: contain; content: ''; }
.contact_sec .text_column { width: 630px; }
.contact_sec .text_column .textblock { width: 100%; }
.contact_sec .text_column .textblock h4 { margin-bottom: 10px; font-size: 50px; line-height: 1.275; }
.contact_sec .text_column .textblock p { font-size: 25px; line-height: 1.36; }
.contact_sec .text_column .site_info { position: relative; width: 100%; margin-top: 37px; }
.contact_sec .text_column .site_info ul { display: flex; flex-direction: column; width: 100%; row-gap: 27px; }
.contact_sec .text_column .site_info ul li { display: flex; align-items: flex-start; column-gap: 14px; }
.contact_sec .text_column .site_info .icon { display: flex; min-width: 17px; margin-top: 6px; }
.contact_sec .text_column .site_info p { font-size: 23px; line-height: 1.24; }
.contact_sec .text_column .site_info p a { display: inline-flex; color: var(--blue); line-height: 1.24; }
.contact_sec .text_column .site_info p a:hover { color: var(--orange); }
.contact_sec .text_column .site_info p + p { margin-top: 0; }
.contact_sec .text_column .site_info strong { display: inline-flex; min-width: 96px; color: var(--blue); font-weight: normal; }
.contact_sec .text_column .site_info strong + a { margin-left: 30px; }



.footer_main { position: relative; width: 100%; padding: 40px 0; background: var(--blue); }
.footer_main .footer_wrap {display: flex;  align-items: flex-start; justify-content: space-between; height: 200px;}
.footer_main .footer_wrap .f-logo { display: flex; width: 290px; }
.footer_main .footer_wrap .f-logo a { display: flex; height: 250px; }
.footer_main .footer_wrap .f-logo a img { width: 100%; height: auto; }
/*.footer_main .footer_wrap .site_info { position: relative; display: flex; align-items: flex-end; }*/
.footer_main .footer_wrap .site_info {     
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer-menu a {
    text-decoration: none;
    color: #FFF;
    font-size: 18px;
    line-height:1.4;
}
.footer-menu a:hover {
    color: var(--orange);
}
.footer_main .footer_wrap .social_links { position: relative; display: flex; gap: 13px; }
.footer_main .footer_wrap .social_links a { display: flex; }
.footer_main .footer_wrap .social_links a img { display: inline-flex; width: auto; height: 23px; transition: all ease-in-out 300ms; }
/* .footer_main .footer_wrap .social_links a:hover img { filter: invert(39%) sepia(73%) saturate(1750%) hue-rotate(341deg) brightness(113%) contrast(102%); } */
.footer_main .footer_wrap .ft_links { position: relative; }
.footer_main .footer_wrap .ft_links ul { display: flex; flex-direction: column; }
.footer_main .footer_wrap .ft_links ul li { display: flex; font-size: 20px;color: var(--white); }
.footer_main .footer_wrap .ft_links ul li a { display: flex; color: var(--white); font-size: 18px; line-height: 1.4;}
.footer_main .footer_wrap .ft_links ul li a:hover { color: var(--orange); }
.footer_main .site_info h5 {
                            font-size: 14px;
                            color: #FFF;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                            opacity: 0.3;
                            margin-bottom: 15px;
                        }
.footer-ms {
    padding-left: 100px;  padding-right: 100px; display: flex; min-width: 50%; gap: 100px; height: 100%;
}
.footer-mc {
display: flex; flex-direction: column; height: 100%; justify-content: space-between;
}
.ft-c-nav, .ft-c-legal { position:relative; }
.ft-c-nav:after,
.ft-c-legal:after
 {
    content: "";
    height: 100%;
    position: absolute;
    width: 1px;
    background: #FFF;
    opacity: 0.2;
    top: 0;
    left: -50px;
}
.back-to-top a {
    border: #FFF solid 2px;
    border-radius: 100px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.back-to-top a:hover {
    background: #fff;
}
.back-to-top a:hover svg path
{
    fill: var(--blue) !important;
}

        .sound-toggle {
            position: absolute;
            right: 0px;
            top: 140px;
            z-index: 10;
            background: var(--blue);
            border: none;
            color: #fff;
            padding: 10px 14px;
            font-size: 14px;
            display: flex;
            width: 140px;
            display: flex;
            height: 80px;
            gap: 6px;
            align-items: center;
            cursor: pointer;
            transition: background 0.25s ease;
            flex-direction: column;
            justify-content: center;
        }

.sticky_contact { position: fixed; top: var(--header-height); right: 0; z-index: 1000; width: 50%; max-width: 140px; max-height: 80px; padding: 24px 27px; background: var(--orange); overflow: hidden; transition: all ease-in-out 300ms; }
.sticky_contact .contact_btn { position: relative; display: flex; }
.sticky_contact .contact_btn span { display: flex; font-family: 'Source Serif 4'; font-size: 25px; color: var(--white); line-height: 1.36; }
.sticky_contact .contact_info { position: relative; width: 100%; margin-top: 11px; white-space: nowrap; opacity: 0; visibility: hidden; transition: all ease-in-out 300ms; }
.sticky_contact .contact_info ul { margin-top:15px; display: flex; flex-direction: column; width: 100%; row-gap: 10px; }
.sticky_contact .contact_info ul li { display: flex; align-items: flex-start; column-gap: 10px; }
.sticky_contact .contact_info ul li a{ display: flex; align-items: flex-start; column-gap: 10px; }
.sticky_contact .contact_info .icon { display: flex; min-width: 17px; margin-top: 4px; }
.sticky_contact .contact_info .icon img { filter: brightness(0) invert(100); }
.sticky_contact .contact_info p { font-size: 18px; color: var(--white); line-height: 1.24; }
.sticky_contact .contact_info p a { display: inline-flex; color: var(--white); line-height: 1.2222; }

@media (min-width: 1231px) {
    .sticky_contact:hover { max-width: 330px; max-height: 240px; padding-bottom: 35px; padding-left: 45px; }
    .sticky_contact:hover .contact_info { opacity: 1; visibility: visible; }
}


.cms_main { position: relative; width: 100%; padding: 300px 0 120px; }
.cms_wrap { position: relative; width: 100%; max-width: 1364px; }
.cms_main h1,
.cms_main h2,
.cms_main h3 { margin-bottom: 26px; font-family: 'Source Serif 4'; font-size: 40px; color: var(--orange); line-height: 1.35; }
.cms_main h6 { margin-top: 17px; font-family: 'Source Serif 4';font-size: 20px; line-height: 1.4; font-weight: normal; text-transform: uppercase; }
.cms_main h6:first-child { margin-top: 0; }
.cms_main p { line-height: 1.4; }
.cms_main p a:hover { color: var(--orange); }

.cms_main .error-404-wrap .btnbox { width: 100%; margin-top: 30px; }
.cms_main .error-404-wrap .btnbox a { display: flex; font-size: 20px; color: var(--blue); line-height: 1.25; text-decoration: underline !important; text-underline-offset: 3px; text-transform: uppercase; }
.cms_main .error-404-wrap .btnbox a:hover { color: var(--orange); }