﻿/* Nori Sushi */

/* General */

body { font-size: 20px; color: #fff; background: #000; }

: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; }
}

/* LAYOUT */

/* Remove float */
#GridContent { float: none; }

/* HEADER 2 */

/* Reset color of active link in menu */
#header2 ul.menu li.active { color: inherit; }

/* Delete a line under header menu links */
#header2 ul.menu > li:before { content: none; }

/* Reset hover color of header menu links */
#header2 ul.menu li:hover { color: inherit; }

/* Delete opacity border of header menu links in focus */
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

/* Delete bottom line of header social links in focus */
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }

/* HEADER (with burger) */

/* Hide social icons behind open menu */
#header .social-links { z-index: -1; position: relative; }

/* Category */

/* Fix for dropdown menu width inside filter on category page */
#CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; }

#CatalogModule .filters-box ul.filter-list { min-width: 100%; }

/* Reset bootstrap font-size */
h1, h2 { font-size: inherit; }


/* Footer */

/* Remove padding top */
footer { padding-top: 0; }

/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; background: #202020; }

/* Fix for checkbox on Xiaomi devices */
form.shop-form input[type=checkbox]:checked { background: url(../../../warehouse/temp/story/checkboxV.svg); }

/* 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 ); }
}


/* Header */
#header2 .max-width { max-width: unset; width: 100%; }
#header2 { padding: 0; background: none; }
#header2 #header-left { display: flex; width: 8%; max-width: 90px; margin-left: 0; margin-right: auto; }
#header2 .header-right-section { display: flex; width: 92%; align-items: center; justify-content: space-between; background: none; }
#header2 #header-container { display: flex; }
#header2 .header-top { width: 13%; padding-right: 40px; }
#header2 .menu-nav { display: flex; align-items: center; justify-content: center; margin: 0; width: 87%; }
#header2 .header-top .address { display: none; }
#header2 .header-top-left { direction: rtl; }
#header2 ul.menu { margin: 0; width: 100%; text-align: center; }
#header2 ul.menu li { font-size: 90%; }
.fa-angle-down:before { font-weight: 400; }
#header2 ul.menu li a::before { content: ""; display: block; height: 3px; width: 0; position: absolute; bottom: -4px; right: 0; background: #009b88; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
#header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before { width: 100%; }
#header2 ul.menu li.active > a::before { width: 100%; }
#header2.bg { background: #000; }
#header2 ul.menu li.active a { font-weight: 700; }
ul.menu-sub li a::before { display: none !important; }
#header2 .menu-sub { padding: 15px 15px 11px; background: #1f1f1f; min-width: 152px; }
#header2 .menu-sub li a:hover, #header2 .menu-sub li a:focus { color: #e6007e; font-family: 'Heebo-Medium', sans-serif; }

/* Homepage */
.section-1 .section-title h1 { font-size: 240%; }
.section-1 .grid-text h2 { font-size: 240%; position: relative; text-transform: uppercase; }
.section-1.grid-text-section .section-animation-item { max-width: 680px; margin: 0 auto; width: 100%; padding-left: 5px; padding-right: 5px; }
.section-1.grid-text-section .section-animation-item p { font-family: 'Heebo-Light'; }
.grid-text .sec-button, .section-4 .sec-button { font-size: 90%; background: #e5007e; border: 1px solid transparent; transition: 0.4s; border-radius: 0; width: 155px; }
.grid-text .sec-button:hover, .grid-text .sec-button:focus, .section-4 .sec-button:hover, .section-4 .sec-button:focus { background: #fff; color: #000; }
.section-2 .grid-boxes .grid-box-title h3 a { font-family: 'Heebo-Light'; font-size: 107%; color: #fff; }
.section-2 .grid-boxes .grid-box-image { padding-bottom: 125%; margin-bottom: 0; }
.section-1 { margin-bottom: 40px; }
.section-3.grid-text-section .section-title { position: static; transform: none; }
.section-3 .grid-text.gridTextWithImg { position: static; }
.section-3 .grid-text.gridTextWithImg .grid-text-content p { margin-bottom: 20px; font-family: 'Heebo-Light'; margin-top: 10px; }
.section-3 .section-title h2 { font-family: Heebo-Medium; font-size: 160%; }
#home-gallery .iconBox img { max-width: 60px; height: 60px; }
#home-gallery .flex-control-paging li a.flex-active { background: #e6007e; }
#home-gallery ul.slides::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: black; z-index: 3; width: 100%; height: 100%; opacity: 0.35; }

#home-gallery .gallery-caption { transform: translate(-50%, -50%); top: 50%; max-width: 200px; width: 100%; text-align: center; z-index: 4; }
#home-gallery .gallery-caption.caption-text { position: static !important; transform: none !important; margin-top: 10%; }
#home-gallery .gallery-caption.caption-text { top: 65.5%; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-caption .gallery-text { width: 100%; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { display: block; width: 100%; background-color: #e6007e; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 30px; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 7%; }
#home-gallery:not(.video-slider) button.controlSlider { display: none; }


/* Inner */
#headline { font-size: 240%; }
#headline h1 { position: relative; }
#headline h1::after { content: ""; display: block; background: url(/warehouse/temp/nori/green_underline.svg); width: 88px; height: 6px; background-size: contain; margin: 0 auto; background-repeat: no-repeat; margin-top: 15px; background-position: center; }
#contactDetails .contactDetailsText1 p { font-size: 100%; max-width: 878px; margin: 0 auto; font-family: 'Heebo-Light'; }
div#contactform { padding: 42px; border: 1px solid #81500b; background: #141414; }
.normal-form:after { display: none; }
.normal-form input, .normal-form textarea { border-radius: 0; background: #282828; border: none; color: #fff; min-height: 43px; margin-bottom: 10px; font-size: 90%; max-width: 100%; width: 100%; font-family: 'Heebo-Light'; }
.normal-form input::placeholder, .normal-form textarea::placeholder { color: #fff; font-size: 90%; }
#contactform h3 { font-size: 160%; margin-top: 0; margin-bottom: 25px; }
#contactform textarea { margin-top: 0; padding-top: 9px; margin-bottom: 20px; }
.contact-container .pull-right { padding: 0 5px; }
.must:before { top: 10px; right: 13px; color: #fff; font-size: 60%; }
#contactform .contact-form-comment { font-size: 70%; position: absolute; bottom: 0; right: 0; font-family: 'Heebo-Light', sans-serif; color: #c8c8c8; }
.normal-form input[type=submit] { font-size: 90%; max-width: 155px; margin: 0 auto; background: #e6007e; border: 1px solid transparent; }
#contactform .contact-form-submit { text-align: center; margin-bottom: 0; }
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background: #fff; color: #000; border: 1px solid #fff; }
#contactform .contact-container { width: 100%; max-width: 777px; }
#text1, #text2 { width: 100%; max-width: 878px; font-family: 'Heebo-Light'; font-weight: 300; }
.form-container-wide #DynamicFormObject { padding: 42px; padding-top: 33px; border: none; background: #141414; display: flex; flex-direction: column; border: 1px solid #81500b; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #fff; font-size: 100%; font-family: 'Heebo-Medium'; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; max-width: 777px; margin: 0 auto; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 160%; padding-top: 0; padding-bottom: 10px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33333%; padding: 0 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
.events-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33.333333%; padding: 0 5px; }
#DynamicFormObject input[type=submit] { font-size: 90%; background: #e6007e; border-radius: 0; border: 1px solid transparent; margin-top: 20px; }
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus { border: 1px solid #fff; }
.form-control:focus { box-shadow: none; }
.normal-form input:focus { border: 1px solid #fff !important; }
#DynamicFormObject input[type=submit] { margin-top: 0; width: 100%; max-width: none; }
.menus-page .grid-box-image { padding-bottom: 125%; }
.categories-strip { background: #003932; }
.categories-strip ul li.active { background: #004e44; }
.menuModuleContentPart { background: #f5f5f5; font-size: 90%; border: none; padding-bottom: 20px; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #d6d6d6; }
h3.menuModuleTextItemTitle { font-family: 'Heebo'; font-weight: 700; }
.menuModuleTextItemDescription { font-family: 'Heebo-Light'; }
#MenuModule .menuModuleNav a { font-size: 100%; font-family: 'Heebo-Light'; color: #b7b7b7; }
#MenuModule .menuModuleNav a.selected { color: #fff; position: relative; }
#MenuModule .menuModuleNav a.selected::after { content: ""; display: block; width: 100%; height: 1px; background: #fff; }
.gallery-cubes > div { padding: 5px; }
.gallery-cubes .image-link-inner { background: #e6007e; }
.gallery-cubes .plus-sign { color: #fff; }
#contactDetails .contactDetailsPhone1 { font-size: 90%; }
.section-3 .grid-text.gridTextWithImg .grid-text-content::before { content: ""; display: block; width: 80%; max-width: 800px; height: 150%; max-height: 308px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.8; z-index: -1; border: 1px solid #81500b; }
.section-3 .grid-text.gridTextWithImg .grid-text-content { top: 53%; }
.section-4 .sec-button { display: block; margin: 0 auto; margin-top: 20px; padding: 6px; }
#GridPage { padding-top: 80px; padding-bottom: 50px; }
.iconsBoxLeft { left: 20px; bottom: 20px; }
#header2 .header-top-left a:first-of-type svg { height: 28px; width: 32px; }
.section-1 .grid-text h2::after { content: ""; display: block; background: url(/warehouse/temp/nori/green_underline.svg); width: 88px; height: 6px; background-size: contain; margin: 0 auto; background-repeat: no-repeat; margin-top: 15px; background-position: center; }
.menuModuleTextItemSubject { color: #000; }
.section-2 .grid-box-title { position: absolute; top: 11%; left: 50%; transform: translateX(-50%); width: 100%; z-index: 3; }
.section-2 .grid-boxes .grid-box-image-container::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 43%; background-image: linear-gradient(to bottom, #151515, rgba(0, 0, 0, 0)); z-index: 2; pointer-events: none; }

/* Footer */
#SiteFooter .site-credit.alternative { padding: 10px 0; }

@media (max-width: 1200px) {
    .section-3 .grid-text.gridTextWithImg .gridTextImgContainer img { height: 400px; width: auto; }
    .section-3 .gridTextImgContainer { overflow: hidden; }
}

@media (min-width: 1025px) {
    #SiteFooter .footer-text-middle img { width: 126px; }
}

@media (max-width: 1024px) {
    #header2 ul.menu li.active a { font-weight: 700; }
    #header2 #header-left { width: 61px; height: auto; margin-top: 0; }
    #header2 .mobile-middle-kdm { width: auto; }
    #header2 .header-right-section { width: auto; }
    #header2 .header-top { display: none; }
    #header2 .nav-menu-anim { margin: 0; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 ul.menu { background: #1f1f1f; padding-bottom: 20px; }
    #header2 ul.menu li.active { background: none; }
    #header2 ul.menu li a { position: relative; }
    #header2 .menu-sub { background: none; }
}

@media (max-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; margin-bottom: 10px; }
    .form-container-wide #DynamicFormObject { padding: 30px 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 5px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 90%; }
    #text1, #text2 { width: 96%; text-align: right; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    #DynamicFormObject input[type=submit] { max-width: 155px; margin-top: 15px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 16px; }
    .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }

    .section-3 .grid-text.gridTextWithImg .grid-text-content { top: 50%; }
    .section-3.grid-text-section .section-title { top: 25%; width: 100%; margin-bottom: 20px; }
    .grid-text.gridTextWithImg .gridTextImgContainer img { height: 400px; width: auto; }
    .section-3 .gridTextImgContainer { overflow: hidden; }
    .section-3 .grid-text.gridTextWithImg .grid-text-content::before { width: 105%; }
    .section-1 { padding-top: 40px; }
    #headline { font-size: 170%; }
    .section-3 .section-title h2 { font-size: 130%; }
    .section-3 .grid-text.gridTextWithImg .grid-text-content p { font-size: 90%; }
    #text1 h3, #text2 h3 { font-family: 'Heebo-Medium', sans-serif; font-size: 130%; }
    #MenuModule .menuModuleNav a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; font-size: 90%; }
    .section-2 .grid-box { margin-right: 0; display: block; }
    #home-gallery .gallery-caption { max-width: 40%; }
    #home-gallery .gallery-caption.caption-text { top: 69%; }
    #home-gallery { height: 65vh !important; }
    #home-gallery .scroll-down { display: none; }
    #SiteFooter .mobile-seperator a { background-color: #003932; }

    #home-gallery .gallery-caption.caption-text { position: static; transform: none; display: block; width: 100%; max-width: 100%; }
    #home-gallery .gallery-logo { display: block; margin-bottom: 15px; }
    .section-1 .grid-text h2 { font-size: 125%; text-transform: uppercase; margin-top: 10px; }
    .section-1 .section-title h1 { font-size: 150%; }
}

@media (max-width: 550px) {
    #header2 .phone-icon { top: 50%; transform: translateY(-50%); left: -80%; }
    #header2 ul.menu { width: calc( var(--vw) * 1 ); height: calc( var(--vh) * 1 ); }
    #contactform .contact-form-comment { top: 102%; }
    #home-gallery .scroll-down { bottom: 3%; }
}


@media (max-width: 375px) {
    #home-gallery .gallery-caption.caption-text { top: 70%; }
}

@media(max-width: 320px ) {
    #home-gallery .gallery-caption.caption-text { top: 70%; }
}

/* UnZoom */
@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg,
    body.macOs #home-gallery, body.macOs #home-gallery .slides, body.macOs #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
}

@media (max-width: 767px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { /* height: calc(var(--vh)) !important; */ min-height: unset !important; }
}