﻿/*Seatara*/

body { font-size: 18px; font-family: 'FbPractica-Regular'; position: relative; }
#header2 .header-top-left svg, .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .specialWrapper .content-section-Btn a { transition: all 0.25s ease; }
#allSectionsWrapper { z-index: 2; overflow: visible; }
#allSectionsWrapper::before, #SiteGrid::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: url('/warehouse/temp/seatara/bg_pattern.png'); background-size: contain; opacity: 0.4; z-index: 0; }
.home-page #SiteGrid::before { content: none; }
#player-controls { display: block; }
#player-controls span { display: none; }
::selection { background: #b8985b; color: #fff; }
#player-controls { right: auto !important; left: 2% !important; }
/*Header*/
#header2.fixedMenu { background: #fff; padding: 30px 20px; border-bottom: 4px solid #b8985b; }
#header2 ul.menu, #header2.detailsInRow .menu-nav, #header2 .header-top-left { margin: 0; }
#header2 #header-container { position: relative; }
#header2.detailsInRow .header-right-section, #header2 .header-top-left { direction: rtl; position: unset; }
#header2.detailsInRow .menu-nav { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: max-content; }
#header2.detailsInRow .header-top { padding: 0; }
#header2 .header-top-left { border-left: 1px solid #000; padding-left: 8px; }
#header2 ul.menu > li:before, #header2 .header-top .address { display: none; }
#header2 .has-sub i.opensub { font-size: 90%; }
#header2 .header-top-left svg:hover { fill: #b8985b; }
#header2 ul.menu li { font-size: 115%; font-family: 'FbPractica-Regular'; color: #000; }
#header2 ul.menu li a:after { content: ""; position: absolute; background: #b8985b; bottom: -2px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; transition: width 0.25s linear; }
#header2 ul.menu li a:hover:after, #header2 ul.menu li.active a:after { width: 100%; }
#header2 ul.menu > li.active, #header2 ul.menu > li.active > a, #header2 ul.menu > li:hover { color: #000; }
#header2 ul.menu li a:focus { border: none; opacity: 1; }
#header2 .menu-sub { background: #0d0d0d; padding: 20px 10px; width: 120px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); right: auto; }
#header2 .header-top-left svg {height: 15px; fill:#000; }
#header2 #header-left img { filter: invert(1); }
#header2 .header-top-right a.lang { font-size: 20px !important; }
#header2 .header-top-right { float: right; display: flex !important; flex-direction: row-reverse !important; }

/*language*/
@media(max-width: 992px) {
    #header2 .languages { display: block !important; top: 11px; left: auto; right: 90px; }
}

@media(max-width: 992px) { 
    #allSectionsWrapper::before, #SiteGrid::before { background-size: unset; }
    #header2.fixedMenu { padding: 20px 10px; background: #fff; }
    #header2 #header-left { width: auto; margin: 0; }
    #header2 #header-left img { width: auto; }
    #header2.detailsInRow .menu-nav { position: relative; top: unset; left: unset; transform: none; }
    .header-right-section { background: transparent; }

    #header2 ul.menu { width: 100vw; left: 0; right: 0; top: 0; bottom: 0; position: fixed; padding: 90px 70px 20px 0; background: #fff; text-align: right; }
    #header2 ul.menu .menu-sub li { text-align: right; }
    #header2 .menu-sub { background: #fff; }
    #header2 ul.menu .menu-sub li { color: #000; }
    #header2 ul.menu li { padding: 10px 0; }
    /*#header2.open #header-left { opacity: 0; }*/
    #header2 ul.menu li a:after { content: none; }
    #header2 ul.menu li.active { background: transparent; }
    #header2 ul.menu li.active > a { border-bottom: 2px solid #b8985b; width: fit-content; }
    #header2 ul.menu .social-links a svg { fill: #000; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
    #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #000; }
    #mobile-player-controls { bottom: 18%; }
    #player-controls { display: block !important; bottom: 17%; left: 30% !important; }
    button#unmute-player { display: none; }
    #header2.detailsInRow .header-right-section { width: auto; display: flex; flex-direction: row-reverse; align-items: center; }
    #header2 .phone-icon { position: static; margin-right: 25px; line-height: 1; font-size: 18px; color: initial; }
    #header2 .phone-icon a { color: inherit; }

}
@media(min-width: 1025px) and (max-width: 1440px) {
    .TopVideo iframe { width: 130vw; }
    #header2 ul.menu li { margin-left: 18px; }
}
/*GENERAL SETTINGS*/
.section-title h1, .section-title h2, .aboutPage #subheadline h2, .top-caption h1, .headlineCenter #subheadline h2, .lounge #lobbyview h2, .grid-rows .grid-row-text h3 { font-size: 60px; font-family: 'MeodedPashutCondenced-Light-New'; letter-spacing: 7.2px; }

.whiteBg .grid-text .sec-button, .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .specialWrapper .content-section-Btn a { margin-top: 40px; border-radius: 0; background: #b8985b; color: #000; border: 1px solid #b8985b; position: relative; min-width: 120px; font-family: 'FbPractica-Regular'; padding: 6px 15px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.whiteBg .grid-text .sec-button:hover, .grid-text .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .specialWrapper .content-section-Btn a:hover { color: #000; background: transparent; border-color: #b8985b; }
/*.whiteBg .grid-text .sec-button::after, .grid-text .sec-button::after, .grid-rows .grid-row-text a.grid-row-button::after { content: ""; position: absolute; bottom: 0; height: 3px; width: 100%; background: #b8985b; left: 50%; transform: translateX(-50%); transition: height 0.25s linear; z-index: -1; }*/
/*.whiteBg .grid-text .sec-button:hover:after, .grid-text .sec-button:hover:after, .grid-rows .grid-row-text a.grid-row-button:hover:after { height: 100%; border: 1px solid #b8985b; }*/

.aboutPage #headline, .headlineCenter #headline, .lounge #headline { font-size: 100%; }
#home-gallery .scroll-down { display: none; }
/*Our-Story + Events*/
.whiteBg > h2, .aboutPage #headline h1, .headlineCenter #headline h1, .lounge #headline h1, .grid-rows .grid-row-text h2, .specialWrapper .section-title h3 { font-family: 'montserrat-Light'; font-size: 100%; color: #b8985b; letter-spacing: 3.6px; }
.whiteBg { padding: 50px 100px; max-width: 600px; margin-right: 135px; transform: translateY(-120px); -webkit-transform: translateY(-120px); background: #fff; text-align: right; margin-bottom: 0; }
.whiteBg .grid-text .grid-text-content { padding: 0; margin: 0; width: 100%; font-family: 'FbPractica-Regular'; }
@media(max-width: 767px) {
    .whiteBg { padding: 50px 20px; max-width: unset; margin-right: 0; }
    .section-title h1, .section-title h2, .aboutPage #subheadline h2, .top-caption h1, .headlineCenter #subheadline h2, .lounge #lobbyview h2, .grid-rows .grid-row-text h3 { font-size: 55px; max-width: 100%; }
    .whiteBg .grid-text .sec-button, .grid-text .sec-button { font-size: 100%; }
    .grid-text p { font-size: 110%; }
}

/*ourstory gallery*/
.owl-carousel .owl-item .item { padding: 0 30px; }
.owl-carousel .owl-nav div { font-size: 100%; }
.owl-carousel .owl-nav .owl-prev { right: 72vw; }
.owl-carousel .owl-nav .owl-next { left: 72vw; }
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { background: #b8985b; width: 37px; height: 2px; }
.owl-carousel .owl-item .item .plus-sign span { top: 55%; }
@media(max-width: 767px) {
    .owl-carousel .owl-item img { width: auto!important; height: 350px; }
    .owl-carousel .owl-item .item { padding: 0 10px; }
    .owl-carousel .owl-nav .owl-prev { right: 5vw; }
    .owl-carousel .owl-nav .owl-next { left: 5vw; }
}

/*lounge*/
.SpecialLounge.section { margin-bottom: 0; position: relative; margin-top: 20px; }
.SpecialLounge .gallery-cubes > div { width: 100%; padding: 0; pointer-events: none; cursor: default; }
.SpecialLounge .gallery-cubes .boxes-images-outer-image { padding-bottom: 40%; }
.SpecialLounge .gallery-cubes .boxes-images-outer-image:hover .image-link-container { opacity: 0; }

.specialWrapper { position: absolute; top: 50%; left: 75%; transform: translate(-50%, -50%); background: #000000; color: #fff; z-index: 1; -webkit-transform: translate(-50%, -50%); padding: 50px 100px; width: 600px; }
.specialWrapper .section-title { display: flex; flex-direction: column-reverse; text-align: right; margin: 0 0 12px 0; }
.specialWrapper .section-title h3 { margin: 0; }
.specialWrapper .text1 { font-family: 'FbPractica-Regular'; text-align: right; width: 95%; }
.specialWrapper .content-section-Btn { text-align: right; }
.specialWrapper .content-section-Btn a:hover { color: #fff; }
@media(max-width: 767px) {
    .specialWrapper { width: 100%; padding: 50px 20px; left: 0; position: relative; transform: none; top: 0; }
    .SpecialLounge .gallery-cubes .boxes-images-outer-image { padding-bottom: 60%; }
    .SpecialLounge .gallery-container { width: 100vw; }
    .specialWrapper .section-title h2 { margin-right: 0; margin-left:0;}
}
/*life at seatara*/
.seatarasLife { margin-bottom: 0; }
.seatarasLife .image-section-data { position: relative; }
.seatarasLife .image-section-data::after { content: "Life By Seatara"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-transform: uppercase; font-size: 315%; font-family: 'montserrat-Light'; color: #fff; letter-spacing: 15px; text-shadow: 0px 3px 50px #000000; }
@media(max-width: 767px) {
    .grid-image-section.seatarasLife, .seatarasLife .image-section-data { height: 350px; width: 100%; }
    .seatarasLife .image-section-data::after { font-size: 215%; width: 100%; top: 40%; }
}

/*events complex*/
.eventsWrapper { position: relative; width: 100%; display: flex; flex-direction: row-reverse; margin-bottom: 120px; }
.eventsComplex, .eventsComplexR { margin-bottom: 0; width: 50%; }
.eventsComplex { transform: translateY(-35%); }
.eventsComplexR .image-section-data img { width: 50%; }
/*.eventsComplexR .image-section-data, .eventsComplex .image-section-data, .eventsComplex.grid-image-section, .eventsComplex.grid-image-section { height: 380px; }*/
@media(max-width: 991px) {
    .eventsWrapper { flex-direction: column; align-items: flex-end; }
    .eventsComplex, .eventsComplexR { width: 85%; }
    .eventsComplexR .image-section-data { display: inline-flex; }
}
/*food, people, sea section*/
.foodSeaSection.grid-gallery-section { margin-bottom: 0; } 
.foodSeaSection .section-title { margin-bottom: 40px; }
.foodSeaSection .gallery-slider { max-width: 100%; }
.foodSeaSection .gallery-slider.flexslider .slides li { padding-bottom: 35%; }
/*.foodSeaSection .gallery-slider.flexslider .slides li::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.4; }*/
.foodSeaSection .gallery-slider.flexslider .flex-prev, .foodSeaSection .gallery-slider.flexslider:hover .flex-prev { left: 50px; }
.foodSeaSection .gallery-slider .flex-direction-nav a.flex-next:before { content: "" !important; background-image: url(/warehouse/temp/seatara/arrow_r_hover.svg); background-size: 100% 100%; background-repeat: no-repeat; background-color: transparent; width: 54px; height: 54px; transition: all 0.25s ease; }
.foodSeaSection .gallery-slider .flex-direction-nav a.flex-next:hover:before { background-image: url(/warehouse/temp/seatara/arrow_r.svg); }
.foodSeaSection .gallery-slider .flex-direction-nav a.flex-prev:before { content: "" !important; background-image: url(/warehouse/temp/seatara/arrow_l_hover.svg); background-size: 100% 100%; background-repeat: no-repeat; background-color: transparent; width: 54px; height: 54px; transition: all 0.25s ease; }
.foodSeaSection .gallery-slider .flex-direction-nav a.flex-prev:hover:before { background-image: url(/warehouse/temp/seatara/arrow_l.svg); }
.foodSeaSection .gallery-slider.flexslider .flex-next, .foodSeaSection .gallery-slider.flexslider:hover .flex-next { right: 50px; }
.foodSeaSection .gallery-slider.flexslider .flex-prev, .foodSeaSection .gallery-slider.flexslider:hover .flex-prev, 
.foodSeaSection .gallery-slider.flexslider .flex-next, .foodSeaSection .gallery-slider.flexslider:hover .flex-next { height: 40px; }
.foodSeaSection .gallery-slider.flexslider .slides img { width: auto; height: auto; }
.flex-direction-nav a:focus { outline: unset; }
@media(max-width:991px) { 
    .gallery-slider .flex-direction-nav { top: 50%; }
    .foodSeaSection .gallery-slider .flex-direction-nav a.flex-next:before, .foodSeaSection .gallery-slider .flex-direction-nav a.flex-prev:before { width: 34px; height: 34px; }
    .foodSeaSection .gallery-container { width: 100vw; }
    .foodSeaSection .gallery-slider.flexslider .slides img { width: 100%; height: 100%; }
}

/*footer*/
footer { padding-top: 0; }
#SiteFooter #partners-section { padding: 40px 0; background: #fff; }
#partners-section p img { width: 120px; margin-left: 10px; }
.col-xs-12.col-sm-12.footer-text.text-center { padding: 20px 0; background: #0d0d0d; color: #fff; font-family: 'FbPractica-Regular'; font-size: 90%; letter-spacing: 1.2px; border-bottom: 5px solid #b8985b; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
a.AccessabilityLink { margin-bottom: 0; }
a.AccessabilityLink:hover { color: #fff; }
@media(min-width: 1025px) {
    #SiteFooter .footer-address { display: none; }
}
@media(max-width: 767px) {
    #SiteFooter { padding-bottom: 0; }
    #SiteFooter #partners-section img { width: 100px; margin: 0 5px 10px; }
    .col-xs-12.col-sm-12.footer-text.text-center > span { font-size: 80%; }
    .text-center { display: flex; justify-content: space-between; }
    #SiteFooter .footer-text.text-center { display: none;  }
}

/*----inners-----*/
#GridPage { padding-top: 90px; }
#GridTop { height: 650px; }
.top-caption h1 { font-size: 80px; }
@media(max-width: 991px) {
    #GridPage { padding-top: 50px; }
    .top-caption h1 { font-size: 50px; }
}
/*aboutPage > eventsPage*/
.aboutPage #GridPage .max-width, .aboutPage #GridPage .max-width-center, .aboutPage #galleryview { max-width: none; }
.aboutPage #headline, .aboutPage #text1, .headlineCenter #text1, .lounge #lobbyText { text-align: right; max-width: 100%; width: 100%; font-family: 'FbPractica-Regular'; }
.aboutPage .gallery-container { margin-top: 90px; }
.aboutPage #text1 h3 { font-size: 190%; font-family: 'MeodedPashutCondenced-Light-New'; }
.aboutPage .MainContent { max-width: 750px; text-align: right; margin: auto; }
@media(max-width: 991px) {
    .aboutPage #GridPage .max-width, .headlineCenter #GridPage .max-width { width: 90%; }
}

/*menus*/
.categories-strip { background: transparent; position: relative; z-index: 9; }
.categories-strip ul li:not(.strip-item) { display: none; }
.categories-strip ul li { padding: 0; margin-left: 10px; }
.categories-strip ul li > a { background: #000; min-width: 120px; font-family: 'FbPractica-Regular'; color: #fff; padding: 15px 50px; }
.categories-strip ul li.active > a { background: #b8985b; }
nav.menu-tags-list { left: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 0; }

#MenuModule { font-family: 'Montserrat-Light', 'FbPractica-Regular'; }
.menuModuleContentPart, .menuModuleContentPart:after, .form-container-wide #DynamicFormObject, #DynamicFormObject:after { border: none; }
#MenuModule .menuModuleNav { padding-top: 0; }
#MenuModule .menuModuleNav a.selected { color: #000; border-bottom: 1px solid #b8985b; border-radius: 0; }
.menuModuleTextItemTitle, .menuModuleTextItemPrice { font-weight: bold; }
.menuModuleTextItemDescription { color: #000; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #b8985b; }
.menuModuleTextItemPart.test2:after { left: 0; right: auto; }
@media(max-width:991px) {
    nav.menu-tags-list { transform: none; left: 0; top: 0; position: relative; }
    .categories-strip { background: #000; color: #fff; font-family: 'FbPractica-Regular'; }
    .categories-strip ul li > a { padding: 0; }
    .menuModuleContentPart, .menuModuleContentPart:after { border: none; padding: 0 15px; margin-bottom: 50px; }
}

/*eventsPage > galleryPage*/
.gallery-cubes > div { padding: 0 5px 10px; }
.gallery-cubes .plus-sign { top: 55%; font-size: 310%; }

/*clubMembers > contactPage*/
.headlineCenter #text1 { text-align: center; }
.headlineCenter #headline { margin-bottom: 5px; }
.headlineCenter #text1 h3 { font-family: 'MeodedPashutCondenced-Light-New'; font-size: 190%; }
#SiteGrid.layout-bottom #GridPromo { padding: 20px 120px 0; }

.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.normal-form input, .normal-form textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField):not(.checkboxField) { width: 33.33%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; }
#DynamicFormObject input[type=submit] { max-width: 150px; width: 100%; text-align: center; background: #b8985b; margin-top: 30px; color: #000; border: 1px solid transparent; }
#DynamicFormObject input[type=submit]:hover { background: transparent; border-color: #b8985b; color: #000; }
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { border-radius: 0; font-size: 16px; padding: 5px 15px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding-left: 10px; padding-right: 0; }
.normal-form input, .normal-form textarea { margin-bottom: 10px; width: 100%; height: 50px; font-family: 'FbPractica-Regular'; }
.normal-form textarea { height: 140px; max-width: 100%; }
.must:before { top: 10px; right: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { text-align: right; }
@media(max-width: 991px) { 
    #SiteGrid.layout-bottom #GridPromo { padding: 20px 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField):not(.checkboxField) { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding: 0; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 12px; }
}

/*loungePage*/
.lounge { background: #000; color: #fff; }
.lounge #allSectionsWrapper::before { content: none; }
.lounge #LobbyModule #lobbyview { width: 50%; padding: 40px; max-width: 750px; color: inherit; }
.lounge #lobbyview h2, .lounge #headline { text-align: right; }
.lounge #SiteFooter #partners-section { background: #fff; }
.lounge .eventsComplexR .image-section-data img { width: 100%; }
.lounge .eventsComplex .image-section-data img { width: 50%; }
.lounge .eventsComplex .gallery-container { width: 50%; margin: auto; }
.lounge .eventsComplex .owl-carousel .owl-dots { z-index: 1; top: auto; bottom: 50%; width: 100%; left: 10%; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); text-align: left; }
.lounge .eventsComplex .owl-carousel .owl-dot { position: relative; margin-right: 12px; width: 6px; height: 6px; }
.lounge .eventsComplex .owl-carousel .owl-dot.active { background: #fff; }
.lounge .eventsComplex .owl-carousel .owl-dot.active::after { content: ""; position: absolute; top: -6px; right: -6px; left: -6px; bottom: -6px; border: 1px solid #fff; border-radius: 50%; }
@media(max-width: 991px) {
    .lounge #LobbyModule #lobbyview { width: 100%; padding: 0; }
    .lounge .eventsComplex { transform: none; }
    .lounge .eventsComplex, .lounge .eventsComplexR, .lounge .eventsComplex .gallery-container { width: 100%; }
    .lounge .eventsComplex .owl-carousel .owl-item img { width: 90% !important; height: auto; margin: auto; }
    .lounge .eventsComplex .owl-carousel .owl-dots { left: 15%; bottom: 45%; }
}

.normal-form select { border-radius: 0; height: 50px; }