/* Common CSS for All components : Start */
:root {
	--white:#fff;
	--black:#000;
    --black-alt:#3F4957;
   --light-gray:#F8FBFF;
   --primary-blue: #151B24;
   --secondary-blue: #1532FF;
   --sky-blue: #AAE1FF;
   scroll-behavior: auto;
}
*,
*::after,
*::before {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

html,
body { min-height: 100%; }

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;font-family: 'apparat';font-size: 16px;color: var(--black-alt); line-height: 1.625; font-weight: 400; background: var(--white); }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: 'stolzl';
  line-height: 1;
  font-weight: 500;
  color: var(--black);
  word-wrap: break-word;
}

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

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 1.625; color: var(--black-alt);
}

p b,
p strong {
  font-weight: 700;
}

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

a,
a:hover {
  color: inherit;
}

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

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

/* *:focus { outline:3px solid #007bff !important; outline-offset:2px; }*/
.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(--black); 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:1280px) {
    .container { max-width: 1270px; }
}
@media (min-width:1800px) {
    .container { max-width: 1748px; }
}

.wrapper_main { position:relative; width:100%; min-height:100%; }

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

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

/* section { overflow: hidden; } */


.fade-up.wow {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-property: opacity, transform;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: opacity, transform;
}

.fade-up.wow.animated {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


/* body .wow { visibility: visible !important; } */
body.open-menu { overflow: hidden; }

.btnbox { display: flex; }
.primary-btn { position: relative; display: flex; min-width: 250px; height: 47px; padding: 0 20px; font-size: 16px; color: var(--white); background: var(--secondary-blue); align-items: center; justify-content: center; }
.primary-btn:before { position: absolute; top: 0; left: auto; right: 0; width: 0; height: 100%; backface-visibility: hidden; pointer-events: none; content: ''; transition: all ease-in-out 300ms; }
.primary-btn span { position: relative; z-index: 2; height:24px;display: flex; color: currentColor;transition: all ease-in-out 300ms; }
.primary-btn:hover { color: var(--primary-blue); }
.primary-btn:hover:before { left: 0; right: auto; width: 100%; background: var(--light-gray); }
.primary-btn.alter:hover { color: var(--white); }
.primary-btn.alter:hover:before { background: #021179; }


.header_main { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; border-bottom: solid 1px #BCC5D3; transition: all ease-in-out 300ms; }
/* .header_main:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(20, 26, 65, 0.7) 0%, rgba(20, 26, 65, 0) 100%); background-blend-mode: multiply; pointer-events: none; content: ''; } */
.header_main .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #141A41; opacity: 0.5; pointer-events: none; }
.header_main.dark_header { background: #151B24; }
.header_main.dark_header .overlay { background: #141A41; opacity: 0.5; }
.header_inner { position: relative; z-index: 10; width: 100%; }
.header_main .header_wrap { position: relative; width: 100%; height: 110px; display: flex; align-items: center; justify-content: space-between; }
.header_main .header_wrap .head_right { display: flex; align-items: center; }
.header_main .header_wrap .site_logo { position: relative; display: flex; }
.header_main .header_wrap .site_logo a {display: flex; }
.header_main .header_wrap .site_logo a img { display: inline-flex; }
.header_main .social_links { position: relative; display: flex; align-items: center; gap: 28px; }
.header_main .social_links a { display: flex; color: var(--white); align-items: center; }
.header_main .social_links a:hover { transform: scale(1.1); }
.header_main .social_links a i { display: flex; }
.header_main .social_links a svg { display: inline-flex; }
.header_main .social_links a svg path { transition: all ease-in-out 300ms; }
.header_main .social_links a:hover svg path { fill: #DEE2E8; }
.header_main .hamburer { position: relative; display: flex; margin-left: 32px; }
.header_main .hamburer a { display: flex; width: 33px; align-items: center; justify-content: center; }
.header_main .hamburer a img { display: inline-flex; }
.header_main .hamburer a svg { display: inline-flex; width: 33px; }
.header_main .hamburer a svg path { fill: var(--white);transition: all ease-in-out 300ms; }
.header_main .hamburer a:hover svg path { fill: #DEE2E8; }
/* .header_main .hamburer a:hover svg path:first-child { transform: translateY(-1px); }
.header_main .hamburer a:hover svg path:last-child { transform: translateY(-1px); } */
.header_main .hamburer a .lines { position: relative; display: flex; width: 100%; flex-direction: column; row-gap: 5px;transition: all ease-in-out 300ms; }
.header_main .hamburer a .lines span { display: flex; width: 100%; height: 3px; background: #fff; border-radius: 10px;transition: all ease-in-out 300ms; }
.header_main .hamburer a:hover .lines span { background: #DEE2E8; }
.header_main .hamburer a:hover .lines span:first-child { transform: translateY(-1px); }
.header_main .hamburer a:hover .lines span:last-child { transform: translateY(1px); }

.header_popup { position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; display: flex; flex-direction: column; background: var(--primary-blue); visibility: hidden; pointer-events: none; transform: translateY(100%); transition: all cubic-bezier(.19,1,.22,1) 600ms; }
.header_popup.open { visibility: visible; transform: none; pointer-events: all; }
.header_popup .top_header { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; border-bottom: solid 1px #BCC5D3; }
.header_popup .top_header .flexrow { position: relative; width: 100%; height: 110px; display: flex; justify-content: space-between; align-items: center; }
.header_popup .top_header .flexrow .logo { position: relative; display: flex; }
.header_popup .top_header .flexrow .logo a {display: flex; }
.header_popup .top_header .flexrow .logo a img { display: inline-flex; }
.header_popup .top_header .header_close { position: relative; display: flex; }
.header_popup .top_header .header_close a { display: flex; }
.header_popup .top_header .header_close a img { display: inline-flex; }
.header_popup .header_content_main { position: relative; width: 100%; height: 100%; padding-top: 110px; }
.header_popup .content_inner { position: relative; width: 100%; height: 100%; padding-top: 20.222vh; }
.header_popup .navigation { position: relative; width: 100%; }
.header_popup .navigation .navbar { position: relative; width: 100%; display: flex; gap: 100px; }
.header_popup .navigation .navbar .navcol { position: relative; min-width: 40%; display: flex; align-items: flex-end; }
.header_popup .navigation .navbar .navcol ul { display: flex; width: 100%; flex-direction: column; gap: 40px; }
.header_popup .navigation .navbar .navcol ul li { display: flex; width: 100%; }
.header_popup .navigation .navbar .navcol ul li a { display: flex; font-family: 'apparat'; font-size: 32px; color: rgba(255,255,255,65%); line-height: 1; letter-spacing: 0.01em; font-weight: 500; }
.header_popup .navigation .navbar .navcol ul li a:hover { color: var(--white); }
.header_popup .navigation .navbar .navcol ul li.current-menu-item a { color: var(--white); font-weight: 700; }
.header_popup .social_bar { position: relative; width: 100%; display: flex; padding-top: 100px; justify-content: flex-end; }
.header_popup .social_bar .links_wrap { position: relative; display: flex; gap: 16px; }
.header_popup .social_bar .info { display: flex; }
.header_popup .social_bar .info a { display: flex; width: 43px; height: 43px; color: var(--white); background: var(--secondary-blue); align-items: center; justify-content: center; border-radius: 100%; }
.header_popup .social_bar .info a:hover { color: #06080B; background: var(--light-gray); }
.header_popup .social_bar .link { display: flex; }
.header_popup .social_bar .link a { display: flex; }
.header_popup .social_bar .link a img { display: inline-flex; }
.header_main.hide { transform: translateY(-100%); }


.banner_main { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.banner_main .banner_image { position: relative; width: 100%; height: 100%; display: flex; }
.banner_main .banner_image picture { position: relative; display: flex; width: 100%; }
.banner_main .banner_image img { display: flex; width: 100%; height: 100%; object-fit: cover; }
.banner_video { position: relative; width: 100%; height: 100%; display: flex; }
.banner_video div[class*="_video"] { position: relative; display: flex; width: 100%; height: 100%; }
.banner_video video { display: flex; width: 100%; height: 100%; object-fit: cover; }
.banner_video div.sm_video { display: none; }
.banner_main .banner_caption { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: flex-end; background: rgba(20,26,65,15%); }
.banner_main .banner_caption .caption_wrap { position: relative;width: 100%; margin-left:-7px; }
.banner_main .banner_caption h1 { font-size: 120px; line-height: 1; letter-spacing: 0.02em; font-weight: 500; color: var(--white); text-transform: uppercase; }
.banner_main .banner_caption h1 strong { display: block; font-weight: 200; }

/* section { min-height: 100vh; } */

.common_info_sec { position: relative; width: 100%; padding: 75px 0 88px; background: var(--primary-blue); overflow: hidden; }
.common_info_sec .flexrow { position: relative; display: flex; }
.common_info_sec .content_wrap { width: 100%; max-width: 685px; }
.common_info_sec h2 { margin-bottom: 33px; color: var(--white); font-weight: 200; letter-spacing: 0.02em; text-transform: uppercase; }
.common_info_sec h2 b,
.common_info_sec h2 strong { font-weight: 500; }
.common_info_sec p { color: var(--white); }
.common_info_sec .btnbox { width: 100%; margin-top: 59px; }
.common_info_sec .shape_f { position: absolute; right: 0; bottom: 0; display: flex; opacity: 0.25; max-width: 370px; }
.common_info_sec .shape_f img { display: inline-flex; width: 100%; height: auto; }


.news_card { position: relative; overflow: hidden; transition: all ease-in-out 300ms; }
.news_card a { position: relative; display: block; }
.news_card .imgbox { position: relative; display: flex; width: 100%; overflow: hidden; }
.news_card .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 300ms; }
.news_card .text_content { position: relative; width: 100%; }
.news_card .news_info_head { display: flex; width: 100%; margin-bottom: 20px; align-items: center; }
.news_card .news_info_head span { position: relative; display: inline-flex; font-family: 'stolzl'; font-size: 12px; color: #BCC5D3; font-weight: 400; }
.news_card .news_info_head .cat_title { font-weight: 500; text-transform: uppercase; }
.news_card .news_info_head .date { padding-left: 18px; }
.news_card .news_info_head .date:before { position: absolute; left: 8px; content: '|'; }
.news_card .textblock { position: relative; }
.news_card .textblock h3 { color: var(--white); line-height: 1.1666; }
.news_card .textblock p { min-height: 75px; margin-top: 21px; color: var(--white); }
.news_card .textblock .more_link { display: flex; width: 100%; margin-top: 17px; }
.news_card .textblock .more_link span { display: inline-flex; font-size: 16px; color: var(--white); text-decoration: underline !important; }
.news_card:hover .textblock .more_link span { font-weight: 700; }



.cta_footer { position: relative; width: 100%; }
.cta_footer .image_wrap { position: relative; width: 100%; height: calc(22.083vw + 165px); }
.cta_footer .image_wrap .imgbox { position: relative; width: 100%; height: 100%; display: flex; }
.cta_footer .image_wrap img { display: flex; width: 100%; height: 100%; object-fit: cover; }
.cta_footer .video_wrap { position: relative; width: 100%; height: calc(22.083vw + 165px); display: flex; }
.cta_footer .video_wrap .videobox { position: relative; display: flex; width: 100%; /*height: 100%;*/ }
.cta_footer .video_wrap video { display: flex; width: 100%; height: 100%; object-fit: cover; }
.cta_footer .media_caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; }
.cta_footer .media_caption:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20,26,65,50%); mix-blend-mode: multiply; content: ''; pointer-events: none; }
.cta_footer .text_wrap { position: relative; width: 100%; padding-bottom: 5.625vw; display: flex; justify-content: space-between; align-items: flex-end; }
.cta_footer .text_wrap .left_content { position: relative; width: 100%;  }
.cta_footer .text_wrap h2 { margin-bottom: 31px; font-size: 60px; line-height: 1.2; letter-spacing: 0.02em; font-weight: 200; color: var(--white); text-transform: uppercase; }
.cta_footer .text_wrap h2 strong { font-weight: 500; }
.cta_footer .text_wrap p { color: var(--white);max-width: 50vw; }


.footer_main { position: relative; z-index: 10; width: 100%; padding: 75px 0 60px; }
.footer_wrap { position: relative; width: 100%; display: flex; justify-content: space-between; }
.footer_wrap .foot_left { position: relative; flex-shrink: 1; }
.footer_wrap .foot_left .link_box { display: none; }
.footer_wrap .foot_left .site_logo { display: flex; }
.footer_wrap .foot_left .site_logo img { display: inline-flex; }
.footer_wrap .foot_left .site_info { position: relative; width: 100%; display: flex; margin-top: 45px; column-gap: 62px; }
.footer_wrap .foot_left .info_text { position: relative; }
.footer_wrap .foot_left .info_links { position: relative; }
.footer_wrap .foot_left .site_info ul { display: block; width: 100%; }
.footer_wrap .foot_left .site_info p,
.footer_wrap .foot_left .info_links ul li { display: block; font-weight: bold; font-size: 14px; color: var(--black-alt); line-height: 1.7142; }
.footer_wrap .foot_left .info_links ul li a { display: inline-block; }
.footer_wrap .foot_left .info_links ul li a:hover { color: #1532FF; }
.footer_wrap .foot_right { position: relative; display: flex; padding-right: 92px; flex-grow: 1; column-gap: 82px;justify-content: flex-end; }
.footer_wrap .foot_right .link_box { position: absolute; top: 0; right: 0; display: flex; }
.footer_wrap .links_col { position: relative; }
.footer_wrap .links_col ul { display: block; width: 100%; }
.footer_wrap .links_col ul li { display: block; width: 100%; font-size: 14px; line-height: 2; }
.footer_wrap .links_col ul li a { color: var(--black-alt); font-weight: 500; text-transform: uppercase; }
.footer_wrap .links_col ul li a:hover { /*font-weight: 600;text-decoration: underline !important;*/ color: #1532FF; }

.to_top { position: fixed; bottom: 95px; left: 0; width: 100%; display: flex; padding-right: 100px; justify-content: flex-end;opacity: 0; visibility: hidden; transition: all ease-in-out 300ms; pointer-events: none; }
.to_top a { position: relative; display: flex; width: 51px; height: 51px; align-items: center; justify-content: center; background: rgba(63,73,87,74%); border-radius: 100%; pointer-events: all; }
.to_top a:hover { background: #BCC5D3; }
.to_top a .arrow { display: flex; }
.to_top a .arrow img { display: inline-flex; }
.to_top.show { opacity: 1; visibility: visible; }

body.active-modal { overflow: hidden; }

.error-page{background-color: #151b24; padding: 183px 0 122px; min-height: 90vh; }
.four-zero-contain h1{  padding: 0 0 30px; margin: 0; line-height: 1;letter-spacing: 2px; font-size: 100px; font-weight: 500; color: #fff;}
.four-zero-contain p{line-height: 1.63;letter-spacing: normal;text-align: left;color: #fff; font-size: 16px; font-weight: bold;}
.back-btn{ padding: 138px 0 0 0; }
.back-btn a{ line-height: 1.5;  font-size: 16px; color: #fff; text-decoration: underline !important;}
.back-btn a:hover{ opacity: 0.5; }

.defult-page{background-color: #151b24; padding: 198px 0 100px; min-height: 90vh; }
.defult-page .page-title h1{ text-transform: uppercase;  padding: 0 0 68px; margin: 0;  line-height: 1.2;
  letter-spacing: 1.2px; font-size: 60px; font-weight: 500; color: #fff;}
.defult-page-outer .cms-block .text-data   { padding: 0 100px ; display: flex; align-items: flex-start; gap: 72px;  }  
.devlopment-conatct-block .devlopment-conatct-left .devlopment-conatct-text .text-data h2,
.devlopment-conatct-block .devlopment-conatct-left .devlopment-conatct-text .text-data h3,
.devlopment-conatct-block .devlopment-conatct-left .devlopment-conatct-text .text-data h4,
.devlopment-conatct-block .devlopment-conatct-left .devlopment-conatct-text .text-data h5 {
  color: #FFF;
}

.defult-page-outer .cms-block .page-col{ width: 100%; }


.text-data.cms-data h1{ margin: 0; padding:48px 0 32px 0;font-size: 40px;line-height: normal; font-weight: normal;  color: #fff;   }
.text-data.cms-data h2{margin: 0; padding:48px 0 32px 0;font-size: 36px;line-height: normal; font-weight: normal;  color: #fff;  } 
.text-data.cms-data h3{margin: 0; padding:48px 0 32px 0;font-size: 32px;line-height: normal; font-weight: normal;  color: #fff;   }
.text-data.cms-data h4{margin: 0; padding:48px 0 32px 0;font-size:28px;line-height: normal; font-weight: normal;  color: #fff;  } 
.text-data.cms-data h5{margin: 0; padding:48px 0 32px 0; color: #fff;  font-weight:normal; font-size: 24px;line-height: 1.79;    } 
.text-data.cms-data h6{margin: 0; padding:48px 0 32px 0;font-size: 20px;line-height: normal; font-weight: normal;  color: #fff;  }
 
.text-data.cms-data .heading-tag + .heading-tag{ padding-top: 0px; }
.text-data.cms-data>*:first-child{ padding-top: 0px; }
.text-data.cms-data  p{ margin: 0; padding: 0;  color: #fff;  line-height: 1.63; font-size: 16px;     }
.text-data.cms-data  ul li strong,
.text-data.cms-data  ol li strong,
.text-data.cms-data  p strong{ font-weight: bold; }
.text-data.cms-data  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text-data.cms-data  p + p{ padding-top: 16px; }
.text-data.cms-data  ul li a,
.text-data.cms-data  ol li a,
.text-data.cms-data  p a{  margin: 0; padding: 0; color: #fff;    text-decoration: underline !important; }
.text-data.cms-data  ol li a:hover,
.text-data.cms-data  ul li a:hover,
.text-data.cms-data  p a:hover{   opacity: 0.5; }
.text-data.cms-data  ul{ margin: 0px; padding: 16px 0 0px  0px;  }
.text-data.cms-data  ul li{   margin: 0; padding: 0;   color: #fff;  line-height: 1.63; font-size: 16px; font-weight: normal;   position: relative; padding-left: 10px;  list-style: disc; list-style-position: outside;  display: list-item;}
 .text-data.cms-data  ul li + li{ margin-top:6px; }
.text-data.cms-data  ol{ margin: 0px; 	  padding: 16px 0 0px  16px;  }
.text-data.cms-data  ol li{  margin: 0; padding: 0; color: #fff;  line-height: 1.63; font-size: 16px; font-weight: normal; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text-data.cms-data  ol li + li{ margin-top:8px; }
 
.text-data.cms-data .heading-tag:first-child{ padding-top: 0px;; }
.text-data.cms-data  ol + p,
.text-data.cms-data  ul + p,
.text-data.cms-data   p + ul,
.text-data.cms-data   p + ol,
.text-data.cms-data   ol + ul,
.text-data.cms-data   ul + ol{ padding-top: 16px; }
 

.text-data.cms-data .heading-tag + ul,
.text-data.cms-data .heading-tag + ol,
.text-data.cms-data .heading-tag + p{ padding-top: 0; }
.slider_text_content.white-bg + .historty-section{ margin-top: 70PX; }
 

.devlopment-conatct-section + .hotel-image-slider{ margin-top: 88px; }