﻿/* Sure */

/* Starter pack START */

/* 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; /* remove padding bottom from mobile */ }

/* 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 ); background: #ebebeb; }

    #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 ); }
}
/* Starter pack END */

/* General */
body { font-size: 19px; font-family: 'Assistant', sans-serif; }
#SiteGrid { overflow: hidden; }

/* Header */
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; }
#header2 .header-right-section { order: 2; display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 0 10px; }
#header2 #header-left { order: 1; width: auto; }
#header2 .header-top { order: 2; display: flex; justify-content: flex-end; width: auto; margin-right: 75px; }
#header2 .menu-nav { order: 1; display: flex; align-items: center; justify-content: center; margin: 0; }
#header2 .header-top-right a.lang { background: none; border: 2px solid #f3ba26; border-radius: 50%; height: 36px; width: 36px; display: inline-flex; align-items: center; justify-content: center; font-family: 'Karantina', cursive; font-size: 110%; letter-spacing: 0.7px; }
#header2 .languages { display: flex!important; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
#header2 .header-top-right { display: flex; align-items: center; float: none; width: 100px; }
#header2 .max-width { max-width: none; width: 100%; }
#header2 { background: #fff; box-shadow: rgb(0 0 0 / 6%) 0px 1px 3px, rgb(0 0 0 / 12%) 0px 1px 2px; padding: 12px 30px; }
#header2 ul.menu { margin: 0; width: 100%; text-align: center; }
#header2 ul.menu li { font-family: 'Karantina'; font-size: 137%; letter-spacing: 0.65px; }
#header2 ul.menu li a { color: #414242; position: relative; }
#header2 ul.menu li a::before { content: ""; display: block; width: 0; height: 2px; background: #bd001e; bottom: -2px; left: 50%; position: absolute; transform: translateX(-50%); transition: 0.4s; }
#header2 ul.menu li.active a::before { width: 100%; }
#header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before { width: 100%; }
#header2 ul.menu li.active { background: none; }

/* Homepage */
#home-gallery .gallery-caption .gallery-text { font-weight: 700; font-size: 527%; text-align: center; line-height: 0.55; }
#home-gallery .gallery-caption .gallery-text span { font-size: 50%; }
#home-gallery .gallery-caption { top: 47%; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg { display: none; }
#home-gallery .scroll-down::before { content: ""; display: block; width: 30px; height: 45px; border: 2px solid #fff; border-radius: 200px; margin: 0 auto; }
#home-gallery .scroll-down::after { content: ""; display: block; width: 2px; height: 7px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 11px; }
.homepage-about .grid-rows .grid-row { max-width: 1076px; margin: 0 auto; width: 90%; }
.homepage-about { margin-top: 82px; }
.homepage-about .grid-rows .grid-row-text h2, .scopes .section-title h2, .homepage-delivery .section-title h2, .homegallery .section-title h2 { font-family: 'Karantina'; letter-spacing: 1.75px; font-size: 369%; position: relative; display: table; margin-bottom: 21px; color: #121212; }
.homepage-about .grid-rows .grid-row-text h2:before, .scopes .section-title h2::before, .homepage-delivery .section-title h2::before, .homegallery .section-title h2::before { content: ""; display: block; width: 100%; background: #bd001e; height: 4px; width: 100%; position: absolute; bottom: -10px; right: 0; }
.homepage-about .grid-rows .grid-row-text { width: 100%; padding-right: 60px; }
.homepage-about .grid-rows .grid-row-text p { font-size: 95%; font-weight: 600; color: #4b4d4d; }
.homepage-about .flexslider-box { width: 43.5%; }
.homepage-about .grid-row li.slider-item { padding-bottom: 115%; }
.grid-rows .grid-row-text a.grid-row-button { font-family: 'Karantina'; letter-spacing: 0.6px; color: #414242; padding: 5px 54px; border-radius: 50px; font-size: 126%; transition: 0.4s; border: 2px solid #000; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background: #bd001e; border: 2px solid #bd001e; }
.why-us .grid-boxes.row { max-width: 1150px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.sections .grid-content-section.why-us { background: url(/warehouse/temp/sure/why-us.jpg); background-size: cover; background-position: center; max-width: none; padding-top: 82px; padding-bottom: 140px; margin-bottom: 26px; }
.why-us .grid-box { width: 25%; padding: 0 10px; max-width: 220px; }
.why-us .grid-boxes .grid-box-image { padding-bottom: 100%; margin: 0; }
.why-us .grid-boxes .box-image-animation:hover img, .why-us .grid-boxes .box-image-animation:focus img { transform: none; }
.why-us .grid-box-title { display: none; }
.why-us .section-title h2 { color: #fff; font-family: 'Karantina'; font-size: 369%; letter-spacing: 1.75px; position: relative; display: table; margin: 0 auto; margin-bottom: 95px; }
.why-us .section-title h2::before { content: ""; display: block; width: 100%; height: 5px; background: #fff; position: absolute; bottom: 0; left: 0; }
.scopes .section-title h2 { margin: 0 auto; }
.scopes .section-title { margin-bottom: 90px; }
.scopes { max-width: 1209px; margin-bottom: 0; }
.scopes .grid-box { padding: 0 19px; position: relative; margin-bottom: 39px; }
.scopes .grid-boxes .grid-box-image::before { z-index: 1; content: ""; pointer-events: none; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); opacity: 0.7; }
.scopes .grid-boxes .grid-box-image { padding-bottom: 93%; margin: 0; margin-bottom: 0; }
.scopes .grid-box-title { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 1; }
.scopes .grid-box-title h3 { font-family: 'Karantina'; font-size: 211%; letter-spacing: 1px; }
.grid-boxes .grid-box-title h3 a { color: #121212; }
.scopes .grid-box-title h3 a { color: #fff; }
.homepage-delivery .section-title h2 { margin: 0 auto; }
.scopes .section-title { margin-bottom: 50px; }
.homepage-delivery .grid-rows { max-width: 1170px; margin: 0 auto; }
.homepage-delivery .grid-rows .grid-row { background: #f0f0f0; }
.homepage-delivery .grid-rows .grid-row-text h2 { font-family: 'Karantina'; font-size: 290%; letter-spacing: 1.38px; color: #121212; position: relative; }
.homepage-delivery .grid-rows .grid-row-text { width: 100%; padding: 0 50px 0 79px; margin: 0; }
.homepage-delivery .grid-rows .grid-row:nth-of-type(odd) { direction: ltr !important; }
.homepage-delivery .grid-rows .grid-row:nth-of-type(even) { direction: rtl !important; }
.homepage-delivery .grid-rows .grid-row-text h2::before { content: ""; display: inline-block; width: 8px; height: 35px; background: #f3ba26; margin-left: 9px; }
.homepage-delivery .grid-row li.slider-item { padding-bottom: 68.5%; }
.scopes .section-title h2::before, .homepage-delivery .section-title h2::before, .homegallery .section-title h2::before { bottom: 0; }
.homegallery .section-title h2 { margin: 0 auto; }
.homegallery .section-title, .homepage-delivery .section-title { margin-bottom: 50px; }
.form-container-wide #DynamicFormObject { border: none; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; margin-bottom: 7px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
#DynamicFormObject:after { display: none; }
.normal-form input, .normal-form textarea { width: 100%; max-width: 100%; border-radius: 0; font-size: 95%; padding: 8px 15px; min-height: 46px; border: 2px solid #121212; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 10px; width: 33.333333%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.grid-form-section { max-width: 1062px; }
.must:before { right: 18px; top: 8px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Karantina'; font-size: 168%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 105%; margin-bottom: 22px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { width: 100%; max-width: 160px; border: 2px solid #121212; border-radius: 50px; background: none; color: #121212; font-family: 'Karantina'; font-size: 137%; letter-spacing: 0.65px; transition: 0.4s; }
.normal-form textarea { margin-bottom: 40px; }
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background: #bd001e; border: 2px solid #bd001e; color: #fff; }
.grid-gallery-section { margin-bottom: 13px; }
#contactform { border: none; padding-top: 0; }
.normal-form:after { display: none; }
#contactform .contact-container { width: 100%; max-width: 938px; }
#SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { max-width: 1092px; }
.homepage-delivery p { font-size: 95%; line-height: 1.3; }


/* Footer */
.GridFooterGallery { display: none; }
#SiteFooter { background: #ebebeb; }
.site-credit.alternative { padding: 10px 0; }
.footer-text-divided { max-width: 1200px; margin: 0 auto; }
.footer-text-divided { display: flex; align-items: center; justify-content: space-between; font-size: 105%; color: #414242; padding: 67px 10px; }
.footer-text-divided > div.footer-text-middle img { max-width: 211px; height: auto; }
.footer-text-divided > div.footer-text-right ul { list-style: none; padding: 0; margin: 0; }
.footer-text-divided a { color: #414242; }

/* Inner page */
#GridTop::before { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.34); }
.internalPage .top-caption h1 { font-family: 'Karantina'; font-size: 100%; letter-spacing: 2.7px; }
#GridTop { height: 400px; }
.internalPage .top-caption { top: 50%; top: 50%; font-family: 'Karantina'; font-size: 163%; letter-spacing: 2.7px; font-size: 570%; }
.internalPage h2, #lobbyview h2 { font-family: 'Karantina'; font-size: 290%; letter-spacing: 1.38px; text-align: right; position: relative; }
#lobbyview { text-align: right; max-width: 795px; margin: 0 auto; }
#lobbyview p { text-align: right; font-weight: 600; }
.internalPage h2::before { content: ""; width: 8px; height: 35px; background: #f3ba26; display: inline-block; margin-left: 9px; }
.about-page .grid-boxes .box-image-animation img { max-width: 90px; height: auto; margin: 0 auto; }
#LobbyModule .about-icons .grid-boxes { max-width: 770px; }
#LobbyModule .about-icons .grid-boxes .grid-box-title h3 { font-family: 'Karantina'; font-size: 150%; letter-spacing: 0.75px; }
#lobbyText ul { text-align: right; font-weight: 600; }
#lobbyText h3 { font-weight: 700; text-align: right; }
#lobbyText h4 { text-align: right; font-weight: 700; }

.about-icons .grid-boxes .grid-box-image { padding-bottom: 90px; }
.about-icons .grid-boxes .box-image-animation:hover img, .about-icons .grid-boxes .box-image-animation:focus img { transform: none; }
.about-icons.grid-content-section { margin-bottom: 70px; }
.internalPage #GridPage { padding-top: 109px; }
#SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { max-width: 1092px; }
#contactform .contact-form-submit { text-align: center; }
.contact-page .internalPage h2 { text-align: center; font-size: 373%; }
.contact-page .internalPage h2::before { display: none; }
#contactDetails .contactDetailsText1 { margin-bottom: 0; }
#contact-boxes { display: none; }
#contactDetails .contactDetailsText1 p { margin-bottom: 0; margin-top: 10px; }
#contactform .contact-form-comment { max-width: 938px; margin: 0 auto; font-size: 70%; }
#contactform .contact-container .pull-right:not(.textareaWrapper) { width: 33.333333%; }
#contactform .contact-container .pull-right { padding: 0 10px; }
#contactform textarea { margin-top: 0; margin-bottom: 30px; }
#text1 h2, #text2 h2 { font-size: 290%; font-family: 'Karantina'; letter-spacing: 1.38px; color: #121212; position: relative; display: table; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
#text1 h2::before, #text2 h2::before { content: ""; display: block; width: 100%; background: #bd001e; height: 4px; width: 100%; position: absolute; right: 0; bottom: 0; }
#text1 p, #text2 p { font-weight: 600; }
.delivery-page #grid-view .grid-short-box-text { position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); z-index: 1; font-family: 'Karantina'; font-size: 211%; letter-spacing: 1px; margin: 0; }
.delivery-page #grid-view .grid-short-box-text a { color: #fff; }
.delivery-page .grid-short-box-image::before { z-index: 1; content: ""; pointer-events: none; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); opacity: 0.7; }
#headline h1 { font-size: 138%; font-family: 'Karantina'; letter-spacing: 1.38px; color: #121212; position: relative; display: table; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
#headline h1:before { content: ""; display: block; width: 100%; background: #bd001e; height: 4px; width: 100%; position: absolute; right: 0; bottom: 0; }
.delivery-page.contentInnerPage { text-align: right; }
.delivery-page.contentInnerPage .MainContent { max-width: 795px; margin: 0 auto; }
.delivery-page.contentInnerPage #headline h1 { margin-right: 0; }
.delivery-page.contentInnerPage #text1, .delivery-page.contentInnerPage #text2 { text-align: right; max-width: 100%; }
.delivery-page.contentInnerPage #headline h1::before { content: ""; width: 8px; height: 35px; background: #f3ba26; display: inline-block; margin-left: 9px; position: static; }
.delivery-page.contentInnerPage #text1, .delivery-page.contentInnerPage #text2 { font-weight: 600; }
#text1 h3, #text2 h3 { font-weight: 700; }
.delivery-page #galleryview .gallery-container { width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); max-width: unset; }
#home-gallery .slider-bg.stellar-bg::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.4; }

#videoContainer { text-align: center; }
.three-cols-section { display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;  }
.one-column { padding: 0 30px; width: 33.3333%; }
.commerce-terms #text1 h3, .commerce-terms #text2 h3, .commerce-terms .grid-text-content h3 { text-align: right; font-family: 'Karantina'; font-weight: normal; font-size: 237%; position: relative; }
.commerce-terms #text1 h3::before, .commerce-terms #text2 h3::before, .commerce-terms .grid-text-content h3::before { content: ""; height: 28px; width: 6px; background: #F3BA29; display: inline-block; margin-left: 9px; }
.commerce-terms #text1 *:not(.three-cols-section) { max-width: 810px; margin-left: auto; margin-right: auto; }
.commerce-terms #text1 p, .commerce-terms #text2 p { text-align: right; }
.commerce-terms #text1 h3:first-of-type { margin-top: 0; }
.commerce-terms .one-column { padding: 30px 40px 30px 20px; width: calc(33.3333% - 22px); background: #f0f0f0; }
.commerce-terms #text1 { max-width: 100%; }
.commerce-terms .three-cols-section { margin-bottom: 70px; }
.commerce-terms .one-column strong { font-weight: normal; font-family: 'Karantina'; color: #121212; font-size: 163%; }
.commerce-terms #text1 .one-column h3 { font-size: 205%; letter-spacing: 0.98px; }
.commerce-terms #text1 ul, .commerce-terms #text2 ul, .commerce-terms .sections ul { list-style: none; padding-right: 15px; text-align: right; }
.commerce-terms #text1 ul li, .commerce-terms #text2 ul li, .commerce-terms .sections ul li { margin-bottom: 8px; font-size: 84%; position: relative; }
.commerce-terms #text1 ul li::before, .commerce-terms #text2 ul li::before, .commerce-terms .sections ul li::before { content: ""; display: block; width: 8px; height: 8px; background: #bd001e; border-radius: 50%; position: absolute; right: -15px; top: 8px; }
.commerce-terms .one-column p { font-size: 84%; }
.commerce-terms .internalPage #GridPage { max-width: 1252px; margin: 0 auto; }
.commerce-terms .grid-text-section { max-width: 937px; margin: 0 auto; padding-top: 0; margin-bottom: 30px; }
.commerce-terms .grid-text-section p { text-align: right; color: #414242; margin-top: 0; }
.commerce-terms .section-title h2 { text-align: center; margin-bottom: 60px; }
.commerce-terms .section-title h2::before { display: none; }
.commerce-terms .section-title h2::after { content: ""; display: block; width: 60%; height: 5px; background: #bd001e; max-width: 261px; margin: 0 auto; margin-top: 20px; }
.commerce-terms #LobbyModule .grid-boxes .grid-box-image { display: none; }
.commerce-terms #LobbyModule .grid-box { padding: 0; width: calc(33.33333% - 22px); background: #f0f0f0; padding: 30px 40px 30px 20px; margin-left: 11px; margin-right: 11px; margin-bottom: 22px; }
.commerce-terms #LobbyModule .grid-boxes { display: flex; padding-top: 0; flex-wrap: wrap; }
.commerce-terms .grid-boxes .grid-box-title h3 { font-family: 'Karantina'; text-align: right; width: 100%; font-size: 195%!important; margin-bottom: 20px; }
.commerce-terms .grid-box-title { width: 100%; }
#LobbyModule .grid-boxes .grid-box-title h3::before, #lobbyview .grid-boxes .grid-box-title h3::before { content: ""; display: inline-block; width: 8px; height: 35px; background: #f3ba26; margin-left: 1px; }
.commerce-terms #LobbyModule .grid-box p { font-size: 80%; text-align: right; margin-bottom: 5px; }
.commerce-terms #LobbyModule .grid-box p strong { font-weight: normal; text-align: right; font-family: 'Karantina'; font-size: 163%; margin-bottom: 76px; }
.commerce-terms #LobbyModule .grid-box p:last-of-type { margin-bottom: 0; }
.commerce-terms .grid-text-content h3:first-child { margin-top: 0; }
.commerce-terms #LobbyModule .grid-boxes::before, .commerce-terms #LobbyModule .grid-boxes::after { display: none; }
.commerce-terms .grid-content-section { margin-bottom: 0; }
.commerce-terms .grid-content-section:last-of-type { margin-bottom: 70px; }
.about-page #multi-content-modal.textInPop #PopUpData { height: calc(var(--vh) * 0.7); background-size: contain; max-height: unset; padding: 0; background-position: center; background-repeat: no-repeat; }
.about-page #LobbyModule .grid-boxes .grid-box-title h3::before { height: 22px; }

/* Media */
@media (max-width: 1024px) { #header2 #header-left { order: 2; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; display: flex; align-items: center; justify-content: center; }
    #header2 .header-top { margin: 0; }
    #header2 .languages { position: static; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-left img { max-width: 140px; }
    #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: #414242; height: 4px; border-radius: 4px; }
    #header2 .header-right-section { order: 1; flex-grow: unset; width: 100%; padding: 0; background: none; }
    #header2 .menu-nav { justify-content: flex-start; }
    #header2 { height: 60px; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 ul.menu { top: 48px; width: calc(var(--vw) * 1); right: -30px; padding-bottom: 30px; background: #ebebeb; }
    .one-column { width: 100%; }
}

@media (max-width: 991px) {
    .homepage-delivery .grid-rows .grid-row-text { padding: 10px 30px 20px 59px; }
}

@media (max-width: 767px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 220%; }
    .homepage-about .grid-rows .grid-row-text { padding-right: 0; margin-top: 20px; }
    .homepage-about .flexslider-box { width: 100%; float: right !important; }
    .homepage-about { margin-top: 60px; }
    .homepage-about .grid-rows .grid-row-text h2, .scopes .section-title h2, .homepage-delivery .section-title h2, .homegallery .section-title h2 { font-size: 260%; }
    .why-us .grid-box { width: 50%; padding: 0 20px; }
    .why-us .grid-boxes.row { flex-wrap: wrap; justify-content: center; }
    .scopes .section-title { margin-bottom: 50px; }
    .homepage-delivery .grid-rows .grid-row-text { padding: 20px 20px 40px; }
    .homepage-delivery .grid-rows .grid-row-text h2 { font-size: 250%; }
    .homepage-delivery .grid-rows .grid-row-text h2::before { height: 29px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 20px; }
    #DynamicFormObject input[type=submit] { font-size: 120% !important; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: block; width: 100%; text-align: center; }
    .footer-text-divided { flex-direction: column; padding: 40px 0; }
    .footer-text-divided > div.footer-text-right { margin-bottom: 20px; }
    .footer-text-divided > div.footer-text-left { margin-top: 20px; }
    #SiteFooter .footer-text-divided > div.footer-text-middle img { max-width: 180px; }
    .internalPage #GridPage { padding-top: 50px; }
    #contactform .contact-container .row { margin: 0; }
    #DynamicFormObject input[type=submit], .normal-form input[type=submit] { font-size: 120% !important; }
    #contactform .contact-container .pull-right:not(.textareaWrapper) { width: 100%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 119%; }
    .internalPage h2, .contact-page .internalPage h2 { font-size: 262%; }
    .scopes .grid-box { width: 50%; padding: 0 10px; margin-left: 0; margin-right: 0; margin-bottom: 20px; }
    .scopes.grid-boxes.row { margin: 0; }
    .scopes .grid-boxes.row { margin: 0; display: flex; flex-wrap: wrap; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 150%; }
    .scopes .grid-box-title { width: 100%; bottom: 13px; }
    .homepage-delivery .grid-rows .grid-row-text p { font-size: 95%; }
    .footer-text-divided > div.footer-text-right ul { display: none; }
    #SiteFooter .site-credit.alternative .text-center { display: flex; align-items: center; justify-content: space-between; }
    a.AccessabilityLink { margin: 0; }
    #GridTop { height: 250px; }
    .internalPage .top-caption { font-size: 335%; }
    #LobbyModule .about-icons .grid-box { display: flex; margin-left: 0; align-items: center; position: relative; }
    .about-icons.grid-content-section { padding: 0; }
    #LobbyModule .about-icons .grid-boxes .grid-box-image { width: 70px; padding-bottom: 70px; margin-bottom: 0; margin-left: 10px; }
    #LobbyModule .about-icons .grid-boxes .grid-box-image img { width: 69px; }
    .about-page .grid-boxes .box-image-animation img { max-width: 70px; }
    #LobbyModule .about-icons .grid-boxes .grid-box-title h3 { font-size: 127%; }
    #LobbyModule .about-icons .grid-box::after { content: ""; display: block; width: 92%; position: absolute; left: 50%; bottom: -15px; background: #e1e1e1; height: 1px; transform: translateX(-50%); }
    #LobbyModule .about-icons .grid-box:last-child::after { display: none; }
    .internalPage h2, #lobbyview h2 { font-size: 200%; }
    .internalPage h2::before { height: 26px; }
    #text1 h2::before, #text2 h2::before { display: none; }
    #text1 h2, #text2 h2 { text-decoration: underline; text-decoration-color: #bd001e; text-underline-offset: 5px; max-width: 210px; margin-right: 0; font-size: 211%; }
    #ContentGridShortModule .gridshort-view-item { width: 50%; padding: 0 10px; }
    div#grid-view.normal-grid { display: flex; flex-wrap: wrap; }
    .delivery-page #grid-view .grid-short-box-text { font-size: 138%; width: 100%; bottom: 15px; }
    #text1 p, #text2 p { text-align: right; }
    .internalPage h2, .contact-page .internalPage h2 { font-size: 235%; }
    #home-gallery .scroll-down { bottom: 7%; }
    .owl-carousel .owl-nav div { top: 46%; }
    .delivery-page.contentInnerPage .MainContent { width: 95%; }
    .commerce-terms #LobbyModule .grid-box { width: 100%; margin-left: 0; margin-right: 0; }
    .commerce-terms .grid-text .grid-text-content { width: 100%; padding: 0; }
    .commerce-terms .grid-content-section { padding: 0; }
    .commerce-terms #text1 h3, .commerce-terms #text2 h3, .commerce-terms .grid-text-content h3 { font-size: 180%; }
    .commerce-terms .grid-text-content h3::before { height: 22px; }
    .commerce-terms .section-title h2 { font-size: 195%; margin-bottom: 30px; }
    .commerce-terms .grid-boxes .grid-box-title h3 { font-size: 143% !important; }
    #LobbyModule .grid-boxes .grid-box-title h3::before, #lobbyview .grid-boxes .grid-box-title h3::before { height: 24px; }
    .commerce-terms #LobbyModule .grid-box p strong { font-size: 130%; }
    .delivery-page.contentInnerPage #videoContainer iframe { max-width: 100%; height: calc(var(--vw) * 0.52); }
    .delivery-page.contentInnerPage #videoContainer { margin-bottom: 70px; }
    #contactview #text1 p { text-align: center; }
}

@media (max-width: 550px) {
    #header2 { padding: 12px 15px; height: 54px; }
    #header2 #header-left img { max-width: 110px; }
    #header2 .header-top-right a.lang { width: 30px; height: 30px; font-size: 94%; }
    #header2 .header-top-right { justify-content: flex-end; }
    #header2 ul.menu { top: 42px; right: -15px; }
    .sections .grid-content-section.why-us { padding-bottom: 60px; padding-top: 50px; }
    .why-us .section-title, .why-us .section-title h2 { margin-bottom: 40px; }
    .why-us .section-title, .why-us .section-title h2 { font-size: 161.4%; }
    .one-column { padding: 0; }
}