@font-face { font-family: 'GE SS Text'; src: url('../fonts/GESSTextMedium-Medium.woff2') format('woff2'), url('../fonts/GESSTextMedium-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'GE SS Text'; src: url('../fonts/GESSTextBold-Bold.woff2') format('woff2'), url('../fonts/GESSTextBold-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'GE SS Text'; src: url('../fonts/GESSTextLight-Light.woff2') format('woff2'), url('../fonts/GESSTextLight-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
* { margin: 0; padding: 0; }
body { font-family: 'GE SS Text'; line-height: 1.4; }
:focus { outline: 0; }
a { text-decoration: none; }
p { font-size: 12px; font-weight: 300; line-height: 17px; margin-bottom: 0px; }
.container { width: 428px; padding: 0px; }
.splash-bg { background: url(../images/home-bg.jpg) top center no-repeat; background-size: cover; min-height: 926px; text-align: center; padding-top: 50%; }
.buttons a { display: inline-block; border: 1px solid #718287; color: #718287 !important; padding: 15px 80px; font-size: 14px; text-decoration: none; border-radius: 30px; margin-top: 20px; }
.buttons { display: block; padding: 50px; }
.bg_1 a { height: 100%; display: inline-block; text-decoration: none; }
.bg_2 a { height: 100%; display: inline-block; text-decoration: none; }
.bg_3 a { height: 100%; display: inline-block; text-decoration: none; }
.bg_4 a { height: 100%; display: inline-block; text-decoration: none; }
.sidebar .pagelink5 a { font-size: 12px; border-radius: 20px; border: 1px solid #718287; color: #718287; padding: 7px 20px; margin-top: 20px; margin-bottom: 20px; display: inline-block; }
.sidebar .pagelink5 a:hover { color: #718287; cursor: pointer; }
/* page 2 */
#lang_button { color: #718287; }
.page2_bg { background: url(../images/home-bg.jpg) top center no-repeat; background-size: 100%; }
.lag_btn { padding: 20px; }
.lag_btn a { font-size: 12px; display: inline-block; border: 1px solid #718287; color: #718287; padding: 8px 24px; text-decoration: none; border-radius: 30px; }
.welcome-content { text-align: center; padding-top: 10%; }
.welcome-content h1 { font-family: 'GE SS Text'; color: #718287; text-transform: uppercase; font-size: 24px; line-height: 32px; }
.welcome-content p { padding: 20px 50px; font-size: 16px; line-height: 20px; color: #718287; }
.metall { background: url(../images/Metall.png) top center no-repeat; padding-top: 40%; padding-bottom: 10%; background-size: 100%; margin-top: 30%; text-align: center; }
.metall p { color: #718287; font-size: 14px; padding-bottom: 5px; }
.metall img { width: 26px; }
/* page 3 */
.menu_pg { padding: 20px; }
.page3 { min-height: 926px; text-align: right; }
.menu_pg h1 { color: #ccc; font-size: 84px; font-weight: 300; text-align: right; }
.bg_1 { background: url(../images/MM_Breakfast.png) top center no-repeat; background-size: 100%; height: 140px; }
.bg_3 { background: url(../images/MM_appetizers.png) top center no-repeat; background-size: 100%; height: 292px; }
.bg_1 h4 { font-size: 30px; color: #fff; padding: 10px; font-weight: 300; }
.bg_3 h4 { color: #fff; padding: 10px; font-size: 44px; font-weight: 300; line-height: 50px; }
.bg_2 { background: url(../images/MM_Salad.png) top center no-repeat; background-size: cover; height: 148px; border-radius: 6px; }
.bg_2 h4 { font-size: 30px; color: #718287; padding: 10px; font-weight: 300; }
.box2 { width: 48%; float: right; }
.pasta_text h2 { writing-mode: vertical-rl; transform: rotate(-180deg); font-size: 49px; font-weight: 300; color: #718287; top: 15px; position: relative; left: -18px; }
.bg_4 { display: inline-block; margin-top: 15px; }
.arrow { text-align: center; padding-top: 20px; }
.pasta_text h2 a { color: #718287; }
/* page4 */
.page4 { min-height: 926px; text-align: right; }
.bg_5 { background: url(../images/MM_Beef_burger.png) top center no-repeat; background-size: cover; height: 362px; border-radius: 6px; width: 100%; }
.bg_5 h4 { color: #fff; padding: 10px; font-size: 40px; font-weight: 300; line-height: 50px; }
.bg_6 { margin-top: 15px; background: url(../images/MM_Chicken_burger.png) top center no-repeat; background-size: cover; height: 324px; border-radius: 6px; color: #fff; padding: 10px; }
.bg_7 { margin-top: 15px; background: url(../images/MM_Vegan_fish_burger.png) top center no-repeat; background-size: cover; height: 324px; border-radius: 6px; color: #fff; padding: 10px; }
.bg_5a { writing-mode: vertical-rl; transform: rotate(-180deg); background: #FF6C00; color: #fff; width: 76px; height: 362px; display: inline-block; border-radius: 6px; }
.bg_5a h4 { font-size: 60px; font-weight: 300; vertical-align: middle; top: 100px; left: 8px; position: absolute; }
.bg_8 { background: url(../images/MM_cheesecake.png) top center no-repeat; background-size: cover; height: 204px; border-radius: 6px; padding: 10px; }
.bg_8 h4 { font-size: 40px; color: #fff; font-weight: 300; }
.bg_9 { background: url(../images/MM_Crepe.png) top center no-repeat; background-size: 100%; height: 190px; border-radius: 6px; padding: 10px; margin-top: 15px; }
.bg_9 h4 { font-size: 40px; color: #fff; font-weight: 300; }
.bg_10 { background: url(../images/MM_Smoothie.png) top center no-repeat; background-size: 100%; height: 127px; border-radius: 6px; padding: 10px; margin-top: 15px; }
.bg_10 h4 { font-size: 20px; color: #fff; }
.bg_11 { background: url(../images/MM_Ice_cream.png) top center no-repeat; background-size: 100%; height: 206px; border-radius: 6px; padding: 10px; margin-top: 15px; }
.bg_11 h4 { font-size: 40px; color: #fff; font-weight: 300; }
.bg_12 { background: url(../images/MM_Milkshake.png) top center no-repeat; background-size: 100%; height: 102px; border-radius: 6px; padding: 10px; margin-top: 15px; }
.bg_12 h4 { font-size: 24px; color: #fff; }
.nw { display: inline-block; width: 190px; float: right; }
.bg_13 { background: url(../images/MM_Drinks.png) top center no-repeat; background-size: cover; height: 136px; border-radius: 6px; padding: 10px; width: 100px; float: right; }
.bg_13 h4 { writing-mode: vertical-rl; transform: rotate(-180deg); color: #718287; width: 76px; height: 100px; display: inline-block; border-radius: 6px; }
.bg_5 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; }
.bg_11 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; }
.bg_10 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; }
.bg_12 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; }
.bg_13 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; }
.drink-b { margin-top: 15px; }
.drink-b a { display: inline-block; color: #718287; writing-mode: vertical-rl; transform: rotate(-180deg); font-size: 33px; font-weight: lighter; padding-bottom: 20px; }
.new1 { display: inline-block; }
.page5 { text-align: right; }
.page5 h1 { font-size: 64px; }
/*page6*/
.page6 { background: #333; min-height: 926px; }
.sidebar { background: #fff; padding: 20px; width: 320px; min-height: 926px; box-shadow: 0px 0px 1px #000; text-align: right; float: right; }
.sidebar h2 { font-size: 40px; color: #ccc; font-weight: 300; }
.sidebar ul { margin: 0px 0px 20px 0px; padding: 0px; }
.sidebar ul li { list-style: none; display: block; }
.sidebar ul li a { font-size: 16px; font-weight: 500; color: #718287; text-decoration: none; line-height: 25px; }
.bg_6 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; color: #fff; }
.sidebar .arrow { text-align: center; }
.bg_6 h4 { font-size: 40px; font-weight: 300; }
/*page7*/
.page7 { background: url(../images/Menu_Breakfast.jpg) top center no-repeat; background-size: cover; min-height: 926px; text-align: right; }
.page7 .lag_btn a { color: #fff !important; border-color: #fff; height: 32px; }
.cont_page7 { color: #fff; }
.cont_page7 h2 { font-size: 54px; font-weight: lighter; text-transform: uppercase; color: #fff; }
.cont_page7 h4 { color: #fff; font-size: 20px; font-weight: bold; }
.cont_page7 h3 { color: #fff; font-weight: bold; font-size: 24px; padding-bottom: 15px; }
.cont_page7 a { padding: 6px 21px; background: #FF6C00; color: #fff; text-decoration: none; border-radius: 25px; margin-top: 20px; display: inline-block; font-size: 15px; }
.bg_7 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; color: #fff; }
.bg_7 h4 { font-size: 40px; font-weight: 300; }
/* page8 */
.page8 .strip1 { width: 288px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -110px; }
.page8 .strip2 { width: 239px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -110px; }
.page8 .strip3 { width: 211px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -110px; }
.page8 .strip4 { width: 267px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -113px; }
.page8 .strip5 { width: 271px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -108px; }
.page8 .strip6 { width: 220px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -111px; }
.page8 .strip7 { width: 277px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -113px; }
.page8 .strip8 { width: 272px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -112px; }
.page8 { background: url(../images/DRINKS_BACK.jpg) top center no-repeat; background-size: cover; min-height: 926px; text-align: right; }
.page8 .lag_btn a { color: #fff; border-color: #fff; }
.cont_page7 h5 { color: #FF6C00; text-align: left; font-size: 12px; }
.bg_8 a { height: 100%; display: inline-block; text-decoration: none; width: 100%; color: #fff; }
/* page9 */
.page9 { background: url(../images/Menu_SHRIMPS.jpg) top center no-repeat; background-size: cover; min-height: 926px; text-align: right; }
.page9 .lag_btn a { color: #fff; border-color: #fff; }
.page9 h2 { font-size: 98px; color: #fff; font-weight: lighter; }
.page9 h3 { font-size: 24px; color: #fff; line-height: 28px; font-weight: bold; }
.page9 span { font-weight: bold; color: #fff; }
.page9 h4 { font-weight: bold; color: #FF6C00; }
.page9 a { color: #fff; text-decoration: none; }
/* page10 */
.page10 { background-color: #262628; min-height: 926px; position: fixed; z-index: 5; top: 0; width: 100%; }
/* page11 */
.page11 { min-height: 926px; text-align: right; }
.page11 h1 { font-size: 42px; color: #718287; }
.page11 img { width: 100%; }
.page11 h4 { font-size: 20px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.cre span { font-size: 14px; display: inline-block; float: right; }
.cre h5 { font-size: 14px; color: #FF6C00; text-align: left; }
.page11 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page11 .cre { position: relative; }
.page11 p { height: 65px; }
.page11 .strip1 { width: 97px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 13px; left: 37px; }
.page11 .strip2 { width: 101px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 10px; left: 36px; }
/* page12 */
.page12 { text-align: right; }
.page12 h1 { font-size: 42px; color: #718287; }
.page12 h5 { font-size: 16px; color: #FF6C00; display: inline-block; width: 75px; text-align: right; }
.page12 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.page12 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page12 p { height: 52px; }
/* page13 */
.page13 { text-align: right; }
.page13 h1 { font-size: 42px; color: #718287; }
.page13 h5 { font-size: 16px; color: #FF6C00; display: inline-block; width: 154px; text-align: left; }
.page13 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.page13 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
/* page14 */
.page14 { background: url(../images/SALADS_BACKGROUD.png) top center no-repeat; background-size: cover; min-height: 926px; text-align: right; }
.page14 .lag_btn a { color: #fff !important; border-color: #fff; padding: 8px 24px; }
.page14 h2 { font-size: 98px; color: #fff; font-weight: lighter; }
.page14 h3 { font-size: 24px; color: #fff; line-height: 35px; text-align: right; }
.page14 p { color: #fff; text-align: right; }
.page14 h4 { font-weight: bold; color: #FF6C00; font-size: 30px; text-align: right; }
.page14 a { color: #fff; text-decoration: none; font-size: 14px; }
/* page15 */
.page15 { text-align: right; }
.page15 h1 { font-size: 42px; color: #718287; }
.page15 h5 { font-size: 16px; color: #FF6C00; display: inline-block; width: 154px; text-align: left; margin-bottom: 30px; }
.page15 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.page15 .arrow a { color: #718287; text-decoration: none; }
.page15 p { height: 70px; }
/* page16 */
.page16 { background: url(../images/PASTA_IMAGE.png) top center no-repeat; background-size: cover; min-height: 926px; text-align: right; }
.page16 .lag_btn a { color: #fff; border-color: #fff; }
.page16 h2 { font-size: 100px; color: #fff; font-weight: lighter; }
.page16 h3 { font-size: 20px; color: #fff; line-height: 24px; font-weight: bold; text-align: right; }
.page16 p { color: #fff; text-align: right; }
.page16 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page16 a { color: #fff; text-decoration: none; }
/* page17 */
.page17 { min-height: 926px; text-align: right; }
.page17 h2 { font-size: 20px; color: #4FB2BA; margin-top: 20px; font-weight: 500; text-transform: capitalize !important; }
.page17 h4 { color: #262628; }
.page17 .strip1 { width: 245px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -87px; }
.page17 .strip2 { width: 270px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -96px; }
.page17 .strip3 { width: 285px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -98px; }
.page17 .strip4 { width: 219px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -45px; }
.page17 .strip5 { width: 178px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -44px; }
.page17 .strip6 { width: 195px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -47px; }
.page17 .strip7 { width: 157px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -42px; }
.page17 .strip8 { width: 248px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -100px; }
.page17 .strip9 { width: 205px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -101px; }
.page17 .strip10 { width: 203px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -100px; }
.page17 .strip11 { width: 200px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -100px; }
.page17 .strip12 { width: 192px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -101px; }
.page17 .strip13 { width: 227px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: -101px; }
/* page18 */
.page18 { background-color: #FFF4E9; min-height: 926px; text-align: right; }
.page18 h2 { font-size: 94px; color: #fff; font-weight: lighter; }
.page18 h3 { font-size: 45px; color: #fff; line-height: 45px; text-align: right; }
.page18 p { color: #fff; text-align: right; width: 200px; float: right; }
.page18 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page18 .steark_bg { padding-top: 90%; text-align: right; }
.page18 .steak { background: url(../images/Menu_Steak_Tenderloin.png) top center no-repeat; padding: 35px; height: 794px; }
.page18 .steak h2 { font-size: 120px; font-weight: 500; }
/* page19 */
.page19 { background-color: #FFF4E9; min-height: 926px; text-align: right; }
.page19 h2 { font-size: 94px; color: #fff; font-weight: lighter; }
.page19 h3 { font-size: 45px; color: #fff; line-height: 53px; text-align: right; }
.page19 p { color: #fff; text-align: right; width: 240px; display: inline-block; }
.page19 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page19 .steark_bg { padding-top: 140%; }
.page19 .steak { background: url(../images/Menu_Steak_Ribeye.png) top center no-repeat; padding: 35px; height: 794px; }
.page19 .steak h2 { font-size: 135px; font-weight: 500; }
/* page20 */
.page20 h2 { font-size: 100px; }
.page20 { background: url(../images/BTM_button.png) top center no-repeat; min-height: 926px; background-size: cover; text-align: right; }
.page20 .lag_btn a { color: #fff; border-color: #fff; }
.page20 .arrow a { color: #fff; text-decoration: none; background: none; }
.page20 h3 { padding-top: 80%; }
.page20 .lag_btn a { color: #fff !important; }
.page20 p { width: 140px; padding-bottom: 10px; }
.page20 h4 { font-size: 12px; }
/* page21 */
.page21 { text-align: right; }
.page21 .strip1 { width: 88px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: 42px; }
.page21 h1 { font-size: 42px; color: #718287; }
.page21 h5 { font-size: 14px; color: #FF6C00; font-weight: 600; padding-top: 5px; margin-bottom: 0px; }
.page21 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.page21 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page21 span { font-size: 12px; color: #ff6c00; }
.page21 .cre span { color: #262628; font-weight: 600; }
.page21 p { height: 104px; }
/* page22 */
.page22 { background: url(../images/Burger_3_image.png) top center no-repeat; min-height: 926px; background-size: cover; text-align: right; }
.page22 .lag_btn a { color: #fff; border-color: #fff; }
.page22 .arrow a { color: #fff; text-decoration: none; background: none; }
.page22 .cont_page7 h2 { font-size: 37px; padding-bottom: 20px; text-align: center; }
.page22 .lag_btn a { color: #fff !important; }
.page22 h3 { font-size: 16px; padding-bottom: 5px; }
.page22 h4 { font-size: 14px; }
.page22 h5 { font-size: 14px; font-weight: 600; }
.page22 p { padding-bottom: 10px; }
/* page23 */
.page23 .strip1 { width: 293px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -162px; }
.page23 .strip2 { width: 281px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -161px; }
.page23 .strip3 { width: 279px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -162px; }
.page23 .strip4 { width: 267px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -164px; }
.page23 .strip5 { width: 255px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -165px; }
.page23 { background: #FF6C00; min-height: 926px; text-align: right; }
.page23 h2 { font-size: 16px; color: #4FB2BA; margin-top: 30px; }
.page23 h4 { color: #fff; font-size: 16px; line-height: 24px; }
.page23 h5 { color: #fff; font-size: 16px; text-align: left; }
.page23 h1 { color: #fff; text-align: center; font-size: 60px; }
/* page24 */
.page24 .strip1 { width: 127px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -94px; }
.page24 { background: #FF6C00; text-align: right; }
.page24 h2 { font-size: 16px; color: #4FB2BA; margin-top: 30px; }
.page24 h4 { color: #fff; font-size: 16px; line-height: 24px; }
.page24 h5 { color: #fff; font-size: 16px; text-align: left; }
.page24 h1 { color: #fff; text-align: center; font-size: 75px; font-weight: bold; }
.page24 h3 { color: #fff; font-size: 40px; font-weight: lighter; }
/* page25 */
.page25 { text-align: right; }
.page25 .strip1 { width: 84px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: 49px; }
.page25 .strip2 { width: 195px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -95px; }
.page25 .strip3 { width: 212px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -98px; }
.page25 .strip4 { width: 239px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -96px; }
.page25 h1 { font-size: 42px; color: #718287; }
.page25 h5 { font-size: 14px; color: #FF6C00; font-weight: 600; padding-top: 5px; margin-bottom: 0px; }
.page25 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 10px; }
.page25 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page25 span { font-size: 12px; color: #ff6c00; }
.extra h3 { color: #FF6C00; font-size: 24px; font-weight: bold; }
.extra2 h3 { color: #20D508; font-size: 24px; font-weight: bold; }
.buttons_bx a { background: #FF6C00; padding: 10px 25px; display: inline-block; color: #fff; text-decoration: none; margin-bottom: 10px; border-radius: 35px; }
.page25 p { height: 75px; }
.page25 .cre span { font-size: 14px; color: #262628; font-weight: 600; }
.page25 .extra h4 { font-size: 14px; }
.extra2 { padding-top: 15px; }
.extra2 h4 { font-size: 14px; padding-top: 0px; }
/* page26 */
.page26 { text-align: right; }
.page26 .strip1 { width: 88px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 15px; left: 38px; }
.page26 h1 { font-size: 42px; color: #718287; }
.page26 h5 { font-size: 16px; color: #FF6C00; }
.page26 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 10px; }
.page26 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page26 span { font-size: 12px; color: #ff6c00; }
.extra h3 { color: #FF6C00; font-size: 24px; font-weight: bold; padding-top: 30px; }
.extra2 h3 { color: #20D508; font-size: 24px; font-weight: bold; }
.buttons_bx a { background: #FF6C00; padding: 10px 25px; display: inline-block; color: #fff; text-decoration: none; margin-bottom: 10px; border-radius: 35px; }
.page26 .cre span { font-size: 12px; color: #262628; font-weight: 600; }
.page26 h5 { font-size: 14px; color: #FF6C00; font-weight: 600; padding-top: 5px; margin-bottom: 0px; }
/* page27 */
.page27 { text-align: right; }
.page27 h1 { font-size: 36px; color: #718287; }
.page27 h5 { font-size: 16px; color: #FF6C00; display: inline-block; width: 100px; text-align: right; }
.page27 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 10px; }
.page27 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page27 span { font-size: 15px; font-weight: bold; color: #ff6c00; }
.buttons_bx a { width: 165px; background: #FF6C00; padding: 5px 25px; display: inline-block; color: #fff; text-decoration: none; margin-bottom: 10px; border-radius: 35px; }
.buttons_bx { padding-top: 30px; }
.page27 .cre h5 { font-size: 24px; color: #FF6C00; font-weight: bold; padding-top: 20px; }
/* page28 */
.page28 { background-color: #FFF4E9; min-height: 926px; text-align: right; }
.page28 h2 { font-size: 94px; color: #ff6c00; font-weight: bold }
.page28 h3 { font-size: 24px; color: #718287; line-height: 35px; font-weight: bold; text-align: right; }
.page28 p { color: #fff; text-align: right; }
.page28 h4 { font-weight: bold; color: #FF6C00; font-size: 30px; text-align: right; }
.page28 .steak { padding-top: 0% }
.steak { background: url(../images/Menu_Cheesecake.png) top center no-repeat; padding: 35px; height: 794px; }
.page28 .steak h2 { font-size: 80px; font-weight: 600; padding-top: 20px; }
/* page29 */
.page29 { background: url(../images/Pistachio\ Kunafa\ Crepe.png) top center no-repeat; background-size: cover; min-height: 926px; text-align: right; }
.page29 .lag_btn a { color: #fff; border-color: #fff; }
.page29 h2 { font-size: 120px; color: #fff; font-weight: lighter; }
.page29 h3 { font-size: 24px; color: #fff; line-height: 35px; font-weight: bold; text-align: right; }
.page29 p { color: #fff; text-align: right; }
.page29 h4 { font-weight: bold; color: #fff; font-size: 30px; text-align: right; }
.page29 a { color: #fff; text-decoration: none; }
/* page30 */
.page30 { text-align: right; }
.page30 h1 { font-size: 50px; color: #718287; }
.page30 h5 { font-size: 16px; color: #FF6C00; display: inline-block; width: 154px; text-align: right; }
.page30 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.page30 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
.page30 p { height: 52px; }
/* page31 */
.page31 { background-color: #FFF4E9; min-height: 926px; text-align: right; }
.page31 h2 { font-size: 94px; color: #fff; font-weight: lighter; }
.page31 h3 { font-size: 30px; color: #fff; line-height: 35px; font-weight: bold; text-align: right; }
.page31 p { color: #fff; text-align: right; }
.page31 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page31 .steark_bg { padding-top: 90%; }
.page31 .steak { background: url(../images/Menu_WAFFELE.png) top center no-repeat; padding: 35px; height: 794px; }
.page31 .steak h2 { font-size: 100px; font-weight: 500; }
/* page32 */
.page32 { text-align: right; }
.page32 .lag_btn a { color: #fff; border-color: #fff; }
.page32 .lag_btn a:hover { color: #fff; }
.page32 h2 { font-size: 100px; color: #fff; font-weight: 500; line-height: 100px; padding-bottom: 120px; }
.page32 h3 { font-size: 24px; color: #FF6C00; line-height: 35px; font-weight: bold; text-align: center; }
.page32 p { color: #fff; text-align: right; }
.page32 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page32 .steark_bg { padding-top: 90%; }
.page32 { background: url(../images/BACK.png) top center no-repeat; background-size: 100%; height: 794px; }
.page32 .steak h2 { font-size: 90px; font-weight: 500; }
.page32 span { color: #718287; font-weight: 600; font-size: 14px; }
/* page33 */
.page33 { background-color: #FFF4E9; min-height: 926px; text-align: right; }
.page33 h2 { font-size: 45px; color: #fff; font-weight: lighter; }
.page33 h3 { font-size: 24px; color: #fff; line-height: 25px; font-weight: bold; text-align: right; }
.page33 p { color: #fff; text-align: right; margin-bottom: 0px; }
.page33 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.steark_bg { padding-top: 90%; }
.page33 .steak2 { background: url(../images/Menu_Smoothies_mint.png) top center no-repeat; padding: 35px; height: 360px; }
.page33 .steak { background: url(../images/Menu_Smoothies_berry.png) top center no-repeat; padding: 35px; height: 360px; margin-bottom: 15px; }
.page33 .steak h2 { font-size: 60px; font-weight: 500; }
/* page34 */
.page34 { text-align: right; }
.page34 .lag_btn a { color: #fff; border-color: #fff; }
.page34 .lag_btn a:hover { color: #fff; }
.page34 h2 { font-size: 100px; color: #fff; font-weight: lighter; }
.page34 h3 { font-size: 30px; color: #ffffff; line-height: 35px; font-weight: bold; text-align: right; }
.page34 p { color: #fff; text-align: right; }
.page34 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page34 { background: url(../images/Menu_Milkshake.png) top center no-repeat; background-size: 100%; height: 794px; }
.page34 .steak h2 { font-size: 90px; font-weight: 500; }
.page34 span { color: #fff; font-size: 25px; }
/* page35 */
.page35 { text-align: right; }
.page35 h1 { font-size: 50px; color: #718287; }
.page35 h5 { font-size: 16px; color: #FF6C00; display: inline-block; width: 154px; text-align: right; }
.page35 h4 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #262628; padding-top: 8px; }
.page35 .arrow a { color: #718287; text-decoration: none; line-height: 30px; }
/* page36 */

.page36 .lag_btn a { color: #fff; border-color: #fff; }
.page36 .lag_btn a:hover { color: #fff; }
.page36 h2 { font-size: 84px; color: #fff; line-height: 90px; }
.page36 h3 { font-size: 50px; color: #ffffff; line-height: 60px; font-weight: bold; text-align: right; }
.page36 p { color: #fff; text-align: left; }
.page36 h4 { font-weight: bold; color: #FF6C00; font-size: 38px; text-align: right; }
.page36 { background: url(../images/free-water.png) top center no-repeat; background-size: 100%; height: 794px; text-align: right; }
.page36 .steak h2 { font-size: 90px; font-weight: 500; }
.page36 span { color: #fff; font-size: 25px; }
/* page38 */
.page38 .strip1 { width: 120px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 38px; left: -65px; }
.page38 .strip2 { width: 146px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 38px; left: -63px; }
.page38 .strip3 { width: 143px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 38px; left: -65px; }
.page38 .strip4 { width: 163px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 38px; left: -66px; }
.page38 h1 { color: #718287; font-size: 50px; }
.page38 { min-height: 926px; text-align: right; }
.page38 h2 { font-size: 16px; color: #4FB2BA; margin-top: 30px; }
.page38 h4 { color: #262628; padding-top: 25px; font-size: 16px; }
.page38 h5 { padding-top: 25px; font-size: 16px; color: #FF6C00; text-align: left; }
.page38 .arrow a { color: #262628; text-decoration: none; }
/* page39 */

.page39 .strip1 { width: 115px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -71px; }
.page39 .strip2 { width: 141px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -72px; }
.page39 .strip3 { width: 176px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -72px; }
.page39 .strip4 { width: 207px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -72px; }
.page39 .strip5 { width: 142px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -69px; }
.page39 .strip6 { width: 181px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -69px; }
.page39 .strip7 { width: 172px; background-image: radial-gradient(1px at center, #000 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 40px; left: -74px; }
.page39 h1 { color: #718287; font-size: 50px; }
.page39 { min-height: 926px; text-align: right; }
.page39 h2 { font-size: 16px; color: #4FB2BA; margin-top: 30px; }
.page39 h4 { color: #262628; padding-top: 25px; font-size: 16px; }
.page39 h5 { padding-top: 25px; font-size: 16px; color: #FF6C00; text-align: left; }
.page39 .arrow a { color: #262628; text-decoration: none; }
/* page40 */

.page40 .strip1 { width: 288px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -110px; }
.page40 .strip2 { width: 239px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -110px; }
.page40 .strip3 { width: 211px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -110px; }
.page40 .strip4 { width: 267px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -113px; }
.page40 .strip5 { width: 271px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -108px; }
.page40 .strip6 { width: 220px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -111px; }
.page40 .strip7 { width: 277px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -113px; }
.page40 .strip8 { width: 272px; background-image: radial-gradient(1px at center, rgb(255, 255, 255) 2px, transparent 2px), radial-gradient(1px at center, #000 2px, transparent 2px); background-size: 4px; height: 1px; position: relative; top: 12px; left: -112px; }
.page40 .lag_btn a:hover { color: #fff; }
.page40 { text-align: right; }
.page40 h5 { font-size: 14px; font-weight: 600; }
#home { padding: 10px; margin: 20px; border: 1px solid black; border-radius: 10px; width: 70px; }
.panel { padding: 10px; margin: 20px; border: 1px solid black; display: none; }
.download-bg { background: url(../images/download-bg.jpg) top center no-repeat; background-size: cover; min-height: 926px; text-align: center; padding-top: 100px; padding-right: 30px; padding-left: 30px; }
.download-bg h2 { font-size: 32px; color: #718287; }
 @media (max-width: 428px) {
.container { width: 100%; }
.page24 { background: #FF6C00; position: fixed; z-index: 2; top: 0; height: 100%; width: 100%; left: 0; }
.page24 .arrow { padding-top: 90% !important; }
.page23 { background: #FF6C00; position: fixed; z-index: 2; top: 0; height: 100%; width: 100%; left: 0; }
.page23 .arrow { padding-top: 0% !important; }
}
 @media (max-width: 415px) {
.page25 p { height: auto; }
.page11 p { height: 80px; }
.page11 .strip1 { width: 91px; }
.page11 .strip2 { width: 94px; }
.page8 .strip1 { width: 275px; }
.page8 .strip2 { width: 228px; }
.page8 .strip3 { width: 204px; }
.page8 .strip4 { width: 257px; }
.page8 .strip5 { width: 260px; }
.page8 .strip6 { width: 208px; }
.page8 .strip7 { width: 268px; }
.page8 .strip8 { width: 263px; }
.page17 .strip1 { width: 240px; }
.page17 .strip2 { width: 257px; }
.page17 .strip3 { width: 271px; }
.page17 .strip4 { width: 207px; }
.page17 .strip5 { width: 168px; }
.page17 .strip6 { width: 185px; }
.page17 .strip7 { width: 144px; }
.page17 .strip8 { width: 236px; }
.page17 .strip9 { width: 191px; }
.page17 .strip10 { width: 197px; }
.page17 .strip11 { width: 188px; }
.page17 .strip12 { width: 180px; }
.page17 .strip13 { width: 216px; }
.page21 .strip1 { width: 84px; }
.page25 .strip1 { width: 69px; left: 38px; }
.page25 .strip2 { width: 178px; left: -89px; }
.page25 .strip3 { width: 195px; left: -93px; }
.page25 .strip4 { width: 225px; left: -94px; }
.page26 .strip1 { width: 81px; }
.page38 .strip1 { width: 112px; }
.page38 .strip2 { width: 138px; }
.page38 .strip3 { width: 135px; }
.page38 .strip4 { width: 156px; }
.page39 .strip1 { width: 112px; }
.page39 .strip2 { width: 131px; }
.page39 .strip3 { width: 167px; }
.page39 .strip4 { width: 199px; }
.page39 .strip5 { width: 134px; }
.page39 .strip6 { width: 173px; }
.page39 .strip7 { width: 167px; }
.page40 .strip1 { width: 264px; left: -98px; }
.page40 .strip2 { width: 217px; left: -97px; }
.page40 .strip3 { width: 192px; left: -98px; }
.page40 .strip4 { width: 244px; left: -98px; }
.page40 .strip5 { width: 249px; left: -98px; }
.page40 .strip6 { width: 193px; left: -98px; }
.page40 .strip7 { width: 256px; left: -102px; }
.page40 .strip8 { width: 250px; left: -101px; }
.menu_pg h1 { font-size: 64px; }
}
 @media (max-width: 375px) {
.cre h5 { width: 105px; }
}
 @media (max-width: 360px) {
.menu_pg h1 { font-size: 54px; }
.page14 h2 { font-size: 80px; }
.page29 h2 { font-size: 80px; }
.page36 h2 { font-size: 90px; }
.page18 .steak h2 { font-size: 100px; }
.bg_9 h4 { font-size: 32px; }
.bg_3 h4 { font-size: 38px; }
}