body {
    font-family: 'Roboto Condensed',Roboto, Arial, sans-serif;
    background-color: white !important;
    font-style: normal;
    font-weight: 400;
}

html {
    font-family: 'Roboto Condensed',Roboto, Arial, sans-serif;
    background-color: white !important;
    font-style: normal;
    font-weight: 400;
}

label {
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
}
ul {
    list-style: none;
}
.form-control {
 
}
.spinner {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

#loader {
    display: none;
}
.loader-centered {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-size: 100%;
    
}

.sk-cube-grid {
    width: 100px;
    height: 100px;
    /*margin: 100px auto;*/
}

    .sk-cube-grid .sk-cube {
        width: 30%;
        height: 30%;
        margin:1px;
        /*background-color: #63b7da;*/ background: rgb(99,183,218);
        background: linear-gradient(28deg, rgba(99,183,218,1) 4%, rgba(107,202,241,1) 100%);
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}


.font-effect-3d {
    text-shadow: 0px 1px 0px #c7c8ca, 0px 2px 0px #b1b3b6, 0px 3px 0px #9d9fa2, 0px 4px 0px #8a8c8e, 0px 5px 0px #77787b, 0px 6px 0px #636466, 0px 7px 0px #4d4d4f, 0px 8px 7px #001135;
    color: #fff;
}
.font-effect-outline {
    text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;
    color: #fff;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/Content/fonts/glyphicons-halflings-regular.eot');
    src: url('/Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}

.fa-guidemap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152V422.8c0 9.8-6 18.6-15.1 22.3L416 503V200.4zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6V451.8L32.9 502.7C17.1 509 0 497.4 0 480.4V209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77V504.3L192 449.4V255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}
.fa-guidebag {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25.000000pt' height='25.000000pt' viewBox='0 0 25.000000 25.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,25.000000) scale(0.007396,-0.008251)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M1576 2894 c-224 -48 -400 -219 -457 -444 -10 -40 -14 -126 -14 -317%0Al0 -263 27 -27 c39 -38 97 -38 136 0 l27 27 5 273 5 273 32 65 c42 84 108 150%0A192 192 61 30 72 32 171 32 99 0 110 -2 172 -33 87 -43 147 -102 189 -187 l34%0A-69 5 -273 5 -273 27 -27 c39 -38 97 -38 136 0 l27 28 -1 277 c0 272 -1 278%0A-26 349 -37 105 -72 159 -153 240 -145 142 -340 199 -539 157z'/%3E%3Cpath d='M575 2103 c-32 -8 -63 -42 -69 -76 -3 -18 -13 -97 -21 -177 -9 -80%0A-20 -185 -26 -235 -5 -49 -13 -126 -18 -170 -19 -171 -52 -464 -61 -539 -5%0A-43 -7 -82 -4 -87 3 -5 563 -9 1330 -9 l1324 0 0 22 c0 12 -4 49 -9 82 -6 34%0A-17 131 -26 216 -15 153 -23 222 -45 410 -6 52 -22 189 -34 304 -22 197 -25%0A209 -50 235 l-26 26 -206 3 c-141 2 -209 0 -219 -8 -9 -8 -14 -48 -17 -140 -3%0A-143 -8 -154 -82 -214 -35 -29 -44 -31 -116 -31 -72 0 -81 2 -117 31 -64 51%0A-87 110 -93 244 l-5 115 -285 0 -285 0 -6 -120 c-7 -133 -14 -157 -58 -208%0A-98 -111 -278 -82 -336 55 -10 26 -15 71 -15 146 0 71 -4 112 -12 120 -9 9%0A-66 12 -203 11 -104 -1 -199 -3 -210 -6z'/%3E%3Cpath d='M371 701 c-16 -10 -15 -6 -31 -151 -18 -175 -28 -265 -35 -311 -7%0A-52 19 -103 61 -119 36 -14 2631 -14 2671 0 16 6 37 24 47 41 19 32 17 62 -14%0A299 -5 36 -12 104 -16 152 -6 77 -9 87 -28 92 -36 10 -2640 6 -2655 -3z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    height: 28px;
    width: 25px;
    margin-left: 4px;
    margin-right: 8px;
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(75%) contrast(104%);
}
.fa-guidebagwhite {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25.000000pt' height='25.000000pt' viewBox='0 0 25.000000 23.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,23.000000) scale(0.007396,-0.008251)'%0Afill='%23FFFFFF' stroke='none'%3E%3Cpath d='M1576 2894 c-224 -48 -400 -219 -457 -444 -10 -40 -14 -126 -14 -317%0Al0 -263 27 -27 c39 -38 97 -38 136 0 l27 27 5 273 5 273 32 65 c42 84 108 150%0A192 192 61 30 72 32 171 32 99 0 110 -2 172 -33 87 -43 147 -102 189 -187 l34%0A-69 5 -273 5 -273 27 -27 c39 -38 97 -38 136 0 l27 28 -1 277 c0 272 -1 278%0A-26 349 -37 105 -72 159 -153 240 -145 142 -340 199 -539 157z'/%3E%3Cpath d='M575 2103 c-32 -8 -63 -42 -69 -76 -3 -18 -13 -97 -21 -177 -9 -80%0A-20 -185 -26 -235 -5 -49 -13 -126 -18 -170 -19 -171 -52 -464 -61 -539 -5%0A-43 -7 -82 -4 -87 3 -5 563 -9 1330 -9 l1324 0 0 22 c0 12 -4 49 -9 82 -6 34%0A-17 131 -26 216 -15 153 -23 222 -45 410 -6 52 -22 189 -34 304 -22 197 -25%0A209 -50 235 l-26 26 -206 3 c-141 2 -209 0 -219 -8 -9 -8 -14 -48 -17 -140 -3%0A-143 -8 -154 -82 -214 -35 -29 -44 -31 -116 -31 -72 0 -81 2 -117 31 -64 51%0A-87 110 -93 244 l-5 115 -285 0 -285 0 -6 -120 c-7 -133 -14 -157 -58 -208%0A-98 -111 -278 -82 -336 55 -10 26 -15 71 -15 146 0 71 -4 112 -12 120 -9 9%0A-66 12 -203 11 -104 -1 -199 -3 -210 -6z'/%3E%3Cpath d='M371 701 c-16 -10 -15 -6 -31 -151 -18 -175 -28 -265 -35 -311 -7%0A-52 19 -103 61 -119 36 -14 2631 -14 2671 0 16 6 37 24 47 41 19 32 17 62 -14%0A299 -5 36 -12 104 -16 152 -6 77 -9 87 -28 92 -36 10 -2640 6 -2655 -3z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    filter: drop-shadow(1px 2px 1px rgb(0 0 0 / 0.5));
}
.fa-guidebag:hover {
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(45%) contrast(104%);
}


#CartItemsCount {
    background-color: #63b7da;
    margin-left: -18px;
    margin-top: 14px;
    position: absolute;
}

.well-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 15px;
    box-shadow: rgb(0 0 0 / 12%) 0px 4px 8px 1px;
}

.container-p0 {
    margin-right: auto;
    margin-left: auto;
}

#alertMessage{
    font-size:18px;
}

.buttonBack {
    position: fixed;
    z-index: 200;
    margin: 15px;
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
    background-color: #63b7dacc;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 8px 0px;
    top: 0px;
}
    .buttonBack:hover {
        box-shadow: 2px 4px 16px #c1c1c1; /*rgb(0 0 0 / 16%);*/
        transform: scale3d(1.01,1.01,1.01);
        transition: all .3s cubic-bezier(0,0.5,.5,1);
    }

.buttonMenu {
    position: fixed;
    z-index: 200;
    margin: 15px;
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
    background-color: #63b7dacc;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 8px 0px;
    top: 0px;
}

.padding-0 {
    padding: 0px;
}
.margin-left-0 {
    margin-left: 0px;
}

.fullcenter2 {
    display: grid;
    height: 100vh;
    place-items: center center;
}

.fullcenter {
    display: flex;
    min-height: 100vh;
}

.item-box-featured {
    float: left;
    padding: 5px;
    width: 70px;
    height: 70px;
    margin: 5px;
    border-radius: 8px;
}

#guide-intro-name {
    color: #fff;
    font-size: 42px;
    text-shadow: 2px 2px 8px #000000;
}
#guide-intro-description {
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 3px 8px #000000;
    max-width: 95%;
}

#user-signin-icon {
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(75%) contrast(104%);
    margin-top: 7px;
    width: 1em;
}
    #user-signin-icon:hover {
        filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(45%) contrast(104%);
    }

@media only screen and (max-height: 800px) {
    /*#IntroTop3Experiences {
        display: none;
    }*/
    #guide-intro-content {
        height: 65% !important;
        padding: 15px !important;
    }
    #guide-intro-name {
        font-size: 42px !important;
    }
    #user-signin-text {
        display: none !important;
    }
}

@media only screen and (min-height: 801px) and (max-height: 1000px) {
    #IntroTop3Experiences {
        display: block;
    }

    #guide-intro-content {
        height: 60% !important;
        
    }
    #guide-intro-description {
        font-size: 24px !important;
    }
    #guide-intro-name {
        font-size: 46px !important;
    }
    #user-signin-text {
        display: none !important;
    }
}

@media only screen and (min-height: 1001px) {
    #guide-intro-content {
        height: 50% !important;
    }
    #guide-intro-description {
        font-size: 28px !important;
    }
    #guide-intro-name {
        font-size: 50px !important;
    }
    #user-signin-text {
        display: inline !important;
    }
}

#a-experiences-categories, #a-store-categories, #a-services-categories, #a-restaurants-categories {
    display: flex;
    overflow-x: auto;
}
    #a-experiences-categories::-webkit-scrollbar, #a-store-categories::-webkit-scrollbar, #a-services-categories::-webkit-scrollbar, #a-restaurants-categories::-webkit-scrollbar {
        display: none;
    } 

@media only screen and (max-width: 900px) {
    #menu-main {
        /*display: none;*/
    }

    #menu-main-xs {
        display: block;
    }

    #menu-container {
        display: block;
    }

    #shopping-cart-icon {
        margin: 14px 33px 13px 6px !important;
    }
    #user-signin {
        margin: 14px 13px 13px 6px !important;
    }
    #profile-box {
        margin: 90px -150px;
    }
    #shopping-cart {
        margin: 90px -100px;
    }
    .buttonBack {
        display: block;
        top: 0px;
    }
    .small-screen-only {
        display: block !important;
    }
    .large-screen-only {
        display: none !important;
    }
}

@media only screen and (min-width: 901px) {
    #menu-main {
        display: block;
    }

    #menu-main-xs {
        display: none;
    }

    #menu-container {
        display: none;
    }

    #guide-intro-description {
        max-width: 60%;
    }

    #IntroTop3Experiences {
        max-width: 50%;
    }

    #shopping-cart-icon {
        margin: -50px 6px 13px 6px !important;
    }
    #user-signin {
        margin: -50px 6px 13px 6px !important;
    }
    /*#shopping-cart {
        margin: 20px -50px;
    }*/
    .buttonBack {
        display: block;
        top: 114px;
    }
    .small-screen-only {
        display: none !important;
    }
    .large-screen-only {
        display: block !important;
    }
}


@media only screen and (min-width: 601px) and (max-width: 900px) {
    .item-price {
        display: none;
    }
    .item-name-cat {
        max-width: calc(100% - 10px) !important;
        line-height: 25px;
    }
    /*#shopping-cart {
        margin: 20px 0px;
    }*/
    #shopping-cart {
        margin: 90px -150px;
    }
}



@media only screen and (max-width: 600px) {
    
    #shopping-cart {
        margin: 20px 0px;
    }
}




.icon-use {
    margin-bottom: 15px !important;
}
/*.icon-bell {
    
    width: 36px;
    height: 36px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve"> <image id="image0" width="36" height="36" x="0" y="0" href="data:image/png;base64,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" /> </svg>');
}*/
.icon-bell {
    background: url("/Content/Digital/icon-bell-white.png") no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 36px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    /* background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve"> <image id="image0" width="36" height="36" x="0" y="0" href="data:image/png;base64,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" /> </svg>');*/
}

.icon-location-circle {
    /*background: url("icon-bell.png") no-repeat center center;
    background-size: cover;*/
    width: 36px;
    background-size: contain;
    height: 36px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    background-image: url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBjbGFzcz0ic2ktZ2x5cGggc2ktZ2x5cGgtcGluLWxvY2F0aW9uLTIiPg0KICAgIA0KICAgIDx0aXRsZT5QaW4tbG9jYXRpb24tMjwvdGl0bGU+DQogICAgDQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsPSIjNDM0MzQzIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik02LDAuMDMxIEMzLjI4MywwLjAzMSAxLjA4LDIuMTUgMS4wOCw0Ljc2NCBDMS4wOCw1LjQzOSAxLjIzLDYuMDgxIDEuNDk0LDYuNjYyIEw2LjA4NCwxMy45ODMgTDEwLjUwNiw2LjY2MiBDMTAuNzcxLDYuMDgxIDEwLjkxOCw1LjQzOCAxMC45MTgsNC43NjQgQzEwLjkxOCwyLjE1IDguNzE3LDAuMDMxIDYsMC4wMzEgTDYsMC4wMzEgWiBNNiw4LjEyMSBDNC4yOTUsOC4xMjEgMi45MTUsNi43MzQgMi45MTUsNS4wMjMgQzIuOTE1LDMuMzE0IDQuMjk1LDEuOTI2IDYsMS45MjYgQzcuNzAzLDEuOTI2IDkuMDg2LDMuMzE0IDkuMDg2LDUuMDIzIEM5LjA4Niw2LjczNCA3LjcwMyw4LjEyMSA2LDguMTIxIEw2LDguMTIxIFogTTcuOTc3LDQuOTgzIEM3Ljk3Nyw2LjA4IDcuMDkxLDYuOTY4IDUuOTk5LDYuOTY4IEM0LjkwOCw2Ljk2OCA0LjAyMiw2LjA3OSA0LjAyMiw0Ljk4MyBDNC4wMjIsMy44ODggNC45MDgsMyA1Ljk5OSwzIEM3LjA5MSwzIDcuOTc3LDMuODg5IDcuOTc3LDQuOTgzIEw3Ljk3Nyw0Ljk4MyBaIiBjbGFzcz0ic2ktZ2x5cGgtZmlsbCI+PC9wYXRoPg0KICAgICAgICAgICAgPHBhdGggZD0iTTMuMjk4OTk5OTksMTEuODIzMjQyMiBDMS41ODE5OTk5OSwxMi4xODcyNDIyIDAuODY5NzUxMDA0LDEyLjY2NDk5OTkgMC44Njk3NTEwMDQsMTMuMjAxOTk5OSBDMC44Njk3NTEwMDQsMTMuOTcwOTk5OSAyLjcsMTUuMDMxIDUuOTg1LDE1LjAzMSBDOS4yNywxNS4wMzEgMTEuMTAxNDQwNiwxMy45NzA5OTk5IDExLjEwMTQ0MDYsMTMuMjAxOTk5OSBDMTEuMTAxNDQwNiwxMi42NjY5OTk5IDEwLjM5MywxMi4yMDMyNDIyIDguNzAwMDAwMDIsMTEuODIzMjQyMiBMOC43LDExLjAwMyBDMTAuNTY1LDExLjM2OSAxMS45NTQsMTIuMTA0IDExLjk1NCwxMy4yMDIgQzExLjk1NCwxNC43ODYgOC44Nzc5OTk4NiwxNS45NzI5MDA0IDUuOTg0OTk5ODYsMTUuOTcyOTAwNCBDMy4wOTE5OTk4NiwxNS45NzI5MDA0IDAuMDE2MDAwMDAwMSwxNC43ODYgMC4wMTYwMDAwMDAxLDEzLjIwMiBDMC4wMTYwMDAwMDAxLDEyLjEwMiAxLjQxNCwxMS4zNTMgMy4yODksMTEgTDMuMjk4OTk5OTksMTEuODIzMjQyMiBaIiBjbGFzcz0ic2ktZ2x5cGgtZmlsbCI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+);
}

.icon-cert-check {
    /*background: url("icon-bell.png") no-repeat center center;
    background-size: cover;*/
    width: 36px;
    background-size: contain;
    height: 36px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDg5LjMyNyA0ODkuMzI3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODkuMzI3IDQ4OS4zMjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNNDc4LjQ4MywyNzMuMjEzbC05LjItMTIuNmMtNy42LTEwLjQtNy43LTI0LjUtMC4zLTM1LjFsOS0xMi43YzEwLjQtMTQuOCw1LjYtMzUuMy0xMC40LTQzLjlsLTEzLjctNy40DQoJCQljLTExLjQtNi4xLTE3LjYtMTguOC0xNS41LTMxLjVsMi42LTE1LjRjMy0xNy44LTEwLjMtMzQuMy0yOC40LTM1bC0xNS42LTAuN2MtMTIuOS0wLjUtMjQtOS4zLTI3LjYtMjEuN2wtNC4zLTE1DQoJCQljLTUtMTcuNC0yNC4xLTI2LjQtNDAuOC0xOS4ybC0xNC4zLDYuMmMtMTEuOSw1LjEtMjUuNiwyLjEtMzQuMy03LjZsLTEwLjQtMTEuNmMtMTIuMS0xMy41LTMzLjItMTMuMy00NS4xLDAuM2wtMTAuMiwxMS44DQoJCQljLTguNSw5LjctMjIuMiwxMy0zNC4xLDguMWwtMTQuNC01LjljLTE2LjctNi45LTM1LjcsMi40LTQwLjUsMTkuOWwtNC4xLDE1Yy0zLjMsMTIuNi0xNC4yLDIxLjUtMjcuMSwyMi4ybC0xNS42LDAuOQ0KCQkJYy0xOC4xLDEtMzEuMSwxNy43LTI3LjgsMzUuNGwyLjgsMTUuM2MyLjMsMTIuNy0zLjcsMjUuNS0xNSwzMS43bC0xMy42LDcuNmMtMTUuOCw4LjgtMjAuNCwyOS40LTkuNyw0NGw5LjIsMTIuNg0KCQkJYzcuNiwxMC40LDcuNywyNC41LDAuMywzNS4xbC05LDEyLjdjLTEwLjQsMTQuOC01LjYsMzUuMywxMC40LDQzLjlsMTMuNyw3LjRjMTEuNCw2LjEsMTcuNiwxOC44LDE1LjUsMzEuNWwtMi43LDE1LjMNCgkJCWMtMywxNy44LDEwLjMsMzQuMywyOC40LDM1bDE1LjYsMC43YzEyLjksMC41LDI0LDkuMywyNy42LDIxLjdsNC4zLDE1YzUsMTcuNCwyNC4xLDI2LjQsNDAuOCwxOS4ybDE0LjMtNi4yDQoJCQljMTEuOS01LjEsMjUuNi0yLjEsMzQuMyw3LjVsMTAuNCwxMS42YzEyLjEsMTMuNSwzMy4yLDEzLjMsNDUuMS0wLjNsMTAuMi0xMS44YzguNS05LjcsMjIuMi0xMywzNC4xLTguMWwxNC40LDUuOQ0KCQkJYzE2LjcsNi45LDM1LjctMi40LDQwLjUtMTkuOWw0LjEtMTVjMy40LTEyLjQsMTQuNC0yMS4zLDI3LjMtMjIuMWwxNS42LTAuOWMxOC4xLTEsMzEuMS0xNy43LDI3LjgtMzUuNGwtMi44LTE1LjMNCgkJCWMtMi4zLTEyLjcsMy43LTI1LjUsMTUtMzEuN2wxMy42LTcuNkM0ODQuNTgzLDMwOC41MTMsNDg5LjA4MywyODcuODEzLDQ3OC40ODMsMjczLjIxM3ogTTI0NC42ODMsNDAyLjcxMw0KCQkJYy04Ny4yLDAtMTU3LjktNzAuNy0xNTcuOS0xNTcuOXM3MC43LTE1Ny45LDE1Ny45LTE1Ny45czE1Ny45LDcwLjcsMTU3LjksMTU3LjlTMzMxLjg4Myw0MDIuNzEzLDI0NC42ODMsNDAyLjcxM3oiLz4NCgkJPHBhdGggZD0iTTIyNC40ODMsMjQ5LjAxM2wtMTQtMTQuMWMtOC4zLTguNC0yMS45LTguNC0zMC4zLTAuMWwwLDBjLTguNCw4LjMtOC40LDIxLjktMC4xLDMwLjNsMTQsMTQuMWwxNS42LDE1LjYNCgkJCWM4LjEsOC4yLDIxLjMsOC4yLDI5LjUsMC4xbDE1LjYtMTUuNWw1NC40LTU0LjFjOC40LTguMyw4LjQtMjEuOSwwLjEtMzAuM2wwLDBjLTguMy04LjQtMjEuOS04LjQtMzAuMy0wLjFMMjI0LjQ4MywyNDkuMDEzeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
}
.icon-star-pick {
    /*background: url("icon-bell.png") no-repeat center center;
    background-size: cover;*/
    width: 36px;
    background-size: contain;
    height: 36px;
    color: white;
    margin: auto;
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTExLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSI+PHBhdGggZD0iTTE0MzQuNiw0NDM1LjdjLTY0LjctNjEuMy03NC45LTEwNS42LTc0LjktMzQwLjV2LTI2OWwtNTY1LjItMTAuMmMtNTQ0LjgtMTAuMi01NjUuMi0xMy42LTYyOS45LTkxLjljLTYxLjMtNzguMy02NC43LTE5MC42LTY0LjctMzk3My4zYzAtMzg1MC43LDAtMzg5NSw2OC4xLTM5NjNjNjguMS02OC4xLDExMi4zLTY4LjEsNDgxNy43LTY4LjFjNDY4NC45LDAsNDc0OS42LDAsNDgxNy42LDY4LjFjMzcuNCwzNy40LDc0LjksMTAyLjEsODUuMSwxNDNjMTAuMiw0NC4yLDEzLjYsMTc5Ny43LDEwLjIsMzg5OC40bC0xMC4yLDM4MjBsLTc4LjMsNzguM2MtNzEuNSw3NC45LTEwNS42LDc4LjMtNjUzLjcsODguNWwtNTc4LjgsMTAuMnYyNjUuNmMwLDIzMS41LTEwLjIsMjcyLjQtNzguMywzMzcuMWMtMTAyLjEsOTUuMy0yMzEuNSw5NS4zLTMyMy40LTMuNGMtNjQuNy02OC4xLTc0LjktMTE5LjItNzQuOS0zNDAuNXYtMjYyLjJoLTIzOC4zaC0yMzguM3YyNTUuNGMwLDIyOC4xLTEwLjIsMjY5LTg1LjEsMzQwLjVjLTk4LjgsMTAyLjEtMjMxLjUsMTA5LTMyMy40LDE3Yy01Ny45LTU3LjktNjguMS0xMTIuNC02OC4xLTM0MC41di0yNzIuNGgtMjE3OWgtMjE3OXYyNjUuNmMwLDIzNC45LTEwLjIsMjc1LjgtNzguMywzNDAuNWMtMTAyLjEsOTUuMy0yMzEuNSw5NS4zLTMyMy40LTMuNGMtNjQuNy02OC4xLTc0LjktMTE5LjItNzQuOS0zNDAuNXYtMjYyLjJoLTIzOC4zaC0yMzguM3YyNTUuNGMwLDIyOC4xLTEwLjIsMjY5LTg1LjEsMzQwLjVDMTY1Mi41LDQ1MjAuOSwxNTMzLjQsNDUyNy43LDE0MzQuNiw0NDM1Ljd6IE0xMzkzLjgsMzA2MC4yYzAtMjY5LDYuOC0yOTIuOCw4OC41LTM1Ny41YzExOS4yLTkxLjksMjAwLjktODguNSwzMDMsMTMuNmM3NC45LDc0LjksODUuMSwxMDksODUuMSwzNTcuNXYyNzIuNGgyMzguM2gyMzguM3YtMjcyLjRjMC0yNDguNSwxMC4yLTI4Mi42LDg1LjEtMzU3LjVjMTAyLjEtMTAyLjEsMTgzLjktMTA1LjYsMzAzLTEzLjZjODEuNyw2NC43LDg4LjUsODguNSw4OC41LDM1Ny41djI4NmgyMTk2aDIxOTZ2LTI4NmMwLTI2OSw2LjgtMjkyLjgsODguNS0zNTcuNWMxMTkuMi05MS45LDIwMC45LTg4LjUsMzAzLDEzLjZjNzQuOSw3NC45LDg1LjEsMTA5LDg1LjEsMzU3LjV2MjcyLjRoMjM4LjNoMjM4LjN2LTI3Mi40YzAtMjQ4LjUsMTAuMi0yODIuNiw4NS4xLTM1Ny41YzEwMi4xLTEwMi4xLDE4My45LTEwNS42LDMwMy0xMy42YzgxLjcsNjQuNyw4OC41LDg4LjUsODguNSwzNTcuNXYyODZoMzc0LjVoMzc0LjVWLTIyOC43di0zNTc0LjlINDk4NS43SDU3Ni43djM1NzQuOXYzNTc0LjloNDA4LjZoNDA4LjZWMzA2MC4yeiIvPjxwYXRoIGQ9Ik00ODczLjQsMjIzMi45Yy0yMy44LTEwLjItMjA0LjMtMzQwLjUtNDA1LjItNzM1LjRjLTE5Ny41LTM5OC40LTM2MC45LTcyNS4yLTM2Ny43LTczMmMtMy40LTYuOC0zMTMuMi01NC41LTY4NC4zLTEwOWMtOTE1LjktMTM2LjItODk1LjQtMTMyLjgtOTcwLjMtMjA3LjdjLTE0My0xNDMtMTAyLjEtMjExLjEsNTE3LjUtODMwLjdsNTc4LjgtNTg1LjZMMzQwNi0xNzQ3LjJjLTE0Ni40LTg1MS4yLTE0My05MTUuOCwzNC05ODAuNWM3OC4zLTI3LjIsMTg3LjMsMjAuNCw4MTAuMywzNTAuN2w3MjUuMiwzODEuM2w2ODAuOS0zNjAuOWMzNzQuNS0xOTcuNSw3MTUtMzY3LjcsNzU1LjgtMzc3LjljNTQuNS0xMy42LDEwOC45LDYuOCwxNzMuNiw2NC43bDk4LjgsODEuN2wtMTMyLjgsODMwLjdsLTEyOS40LDgyNy4zbDU4NS42LDU2NS4yYzYxOS42LDU5NS44LDY1Ny4xLDY1My43LDUyNC4zLDgxMy43Yy01MS4xLDYxLjMtMTY2LjgsODUuMS03NTkuMiwxNzMuN0M2Mzg4LjUsNjgwLjQsNjAzMSw3MzQuOCw1OTc5LjksNzQ1Yy04NS4xLDE3LTEzMi44LDk1LjMtNDQ5LjQsNzI4LjZDNTE0NS44LDIyNDMuMSw1MDgxLjEsMjMxOCw0ODczLjQsMjIzMi45eiBNNTU1NC4zLDM1Ni45YzI3LjItMjMuOCwzMTYuNi04MS43LDY0My41LTEyOS40YzMyNi45LTUxLjEsNTk5LjItOTUuMyw2MDYuMS0xMDIuMWMxMC4yLTEwLjItMTc3LjEtMjExLjEtNDE1LjQtNDUyLjhjLTM0My45LTM0My45LTQzMi40LTQ1Mi44LTQzMi40LTUyNy43YzAtNTEuMSw0MC45LTMzMC4zLDg4LjUtNjE5LjZjNDcuNy0yOTIuOCw4MS43LTUzNy45LDcxLjUtNTQ4LjFjLTEwLjItMTAuMi0yNTUuNCwxMDUuNS01NDEuNCwyNTguN2MtMjg2LDE1My4yLTU1MS41LDI3NS44LTU4OSwyNzUuOGMtMzcuNSwwLTMwNi40LTEyOS40LTU5NS44LTI4NmMtMjg5LjQtMTU2LjYtNTMxLjEtMjc5LjItNTM3LjktMjc1LjhjLTMuNCwzLjQsMzcuNCwyNzkuMiw5MS45LDYxMi44YzY0LjcsMzgxLjMsOTEuOSw2MjYuNCw3MS41LDY2MC41Yy0xMy42LDMwLjctMjIxLjMsMjQ1LjItNDU2LjIsNDc2LjdjLTIzNC45LDIzMS41LTQyNS42LDQyNS42LTQyMi4yLDQyOWM2LjgsMy40LDI3NS44LDQ3LjYsNTk5LjIsOTUuM2MzMjMuNCw0Ny43LDYxMi44LDEwNS41LDY0My41LDEyOS40YzI3LjIsMjMuOCwxNzMuNiwyODkuNCwzMjYuOCw1OTIuNGwyNzIuNCw1NDQuN2wyNjIuMi01NDQuN0M1Mzg3LjUsNjQ2LjMsNTUyNy4xLDM4MC43LDU1NTQuMywzNTYuOXoiLz48L2c+PC9nPg0KPC9zdmc+);
}


.swiper-item-name {
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px 8px #000000;
}
.swiper-bottom-box {
    position: absolute;
    bottom: 0;
    height: 160px;
    width: 100%;
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,#0009 100%);
    z-index: 100;
    left: 0;
    height: 35%;
    padding: 25px;
    text-align: right;
}
.product-home {
    background: linear-gradient(0deg, #1a1a1a45, transparent);
    background-color: #63b7da;
    color: #fff;
    text-shadow: 0px 1px 3px #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    column-gap: 20px;
    text-align: center;
    font-size: 28px;
    align-content: space-between;
    box-shadow: rgb(0 0 0 / 65%) 0px 3px 3px 0px;
    cursor:pointer;
}
.product-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    padding-right: 32px;
}

@media only screen and (max-width: 350px) {
    .item-box-plus{display:none;}
}

@media only screen and (max-width: 600px) {
    #swiperFavorite {
        height: 250px !important;
    }

    .product-home {
        float: left;
        padding: 0px;
        width: calc(50% - 10px);
        height: 90px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
        font-size: 24px;
    }

    .product-icon {
        width: 28px;
        height: 28px;
    }
    #page-home-content-headline {
        margin-top: 20px !important;
    }

    .product-size-1 {
        width: calc(100% - 10px);
    }
    .product-size-2 {
        width: calc(50% - 10px);
    }
    .product-size-3 {
        width: calc(33% - 10px);
    }
    .swiper-bottom-box {
        height: 35%;
    }

    .item-type2 {
        float: left;
        padding: 0px;
        width: calc(100% - 10px);
        height: 200px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
         
    }

    .item-price {
        font-size: 26px !important;
        line-height: 22px !important;
    }

    .item-name-cat {
        max-width: calc(75% - 10px);
    }
    .item-name-box {
        background: linear-gradient(0deg, #1a1a1a80, transparent);
        margin-top: 135px !important;
        height: 65px !important;
    }

    /*STORE*/
    .store-item-box {
        float: left;
        padding: 0px;
        height: 290px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
        max-width: calc(50% - 10px);
        width: 100%;
        /*background-color: aqua;*/
    }
    .store-item {
        float: left;
        padding: 0px;
        width: 100%;
        height: 220px;
        margin: 0px;
        border-radius: 8px;
        border: 0px;
        background-size: cover !important;
    }
    .store-item-name-box {
        text-align: center;
        margin-top: 230px !important;
        /*height: 80px !important;*/
        height: auto !important;
    }

    .store-item-name {
        max-width: 100%;
        overflow-y: hidden;
        max-height: 50px;
        color: #000;
        font-size: 18px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .store-item-price {
        font-size: 18px !important;
        line-height: 20px !important;
        color: #565656;
        margin-top: 6px;
        margin-right: 0;
        text-align: center;
    }
}

@media only screen and (min-width: 601px)  {
    /*and (max-width: 1000px)*/

    #swiperFavorite {
        height: 350px !important;
    }

    .product-home {
        float: left;
        padding: 0px;
        width: calc(33% - 10px);
        height: 100px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
        font-size: 26px;
    }
    .product-icon {
        width: 30px;
        height: 30px;
    }
    #page-home-content-headline {
        margin-top: 30px !important;
    }

    .product-size-1 {
        width: calc(50% - 10px);
    }

    .product-size-2 {
        /*width: calc(33% - 10px);*/
        width: calc(25% - 10px);
    }

    .product-size-3 {
        width: calc(20% - 10px);
    }
    .swiper-bottom-box {
        height: 27%;
    }
    .item-type2 {
        float: left;
        padding: 0px;
        width: calc(100% - 10px);
        max-width: calc(50% - 10px);
        height: 250px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
         
    }
    .item-price {
        font-size: 28px !important;
        line-height: 22px !important;
    }
    .item-name-cat {
        max-width: calc(75% - 10px);
        overflow-y: hidden;
        max-height: 54px;
    }

    .item-name-box {
        background: linear-gradient(0deg, #1a1a1a80, transparent);
        margin-top: 185px !important;
        height: 65px !important;
    }

    #menuGuide {
        height: 70px !important;
    }

    .menuGuideItem {
        font-size: 20px !important;
    }

    /*STORE*/
    .store-item-box {
        float: left;
        padding: 0px;
        height: 320px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
        max-width: calc(33% - 10px);
        width: 100%;
        /*background-color: aqua;*/
    }
    .store-item {
        /*float: left;*/
        padding: 0px;
        max-width: 100%;
        height: 240px;
        margin: 0px;
        border-radius: 8px;
        border: 0px;
        background-size: cover !important;
        cursor: pointer;
    }
    .store-item-name-box {
        text-align: center;
        margin-top: 260px !important;
        height: auto !important;
    }
    .store-item-name {
        max-width: 100%;
        overflow-y: hidden;
        max-height: 50px;
        color: #000;
        font-size: 18px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .store-item-price {
        font-size: 18px !important;
        line-height: 20px !important;
        color: #565656;
        margin-top: 6px;
        margin-right: 0;
        text-align: center;
    }
}

@media only screen and (min-width: 1001px) {
    #swiperFavorite {
        height: 550px !important;
    }

    .product-home {
        float: left;
        padding: 0px;
        width: calc(20% - 10px);
        height: 110px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
    }
    .product-icon {
        width: 32px;
        height: 32px;
    }

    .product-size-1 {
        width: calc(33% - 10px);
    }

    .product-size-2 {
        width: calc(20% - 10px);
    }

    .product-size-3 {
        /*width: calc(10% - 10px);*/
        width: calc(13% - 10px);
    }
    .swiper-bottom-box {
        height: 20%;
    }
    .item-type2 {
        float: left;
        padding: 0px;
        width: calc(100% - 10px);
        max-width: calc(50% - 10px);
        height: 350px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
         
    }

    .item-name-cat {
        /*max-width: calc(33% - 8px);*/
        max-width: calc(70% - 10px);
        line-height: 27px !important;
    }

    .item-name-box {
        background: linear-gradient(0deg, #1a1a1a80, transparent);
        margin-top: 270px !important;
        height: 80px !important;
    }

    #menuGuide {
        height: 80px !important;
    }

    .menuGuideItem {
        font-size: 22px !important;
    }

    /*STORE*/
    .store-item-box {
        float: left;
        padding: 0px;
        height: 350px;
        margin: 5px;
        border-radius: 8px;
        border: 0px;
        max-width: calc(33% - 10px);
        width: 100%;
    }

    .store-item {
        /*float: left;*/
        padding: 0px;
        /*width: calc(100% - 10px);
        max-width: calc(33% - 10px);*/
        /*max-width: 100%;*/
        height: 280px;
        margin: 0px;
        border-radius: 8px;
        border: 0px;
        background-size: cover !important;
        cursor: pointer;
    }

    .store-item-name-box {
        text-align: center;
        margin-top: 290px !important;
        /*height: 80px !important;*/ 
        height: auto !important;
    }

    .store-item-name {
        max-width: 100%;
        overflow-y: hidden;
        max-height: 50px;
        color: #000;
        font-size: 18px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .store-item-price {
        font-size: 18px !important;
        line-height: 20px !important;
        color: #565656;
        margin-top: 6px;
        margin-right: 0;
        text-align: center;
    }
}

.alpha-black-verylight {
    border-radius: 8px;
    background: rgb(0 0 0 / 26%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#C8FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#C8FFFFFF); -moz-border-radius:10px";
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*height: 80vh !important;*/
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.page {
    margin-right: auto;
    margin-left: auto;
    margin-top: 65px;
    background: #fff;
}
.page-items {
    margin-top: 65px;
}

.page-content {
    margin-top: 0px;
}
.page-header {
    background-size: cover;
    top: 0;
    width: 100%;
    min-height: 40vh;
    text-align: left;
}

.page-item-submenu {
    margin-top: 105px !important;
}

.page-item {
    margin-top: 65px;
}

.page-home-content {
    margin-top: -40px;
}

.menu-container {
    margin: auto;
    max-width: 1170px;
}
.guide-container {
    margin: auto;
    max-width: 1170px;
}

#guide-menu-margin {
    margin-top: 105px; 
}

.guide-header {
    top: 0;
    height: 65px;
    width: 100%;
    /* background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%); */
    z-index: 100;
    left: 0;
    position: fixed;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 8px 0px;
    background-color: #fff;
}


.guide-header-left {
    /*top: 0;
    height: 65px;
    width: 100%;
   
    z-index: 100;
    left: 0;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 8px 0px;
    background-color: #fff;*/
    position: absolute;
    padding: 5px;
    z-index: 101;
    /*margin: auto;
    max-width: 1170px;
    width: -moz-available;  
    width: -webkit-fill-available;  s
    width: fill-available;*/
}
.guide-header-right {
    /*top: 0;
    height: 65px;
    width: 100%;
   
    z-index: 100;
    left: 0;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 8px 0px;
    background-color: #fff;*/
    position: absolute;
    padding: 5px;
    z-index: 101;
    float:right;
    margin: auto;
    max-width: 1170px;
    width: -moz-available;  
    width: -webkit-fill-available;   
    width: fill-available;
}
.guide-footer {
    position: absolute;
    bottom: 0;
    height: 140px;
    width: 100%;
    /* background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%); */
    z-index: 100;
    left: 0;
}

.item-name-cat {
    color: #fff;
    text-shadow: 2px 3px 4px #000000;
    font-size: 24px;
    line-height: 25px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    /*position: absolute;*/ 
    width: -webkit-fill-available;
    width: -moz-available;
}

.item-price-from {
    color: #fff;
    text-shadow: 2px 3px 4px #000000;
    font-size: 14px;
    /*line-height: 22px;*/
}
.item-price {
    color: #fff;
    text-shadow: 2px 3px 4px #000000;
    font-size: 30px;
    line-height: 24px;
    margin-top: 6px;
    margin-right: 12px;
    /*float: right;*/
    text-align: end;
    width: 200px;
}

.item-name-box {
    background: linear-gradient(0deg, #1a1a1add, transparent);
    height: 80px;
    width: auto;
    margin-top: 135px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    justify-content: space-between;
}


.item-rating-cat {
    color: #fff;
    text-shadow: 1px 1px 4px #00000080;
    font-size: 16px;
    line-height: 16px;
    margin-right: 10px;
    float: right;
    right: 6px;
    margin-top: 6px;
    border-radius: 4px;
    background-color: #70707085;
    padding: 4px;
}


#menuGuide {
    height: 60px;
    position: relative;
    /*width: 100vw;*/
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transition-duration: 110ms;
    transform: translate3d(0px, 0px, 0px);
    transition: transform .5s ease-in-out, background-color .2s ease-in-out;
    -webkit-overflow-scrolling: touch;
}

.menuGuideItem {
    padding: 11px 4px 10px;
    line-height: 1.1;
    font-size: 20px;
}

#menuGuideUl {
    text-align: left;
    margin-bottom: 0px !important;
    text-transform: none;
    border-bottom: 0px;
}

#menuGuideInner {
    background: none !important;
    width: auto;
    margin-left: 5px;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*.btn-plan.active, .btn-plan.focus, .btn-plan:active, .btn-plan:focus, .btn-plan:hover, .open > .dropdown-toggle.btn-plan {
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#009cde),color-stop(1,#0085bd)) !important;
            filter: brightness(1.0);
        }




        .btn-plan.active, .btn-plan.focus, .btn-plan:active, .btn-plan:focus, .btn-plan:hover, .open > .dropdown-toggle.btn-plan {
            color: #FFF !important;
            filter: brightness(0.85);

        }*/

.cart-page-main-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 15px;
    box-shadow: rgb(0 0 0 / 12%) 0px 4px 8px 1px;
}


.cart-page-item-box {
    width: 100%;
    height: 100%;
}
.cart-page-item {
    float: left;
    /*max-width: 76%;*/
    text-align: left;
    width: -webkit-fill-available;
    width: -moz-available;
    padding: 0 10px 15px 10px;
}
.cart-page-item-right {
    float: right;
    width: 30%;
    text-align: right;
}
.cart-page-item-left {
    float: left;
    width: 30%;
    text-align: left;
    padding-top: 3px;
}
.cart-page-title {
    font-size: 16px;
    font-weight: 700;
}
.cart-page-box-right {
    float: right;
}


.btn-cart {
    border: 1px solid #AAA;
    border-left: none;
    border-right: none;
    height: 65px;
    padding-top: 3px !important;
}

.cart-item-box {
    width: 100%;
    height: 100%;
}

.cart-box-image {
    float: left;
    width: 20%;
    max-width: 100%;
    height: 56px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    height: 70px;
}

/*.cart-item-box:before {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            border-width: 14px;
            border-style: solid;
            border-image: initial;
            border-color: rgb(159, 207, 103) rgb(159, 207, 103) transparent transparent;
            position: absolute;
            right: 0px;
            top: 0px;
            border-top-right-radius: 4px;
        }*/

.cart-box-left {
    float: left;
    /*width: 73%;
            height: 45px;
            padding-bottom: 2px;*/
    /*float: left;
            width: 76%;
            height: 106%;*/
    /* padding-bottom: 2px; */
    /* overflow-wrap: revert; */
    /* inline-size: 241px; */
    /*overflow-wrap: break-word;*/
    text-align: left;
    /*padding-left: 10px;*/
}

.cart-item {
    float: left;
    max-width: 76%;
    text-align: left;
    width: -webkit-fill-available;
    width: -moz-available;
}

.cart-item-left {
    float: left;
    width: 35%;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    padding-top: 10px;
}

.cart-item-middle {
    float: left;
    width: 20%;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    padding-top: 10px;
}

.cart-item-right {
    float: right;
    width: 45%;
    text-align: right;
}

.cart-total-label {
    margin-right: 15px;
    font-size: 20px;
}

.cart-total-amount {
    float: right;
    width: 100%;
    text-align: right;
    margin-right: 6px;
    font-size: 28px;
    font-weight: 700;
}

.cart-total-currency {
    font-size: 20px !important;
}

.cart-box-right {
    height: 60px !important;
    float: right;
    width: 27%;
    margin-top: -2px;
    padding-bottom: 2px;
    text-align: right;
    overflow: hidden;
}

.cart-title {
    font-size: 16px;
    font-weight: 700;
    height: 44px;
}

.cart-image {
    float: left;
    margin: 0 0 0 0;
    max-width: 20%;
    white-space: normal;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.cart-desc {
    font-size: 12px;
    float: left;
    margin: -1px 0 0 0;
    max-width: 110%;
    white-space: normal;
    height: 40px;
    overflow: hidden;
    line-height: 14px;
}

.cart-note {
    float: right;
    margin: -2px 0 0 0 !important;
    max-width: 110%;
    white-space: normal;
    height: 40px;
    overflow: hidden;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700 !important;
    margin: -4px 0 0 0;
}


.cart-item-separator {
    width: 100%;
    height: 0px;
    clear: both;
}

.cart-item-top {
    font-size: 22px;
    font-weight: 700 !important;
    margin-top: -2px;
}









.layout-list-item-box {
    width: 100%;
    height: 100%;
}

.layout-list-box-image {
    float: left;
    width: 20%;
    max-width: 70px;
    height: 56px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    height: 70px;
}

/*.layout-list-item-box:before {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            border-width: 14px;
            border-style: solid;
            border-image: initial;
            border-color: rgb(159, 207, 103) rgb(159, 207, 103) transparent transparent;
            position: absolute;
            right: 0px;
            top: 0px;
            border-top-right-radius: 4px;
        }*/

.layout-list-box-left {
    float: left;
    /*width: 73%;
            height: 45px;
            padding-bottom: 2px;*/
    /*float: left;
            width: 76%;
            height: 106%;*/
    /* padding-bottom: 2px; */
    /* overflow-wrap: revert; */
    /* inline-size: 241px; */
    /*overflow-wrap: break-word;*/
    text-align: left;
    /*padding-left: 10px;*/
}

.layout-list-item {
    float: left;
    max-width: 52%;
    text-align: left;
    width: -webkit-fill-available;
    width: -moz-available;
}

.layout-list-item-left {
    float: left;
    width: 35%;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    padding-top: 10px;
}

.layout-list-item-middle {
    float: left;
    width: 20%;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    padding-top: 10px;
}

.layout-list-item-right {
    float: right;
    width: auto;
    text-align: right;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.layout-list-total-label {
    margin-right: 15px;
    font-size: 20px;
}

.layout-list-total-amount {
    float: right;
    width: 100%;
    text-align: right;
    margin-right: 6px;
    font-size: 28px;
    font-weight: 700;
}

.layout-list-total-currency {
    font-size: 20px !important;
}

.layout-list-box-right {
    height: 60px !important;
    float: right;
    width: 27%;
    margin-top: -2px;
    padding-bottom: 2px;
    text-align: right;
    overflow: hidden;
}

.layout-list-title {
    font-size: 18px;
    font-weight: 700;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.layout-list-image {
    float: left;
    margin: 0 0 0 0;
    max-width: 20%;
    white-space: normal;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.layout-list-desc {
    font-size: 12px;
    float: left;
    margin: -1px 0 0 0;
    max-width: 110%;
    white-space: normal;
    height: 40px;
    overflow: hidden;
    line-height: 14px;
}

.layout-list-note {
    float: right;
    margin: -2px 0 0 0 !important;
    max-width: 110%;
    white-space: normal;
    height: 40px;
    overflow: hidden;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700 !important;
    margin: -4px 0 0 0;
}


.layout-list-item-separator {
    width: 100%;
    height: 0px;
    clear: both;
}

.layout-list-item-top {
    font-size: 22px;
    font-weight: 700 !important;
    margin-top: -2px;
}
#request-popup-item-price {
    font-size: 22px;
    font-weight: 700 !important;
    margin-top: -2px;
}















hr.break {
    color: silver;
    margin-top: 5px;
    margin-bottom: 10px;
}

.button {
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    background-color: #63b7da;
    min-width: 200px;
}

.button-back {
    color: #63b7da;
    border-radius: 5px;
    font-size: 18px;
    background-color: #ffffff;
    border-color: #63b7da;
    border: 2px solid;
    min-width: 70px;
}

    .button-back .icon :hover {
        transition: transform 230ms ease-in-out;
        background-color: #ffffff;
    }


.button-back-small {
    color: #63b7da;
    border-radius: 8px;
    font-size: 16px;
    background-color: #fff;
    margin-top: 66px;
    padding: 3px 12px;
}

.button-action {
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
     
    cursor: pointer;
    background-image: none;
    border: 0;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    display: inline;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    background-color: #63b7da;
    min-width: 150px;
}

    .button-action:hover {
        filter: brightness(1.10);
    }

.gray {
    background-color: #92a6ae;
}
.green {
    background-color: #7ac93e;
}


.inputs {
    font-size: 18px !important;
}
/*.item-type2:hover {
            transform-origin: 50% 65%;
            transition: transform 5s, filter 3s ease-in-out;
            filter: brightness(150%);


 }*/

.item-type2 {
    box-shadow: 0 3px 6px 0 #c1c1c1;
    -moz-box-shadow: 0 5px 5px #c1c1c1;
    -webkit-box-shadow: 0 3px 6px 0 #c1c1c1;
}

    .item-type2:hover {
        box-shadow: 2px 4px 16px #c1c1c1; /*rgb(0 0 0 / 16%);*/
        transform: scale3d(1.01,1.01,1.01);
        transition: all .3s cubic-bezier(0,0.5,.5,1);
    }

.form-control {
    /*padding: 8px 0px 6px 8px !important;*/
    border-radius: 3px 3px 3px 3px !important;
    line-height: 1.20;
    margin-bottom: 10px !important;
    font-size: 16px !important;
}


.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 15px;
}

.nav > li > a {
    padding: 7px 7px 7px;
}

.menu-main-link {
    font-size: 16px;
    padding: 14px 14px 18px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 22px;
    position: relative;
    letter-spacing: 0px;
}

.menu-main-ul {
    margin: 18px 10px !important;
    padding: 0px;
    display: flex;
    justify-content: center;
}

#page-home-content-headline {
    position: absolute;
    z-index: 10;
    color: #fff;
    text-shadow: 2px 3px 4px #000000;
    font-size: 34px;
    line-height: 34px;
    margin-top: 40px;
    margin-left: 20px;
    float: left;
}

.why-use-item {
    flex-grow: 1;
    color: #555;
    font-size: 16px;
    width: 30%;
    font-size: 14px;
    margin: 6px;
    max-width: 200px;
    text-align: center;
    line-height: 16px;
}




.guide-template-box {
    background-position: center;
    float: left;
    padding: 50px 10px 20px 10px;
    width: 220px;
    height: 350px;
    margin: 10px;
    cursor: pointer;
    /*transform: translateX(calc(max(1024px, 100vw)/2 - 490px));*/
}

.guide-template-title {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    width: 230px;
    height: 90px;
    font-size: 18px;
    background: linear-gradient(180deg, #1a1a1aa1, transparent);
    border-radius: 6px 6px 0 0;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    text-shadow: 2px 3px 4px #000000;
}

.guide-template-box:hover {
    box-shadow: 2px 4px 16px rgb(0 0 0 / 16%);
    transform: scale3d(1.01,1.01,1.01);
    transition: all .3s cubic-bezier(0,0.5,.5,1);
}



#mydatepicker {
    padding: 5px 10px !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px !important;
    border-color: #d3d7e0;
    font-size: 16px;
    font-family: Roboto,Arial,Helvetica,Sans-Serif;
    width: 120px;
    height: 40px;
}

.input-order-persons {
    height: 40px;
    font-size: 16px;
    font-family: Roboto,Arial,Helvetica,Sans-Serif;
}




.profile-box {
    margin: 20px 0;
    float: right;
    /*background: #e5ecf5;*/
    background-color: white;
    position: relative;
    border-radius: 3px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 12px 2px #919191c9;
}

.request-cart {
    margin: 20px 0;
    width: 460px;
   
    margin: auto;
    /*background: #e5ecf5;*/
    background-color: white;
    position: relative;
    border-radius: 3px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 12px 2px #919191c9;
}

/* CART*/
.cart-container {
    margin-right: 10px;
    /*float: right;*/
    /*margin-top: 75px;*/
    /*width: 95%;*/
}

#shopping-cart-icon {
    color: #63b7da;
    font-size: 26px;
    margin: -50px 6px 13px 6px ;
    float: right;
}

.shopping-cart {
    margin: 20px 0;
    float: right;
    /*background: #e5ecf5;*/
    background-color: white;
    position: relative;
    border-radius: 3px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 12px 2px #919191c9;
}

    .shopping-cart .shopping-cart-header {
        /*border-bottom: 1px solid #E8E8E8;*/
        padding-bottom: 15px;
    }

        .shopping-cart .shopping-cart-header .shopping-cart-total {
            float: right;
        }

    .shopping-cart .shopping-cart-items {
        padding-top: 20px;
    }

        .shopping-cart .shopping-cart-items li {
            margin-bottom: 18px;
        }

        .shopping-cart .shopping-cart-items img {
            float: left;
            margin-right: 12px;
        }

        .shopping-cart .shopping-cart-items .item-name {
            display: block;
            padding-top: 10px;
            font-size: 16px;
        }

        .shopping-cart .shopping-cart-items .item-price {
            color: #6394F8;
            margin-right: 8px;
        }

        .shopping-cart .shopping-cart-items .item-quantity {
            color: #ABB0BE;
        }

    .shopping-cart:after {
        bottom: 100%;
        left: 95%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #ffffff;
        border-width: 8px;
        margin-left: -8px;
    }
    .profile-box:after {
        bottom: 100%;
        left: 87%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #ffffff;
        border-width: 8px;
        margin-left: -8px;
    }

.nav-tabs > li > a::after {
    content: none;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    color: #63b7da !important;    
}
.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}


/* CART*/
    #RestaurantMenuContent {
    display: none;
    width: 100%;
    height: 100%;
    top: 67px;
    display: none;
    position: absolute;
    text-align: center;
     background-color: rgb(0,0,0);  
    background-color: rgba(0,0,0,0.4);  
    
    /*overflow: auto;*/
}
#RestaurantMenuImage {
    /*width: 100%;
    height: auto;
    left: 0px;*/
}

.zoomHolder {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .modal-close:hover,
    .modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }




/* CSS BOX*/


div.cssbox {
    display: inline-block;
}

span.cssbox_full {
    z-index: 999;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    transition: opacity 0.5s linear;
}

    span.cssbox_full img {
        position: fixed;
        background-color: white;
        margin: 0;
        padding: 0;
        max-height: 90%;
        max-width: 90%;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 20px black;
    }

a.cssbox_close,
a.cssbox_prev,
a.cssbox_next {
    z-index: 999;
    position: fixed;
    text-decoration: none;
    visibility: hidden;
    color: white;
    font-size: 36px;
}

a.cssbox_close {
    top: 1%;
    right: 1%
}

    a.cssbox_close::after {
        content: '\00d7';
    }

a.cssbox_prev,
a.cssbox_next {
    top: 50%;
    transform: translate(0%, -50%);
}

a.cssbox_prev {
    left: 5%;
}

a.cssbox_next {
    right: 5%;
}

a:target ~ a.cssbox_close,
a:target ~ a.cssbox_prev,
a:target ~ a.cssbox_next {
    visibility: visible;
}

a:target > img.cssbox_thumb + span.cssbox_full {
    visibility: visible;
    opacity: 1;
    pointer-events: initial;
}
/* This is the end of CSSBox */




.controlHolder {
    padding: 0px;
    left: 0px;
    top: 0px;
    height: 60px;
    width: 100%;
}

 
    /*.categories {
        clear: both;
        border-top: 1px solid #d1d9dc;
    }
    .categories {
        opacity: 1;
        visibility: visible;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #fff;
        border-top: 1px solid #d1d9dc;
        box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
        transition: opacity 230ms ease-in-out 120ms, visibility 230ms ease-in-out 120ms;
    }

        .categories ul li a {
            display: flex;
            padding: 6px 0;
            text-decoration: none;
            transition: color 230ms ease-in-out;
            font-size: 18px;
            justify-content: center;
        }

        .categories ul {
            max-width: 899px;
            padding-right: 8px;
            padding-left: 8px;
            margin-right: auto;
            margin-left: auto;
            font-size: 16px;
            line-height: 27px;
            display: flex;
            justify-content: center;
        }

            .categories ul li {
                margin-right: 20px;
                display: block;
                float: left;
            }
    .menu-main-nav > ul > li.hover > .categories, .menu-main-nav > ul > li:hover > .categories {
        opacity: 1;
        z-index: 2;
        visibility: visible;
        transition: opacity 230ms ease-in-out, visibility 230ms ease-in-out;
    }


    a:focus, a:hover {
        color: #63b7da;
        text-decoration: none;
    }

    .menu-sublevel:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 4px;
        margin-top: -4px;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #000 transparent #000 transparent;
        transition: border-width 230ms ease-in-out,border-color 230ms ease-in-out;
    }

    .menu-sublevel:hover:after {
        border-width: 0 3px 5px 3px;
        border-color: #b3b8bb transparent #b3b8bb transparent;
    }*/
@media (max-width: 899px) {
    .menu-main-ul{
        margin:0px !important;
    }
    .menu-main-link {
        display: none !important;
    }
    
} 

@media (min-width: 100px) {
    .categories {
        clear: both;
        border-top: 1px solid #d1d9dc;
    }

    .categories {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #fff;
        border-top: 1px solid #d1d9dc;
        box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
        transition: opacity 230ms ease-in-out 120ms, visibility 230ms ease-in-out 120ms;
    }

        .categories ul li a {
            display: flex;
            padding: 6px 0;
            text-decoration: none;
            transition: color 230ms ease-in-out;
            font-size: 18px;
            justify-content: center;
            width: max-content;
        }

        .categories ul {
            max-width: 1168px;
            padding-right: 8px;
            padding-left: 8px;
            margin-right: auto;
            margin-left: auto;
            font-size: 16px;
            line-height: 27px;
            display: flex;
            justify-content: center;
        }
     
    .categories ul li {
        margin-right: 20px;
        display: block;
        float: left;
    }


    .menu-main-nav > ul > li.hover > .categories, .menu-main-nav > ul > li:hover > .categories {
        opacity: 1;
        z-index: 2;
        visibility: visible;
        transition: opacity 230ms ease-in-out, visibility 230ms ease-in-out;
    }


    a:focus, a:hover {
        color: #63b7da;
        text-decoration: none;
    }
    .menu-sublevel:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 4px;
        margin-top: -4px;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #000 transparent #000 transparent;
        transition: border-width 230ms ease-in-out,border-color 230ms ease-in-out;
    }
    .menu-sublevel:hover:after {
        border-width: 0 3px 5px 3px;
        border-color: #b3b8bb transparent #b3b8bb transparent;
    }
}

.mobile_class {
    padding-right: 6px !important;
    padding-left: 52px !important;
    z-index: 0 !important;
}

#buttonExplore {
    color: #fff;
    border-radius: 8px;
    font-size: xx-large;
    width: 250px;
    border: 1px solid #fff;
    background-color: #0000006e;
}
#buttonExplore:hover {
   
    transform: scale3d(1.03,1.03,1.03);
    transition: all .3s cubic-bezier(0,0.5,.5,1);
}

.menu-product {
 

    color: #fff;
    text-shadow: 0px 1px 3px #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    column-gap: 20px;
    text-align: center;
    font-size: 28px;
    align-content: space-between;
    box-shadow: rgb(0 0 0 / 65%) 0px 3px 3px 0px;
    cursor: pointer;
    float: left;
    padding: 0px;
    height: 150px;
    margin: 5px;
    border-radius: 8px;
    border: 0px;
    font-size: 24px;
}
    .menu-product:hover {
        /*box-shadow: 2px 4px 16px #c1c1c1;*/ /*rgb(0 0 0 / 16%);*/
        transform: scale3d(1.03,1.03,1.03);
        transition: all .3s cubic-bezier(0,0.5,.5,1);
    }

.menu-product-name {
    background: linear-gradient(0deg, #1a1a1ac4, transparent);
    /* margin-top: 106px; */
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: 100px;
    padding-bottom: 7px;
    padding-top: 10px;
}

.menu-category {
    background: linear-gradient(0deg, #1a1a1a45, transparent);
    background-color: #63b7da;
    color: #fff;
    text-shadow: 0px 1px 3px #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    column-gap: 20px;
    text-align: center;
    font-size: 28px;
    align-content: space-between;
    box-shadow: rgb(0 0 0 / 65%) 0px 3px 3px 0px;
    cursor: pointer;
    padding: 0px;
    width: calc(50% - 10px);
    height: 150px;
    margin: 5px;
    border-radius: 8px;
    border: 0px;
    font-size: 24px;
    float: left;
}
    .menu-category:hover {
        /*box-shadow: 2px 4px 16px #c1c1c1;*/ /*rgb(0 0 0 / 16%);*/
        transform: scale3d(1.03,1.03,1.03);
        transition: all .3s cubic-bezier(0,0.5,.5,1);
    }
.menu-category-box {
    background: linear-gradient(0deg, #1a1a1ac4, transparent);
    /*margin-top: 106px;*/
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    
    margin-top: 100px;
    padding-bottom: 7px;
    padding-top: 10px;
}

.menu-category-name {
    color: #fff;
    text-shadow: 2px 3px 4px #000000;
    /* font-size: 24px; */
    line-height: 25px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    /* margin-left: 10px; */
    margin: auto;
    /* float: left; */
    /* position: absolute; */
    width: 100%;
    text-align: center;
}



.checkout-input {
    text-align: left;
}

tr:nth-child(even) {
    background-color: #f5fcff;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0px;
}
table th:first-child {
    border-radius: 10px 0 0 0px;
}

table th:last-child {
    border-radius: 0 10px 0 0;
}
thead {
    background-color: #e3f4fb;
}
.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
}

::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    -webkit-border-radius: 10px;
    border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*background: rgba(255,0,0,0.8);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
    background: rgba(50, 118, 177, 0.69);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(50, 118, 177, 0.39);
    }
/* Thin Scrollbar FF */
:root {
    scrollbar-color: rgb(50, 118, 177) !important;
    scrollbar-width: thin !important;
}



.table-container {
    display: block;
    margin: 2em auto;
 
}



.flex-table {
   
    
    transition: 0.5s;

    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    flex-direction: column;
}

    /*.flex-table:first-of-type {
        border-top: solid 1px #1565C0;
        border-left: solid 1px #1565C0;
    }*/

        /*.flex-table:first-of-type .flex-row {
            background: #1976D2;
            color: white;
            border-color: #1565C0;
        }

    .flex-table.row:nth-child(odd) .flex-row {
        background: #f4f2f1;
    }

    .flex-table:hover {
        background: #F5F5F5;
        transition: 500ms;
    }*/

.flex-row {
    display: flex;
    flex-flow: row;
    text-align: center;
    padding: 0.5em 0.5em;
 
}
    .flex-row:nth-child(even) {
        /*background-color: #f5fcff;*/
    }
/*.rowspan {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}

.column {
    display: flex;
    flex-flow: column wrap;
    width: 75%;
    padding: 0;
}

    .column .flex-row {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        padding: 0;
        border: 0;
        border-bottom: solid 1px #d9d9d9;
    }

        .column .flex-row:hover {
            background: #F5F5F5;
            transition: 500ms;
        }*/

.flex-cell-1 {
    flex-grow: 1;
    text-align: center;
    padding: 0.4em 0.5em;
    width: 12%;
}

.flex-cell-2 {
    min-width: 50%;
    text-align: left !important;
    flex-grow: 2;
    padding: 0.4em 0.5em;
}
.flex-cell-payment-1 {
    flex-grow: 1;
    text-align: center;
    padding: 0.4em 0.5em;
    width: 25%;
}

.flex-cell-payment-2 {
    min-width: 50%;
    text-align: left !important;
    flex-grow: 2;
    padding: 0.4em 0.5em;
}



@media only screen and (max-width: 901px) {

    .flex-cell-2 {
        min-width: 100%; 
    }
    .flex-row {
        flex-flow: wrap !important;
    }
    }


.padding-5 {
    padding: 5px 12px !important;
}

.separator {
    height: 15px !important;
    white-space: nowrap;
    width: 100%;
}


.fa-guidemap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152V422.8c0 9.8-6 18.6-15.1 22.3L416 503V200.4zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6V451.8L32.9 502.7C17.1 509 0 497.4 0 480.4V209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77V504.3L192 449.4V255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    height: 28px;
    fill: yellow;
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(92%) contrast(91%);
}

.fa-guideproducts {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25.000000pt' height='25.000000pt' viewBox='0 0 25.000000 25.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.16, written by Peter Selinger 2001-2019%0A%3C/metadata%3E%3Cg transform='translate(0.000000,25.000000) scale(0.011628,-0.012755)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M237 1818 c-49 -13 -103 -67 -116 -115 -6 -22 -11 -140 -11 -274 0%0A-226 1 -238 23 -280 17 -34 35 -50 77 -71 l54 -28 255 0 c145 0 272 5 293 10%0A45 13 93 51 116 94 14 26 17 68 20 247 5 263 -4 317 -57 370 -20 20 -54 42%0A-76 48 -51 14 -525 13 -578 -1z'/%3E%3Cpath d='M1197 1818 c-51 -14 -103 -67 -118 -120 -6 -24 -9 -83 -7 -133 4%0A-105 25 -149 86 -187 36 -23 43 -23 364 -26 350 -3 385 0 438 44 44 38 61 77%0A67 159 10 126 -24 211 -101 253 -27 15 -70 17 -361 19 -205 1 -345 -2 -368 -9z'/%3E%3Cpath d='M1191 1217 c-50 -16 -97 -66 -111 -117 -7 -26 -10 -83 -8 -136 3 -78%0A8 -98 30 -131 51 -77 58 -78 448 -78 380 0 379 0 433 65 48 57 61 234 23 308%0A-21 40 -69 79 -114 92 -50 14 -656 12 -701 -3z'/%3E%3Cpath d='M245 921 c-45 -11 -82 -38 -107 -80 -22 -34 -23 -46 -26 -285 -4%0A-280 2 -316 61 -360 58 -42 87 -46 359 -46 277 0 304 4 356 53 53 49 56 67 60%0A298 5 263 -4 317 -57 370 -20 20 -54 42 -76 48 -45 12 -520 14 -570 2z'/%3E%3Cpath d='M1206 619 c-98 -24 -136 -89 -136 -230 1 -139 32 -195 129 -227 44%0A-16 640 -16 694 -1 57 16 104 63 122 122 31 103 11 239 -42 289 -58 53 -55 53%0A-403 55 -179 1 -342 -3 -364 -8z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    height: 25px;
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(92%) contrast(91%);
    width: 25px;
    margin-left: 4px;
    margin-right: 8px;
}

.fa-guidecart {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25.000000pt' height='25.000000pt' viewBox='0 0 25.000000 25.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,25.000000) scale(0.009363,-0.010965)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M1065 2131 c-12 -5 -26 -15 -31 -22 -6 -8 -89 -166 -185 -351 l-174%0A-338 -173 0 c-197 0 -229 -8 -256 -65 -37 -76 -8 -139 78 -170 28 -11 30 -16%0A121 -380 51 -204 98 -389 104 -413 14 -52 69 -115 125 -145 41 -22 47 -22 615%0A-25 632 -3 629 -3 703 58 20 17 45 49 57 72 15 32 141 516 206 796 4 15 20 29%0A49 42 24 10 51 29 60 41 21 30 21 108 0 138 -31 43 -70 51 -253 51 l-169 0%0A-182 349 c-203 391 -203 391 -277 355 -27 -14 -40 -28 -47 -52 -10 -36 -8 -40%0A230 -499 41 -77 74 -144 74 -147 0 -3 -196 -6 -436 -6 l-435 0 102 198 c56%0A108 126 243 155 299 61 115 67 157 32 191 -28 25 -66 34 -93 23z m-131 -1093%0Ac13 -19 16 -57 16 -218 0 -161 -3 -199 -16 -218 -18 -26 -60 -29 -90 -8 -18%0A13 -19 28 -19 226 0 198 1 213 19 226 30 21 72 18 90 -8z m418 5 c16 -15 18%0A-35 18 -221 0 -177 -2 -208 -17 -224 -19 -22 -62 -23 -89 -4 -18 13 -19 28%0A-19 226 0 198 1 213 19 226 26 19 65 18 88 -3z m422 -5 c13 -19 16 -57 16%0A-218 0 -218 -6 -240 -60 -240 -57 0 -60 11 -60 240 0 176 2 211 16 224 23 24%0A70 20 88 -6z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    height: 28px;
    fill: yellow;
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(70%) contrast(91%);
}

.fa-guidebag {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25.000000pt' height='25.000000pt' viewBox='0 0 25.000000 25.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,25.000000) scale(0.007396,-0.008251)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M1576 2894 c-224 -48 -400 -219 -457 -444 -10 -40 -14 -126 -14 -317%0Al0 -263 27 -27 c39 -38 97 -38 136 0 l27 27 5 273 5 273 32 65 c42 84 108 150%0A192 192 61 30 72 32 171 32 99 0 110 -2 172 -33 87 -43 147 -102 189 -187 l34%0A-69 5 -273 5 -273 27 -27 c39 -38 97 -38 136 0 l27 28 -1 277 c0 272 -1 278%0A-26 349 -37 105 -72 159 -153 240 -145 142 -340 199 -539 157z'/%3E%3Cpath d='M575 2103 c-32 -8 -63 -42 -69 -76 -3 -18 -13 -97 -21 -177 -9 -80%0A-20 -185 -26 -235 -5 -49 -13 -126 -18 -170 -19 -171 -52 -464 -61 -539 -5%0A-43 -7 -82 -4 -87 3 -5 563 -9 1330 -9 l1324 0 0 22 c0 12 -4 49 -9 82 -6 34%0A-17 131 -26 216 -15 153 -23 222 -45 410 -6 52 -22 189 -34 304 -22 197 -25%0A209 -50 235 l-26 26 -206 3 c-141 2 -209 0 -219 -8 -9 -8 -14 -48 -17 -140 -3%0A-143 -8 -154 -82 -214 -35 -29 -44 -31 -116 -31 -72 0 -81 2 -117 31 -64 51%0A-87 110 -93 244 l-5 115 -285 0 -285 0 -6 -120 c-7 -133 -14 -157 -58 -208%0A-98 -111 -278 -82 -336 55 -10 26 -15 71 -15 146 0 71 -4 112 -12 120 -9 9%0A-66 12 -203 11 -104 -1 -199 -3 -210 -6z'/%3E%3Cpath d='M371 701 c-16 -10 -15 -6 -31 -151 -18 -175 -28 -265 -35 -311 -7%0A-52 19 -103 61 -119 36 -14 2631 -14 2671 0 16 6 37 24 47 41 19 32 17 62 -14%0A299 -5 36 -12 104 -16 152 -6 77 -9 87 -28 92 -36 10 -2640 6 -2655 -3z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    height: 28px;
    width: 25px;
    margin-left: 4px;
    margin-right: 8px;
    filter: invert(45%) sepia(23%) saturate(178%) hue-rotate(162deg) brightness(70%) contrast(91%);
}




.img-responsive.img-center {
    margin: 0 auto;
}


.guide-intro-content {
    position: absolute;
    bottom: 0px;
    height: 160px;
    width: 100%;
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);
    z-index: 100000;
    left: 0;
    /*top: 0;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;*/
}

input, select {
    height: 38px !important;
}