/*Upper-Market*/
body { font-size: 16px; background: url(/warehouse/temp/Upper_Market/body_pattern.jpg); background-size: contain; color: #202226; }
li::marker { color: #d99b77; font-size: 150%; }
:root { --vh: 100vh; --vw: 100vw; }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 0.8; }
    :root { --vh: 125vh; --vw: 125vw; }
}
/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }

.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }

#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }

.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }

header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }

#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }

#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }

#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }

.TopVideo { height: calc( var(--vh) * 1 ); }

.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }

.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }

.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }

#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }

.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }

#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }

.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }

.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }

#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }

    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }

    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 5 ); }

    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }

    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }

    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }

    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }

    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }

    #header .submenu { width: calc( var(--vw) * 0.97 ); }

    .modal-dialog { width: calc( var(--vw) * 0.9 ); }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }

    .gallery-container { width: calc( var(--vw) * 0.95 ); }

    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }

    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }

    .TopVideo { height: calc( var(--vh) * 0.95 ); }

    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }

    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}



/*Navigation-Bar*/
#header2 { padding: 20px 0 40px 0; background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)); }
#header2.bg { background: #ffffff; display: block; position: fixed; transition: background 0.5s ease; -webkit-transition: background 0.5s ease; }
#header2 .max-width { max-width: 1440px; }
#header2 #header-container { width: 100%; display: inline-flex; flex-wrap: wrap; }
#header2 .header-right-section { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; }
#header2 .header-top { display: inline-flex; flex-direction: row; position: fixed; right: 0; left: auto; padding: 0; margin-top: 10px; z-index: 5; }
#header2 .menu-nav { display: inline-flex !important; flex-direction: row; width: 100% !important; margin-top: 20px; justify-content: center; flex-wrap: wrap; position: fixed; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#header2 ul.menu > li:before, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { display: none; }
#header2 #header-left { display: flex; justify-content: flex-end; position: fixed; bottom: 0; top: 0; right: auto; left: 40px; margin-top: 12px; height: 60px; }
#header2 .header-top-left a.facebook_icon_instagram { background-color: #579099; border-radius: 50%; padding: 4px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
#header2 .header-top-left a.social_icon_instagram { background-color: #579099; border-radius: 50%; padding: 4px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
#header2 .header-top-left a.facebook_icon_instagram:hover, #header2 .header-top-left a.social_icon_instagram:hover,
#header2 .header-top-left a.facebook_icon_instagram:focus, #header2 .header-top-left a.social_icon_instagram:focus { background-color: #402530; }
#header2.bg .header-top-left a path { fill: #ffffff; }
#header2 ul.menu li { border-bottom: none; transition: 0.5s linear; position: relative; }
#header2 ul.menu li a:before { content: ""; display: block; width: 0; transition: 0.4s; height: 2px; background: #d99b77; bottom: -2px; left: 50%; transform: translateX(-50%); position: absolute; }
#header2 ul.menu li:hover, #header2 ul.menu li.active { color: #ffffff; }
#header2 ul.menu li a { position: relative; }
#header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before, #header2 ul.menu li.active a::before { width: 100%; }
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

#header2.bg ul.menu li, #header2.bg .fa-angle-down:before { color: #202226; border-bottom: 2px solid transparent; transition: 0.5s linear; -webkit-transition: 0.5s linear; }
#header2 ul.menu li.active { border-color: #d99b77; color: #202226; }
#header2.bg #header-left img { content: url(/warehouse/temp/Upper_Market/footer/logo.svg); width: 60%; }
#header2 .header-top-left a { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; }
#header2 .header-top-left a svg { max-width: 15px; max-height: 15px; }

/*Home Gallery*/
#home-gallery .slider-bg.stellar-bg:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.4; }
#home-gallery .gallery-caption .gallery-text { font-size: 435%; color: #fff; font-family: 'Floyd'; letter-spacing: 2.1px; white-space: nowrap; display: inline-flex; flex-direction: column; align-items: center; }
#home-gallery .gallery-caption .gallery-text span { font-family: 'Heebo-Bold'; }
#home-gallery .flex-direction-nav a.flex-next:before { background-image: url(/warehouse/temp/Upper_Market/homepage_slider/Arrow_r_white.svg); width: 25px; height: 25px; background-size: cover; position: absolute; right: 50%; bottom: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#home-gallery .flex-direction-nav a.flex-prev:before { background-image: url(/warehouse/temp/Upper_Market/homepage_slider/Arrow_l_white.svg); width: 25px; height: 25px; position: absolute; left: 50%; bottom: 50%; background-size: cover; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#home-gallery .scroll-down button { background: transparent; box-shadow: none; border: none; }
#home-gallery .scroll-down img { min-width: 25px; height: 40px; }

/*Cube Section*/
.home-page .grid-boxes .grid-box-image { padding-bottom: 100%; }
.home-page .grid-boxes .grid-box { margin-bottom: 70px; }
.home-page .grid-boxes .box-image-animation img { width: 90%; margin: 10px; border-radius: 50%; overflow: hidden; }
.home-page .sections .grid-content-section { max-width: 740px; }
.home-page .grid-boxes .box-image-animation:after { content: ""; border: 1px solid #d99b77; position: absolute; top: 0px; right: 0px; bottom: 2px; left: 2px; z-index: 999; border-radius: 50%; }
.home-page .grid-boxes .grid-box-title h3 { font-size: 100%; }
.home-page .grid-boxes .grid-box-title h3 a { color: #2b2e34; font-family: 'Floyd'; }
.home-page .sections .grid-content-section.menu-up:before { content: ""; position: absolute; background-image: url('/warehouse/temp/Upper_Market/cube_section/cube_section_draw1.svg'); background-size: contain; background-repeat: no-repeat; width: 115px; height: 315px; right: -40%; top: 10%; transform: translate(40%, -10%); -webkit-transform: translate(40%, -10%); }
.home-page .sections .grid-content-section.menu-up { margin: 125px auto 0; padding: 0; right: 10%; }
.home-page .sections .grid-content-section.menu-down { margin: 0 auto 125px; padding: 0; left: 10%; }
.home-page .sections .grid-content-section.menu-down:after { content: ""; position: absolute; background-image: url(/warehouse/temp/Upper_Market/cube_section/cube_section_draw2.svg); background-size: contain; background-repeat: no-repeat; width: 175px; height: 315px; bottom: 10%; left: -50%; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); }
.home-page .menuContainer { max-width: 991px; margin: auto; }

/*Row Section*/
.home-page .section.grid-row-section { max-width: 85%; margin: auto; background: #202226; border-radius: 15px; margin-bottom: 175px; }
.home-page .section.grid-row-section .grid-rows.row { max-width: 1280px; margin: 0 auto; }
.home-page .grid-row-text h3 { text-transform: capitalize; }
.home-page .grid-rows .grid-row { background: #202226; color: #ffffff; }
.home-page .grid-rows .grid-row-text { width: 70%; vertical-align: super; }
.home-page .box-image-animation img { width: 93%; height: auto; }
.home-page .grid-row-image-container .box-image-animation { margin: 50px 20px; }
.home-page .grid-row.grid-row-ltr { direction: ltr !important; }
.home-page .grid-row.grid-row-rtl { direction: rtl !important; }
.home-page .section.grid-row-section:before { content: ""; background: url(/warehouse/temp/Upper_Market/grid_row/grid_row_pattern.svg); background-size: cover; background-repeat: no-repeat; position: absolute; width: 50%; height: 70%; left: 0; top: 0; z-index: 1; }
.home-page .grid-rows .grid-row-text h2 { font-family: 'Heebo-Bold'; font-size: 280%; }
.home-page .grid-row.grid-row-ltr .grid-row-text, .home-page .grid-row.grid-row-rtl .grid-row-text { position: relative; }
.home-page .grid-row-text h3 { position: absolute; font-family: 'Floyd'; -webkit-text-stroke: 1px #ffffff; letter-spacing: 1.6px; opacity: 0.3; top: 0; right: -5%; transform: translateY(-50%); font-size: 250%; line-height: 1.2; color: #ffffff; -webkit-text-fill-color: #202226; }
.home-page .grid-rows .grid-row-text:before { content: ""; position: absolute; right: -20px; bottom: 0; transform: translateY(0%); width: 2px; height: 140px; background: #ffffff; }
.home-page .grid-rows .grid-row-text a.grid-row-button, .home-page #DynamicFormObject input[type=submit], #DynamicFormObject input[type=submit] { background: #d99b77; font-family: 'Heebo-Bold'; height: 40px; width: 122px; font-size: 100%; padding: 8px 10px 5px; text-align: center; border: none; color: #202226; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #579099; color: #ffffff; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
.row:after { margin-top: 15px; }
.home-page .grid-rows .grid-row-cell { z-index: 1; }

/*Gallery Carousel*/
.home-page .section.carousel .section-title h3 { max-width: 650px; font-size: 100%; line-height: 1.5; margin: 15px auto 50px; }
.home-page .section.carousel .section-title h2, .grid-gallery-section.tasting .section-title h2, .home-page .menuContainer section.menu-up .section-title h1 { font-family: 'Heebo-Bold'; font-size: 280%; }
.home-page .section.carousel .section-title h2:before { content: "Our Events"; position: absolute; font-family: 'Floyd'; font-size: 80px; -webkit-text-stroke: 1px #2b2e34; color: transparent; left: 50%; top: 50%; transform: translate(-50%, -70%); -webkit-transform: translate(-50%, -70%); opacity: 0.3; }
.home-page .section.carousel .owl-stage-outer .owl-stage .owl-item { transform: scale(0.7); -webkit-transform: scale(0.7); }
.home-page .section.carousel .owl-stage-outer .owl-stage .owl-item.active.center { transform: scale(1); -webkit-transform: scale(1); }
.home-page .section.carousel .gallery-container:before { content: ""; background-image: url(/warehouse/temp/Upper_Market/events/events_pattern.svg); background-size: 100% auto; background-repeat: no-repeat; position: absolute; z-index: 0; top: 60%; left: 20%; width: 415px; height: 365px; }
.home-page .section.carousel .owl-stage-outer .plus-sign { display: none; }
.home-page .section.carousel { margin-bottom: 180px; }
.home-page .owl-carousel .owl-prev:after { position: absolute; right: 400px; top: -22px; background-image: url(/warehouse/temp/Upper_Market/events/Arrow_r.svg); width: 25px; height: 25px; }
.home-page .owl-carousel .owl-next:after { position: absolute; left: 400px; top: -22px; background-image: url(/warehouse/temp/Upper_Market/events/Arrow_l.svg); width: 25px; height: 25px; }
.home-page .owl-carousel .owl-item .item { position: relative; }
.home-page .item .gallery-image-title { position: absolute; z-index: 999; background: #402530; right: 5px; bottom: 30px; left: auto; width: 155px; }
.home-page .item .gallery-image-title h3 { font-size: 105%; color: #ffffff; padding: 0 20px 10px; }

.home-page .section.grid-gallery-section.tasting { max-width: 1280px; margin: 0 auto 140px; }
.home-page .grid-gallery-section.tasting .gallery-container .gallery-cubes .no-pad { padding: 12.5px; }
.home-page .grid-gallery-section.tasting .section-title h3, .home-page .menuContainer section.menu-up .section-title h2 { position: absolute; font-family: 'Floyd'; font-size: 80px; -webkit-text-stroke: 1px #2b2e34; color: transparent; left: 50%; top: 0; transform: translate(-50%, -70%); -webkit-transform: translate(-50%, -70%); opacity: 0.3; }
.home-page .menuContainer section.menu-up .section-title h2 { width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.home-page .grid-gallery-section.tasting .content-section-Btn { margin-top: 50px; }
.home-page .grid-gallery-section.tasting .content-section-Btn a.sec-button { width: 144px; background: #579099; color: #ffffff; height: 40px; padding: 8px 20px; border-radius: 5px; font-size: 105%; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
.home-page .grid-gallery-section.tasting .content-section-Btn a.sec-button:hover, .home-page .grid-gallery-section.tasting .content-section-Btn a.sec-button:focus { background: #d99b77; color: #000000; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }

/*Contact Form*/
.home-page #DynamicFormObject:after { display: none; }
.home-page #DynamicFormObject { border: none; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; color: #ffffff; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; z-index: 9; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 30%; float: none; margin: auto; padding: 0; }
.home-page .grid-form-section { background: #202226; max-width: 974px; border-radius: 10px; margin: 0 auto 190px; }
.home-page .form-container-wide .normal-form input, .home-page .form-container-wide .normal-form textarea { color: #ffffff; border: none; box-shadow: none; background: #37393c; border-radius: 0; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; text-align: right; padding-right: 40px; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { position: absolute; font-family: 'Floyd'; -webkit-text-stroke: 1px #ffffff; letter-spacing: 1.6px; opacity: 0.3; top: -80%; left: 50%; transform: translate(-50%, 50%); font-size: 80px; line-height: 1.2; color: #ffffff; -webkit-text-fill-color: #202226; width: 100% }
.home-page .section.grid-form-section:before { content: ""; background-image: url(/warehouse/temp/Upper_Market/contact_section/contact_form_pattern.svg); background-size: auto 100%; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; left: -15%; right: auto; bottom: 30%; }
.home-page .section.grid-form-section:after { content: ""; position: absolute; background-image: url(/warehouse/temp/Upper_Market/footer/human_draw_fotter.svg); background-repeat: no-repeat; background-size: 100% 100%; width: 310px; height: 260px; top: 90%; left: 100%; }

.internal-form textarea::-webkit-input-placeholder, .normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #ffffff; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input:-moz-placeholder { color: #ffffff; opacity: 1 }
.internal-form textarea::-webkit-input-placeholder, .normal-form input::-moz-placeholder { color: #ffffff; opacity: 1 }
.internal-form textarea::-webkit-input-placeholder, .normal-form input:-ms-input-placeholder { color: #ffffff }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 10px; }



/*Footer*/
#SiteFooter { background: #e5e6e3; }
.footer-text-divided { display: flex; width: 100%; padding: 60px 0; align-items: center; border-bottom: 10px solid #402530; }
.footer-text-right ul { column-count: 2; column-gap: 0; list-style: none; line-height: 2; font-size: 80%; padding: 0; width: 50%; margin: auto 50% 0 0; }
.footer-text-divided > div.footer-text-left { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-end; align-content: center; }
.site-credit.alternative { padding: 10px 0; }
div.footer-text-right ul > li a { border-bottom: 2px solid transparent; padding: 1px 0; }
div.footer-text-right ul > li a:hover, div.footer-text-right ul > li a:focus { border-bottom: 2px solid #d99b77; transition: 0.5s linear; color: #202226; }
.footer-text-divided > div.footer-text-left p a { font-size: 80%; }
#SiteFooter .footer-text-left img { width: 25px; height: 25px; }
.footer-text-divided > div.footer-text-left p a { margin-right: 5px; }
#SiteFooter .footer-text-left .footer-icon-hover { display: none; }
#SiteFooter .footer-text-left a:hover .footer-icon, #SiteFooter .footer-text-left a:focus .footer-icon { display: none; }
#SiteFooter .footer-text-left a:hover .footer-icon-hover, #SiteFooter .footer-text-left a:focus .footer-icon-hover { display: inline-block; }

/*Inner Page*/
/*about*/
.aboutPage #GridContent { max-width: 690px; margin: 0 auto; float: none; position: relative; }
.aboutPage .MainContent #headline h1 { font-family: 'Heebo-Bold'; color: #202226; font-size: 135%; text-align: right; margin-top: 120px; }
.aboutPage .MainContent #subheadline h2 { position: absolute; font-family: 'Floyd'; font-size: 250%; letter-spacing: 1.6px; color: transparent; opacity: 0.3; top: -2%; -webkit-text-stroke: 1px #202226; margin-bottom: 0; transform: translateX(10%); }
.aboutPage .MainContent #text1, #pageview #text2 { text-align: right; }
.aboutPage .MainContent #text1 h3, #pageview #text2 h3 { font-family: 'Heebo-Bold'; margin-top: 50px; }
.aboutPage #pageview #text2 ul { padding-right: 20px; }
.aboutPage #pageview #text2 ul > li { list-style: circle; }
.aboutPage #pageview #text2 { margin-bottom: 270px; position: relative; }
.aboutPage #pageview #text2:after { content: url(/warehouse/temp/Upper_Market/footer/human_draw_fotter.svg); position: absolute; left: 135%; }

/*Menu*/
.menuPage .grid-boxes .grid-box-image { padding-bottom: 100%; }
.menuPage .grid-boxes .grid-box { margin-bottom: 70px; }
.menuPage .grid-boxes .box-image-animation img { width: 90%; margin: 10px; border-radius: 50%; overflow: hidden; }
.menuPage .sections .grid-content-section { max-width: 740px; }
.menuPage .grid-boxes .box-image-animation:after { content: ""; border: 1px solid #d99b77; position: absolute; top: 0px; right: 0px; bottom: 2px; left: 2px; z-index: 999; border-radius: 50%; }
.menuPage .grid-boxes .grid-box-title h3 { font-size: 100%; }
.menuPage .grid-boxes .grid-box-title h3 a { color: #2b2e34; font-family: 'Floyd'; }
.menuPage .sections .grid-content-section.menu-up:before { content: ""; position: absolute; background-image: url('/warehouse/temp/Upper_Market/cube_section/cube_section_draw1.svg'); background-size: contain; background-repeat: no-repeat; width: 115px; height: 315px; right: -20%; top: 10%; transform: translate(20%, -10%); -webkit-transform: translate(20%, -10%); }
.menuPage .sections .grid-content-section.menu-up { margin: 125px auto 0; padding: 0; left: 10%; }
.menuPage .sections .grid-content-section.menu-down { margin: 0 auto 125px; padding: 0; right: 10%; }
.menuPage .sections .grid-content-section.menu-down:after { content: ""; position: absolute; background-image: url(/warehouse/temp/Upper_Market/cube_section/cube_section_draw2.svg); background-size: contain; background-repeat: no-repeat; width: 175px; height: 315px; bottom: 10%; left: -30%; transform: translate(30%, 50%); -webkit-transform: translate(30%, 50%); }
.menuPage .menuContainer { max-width: 991px; margin: -80px auto 0px; position: relative; }
.menuPage #lobbyview #headline h1, .innerMenu #MenuModule #headline h1 { font-family: 'Heebo-Bold'; font-size: 135%; margin-top: 110px; }
.menuPage #lobbyview { position: relative; }
.menuPage #lobbyview h2 { position: absolute; font-family: 'Floyd'; font-size: 80px; -webkit-text-stroke: 1px #2b2e34; color: transparent; left: 50%; top: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 0.3; }
.innerMenu .categories-strip, .menuModuleContentPart:after { display: none; }
.innerMenu #MenuModule #headline h1 { font-family: 'Heebo-Bold'; font-size: 135%; margin-top: 75px; }
.innerMenu #MenuModule .menuModuleNav a { margin: 10px; background: #d99b77; color: #202226; font-size: 105%; font-family: 'Heebo-Bold'; padding: 10px 50px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
.innerMenu #MenuModule .menuModuleNav a.selected, .innerMenu #MenuModule .menuModuleNav a:hover { background: #402530; color: #ffffff; }
.innerMenu .menuModuleContentPart { border: 0; background: #202226; color: #ffffff; border-radius: 10px; padding: 45px 65px; }
.innerMenu .menuModuleTextItemPart:after { border-bottom: 1px solid #579099; }
.innerMenu .menuModuleTextItemTitle, .innerMenu .menuModuleTextItemDescription, .innerMenu .menuModuleTextItemPrice { color: #ffffff; }
.innerMenu .menuModuleTextItemTitle { font-size: 130%; font-family: 'Heebo-Bold'; }
.innerMenu .menuModuleTextItemSubjectDescription { font-family: 'Heebo-Bold'; font-size: 220%; }
.innerMenu #MenuModule .menuModuleNav { padding-bottom: 50px; }
.innerMenu .menuModuleTextItemTitle svg.spicyIcon { fill: #c10c0c; }

/*Contact Page*/
#GridPage .max-width, #GridPage .max-width-center { max-width: 970px; }
.must:before { color: #ffffff; font-size: 12px; }
#DynamicFormObject:after, .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject { padding: 50px; border: none; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 100%; background: #202226; border-radius: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: 991px; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(textareaField) { width: 33.1%; z-index: 9; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.teatareaField { width: 99%; z-index: 9; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%; float: none; margin: 0 auto; }
.form-container-wide .normal-form input, .form-container-wide .normal-form textarea, .normal-form select { width: 100%; max-width: 100%; min-height: 46px; color: #ffffff; border: none; box-shadow: none; background: #37393c; border-radius: 0; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #ffffff; font-family: 'Heebo-Bold'; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; display: block; color: #ffffff; text-align: right; }
#GridContent #headline h1 { font-family: 'Heebo-Bold'; font-size: 135%; margin-top: 75px; position: relative; }
#GridContent #text1, #GridContent #text2 { max-width: 650px; }
#SiteGrid.layout-bottom #GridPromo { margin-bottom: 150px; }
.contactPage .MainContent #text1 h3, #pageview #text2 h3 { font-family: 'Heebo-Bold'; margin-top: 50px; }
.contactPage .MainContent #subheadline h2 { position: absolute; font-family: 'Floyd'; font-size: 500%; letter-spacing: 1.6px; color: transparent; opacity: 0.3; -webkit-text-stroke: 1px #202226; left: 50%; transform: translate(-50%, 20%); -webkit-transform: translate(-50%, 20%); top: 6%; text-transform: capitalize; }

/*Wanted Page*/
.wantedPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 50%; z-index: 9; display: inline-flex; flex-direction: column; }
.wantedPage .MainContent { position: relative; }
.wantedPage .MainContent #subheadline h2 { position: absolute; font-family: 'Floyd'; font-size: 500%; letter-spacing: 1.6px; color: transparent; opacity: 0.3; -webkit-text-stroke: 1px #202226; left: 50%; top: -15%; transform: translate(-50%, 15%); -webkit-transform: translate(-50%, 15%); text-transform: capitalize; }

/*Gallery Page*/
.galleryPage #galleryview { margin-bottom: 150px; max-width: 1170px; }
.galleryPage .gallery-cubes .no-pad { padding: 10px; }
.galleryPage .MainContent { position: relative; }
.galleryPage .MainContent #subheadline h2 { position: absolute; font-family: 'Floyd'; font-size: 500%; letter-spacing: 1.6px; color: transparent; opacity: 0.3; -webkit-text-stroke: 1px #202226; left: 50%; top: 0%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-transform: capitalize; }
.galleryPage #headline { margin-bottom: 40px; }

/* Other */
.owl-carousel .owl-prev { right: auto; left: 10px; }
.home-page .owl-carousel .owl-prev:after { right: auto; left: 400px; transform: rotate(180deg); }
.owl-carousel .owl-next { left: auto; right: 10px; }
.home-page .owl-carousel .owl-next:after { left: auto; right: 400px; transform: rotate(180deg); }

/*Responsive*/
#home-gallery .iconsBoxLeft { position: fixed; left: 0; }

@media (max-width:1280px) {
    .home-page .section.grid-form-section:after { width: 110px; }
    .home-page .sections .grid-content-section.menu-up:before { right: -30%; }
    .home-page .sections .grid-content-section.menu-down:after { left: -40%; }
    .home-page .section.grid-form-section:before { width: 90%; height: 90%; }
    .footer-text-right ul { width: 60%; margin: auto 40% 0 0; }
}

@media (min-width: 1025px) and (max-width: 1300px) {
    #header2 ul.menu { width: 700px; text-align: center; }
}

@media (max-width: 1024px) {
    #header2 { padding: 20px 0; }
    #header2 .header-right-section { display: flex; width: auto; background: transparent; }
    #header2 .menu-nav { margin-top: 0; justify-content: flex-start; position: relative; }
    #header2 #header-left { align-items: flex-end; justify-content: flex-end; margin-top: 15px; left: 60px; }
    #header2.open #nav-toggle.active span:after, #header2.open #nav-toggle.active span:before { background: #ffffff; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 .social-links { margin-top: 100px; }
    #header2 ul.menu li { font-size: 250%; margin: 10px auto; }
    #header2.bg ul.menu li.active, #header2 ul.menu li a:hover { color: #d99b77; background: transparent; border: none; }
    #header2 ul.menu { top: -3vh; right: -5vh; min-width: 101vw; height: 102vh; background: #202226; padding-top: 100px; }
    #header2 ul.menu .social-links a svg { height: 60px; width: 60px; background: #579099; padding: 10px; border-radius: 50%; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; }
    #header2 ul.menu .social-links a svg:hover { background: #402530; }
    #header2.bg ul.menu li, #header2.bg .fa-angle-down:before { color: #ffffff; }
    #header2 .mobile-middle-kdm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    #header2 .mobile-middle-kdm a { color: #000; border-color: #000; }
    #header2.bg ul.menu li:hover { border: none; }
    .detailsInRow .nav-menu-anim.open #nav-toggle.active span { height: 0; }
    #home-gallery .gallery-caption .gallery-text { white-space: unset; text-align: center; font-size: 350%; }
    #home-gallery .iconsBoxLeft { left: 0; bottom: 0; }
    #home-gallery .iconsBoxLeft .iconBox img { max-width: 200px; height: auto; position: absolute; bottom: 20px; right: auto; transform: none; }
    .iconsBoxRight { right: 15%; }
    .detailsInRow #nav-toggle span, .detailsInRow #nav-toggle span:after, .detailsInRow #nav-toggle span:before,
    .detailsInRow #nav-toggle-mobile span, .detailsInRow #nav-toggle-mobile span:after, .detailsInRow #nav-toggle-mobile span:before { background: #202226; }
    .detailsInRow.bg #nav-toggle span, .detailsInRow.bg #nav-toggle span:after, .detailsInRow.bg #nav-toggle span:before,
    .detailsInRow.bg #nav-toggle-mobile span, .detailsInRow.bg #nav-toggle-mobile span:after, .detailsInRow.bg #nav-toggle-mobile span:before { background: #202226; }
    .home-page .sections .grid-content-section.menu-down:after, .home-page .sections .grid-content-section.menu-up:before,
    .home-page .section.carousel .gallery-container:before, .home-page .section.grid-row-section:before, .home-page .section.grid-form-section:before,
    .home-page .section.grid-form-section:after, .home-page .grid-rows .grid-row-text:before,
    .menuPage .sections .grid-content-section.menu-down:after, .menuPage .sections .grid-content-section.menu-up:before, .aboutPage #pageview #text2:after { display: none; }
    .home-page .menuContainer section.menu-up .section-title h2 { top: 50px; }
    .home-page .section.grid-row-section { margin: auto 65px; top: -100px; }
    .home-page .sections .grid-content-section.menu-up, .home-page .sections .grid-content-section.menu-down { right: 0; left: 0; }
    .home-page .grid-rows .grid-row-text h2 { font-family: 'Heebo-Bold'; font-size: 200%; }
    .home-page .section.carousel .section-title h2:before, .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 70px; white-space: nowrap; }
    .home-page .section.carousel { margin-bottom: 130px; }
    .home-page .grid-gallery-section.tasting .section-title h3 { font-size: 60px; white-space: nowrap; }
    .home-page .section.grid-gallery-section.tasting { max-width: 900px; }
    .home-page:not(.menuContainer) .grid-row-section .box-image-animation img { width: 93%; height: 300px !important; }
    .home-page .grid-row-image-container .box-image-animation { margin: 0 20px; }
    .home-page .grid-row-text h3 { font-size: 220%; white-space: nowrap; top: -5%; }
    .home-page .grid-form-section { margin: 0 auto 190px; max-width: 800px; }
    .home-page .owl-carousel .owl-prev:after { left: 200px; }
    .home-page .owl-carousel .owl-next:after { right: 200px; }
    .footer-text-right ul { width: 70%; margin: auto 20% 0 0; }

    .aboutPage #GridContent { max-width: 600px; }
    .aboutPage #pageview #text2 { margin-bottom: 150px; position: relative; }

    .menuPage #lobbyview h2 { white-space: nowrap; }
    .menuPage .sections .grid-content-section.menu-up { left: 0; }
    .menuPage .sections .grid-content-section.menu-down { right: 0; }
    #LobbyModule .grid-boxes .grid-box-title h3, #lobbyview .grid-boxes .grid-box-title h3 { font-size: 100%; }

    .wantedPage .MainContent, .contactPage .MainContent { position: relative; max-width: 600px; margin: auto; }
    .wantedPage .MainContent #text1 h3 { font-family: 'Heebo-Bold'; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { padding-right: 30px; }

    .contactPage .MainContent #subheadline h2 { white-space: nowrap; top: -25%; }
    .form-container-wide #DynamicFormObject { padding: 50px 20px; }
    #header2 ul.menu li { text-align: right; max-width: 60%; margin-right: auto; margin-left: auto; float: none; }
    #header2 ul.menu .social-links a { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; display: inline-block; padding: 0; margin: 3px; }
}

@media (min-width:768px) and (max-width: 991px) {
    .home-page .grid-row-text h3 { font-size: 170%; }
    .home-page .grid-rows .grid-row-text h2 { font-family: 'Heebo-Bold'; font-size: 160%; }
    .home-page:not(.menuContainer) .grid-row-section .box-image-animation img { width: 93%; height: 220px !important; }
    .home-page .grid-row-image-container .box-image-animation { margin: 0 20px; display: flex; align-items: center; justify-content: center; }
    .home-page .section.grid-row-section { margin: auto 15px; top: -70px; }
    .home-page .grid-rows .grid-row-text { width: 80%; vertical-align: super; }
    .home-page .section.carousel { margin-bottom: 180px; top: 50px; }
    .home-page .owl-carousel .owl-prev:after { left: 150px; }
    .home-page .owl-carousel .owl-next:after { right: 150px; }
    .section.carousel .section-title h2, .grid-gallery-section.tasting .section-title h2 { font-family: 'Heebo-Bold'; font-size: 220%; }
    .home-page .section.carousel .section-title h2:before, .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 60px; white-space: nowrap; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { top: -135px; }
    .home-page .grid-form-section { max-width: 860px; margin: 0 auto 190px; }
    .footer-text-right ul { width: 100%; margin: auto 10% 0 0; }

    .aboutPage #GridContent { max-width: 600px; }
    .aboutPage .MainContent #subheadline h2 { top: 4%; }
    .aboutPage #pageview #text2:after, .menuPage .sections .grid-content-section.menu-down:after, .menuPage .sections .grid-content-section.menu-up:before { display: none; }
    .aboutPage #pageview #text2 { margin-bottom: 150px; position: relative; }

    .menuPage #lobbyview h2 { white-space: nowrap; }
    .menuPage .sections .grid-content-section.menu-up { left: 0; }
    .menuPage .sections .grid-content-section.menu-down { right: 0; }
    #LobbyModule .grid-boxes .grid-box-title h3, #lobbyview .grid-boxes .grid-box-title h3 { font-size: 100%; }

    .wantedPage .MainContent, .contactPage .MainContent { position: relative; max-width: 600px; margin: auto; }
    .wantedPage .MainContent #text1 h3 { font-family: 'Heebo-Bold'; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { padding-right: 30px; }

    .contactPage .MainContent #subheadline h2 { white-space: nowrap; top: -25%; }
    .form-container-wide #DynamicFormObject { padding: 50px 20px; }
}

@media (max-width: 767px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 300%; width: calc( var(--vw) * 0.93 ); }
    #home-gallery .flex-direction-nav .flex-prev { left: 0; }
    #home-gallery .flex-direction-nav a.flex-next { right: -20px; }
    #header2 #header-left { align-items: center; justify-content: flex-start; margin-top: 15px; left: 20px; }
    #header2 ul.menu { padding-top: 80px; top: -4vh; right: -10px; }
    #header2 ul.menu li { font-size: 100%; margin: 5px 0; }
    #header2 .social-links { margin-top: 20px; }
    #header2 ul.menu .social-links a svg { height: 40px; width: 40px; border-radius: 0; }

    .home-page .grid-boxes .box-image-animation img { width: 90%; margin: 5%; }
    .home-page .grid-boxes .box-image-animation:after { content: ""; border: 1px solid #d99b77; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 999; border-radius: 50%; }
    .grid-boxes .grid-box-image { margin-bottom: -70px; }
    .home-page .sections .grid-content-section.menu-up { margin-top: 0; }
    .home-page .menuContainer { max-width: 90vw; }
    .home-page .section.carousel .section-title h2:before, .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 40px; white-space: nowrap; }
    .home-page .grid-gallery-section.tasting .section-title h3 { font-size: 40px; }
    .home-page .section.carousel .section-title h2, .grid-gallery-section.tasting .section-title h2 { font-family: 'Heebo-Bold'; font-size: 220%; }

    .home-page .sections .grid-content-section.menu-up { margin-top: 70px; }
    .home-page .grid-row-image-container .box-image-animation { margin: 0; }
    .grid-row li.slider-item { padding-bottom: 56%; }
    .home-page:not(.menuContainer) .grid-row-section .box-image-animation img { width: 100%; height: auto !important; }
    .home-page .section.grid-row-section { margin: auto 35px; }
    .home-page .section.carousel { max-width: 90%; margin-right: auto; margin-left: auto; margin-bottom: 80px; }
    .owl-carousel .owl-prev { right: 10px; }
    .owl-carousel .owl-next { left: -10px; }
    .home-page .owl-carousel .owl-prev:after { right: auto; top: 0px; left: -10px; }
    .home-page .owl-carousel .owl-next:after { left: auto; top: 0; right: -10px; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .home-page .grid-form-section { margin-bottom: 60px; }
    .grid-rows .grid-row-text p { font-size: 100%; }
    .home-page .grid-boxes .grid-box-image { float: left; width: 100%; margin-bottom: 20px; }
    .home-page .grid-boxes .grid-box { margin-bottom: 30px; width: 50%; }
    .menuPage #lobbyview h2 { font-size: 310%; }
    #LobbyModule .grid-box, #lobbyview .grid-box { width: 50%; }
    .menuPage #lobbyview #headline h1, .innerMenu #MenuModule #headline h1 { margin-top: 50px; }
    .menuPage .grid-boxes .box-image-animation img { width: 90%; margin: 5%; }
    .menuPage .grid-boxes .box-image-animation:after { top: 2px; right: 2px; }

    #header2.bg #header-left img { width: 100%; }
    #header2 { padding: 10px 0; }
    #header2 #header-left { margin-top: 2px; margin-left: 0; width: 80px; }

    .aboutPage .MainContent #subheadline h2 { top: 2.1%; transform: translateX(3%); -webkit-transform: translateX(3%); }

    #GridContent #headline h1 { margin-top: 45px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(textareaField),
    .normal-form select,
    .wantedPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }

    .wantedPage .MainContent #subheadline h2, .contactPage .MainContent #subheadline h2, .galleryPage .MainContent #subheadline h2 { font-size: 300%; }
    .contactPage .MainContent #subheadline h2 { top: -12%; }
    .wantedPage .MainContent #subheadline h2 { top: -6%; }
    #home-gallery .scroll-down { bottom: 1%; }
    .innerMenu .menuModuleContentPart { padding: 45px 20px; }
    #text1, #text2 { font-size: 90%; }
    .home-page .section.grid-row-section { max-width: 100%; width: 100%; position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); border-radius: 0; }
    .home-page .item .gallery-image-title h3 { font-size: 90%; }
    .home-page .owl-carousel .owl-next:after, .home-page .owl-carousel .owl-prev:after { height: 20px; width: 20px; }
    .grid-gallery-section .section-title { margin-bottom: 20px; }
    .home-page .grid-form-section { width: 93%; }
    .form-container-wide #DynamicFormObject { padding: 50px 0px; }
    .normal-form textarea { padding-right: 15px; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormEndText { font-size: 70%; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 50%; }
    #GridTop.noTopImage.longer { height: 60px; }
    .galleryPage #galleryview { margin-bottom: 100px; margin-top: 55px; }
    .footer-text-divided { flex-wrap: wrap; }
    .footer-text-divided > div.footer-text-left { width: 100%; text-align: center; margin-top: 20px; display: flex; align-items: center; }
    #SiteFooter .footer-text-left img { margin: 5px; }
    #header2 .max-width { width: 100%; }
    #header2 ul.menu li a:before { transition: none; }
    #header2 ul.menu li > a { font-size: 140%; }
    #header2 ul.menu li a:before { display: none; }
    #header2 { background: #fff; }
    #header2 #header-left img { display: none; }
    #header-left a.logoHeader { position: relative; }
    #header-left a.logoHeader::before { content: ""; display: block; width: 80px; height: 45px; background: url(/warehouse/temp/Upper%20Market/logo.svg); background-size: contain; background-repeat: no-repeat; }
    .aboutPage #pageview #text2 { margin-bottom: 115px; }
    #SiteGrid.layout-bottom #GridPromo { margin-bottom: 115px; }
    .home-page:not(.menuContainer) .grid-row-section .box-image-animation img { width: 85%; }
    .grid-rows .grid-row-text { overflow: visible; }
    .home-page .grid-row-text h3 { font-size: 200%; top: 3%; z-index: -1; }
    .home-page .section.grid-row-section { padding-top: 50px; }
    .home-page .item .gallery-image-title { position: static; width: 100%; }
    .home-page .item .gallery-image-title h3 { padding-top: 10px; margin: 0; }
}