/*Asada*/

body { font-size: 16px; }
#SiteGridContainer { background-color: #37393f; }
strong { font-family: 'Heebo-Bold'; }

/*Header*/
#header.bg, .home-page #header:not(.bg), #header { padding: 0; background: #57ced5; height: 71px; }
#header.bg #header-left img, #header #header-left img { max-width: 100%; position: fixed; left: 70px; top: 0; }
#header .menu-nav { background: #ff6d3a; height: 71px; width: 140px; vertical-align: middle; }
#header #header-right { padding: 0; }
#header #header-right .closed { font-size: 105%; }
#header #header-center-kdm span.address { display: none; }
#header #header-center-kdm a { border: none; background: #ff6d3a; padding: 10px 30px; border-radius: 0; color: #000000; font-family: 'Heebo-Bold'; margin-left: 0; border: 1px solid; max-height: 71px; transition: all 0.4s ease-in-out; }
#header #header-center-kdm a:after { /* content: url(/warehouse/temp/Asada/header/arrowleft.svg); */ display: inline-block; vertical-align: -2px; width: 20px; height: 20px; filter: invert(1); }
#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 { height: 3px; }
.nav-menu-anim { margin: 0 20px 0 10px; }
#header .social-links a svg { fill: #37393f; }
/*header menu*/
#header .submenu { margin: 0; padding: 0 50px 0 0; text-align: right; min-height: 520px; color: #000000; background: #ff6d3a url(/warehouse/temp/asada/menu-cow.svg); background-repeat: no-repeat; background-size: auto 45%; background-position: left bottom; }
#header .submenu > li { padding: 0; margin-bottom: 5px; }
#header .submenu > li:first-child { margin-top: 100px; }
#header .submenu > li.active { background-color: transparent; }
#header.menu-open .submenu li.social-mobile { display: none !important; }
#header .submenu > li:focus, #header .submenu > li:hover { background-color: transparent; color: inherit; }
#header .submenu li > a { font-size: 137.5%; }
#header .submenu li > a:focus { text-decoration: none; }
#header .submenu > li { margin-bottom: 20px; }

/*Slider*/
#home-gallery .slider-bg.stellar-bg:after { content: ""; position: absolute; background: #37393f; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4; }
#home-gallery .gallery-caption { top: 30%; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .scroll-down { font-size: 0; }
#home-gallery .scroll-down button { background: transparent; border: none; padding: 0; }
#home-gallery .scroll-down img { width: 30px; height: 25px; opacity: 0.78; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); min-width: 30px; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 15%; }
#home-gallery .flex-control-paging li a { background: #fff; opacity: 0.5; }
#home-gallery .flex-control-paging li a.flex-active { background: #fff; opacity: 1; }
#home-gallery .flex-control-nav li { margin: 0; }
#home-gallery .flex-control-paging li a { width: 14px; height: 14px; margin-right: 10px; }
/*Sections*/
.grid-image-section.welcome-section { margin-top: 50px; height: auto; margin-bottom: 0; }
.welcome-section .image-section-data { height: auto; }
.welcome-section .image-section-data img { max-width: 414px; height: 115px; margin-top: 0 !important; }
.welcome-text-section, .delivery-text-section { padding: 0; color: #ffffff; }
.welcome-text-section .section-title h2 { font-size: 215%; height: 50px; }
.welcome-text-section .grid-text-content { max-width: 600px; padding: 0; }
.welcome-text-section .grid-text p { margin: 0; font-size: 130%; }

.sec-button.hvr-float { max-width: 240px; max-height: 66px; width: 100%; padding: 15px 0 15px 64px; border-radius: 0; color: #ffffff; font-family: 'Heebo-Bold'; font-size: 140%; position: relative; background: #ff6d3a; }
.welcome-text-section .grid-text-content a { margin-top: 30px; }
.welcome-text-section .grid-text-content a.sec-button:after { content: ""; background-image: url(/warehouse/temp/Asada/delivery/arrow_white.svg); background-repeat: no-repeat; background-color: #57ced5; background-position: center; position: absolute; width: 24px; height: 22px; padding: 20px; top: 0; left: 0; }

.delivery-text-section .grid-text.gridTextWithImg .grid-text-content, .delivery-text-section .grid-text.gridTextWithImg .gridTextImgContainer, .delivery-text-section .grid-text.gridTextWithImg .gridTextImgContainer img { width: 100%; max-width: 900px; max-height: 162px; margin: auto; }
.delivery-text-section .grid-text.gridTextWithImg .grid-text-content { text-align: left; padding: 0 0 0 50px; }
.delivery-text-section a.sec-button.hvr-float { background: #37393f; }
.delivery-text-section a.sec-button.hvr-float:after, .grid-text-section.hidden-lg a.sec-button.hvr-float:after { content: ""; background-image: url(/warehouse/temp/Asada/delivery/arrow_white.svg); background-repeat: no-repeat; background-color: #ff6d3a; background-position: center; position: absolute; width: 24px; height: 22px; padding: 20px; top: 0; left: 0; }

.delivery-text-section, .gallery-homepage { background: linear-gradient(to bottom, #37393f 50%,#ff6d3a 50%); margin-bottom: 0; }
.gallery-homepage { background: #ff6d3a; padding-top: 130px; }
.gallery-homepage .gallery-container { max-width: 1170px; margin: 0 auto; padding-bottom: 20px; }
.gallery-homepage .gallery-cubes > div { padding: 0 10px 20px; }

footer, .footer-text-divided { padding: 0; }
#SiteFooter .footer-address { display: none; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
.footer-text-divided { background: #ff6d3a; }


/*
    INNER PAGES
*/
#GridTop { max-height: 400px; }
#GridBottom .owl-carousel .owl-item .item { padding: 0; }
.internalPage #headline { font-family: 'Heebo-Bold'; font-size: 300%; margin-bottom: 5px; color: #000000; }
.gallery-container .gallery-cubes > div { padding: 10px; }
.gallery-cubes .image-link-inner { width: 48px; height: 48px; background-color: #ff6d3a; color: #fff; }
.accessabilityMainPage #GridTop { height: auto; margin-top: 70px; }
body.accessabilityMainPage { color: #fff; }
.GridBottomGallery { padding-bottom: 0; }
.GridBottomGallery .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }
.GridBottomGallery .owl-carousel .owl-item .item .plus-sign { display: none !important; }
.aboutPage #headline h1 { color: #ffffff; }

/* CONTENT PAGE */
.internalPage #ContentRegularModule { color: #fff; }
.internalPage #ContentRegularModule #text1 { max-width: 668px; }
.internalPage #ContentRegularModule #text1 h2 { font-size: 131.25%; margin-bottom: 20px; }
.internalPage #ContentRegularModule #text1 a:hover {text-decoration:underline; color:#fff}
.internalPage #ContentRegularModule #headline { margin-bottom: 20px; }
.internalPage #ContentRegularModule #headline::after { content: ''; display: block; width: 300px; background: url('/warehouse/temp/asada/title-decor.svg') no-repeat; height: 20px; background-size: 100%; margin: 0 auto; max-width: 60%; }
/* MENU PAGE */
body.menuPage { color: #fff; }
.menuPage #SiteGridContainer { background-color: #57ced5; }
.menuPage #SiteGrid::before { content: ''; position: absolute; width: 100%; background-color: #ff6d3a; height: 35%; bottom: 0; left: 0; right: 0; }
.menuPage #MenuModule { max-width: 924px; margin: 0 auto; }
.menuPage #text1 { max-width: 650px; color: #000000; text-align: right; }
.menuPage #text1 ul { padding-right: 20px; }
.menuPage .menuModuleContentPart { background-color: #37393f; border: none; padding: 40px 75px; margin-bottom: 20px; }
.menuPage .menuModuleTextItemTitle { font-family: 'Heebo-Bold'; }
.menuPage .menuModuleTextItemPart:after { border-bottom: 1px solid #ff6d3a; }
.menuPage .menuModuleTextItemPart > * { color: inherit; }
.menuPage .menuModuleTextItem0, .menuPage .menuModuleTextItem1 { margin-bottom: 20px; }
.menuPage #MenuModule .menuModuleNav { padding: 0; text-align: right; }
.menuPage #MenuModule .menuModuleNav a { background-color: rgb(55 57 63 / 70%); margin: 0; border-radius: 0; padding: 10px 7%; display: inline-block; color: #fff; font-family: 'Heebo-Bold'; max-width: 170px; }
.menuPage #MenuModule .menuModuleNav a:not(:first-child) { margin-right: -4px; }
.menuPage #MenuModule .menuModuleNav a.selected { background-color: #37393f; color: #fff; }
.menuPage .menuModuleTextItemSubject { margin-bottom: 30px; }

/* CONTACT PAGE*/
body.contactPage { color: #fff; }
.contactPage #SiteGridContainer { background-color: #ff6d3a; }
.contactPage #contactform { padding: 20px 80px; }
.contactPage #contactform .contact-container { width: 100%; }
.contactPage #contactform textarea { margin-top: 0; margin-bottom: 0; padding-right: 13px; }
.contactPage #contactform h3 { font-size: 156.25%; margin: 0 0 20px; max-width: 100%; }
.contactPage #contactform h3 span { color: #ff6d3a; }
.contactPage #contactform .contact-container .row > div { padding: 0 5px; }
.contactPage #contactform { padding: 30px 80px 20px; }
.contactPage #contactform .must { position: relative; }
.contactPage #contactform .must:before { right: 11px; font-size: 12px; top: 10px; color: #000; }
.contactPage #contactform .contact-form-submit { margin: 20px 0 0; }
.contactPage #contactform .contact-form-comment { position: absolute; bottom: 0; right: 0; color: #fff; font-size: 75%; }
.contactPage #contactform .contact-container > .row { margin: 0 -5px; }
.contactPage #contactDetails { font-size: 100%; }
.contactPage #contactDetails .contactDetailsText1 { margin: 0; font-size: 100%; }
.contactPage #contactDetails .contactDetailsText1 p { font-size: 156.25%; }
.contactPage .contact-form-submit { position: relative; }
/*.contactPage .contact-form-submit::before { content: ""; background-image: url(/warehouse/temp/Asada/delivery/arrow_white.svg); background-repeat: no-repeat; background-color: #57ced5; background-position: center; position: absolute; width: 24px; height: 100%; padding: 0 20px; top: 0; left: 0; pointer-events: none; }*/
#contactview.thanksMode #text1 p { color: #000; }

.normal-form:after { content: none; }
.normal-form { border: none; background-color: #37393f; max-width: 860px; margin: 0 auto; }
.normal-form input, .normal-form textarea { background-color: #fff; border-radius: 0; width: 100%; line-height: 1.2; margin-bottom: 10px; padding: 10px 12px; font-size: 93.75% !important; border-color: transparent; max-width: 100%; }
.normal-form input[type=submit] { background-color: #ff6d3a; font-family: 'Heebo-Bold'; font-size: 137.5%; min-height: 66px; padding: 10px; }
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background-color: #57ced5; border-color: #57ced5 !important; }

/* FOOTER */
/* Fix credit footer */
#SiteFooter { padding: 0; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; }
#SiteFooter .mobile-seperator { background-color: #37393f; }
#SiteFooter .mobile-seperator a { padding: 10px; }
#SiteFooter .footer-text-middle img { max-width: 96px; }
.footer-text-divided > div.footer-text-middle { padding: 20px; }

@media (max-width: 767px) {
    #header.bg #header-left img, #header #header-left img { left: 20px; max-width: 75px; }
    #header #header-center-kdm a:first-child { padding: 10px; max-height: 73px; font-size: 100%; }
    #header #header-center-kdm { font-size: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 5px; }
    #header.bg #header-center-kdm { width: auto; }
    #header .phone-icon { display: none; }
    #header .menu-nav { height: 73px; width: 75px; }
    #header .nav-menu-anim { margin: 0 10px; }
    #header .submenu { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; max-height: 100%; overflow: auto; min-height: 0; }
    #header .social-links a svg { fill: #4b312a; }

    #home-gallery .gallery-caption { top: 30%; }
    #home-gallery .gallery-logo { width: 70%; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 15%; }
    #home-gallery .scroll-down { bottom: 10%; left: -1%; }
    #home-gallery .flex-control-paging li a.flex-active { background: #fff; opacity: 1; }
    #home-gallery .flex-control-paging li a { width: 10px; height: 10px; }

    .welcome-text-section, .delivery-text-section { margin-bottom: 0; }
    .welcome-section .image-section-data img { width: 80%; }
    .welcome-text-section .section-title h2 { font-size: 175%; }
    .welcome-text-section .section-title { margin-bottom: 0; }
    .welcome-text-section .grid-text p { font-size: 110%; }
    .welcome-text-section .grid-text-content a.sec-button.hvr-float, .welcome-text-section .grid-text-content a.sec-button:after, .grid-text-section.hidden-lg a.sec-button.hvr-float, .grid-text-section.hidden-lg a.sec-button.hvr-float:after { padding: 10px 0 10px 50px; font-size: 125%; }
    .welcome-text-section .grid-text-content a.sec-button:after, .grid-text-section.hidden-lg a.sec-button.hvr-float:after { padding: 13px; }
    .welcome-text-section .grid-text-content a.sec-button.hvr-float, .grid-text-section.hidden-lg a.sec-button.hvr-float { width: 50%; }

    .hidden-lg .grid-text.gridTextWithImg .grid-text-content { position: absolute; left: calc(100% - 65%); top: calc(100% - 25%); }
    .grid-text-section.hidden-lg { margin-bottom: 0; top: 50px; z-index: 1; padding: 0 20px; }
    /*.grid-text-section.hidden-lg a.sec-button.hvr-float { width: 75%; top: 50px; right: 50px; }*/
    .grid-text-section.hidden-lg .grid-text-content { width: auto; white-space: nowrap; padding: 0; }
    .grid-text-section.hidden-lg .grid-text-content a.sec-button.hvr-float { position: relative; top: 0; left: 0; transform: none; width: 100%; right: 0; padding: 10px 10px 10px 60px; background: #37393f; }

    /*INNER PAGES*/
    .internalPage #headline { font-size: 200%; }
    .internalPage #ContentRegularModule #text1 h2 { font-size: 112.5%; line-height: 1.4; }
    .aboutPage #GridBottom { display: none; }
    /*MENU PAGE*/
    .menuPage .menuModuleContentPart { padding: 30px 20px; }

    /*CONTACT PAGE*/
    .contactPage #contactform { padding: 30px 20px; }
    .contactPage #contactform h3 { font-size: 100%; }
    .contactPage #contactform .contact-form-comment { margin: 0; position: relative; top: 15px; }
    .contactPage #contactDetails { margin-bottom: 20px; }
    .contactPage #contactDetails .contactDetailsText1 p { font-size: 112.5%; }

    .normal-form input[type=submit] { min-height: 40px; }

    /*FOOTER */
    #SiteFooter .site-credit.alternative { margin-bottom: 47px; }
    #SiteFooter .footer-text-middle img { max-width: 75px; }
}