#PageBreadCrumps { display: none; }

.homepage-title { font-size: 300%; text-align: center; }

#GridPage { float: none; width: 100%; }
#SiteGrid { width: 100%; max-width: 100%; }
#SiteGridContainer { background-color: #000; }
#home-page-flex { margin-bottom: 0; margin-top: 80px; }
#HomeNewWorldOfFlavors { background-size: cover; height: 95rem; height: calc(100vh - 70px); height: -webkit-calc(100vh - 70px); height: -moz-calc(100vh - 70px); height: -o-calc(100vh - 70px); background-position: center center; background-repeat: no-repeat; position: relative; }
#HomeNewWorldOfFlavorsTextContainer { position: absolute; left: 9%; top: 12%; max-width: 35%; display: none; }
#HomeNewWorldOfFlavors .blackButton { border: 1px solid #fd8679; background-color: #fd8679; padding: 12px 34px 10px; line-height: 1; margin-top: 35px; }
#HomeNewWorldOfFlavors .blackButton:hover, #HomeNewWorldOfFlavors .blackButton:focus { background: #461429; color: #fd8679; }
.HomeNewWorldOfFlavorsText { color: #ffffff; font-size: 100%; max-width: 85%; line-height: 1.63; margin-top: 24px; }
.orangeTitle { color: #fd8679; margin: 0; line-height: 1.04; font-size: 332%; font-weight: 700; font-family: inherit; }
.blackButton { border: 1px solid; border-radius: 2px; color: #461429; font-size: 100%; margin-top: 20px; display: inline-block; font-family: inherit; background-color: #fd8679; border-color: transparent; line-height: 1; padding: 12px 10px 10px; transition: .35s ease; }
.blackButton:hover, .blackButton:focus, .flexslider-item-content .blackButton:hover, .flexslider-item-content .blackButton:focus { text-decoration: none; background-color: #fd8679; color: #461429; }
.slides li:first-child .flexslider-item-content .blackButton { border: 1px solid #004b55; background: transparent; color: #004b55; }
.slides li:first-child .flexslider-item-content .blackButton:hover { border-color: #004b55; background: #004b55; color: #ffffff; }
.stamp { display: none; position: absolute; left: -2%; bottom: 26%; }
.slogen { position: absolute; top: 13%; right: 28%; display: none; }
#home-page-flex .slides li { height: 95rem; height: calc( 100vh - 80px); height: -webkit-calc(100vh - 80px); height: -moz-calc(100vh - 80px); height: -o-calc(100vh - 80px); position: relative; /*z-index:0 !important;*/ }
.flexslider-item-content .blackButton { padding: 12px 30px 10px; width: auto; font-family: inherit; background-color: transparent; border: 1px solid #fd8679; color: #fff; line-height: 1; }
.flexslider-item-content .blackButton span { text-align: center; width: 100%; display: block; }
section#HomeSliderContainerMobile { display: none; }
.flexslider { margin: 0; }
#TripleBoxes a.blackButton:hover, #TripleBoxes a.blackButton:focus, .MenuGridBoxContentDesc a:last-child:hover, .MenuGridBoxContentDesc a:last-child:focus { border: solid 1px #fd8679; background-color: transparent; color: #461429; }

@media (max-width: 1650px) {
    .orangeTitle { font-size: 80px; }
    #HomeNewWorldOfFlavorsTextContainer { left: 2%; max-width: 42%; }
    .slogen img { max-width: 80%; }
    .slogen { right: 31%; }
    .stamp img { max-width: 200px; }
}

@media (max-width: 1440px) {
    .slogen { right: 27%; }
}

@media (max-width: 1280px) {
    .orangeTitle { font-size: 70px; }
    .slogen { right: 23%; }
    .stamp img { max-width: 170px; }
}

@media (max-width: 1170px) {
    .stamp, .slogen { display: none; }
    #HomeNewWorldOfFlavorsTextContainer { left: 3%; max-width: 45%; }
    #SiteGridContainer { padding: 0; }
}

@media (max-width: 991px) {
    /*#home-page-flex .slides li {height:72rem;height: calc( 88vh - 90px); height: -webkit-calc(88vh - 90px);height: -moz-calc(88vh - 90px);height: -o-calc(88vh - 90px);}*/
    #HomeNewWorldOfFlavorsTextContainer { max-width: 85%; }
    .MenuGridBoxContentTitle { font-size: 70px; }
    section#HomeSliderContainer { display: none; }
    #home-page-flex { display: none; }
    section#HomeSliderContainerMobile { display: block; }
    #home-page-flex-mobile .slides li { height: 95rem; height: calc( 100vh - 80px); height: -webkit-calc(100vh - 80px); height: -moz-calc(100vh - 80px); height: -o-calc(100vh - 80px); position: relative; /*z-index:0 !important;*/ }
    #HomeSliderContainerMobile { margin-top: 80px; }
}

@media (max-width: 767px) {
    #home-page-flex .slides li, #home-page-flex-mobile .slides li { height: 80rem; height: calc( 90vh - 60px); height: -webkit-calc(100vh - 60px); height: -moz-calc(100vh - 60px); height: -o-calc(100vh - 60px); position: relative; }
    #HomeSliderContainerMobile { margin-top: 60px; }
    #home-page-flex-mobile .slides li video { width: auto; height: 100%; }
    .orangeTitle { font-size: 220%; }
    #HomeNewWorldOfFlavorsTextContainer { left: 5%; top: 6%; max-width: 90%; }
    .flexslider-item-content .blackButton { padding: 8px 16px 7px; width: auto; }
    .HomeNewWorldOfFlavorsText { max-width: 100%; font-size: 100%; }
    #HomeNewWorldOfFlavors { background-position-x: 45%; }
    #player-controls { position: absolute; left: 0; top: 0; z-index: 3; font-size: 90%; color: #fff; font-family: monospace; }
    #player-controls button { background: transparent; border: 0; -webkit-appearance: none; vertical-align: middle; width: 25px; height: 44px; margin-right: 6px; }
    button.mute-player, button.unmute-player { display: none; }
    button.mute-player.active, button.unmute-player.active { display: inline-block; }
    button.unmute-player:after { content: "\f026"; font-family: 'FontAwesome'; color: #ffffff; font-size: 170%; }
    button.mute-player:after { content: "\f028"; font-family: 'FontAwesome'; color: #ffffff; font-size: 170%; }
}


.MenusGridBox { background-color: #fff; background-repeat: no-repeat; background-position: center center; /*background-size: cover;*/ /*padding-bottom: 30%;*/ display: table-cell; float: none !important; height: 100%; padding: 0; }
.MenusGridBox.content { padding-bottom: 0; vertical-align: middle; text-align: center; }
.MenusGridBox img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; }
.MenusGridBoxImg { height: 600px; overflow: hidden; }

.left .MenusGridBox { background-position: left center; }
.right .MenusGridBox { background-position: right center; }

.gridTable { display: table; width: 100%; direction: ltr; table-layout: fixed; }

.MenuGridBoxContent { max-width: 90%; margin: auto; }

.MenuGridBoxContentTitle { font-size: 345%; margin-bottom: 30px; font-weight: 700; color: #461429; }
.MenuGridBoxContentTitle:after { content: ' '; display: block; width: 40px; height: 10px; margin: 0 auto; background-image: url(../../../000Frames/site/images/bullets.svg); background-size: contain; margin-top: 10px; background-repeat: no-repeat; }
.MenuGridBoxContentDesc { margin-bottom: 20px; font-size: 100%; line-height: 1.44; max-width: 70%; margin: auto; font-family: inherit; }
.gridTable.left .MenuGridBoxContentDesc p:last-of-type { display: flex; flex-wrap: wrap; gap: 15px; max-width: 335px; margin: 0 auto; }
.gridTable.left .MenuGridBoxContentDesc p:last-of-type > a { width: 50%; margin: 0; width: calc(50% - 15px); flex: 1 0 48%; flex: 1 0 calc(50% - 15px); border-radius: 2px; background-color: #461429; border: none; color: #fd8679; line-height: 1; padding: 12px 11px 10px; display: block; border: 1px solid transparent; }
.gridTable.left .MenuGridBoxContentDesc p:last-of-type > a:nth-child(2), .gridTable.left .MenuGridBoxContentDesc p:last-of-type > a:nth-child(3) { background-color: #fd8679; color: #000; }
.gridTable.left .MenuGridBoxContentDesc p:last-of-type > a:hover, .gridTable.left .MenuGridBoxContentDesc p:last-of-type > a:focus { background-color: transparent; border-color: #461429; }

.gridTable.left .MenuGridBoxContentDesc p:last-of-type > a:nth-child(2):hover, .gridTable.left .MenuGridBoxContentDesc p:last-of-type > a:nth-child(3):hover { background-color: transparent; border-color: #fd8679; color: #461429; }
.MenuGridBoxContentLink a { color: #000; border: 1px solid; padding: 7px 25px; border-radius: 3px; font-family: reforma; font-size: 140%; }
.MenuGridBoxContentLink a:hover, .MenuGridBoxContentDesc a:hover, .MenuGridBoxContentDesc a:focus { text-decoration: none; background: #000000; color: #ffffff; border-radius: 3px; border: 1px solid transparent; }
.MenuGridBoxContentDesc a { margin-left: 1%; color: #000; border: 1px solid; padding: 7px 25px; border-radius: 3px; font-size: 100%; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; margin-bottom: 15px; display: inline-block; font-family: inherit; }
.MenuGridBoxContentDesc a:last-child { margin-left: 0; background-color: #fd8679; color: #461429; border-radius: 2px; line-height: 1; padding: 12px 11px 10px; max-width: 160px; display: inline-block; width: 100%; transition: .35s ease; border: 1px solid transparent; }
#MenusGridBoxes { overflow: hidden; font-family: inherit; }
.MoodBanner { margin: 0px 25px 15px 25px; padding-bottom: 13%; background-color: #fff; clear: both; background-size: cover; }

section#TripleBoxes { color: #461429; background-color: #dad0d5; text-align: center; padding: 25px; display: table; width: 100%; }
#TripleBoxLeft, #TripleBoxRight { background: #fff; padding: 10px 15px; display: table-cell; vertical-align: middle; height: 100%; float: none !important; width: 28%; }
#TripleBoxCenter { display: table-cell; vertical-align: middle; width: 44%; float: none !important; padding-right: 40px; padding-left: 40px; }
.BoxTitle h2 { font-size: 275%; font-weight: 700; line-height: 1; margin-bottom: 0; font-family: inherit; }
.BoxSubtitle h3 { font-size: 157%; font-family: inherit; color: #461429; }
.BoxText { max-width: 80%; margin: auto; margin-top: 15px; font-size: 100%; line-height: 1.44; color: #461429; font-family: inherit; }
.boxBtn { margin-top: 15px; }
.snifimSlider .flexslider-item { padding-bottom: 62%; }
#snifim-flex { margin-bottom: 0; }
.searchContainerBox input#search_form_header_input { font-size: 140%; text-align: center; color: #ffffff; }
.searchContainerBox input#search_form_header_input2 { font-size: 100%; text-align: center; color: inherit; letter-spacing: normal; line-height: 1; padding-bottom: 10px; }
.searchContainerBox input#search_form_header_input2::placeholder { opacity: .8; color: #461429; font-family: inherit; }
.searchContainerBox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
.searchContainerBox input::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.searchContainerBox input:-ms-input-placeholder { /* IE 10+ */ color: #fff; }
.searchContainerBox input:-moz-placeholder { /* Firefox 18- */ color: #fff; }
.searchFormBox form.search_form_header { width: 80%; margin: auto; margin-top: 25px; }
.searchFormBox a.blackButton { margin-top: 40px; padding: 12px 50px 10px; background-color: #fd8679; line-height: 1; }
.customSearchLink { text-align: center; }
.searchFormBox a.customSearch { font-size: 100%; color: #fd8679; border-bottom: 1px solid #fd8679; margin-top: 25px; font-family: inherit; }
.BoxTitle:after { content: ' '; display: block; width: 40px; height: 10px; margin: 0 auto; background-image: url(../../../000Frames/site/images/bullets.svg); background-size: contain; margin-top: 10px; background-repeat: no-repeat; }


.MoodMobile { display: none; }


@-webkit-keyframes upAnddown {
    from { transform: translateY(0); }
    50% { transform: translateY(15px); }
    to { transform: translateY(0); }
}

@keyframes upAnddown {
    from { transform: translateY(0); }
    50% { transform: translateY(15px); }
    to { transform: translateY(0); }
}

.page-scroll-down { position: absolute; bottom: 70px; left: 50%; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); max-width: 50px; cursor: pointer; }
.bounce { animation-iteration-count: 5 !important; -webkit-animation: upAnddown 1.5s infinite !important; animation: upAnddown 1.5s infinite !important; -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; }

@media(max-width:1440px) {
    .BoxTitle h2 { font-size: 60px; }
    .BoxSubtitle h3 { font-size: 100%; }
    .searchFormBox a.customSearch { margin-top: 5%; }
    .snifimSlider .flexslider-item { padding-bottom: 72%; }
    .MenusGridBoxImg { height: 500px; }
    .MenuGridBoxContentDesc a { margin-top: 7px; }
}

@media(max-width:1280px) {
    /*.MenusGridBox {padding-bottom:40%; }*/
    .snifimSlider .flexslider-item { padding-bottom: 82%; }
    #TripleBoxCenter { padding-right: 15px; padding-left: 15px; }
}

@media(max-width:1280px) {
    /*.MenusGridBox {padding-bottom:60%; }*/
}

@media(max-width:1170px) {
    .snifimSlider .flexslider-item { padding-bottom: 90%; }
    .MenusGridBoxImg { height: 350px; }
    .MenuGridBoxContentTitle { font-size: 55px; }
}

@media(max-width:1024px) {
    .snifimSlider .flexslider-item { padding-bottom: 100%; }
}

@media (max-width: 991px) {
    .MoodBanner { padding-bottom: 43%; margin-top: 5px; }
    section#TripleBoxes { display: block; }
    #TripleBoxLeft, #TripleBoxRight { padding: 40px 15px; display: block; width: 100%; margin-top: 5px; }
    #TripleBoxCenter { display: block; width: 100%; padding-right: 0px; padding-left: 0px; margin-top: 30px; margin-bottom: 30px; }
    .snifimSlider .flexslider-item { padding-bottom: 62%; }
    .MoodMobile { display: block; }
    .MoodDesk { display: none; }
    .MenusGridBox { background-attachment: scroll; }
    .left .MenusGridBox { background-position: 10% center; }
    .right .MenusGridBox { background-position: 80% center; }
    .MenuGridBoxContentTitle { font-size: 350%; margin-bottom: 10px; margin-top: 0; }
    .MenuGridBoxContentTitle:after { width: 40px; height: 10px; margin-top: 10px; }
    .MenuGridBoxContentDesc { font-size: 100%; max-width: 85%; margin: auto; margin-top: 17px; }
    .MenusGridBox img { width: auto; height: 100%; max-width: none; }
    .MenusGridBoxImg { height: 450px; }
    .BoxText { font-size: 100%; }
}

@media(max-width:767px) {
    .BoxTitle h2 { font-size: 229%; margin-top: 0px; }
    .MenusGridBox { float: none !important; display: block; }
    .gridTable { display: block; }
    .MenuGridBoxContentTitle { font-size: 32px; margin-top: 0; margin-bottom: 10px; }
    .MenusGridBox.content { padding-bottom: 10%; padding: 10% 2%; }
    .MoodBanner { padding-bottom: 43%; }
    .snifimSlider .flexslider-item { padding-bottom: 72%; }
    .MenuGridBoxContentDesc { max-width: 100%; }
    .MenusGridBoxImg { height: 260px; }
    .MenusGridBox img { width: 100%; max-width: none; height: auto; }
    section#TripleBoxes { padding: 25px 10px; }
    .BoxTitle:after { width: 40px; height: 10px; margin-top: 10px; }
    #TripleBoxLeft, #TripleBoxRight { padding: 30px 15px; }
    .searchFormBox form.search_form_header { margin-top: 15px; }
    .searchFormBox a.blackButton { margin-top: 30px; }
    .BoxText { margin-top: 15px; }
    section#TripleBoxes .blackButton { margin-top: 15px; }
    .MoodBanner { margin: 0px 10px 15px 10px; }
    #UnderSiteFooter { padding: 20px; }
}