/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4.29
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    /* --font-title: 'Gotham'; */
    --font-title: 'Montserrat';
    /* --font-content: 'Avenir Book'; */
    --font-content: 'Montserrat';
}

@media (max-width: 849px){

}
@media (max-width: 549px){

}


h1 { font-size: 280%; color: var(--fs-color-primary); }
h2 { color: var(--fs-color-primary); }
h3 { color: var(--fs-color-primary); }

body h1 { font-family: var(--font-title), sans-serif; font-weight: bold; text-transform: uppercase; font-size: 300%; }
body h2 { font-family: var(--font-title), sans-serif; font-weight: bold; text-transform: uppercase; }

#content p { font-family: var(--font-content), sans-serif; font-size: 100%; line-height: 1.3em; }
#content ul li { font-family: var(--font-content), sans-serif; }

@media (max-width: 849px){
    body h1 { font-size: 200%; }
}
@media (max-width: 549px){
    body h1 { font-size: 180%; }
}



.red { color: var(--fs-color-primary); }

.slider .flickity-button .flickity-button-icon { background-color: #fff; border-width: 0px; }
.slider .flickity-button .flickity-button-icon .arrow { color: var(--fs-color-primary); border: 0 !important; }

.slider-nav-dots-simple .flickity-page-dots { padding: 0 20px; left: 0; bottom: -25px; width: 100%; text-align: left; }
.slider-nav-dots-simple .flickity-page-dots .dot { width: 6px; height: 6px; border: 0; background-color: #888; }
.slider-nav-dots-simple .flickity-page-dots .dot.is-selected { background-color: var(--fs-color-primary);  }

.slider-style-container .flickity-slider>:not(.is-selected), 
.slider-style-focus .flickity-slider>:not(.is-selected), 
.slider-style-shadow .flickity-slider>:not(.is-selected) { opacity: 1; }


.footer-1--nav ul { display: flex; }
.footer-1--nav ul li { margin-right: 30px; }

.center-middle .col-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; }


/**
 * Flatsome 
*/
.box-text { font-size: 100%; }

.box-blog-post .post-title { margin-top: 30px; font-family: var(--font-title), sans-serif; font-size: 120%; letter-spacing: 1px; text-transform: uppercase; min-height: 80px; }
.box-blog-post .is-divider { height: 0; }



.play--textbox .video-button-wrapper a { font-size: 500%; border-width: 0px; }
.play--textbox .video-button-wrapper a:hover { background-color: rgba(255,255,255,.2); }

.bold strong { font-family: var(--font-title), sans-serif; font-size: 110%; }

.button span { font-family: var(--font-title), sans-serif; height: 1em; }

@media (max-width: 849px){

}
@media (max-width: 549px){
    .main--banner .banner-bg { margin-left: -15px !important; margin-right: -15px !important; }
}




/**
 * Header
*/
.header-bottom { margin-top: -20px; }
.header-nav.nav-center li { margin-left: 20px; margin-right: 20px; min-width: 150px; height: 1.6em; text-align: center; }
.header-nav.nav-center li a { font-family: var(--font-title), sans-serif; font-size: 110%; }
.header-nav.nav-center li a:hover,
.header-nav.nav-center li.current-menu-item a { font-weight: bold !important; }



/**
 * Footer
*/
.footer--1 .row .col { padding-bottom: 0; }
.footer--1 .row .col .menu-location li { border: 0; }
.footer--1 .row .col .menu-location li a { font-family: var(--font-title), sans-serif; font-size: 90%; text-transform: uppercase; }
.footer--1 .row .col .menu-location li.current-menu-item a { font-weight: bold; color: var(--fs-color-primary); }

.footer--1 .social-icons a { border: 0; display: inline-flex; justify-content: center; align-items: center; }
.footer--1 .social-icons a i { top: 0; font-size: 100%; }
.footer--1 .social-icons a.facebook { color: #fff; background-color: #3a589d; }
.footer--1 .social-icons a.instagram { color: #fff; background-color: #3b6994; }
.footer--1 .social-icons a.linkedin { color: #fff; background-color: #0072b7; }
.footer--1 .social-icons a.youtube { color: #fff; background-color: #c33223; }


.absolute-footer {}
.absolute-footer .container { padding-top: 15px;position: relative; display: flex; align-items: center; justify-content: space-between; }
.absolute-footer .container:after { content: ''; position: absolute; top: 0; left: 15px; right: 15px; display: block; border-top: 1px solid #555; }
.absolute-footer .container > div { flex-grow: 1; }
.absolute-footer .container > div:nth-child(2) { text-align: center; }
.absolute-footer .container > div:last-child { text-align: right; }
.absolute-footer .container > div .button { margin-bottom: 0; }

.absolute-footer .footer-nav {}
.absolute-footer .footer-nav { padding-top: 5px; border: 0; }
.absolute-footer .footer-nav li { padding-left: 10px; padding-right: 10px; }
.absolute-footer .footer-nav li a { letter-spacing: 0; color: #222; }
.absolute-footer .footer-nav li.current-menu-item a { color: var(--fs-color-primary); }

.footer-secondary { text-transform: uppercase; font-size: 80%; color: #444; }

@media (max-width: 849px){

}
@media (max-width: 549px){
    .menu-location .menu { display: flex; flex-direction: column; }
    .absolute-footer .footer-nav li { padding: 15px 0 0; }
    .absolute-footer .container { flex-direction: column; }
}



/**
 * Home
*/
.slider-wrapper { border-left: 15px solid #fff; border-right: 15px solid #fff; }
.flickity-slider .banner .banner-inner { border-left: 15px solid #fff; border-right: 15px solid #fff; }

@media (max-width: 849px){
    .slider-wrapper { border-left-width: 5px; border-right-width: 5px; }
    .flickity-slider .banner .banner-inner { border-left-width: 5px; border-right-width: 5px; }
}
@media (max-width: 549px){
    .slider-wrapper { border-left-width: 3px; border-right-width: 3px; }
    .flickity-slider .banner .banner-inner { border-left-width: 3px; border-right-width: 3px; }
}





/**
 * Card
*/
@media (max-width: 849px){

}
@media (max-width: 549px){
    .card .card_content h2 { margin-top: 30px;text-align: center; }
    .card .card_actions .col-inner { display: flex; align-items: center; justify-content: center; }
    .card .card_actions .col-inner > div { width: 100%; }
}


/**
 * Hotels
*/
.hotel--card .col:nth-child(2) .col { padding-bottom: 0; }


/**
 * Restaurants
*/
.restaurant--card .col:nth-child(2) .col { padding-bottom: 0; }


/**
 * Sustainability
*/
.sustainability--row {}
.sustainability--row .col img { border: 1px solid #E3E3E3; }


/**
 * Corporate
*/
.teams--row .col h3{ margin-top: 15px;margin-bottom: 15px; font-family: var(--font-title), sans-serif; text-transform: uppercase; }
.teams--row .col p { margin-bottom: 15px; }
.teams--row .col img{ filter: saturate(200%); }


/**
 * Privacy
*/
/* #content .title--info .text-inner p { padding: 0; font-family: var(--font-title); font-size: 6vw; line-height: inherit; text-transform: uppercase; color: #fff; } */




.zhg--slider .banner .banner-bg :is(img,picture,video) { transition: all .4s; }
.zhg--slider .banner:hover .banner-bg :is(img,picture,video) { -o-object-position: 45% 50%; object-position: 45% 50%; }

.zhg--slider .banner .banner-bg :is(img,picture,video) { transition: all .4s; }
.zhg--slider .banner:hover .banner-bg :is(img,picture,video) { -o-object-position: 45% 50%; object-position: 45% 50%; }
.zhg--slider .banner .text-inner p { opacity: 0; transition: all .4s; }
.zhg--slider .banner:hover .text-inner p { opacity: 1; }
.zhg--slider .banner .text-inner { padding-bottom: 00px; transition: all .4s; }
.zhg--slider .banner:hover .text-inner { padding-bottom: 30px; }



.mfp-iframe-holder .mfp-content, 
.mfp-inline-holder .ux-mfp-inline-content--video { max-width: 1440px; }





.off-canvas-center.mfp-bg.mfp-ready { opacity: 1; }


@media (max-width: 849px){

}
@media (max-width: 549px){

}


.otgs-development-site-front-end { display: none; }


.our-value--slider .col-inner { padding-top: 30px; }
.our-value--slider .flickity-page-dots { text-align: center; }



.header-language-dropdown > a > i > img { display: block; padding: 0 4px 0 0; }




.title--info .text-inner p { font-family: var(--font-title), sans-serif; text-transform: uppercase; color: #fff; border: 0px solid red; }
div:has(> .title--info) .title--info .text-inner { display: flex; justify-content: center;align-items: center; max-height: 300px; }

html[lang="en-US"] .page-id-33 #content .title--info .text-inner p { font-size: 700%; white-space: nowrap;  }
html[lang="en-US"] .page-id-35 #content .title--info .text-inner p { font-size: 700%; white-space: nowrap;  }

@media (max-width: 1240px){
    html[lang="en-US"] .page-id-33 #content .title--info .text-inner p { font-size: 9vw; }
    html[lang="en-US"] .page-id-35 #content .title--info .text-inner p { font-size: 9vw; }
}

html[lang="de-DE"] .page-id-896 #content .title--info .text-inner p { font-size: 420%; white-space: nowrap; }
html[lang="de-DE"] .page-id-892 #content .title--info .text-inner p { font-size: 700%;  }
@media (max-width: 1240px){
    html[lang="de-DE"] .page-id-896 #content .title--info .text-inner p { font-size: 5vw; }
    html[lang="de-DE"] .page-id-892 #content .title--info .text-inner p { font-size: 9vw; }
}

html[lang="fr-FR"] .page-id-895 #content .title--info .text-inner p { font-size: 600%; }
html[lang="fr-FR"] .page-id-891 #content .title--info .text-inner p { font-size: 600%; }
@media (max-width: 1240px){
    html[lang="fr-FR"] .page-id-895 #content .title--info .text-inner p { font-size: 9vw; }
    html[lang="fr-FR"] .page-id-891 #content .title--info .text-inner p { font-size: 9vw; }
}



.header-language-dropdown a { font-size: 120%; margin: 0 2px; }
html[lang="en-US"] .header-language-dropdown a[hreflang="en"],
html[lang="de-DE"] .header-language-dropdown a[hreflang="de"],
html[lang="fr-FR"] .header-language-dropdown a[hreflang="fr"] { color: var(--fs-color-primary); }



.header-language { margin: 20px 0 0 !important; display: block !important; }
.header-language a { padding: 0 10px !important; display: inline-block !important; font-size: 20px !important; }
html[lang="en-US"] .header-language a[hreflang="en"],
html[lang="de-DE"] .header-language a[hreflang="de"],
html[lang="fr-FR"] .header-language a[hreflang="fr"] { color: #333; }



.mobile-sidebar .header-button .button.primary { background-color: #fff; opacity: 1; }
.mobile-sidebar .header-button .button.primary span { color: var(--fs-color-primary) !important; }



.target__button { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.target__button i { font-size: 16px; color: rgba(255,255,255,.5); }



body.page-id-33 #content .row p,
body.page-id-33 #content .row li,
body.page-id-895 #content .row p,
body.page-id-895 #content .row li,
body.page-id-896 #content .row p,
body.page-id-35 #content .row p,
body.page-id-35 #content .row li,
body.page-id-892 #content .row p,
body.page-id-892 #content .row li,
body.page-id-891 #content .row p,
body.page-id-891 #content .row li { font-size: 90%; }


.copyright-footer > a:last-child { display: none; }


.mobile-sidebar .sidebar-menu-top-content { margin-bottom: 25px; }
.mobile-sidebar .sidebar-menu .nav li{ padding-top: 10px; padding-bottom: 10px; }
.mobile-sidebar .sidebar-menu .nav li a{ font-family: 'Montserrat', sans-serif !important; font-weight: 300; line-height: 1.4em; }
.mobile-sidebar .sidebar-menu .nav li.current-menu-item a{ font-weight: 700; }
@media (max-width: 849px){
	.dark .mobile-sidebar .nav>li>a { color: #fff; }
	.mobile-sidebar .nav li a { padding-top: 0px; padding-bottom: 0; font-size: 210%; }

	.header-button { margin-top: 20px; }
	.header-button a {padding: 0 20px !important; font-size: 120% !important;}
	.header-button a span {line-height: 2.4 !important;}

	.header-language { height: 100px; align-content: flex-end; justify-content: center; }
    .header-language a { padding: 0 20px !important; flex-grow: inherit !important; font-size: 120% !important; }
	.header-language span:last-child { display: none !important; }

	html[lang="de-DE"] .header-language a[hreflang="de"],
    html[lang="en-US"] .header-language a[hreflang="en"],
    html[lang="fr-FR"] .header-language a[hreflang="fr"] { font-weight: 500; color: #222; }
}
@media (max-width: 549px) {
	html[lang="fr-FR"] .mobile-sidebar .nav li a { font-size: 145%; }
	
	.header-button a {padding: 0 15px !important; font-size: 100% !important;}
	.header-languages a { padding: 0 10px !important; font-size: 100% !important; }
}