body {
			margin: 0px;
			background-color: #090101;
			overflow-x: hidden;
			font-family: "segoe-ui", sans-serif;
			font-weight: 400;
			font-style: normal;
			background-image: url("/image/1920/Sand.png");
			background-size: contain;
			background-repeat: repeat;
			background-position: center;
		}
		
		header {
			width: 100vw;
			background-color: unset !important;
			height: unset;
			box-shadow: unset;
			position: unset;
			text-align: unset;
		}
		
		* {
			background-repeat: no-repeat;
		}
		
		.class {
			width: 100vw;
			height: 100vh;
		}
		
		.main {
			position: relative;
			text-align: center;
		}

		.article {
			background-color: unset !important;
		}
		
		.sized {
			max-width: 1290px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			display: inline-block;
			margin-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
    		width: 100%;
		}
		
		.wood {
			background-image: url("/image/1920/Wood.png");
			height: 127px;
			width: 100vw;
			background-repeat: repeat-x;
			background-size: contain;
			position: absolute;
			display: inline-block;
			left: 0px;
		}
		
		.logo {
			width: 176px;
			height: 87px;
			background-image: url("/image/1920/Logo.png");
			background-size: contain;
			margin-top: 10px;
		}
		
		.bagelsandwich {
			width: 130px;
			height: 130px;
			background-image: url("/image/1920/Bagel.png");
			background-size: contain;
			position: absolute;
			right: 0px;
			top: 5px;
			z-index: 20;
		}
		
		.bannerbar {
			position: absolute;
			top: 127px;
			width: 100vw;
			background-image: url("/image/1920/BackBar.png");
			background-repeat: repeat-x;
			height: 25px;
			background-size: contain;
		}
		
		nav {
			width: 100%;
			position: relative;
			display: inline-block;
			background-image: url("/image/1920/NavBar.png");
			background-size: contain;
			background-repeat: repeat-x;
			box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.25);
			height: 44px;
			margin-top: 5px;
			right: unset;
			top: unset;
			line-height: unset;
			font-size: unset;
			color: unset;
		}
		
		nav .bagel {
			background-image: url("/image/1920/Dot.png");
			width: 30px;
			height: 30px;
			background-size: contain;
			position: absolute;
			left: 10px;
			top: 10px;
		}
		
		nav .bagel.right {
			left: unset;
			right: 10px;
			top: 10px;
			font-family: "museo", serif;
			font-weight: 700;
			font-style: normal;
			color: #FFF;
		}
		
		.center {
			text-align: center;
		}
		
		nav a {
			text-decoration: none;
			position: relative;
			display: inline-block;
			font-family: "museo", serif;
			font-weight: 700;
			font-style: normal;
			color: #FFF;
			transition: 0.5s;
			margin-left: 20px;
			margin-right: 20px;
			line-height: 44px;
    		font-size: 14px;
			line-height: normal;  
			margin: 0 32px;
		}
		
		nav a:hover {
			color: #FBC362;
		}
		
		nav .vr {
			background-image: url("/image/1920/NavVr.png");
			width: 10px;
			height: 44px;
			position: relative;
			display: inline-block;
			background-size: contain;
			background-position: center;
		  	align-self: center;
		}
		
		nav .center {
		  display: flex;
		  align-items: center;  
		  justify-content: center;
		  height: 44px;
		}
		
		.review {
			position: absolute;
			right: 108px;
			background-image: url("/image/1920/Banner.png");
			width: 207px;
			height: 40px;
			top: 75px;
			background-size: contain;
			background-position: top center;
			z-index: 15;    
			color: #770909;
    		font-size: 11px;
			text-align: center;
			font-family: "museo", serif;
			font-weight: 700;
			font-style: normal;
		}
		
		.review .contents {
    		line-height: 27px;
		}
		
		.slidebar {
			width: 100vw;
			height: 559px;
			background-image: url("/image/1920/Concrete.png");
			position: absolute;
			top: 152px;
			background-size: cover;
			background-position: center center;
		}
		
		.stars {
			display: flex;
			align-items: center;
			gap: 2px;
			font-size: 8px;
			font-family: "museo", serif;
			font-weight: 700;
			font-style: normal;
			color: #FFDC64;
			margin-left: 44px;
			margin-top: 3px;
		}

		.star {
		  width: 9px;
		  height: 9px;
		  background-image: url("/image/1920/Star.png");
		  background-size: contain;
		  background-repeat: no-repeat;
		}
		
		.slider {
			width: 100%;
			height: 645px;
			position: relative;
		}
		
		.slider .previous {
			background-image: url("/image/1920/Previous.png");
			position: absolute;
			left: -22px;
			width: 22px;
			height: 100%;
			top: 0px;
			background-position: center;
			cursor: pointer;
			background-size: contain;
		}
		
		.slider .next {
			background-image: url("/image/1920/Next.png");
			position: absolute;
			right: -22px;
			width: 22px;
			height: 100%;
			top: 0px;
			background-position: center;
			cursor: pointer;
			background-size: contain;
		}
		
		.slider .navigation {
			width: 100%;
			height: 35px;
			background-image: url("/image/1920/SlideShow.png");
			background-size: contain;
			bottom: -17.5px;
			background-position: center center;
			position: absolute;
			z-index: 15;
			text-align: center;
		}
		
		.slide {
			width: 100%;
			height: 645px;
			box-shadow:  0px 3px 30px rgba(0, 0, 0, 0.81);
    		position: relative;
		}
		
		.slide1 {
			background-image: url("/image/1920/Slide1.png");
			background-size: cover;
			background-position: center;
		}
		
		.slide .title {
			color: #FAFAFA;
			position: absolute;
			top: 10px;
			left: 20px;
			font-size: 27px;
			font-weight: bold;
		}
		
		.slide .subtitle {
			left: 15px;
			top: 70px;
			font-size: 80px;
			position: absolute;
			color: #FBC362;
			font-family: "pinecone-mvb-rough2", sans-serif;
			font-weight: normal;
			font-style: normal;
			letter-spacing: -6px;
			line-height: 66px;
			text-align: left;
		}
		
		.slider .navigation .dot {
			position: relative;
			width: 16px;
			height: 16px;
			border-radius: 12px;
			background-color: #86180E;
			display: inline-block;
			cursor: pointer;
			transition: 0.5s;
			margin-top: 10px;
		}
		
		.slider .navigation .dot:hover {
			background-color: #FBC362;
		}
		
		.slider .navigation .dot.selected {
			background-color: #CB2617;
			cursor: unset;
		}
		
		.slider .navigation .dot.selected:hover {
			background-color: #CB2617;
			cursor: unset;
		}
		
		.grid {
			display: grid;
			grid-template-columns: auto;
		}
		
		.grid.two {
			grid-template-columns: 50% 50%;
		}
		
		.grid.three {
			grid-template-columns: 30% 30% 30%;
			column-gap: 50px;
		}
		
		.grid.three-seperated {
			grid-template-columns: 30% 5% 30% 5% 30%;
			column-gap: 0px;
		}

		.vr {
			background-image: url("/image/1920/Vr.png");
			width: 10px;
			height: 100%;
			background-size: contain;
			background-position: center;
		}
		
		.grid.aside {
			grid-template-columns: auto 350px;
			column-gap: 50px;
		}
		
		.breakfast {
			background-image: url("/image/1920/Sandwich.png");
		}
		
		.bagels {
			background-image: url("/image/1920/Bagels.png");
		}
		
		.coffee {
			background-image: url("/image/1920/Coffee.png");
		}
		
		.article .header {
			position: relative;
			display: inline-block;
			font-weight: bold;
    		line-height: 75px;
		}
		
		.article .icon {
			position: absolute;
			display: inline-block;
			left: 0px;
			top: 0px;
			width: 75px;
			height: 75px;
			background-size: contain;
			background-position: center;
		}
		
		.article .title {
			position: relative;
			display: inline-block;
			font-size: 23px;
			margin-left: 95px;
			font-weight: bold;
		}
		
		.article {
			color: #EFEEEE;
			font-size: 16px;
			text-align: left;
		}
		
		.article .contents {
			 line-height: 22px;
			 margin-top: 20px;
			 padding-left: 10px;
			 padding-right: 10px;
			 margin-bottom: 20px;
		}
		
		.mt20 {
			margin-top: 20px;
			
		}

		.mt40 {
			margin-top: 40px;
		}

		.mb40 {
			margin-bottom: 40px;
		}

		.mt30 {
			margin-top: 30px;
		}

		.mb30 {
			margin-bottom: 30px;
		}
		
		.article .readmore {
			position: relative;
			display: inline-block;
			background-image: url("/image/1920/ReadMore.png");
			width: 1905px;
			height: 47px;
			background-size: contain;
			cursor: pointer;
			transition: 0.5s;
		}
		
		.article .readmore:hover {
			opacity: 0.8;	
		}

		.pod {
			color: #86180E;
			padding: 40px;
			font-size: 14px;
			line-height: 22px;;
			border-radius: 11px;
			background-color: #F5ECEC;
			box-shadow:  0px 3px 12px rgba(0, 0, 0, 0.62);
			text-align: left;
			position: relative;
			display: inline-block;
		}

		.bannerTitle {
			width: 200px;
			height: 90px;
			background-size: contain;
			position: absolute;
			left: -33px;
			top: 20px;
		}

		.bannerTitle.welcome {
			background-image: url("/image/1920/Welcome.png");
		}

		.bannerTitle.news {
			background-image: url("/image/1920/News.png");
		}

		.mt80 {
			margin-top: 80px;
		}
		.spacer {
			width: 100%;
			position: relative;
			display: inline-block;
			height: 32px;
			background-image: url("/image/1920/Hr.png");
			background-position: center;
		}

		.products {
			text-align: center;
		}

		.products .title {
			color: #86180E;
			font-size: 18px;
			font-family: "museo", serif;
			font-weight: 700;
			font-style: normal;
		}

		.products .image {
			width: 100%;
			height: 141px;
			background-size: cover;
			margin-top: 10px;
			margin-bottom: 10px;
			background-position: center;
			border-radius: 9px;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.62);
		}

		.products .image.breakfast {
			background-image: url("/image/1920/Breakfast.png");
		}

		.products .image.bageldog {
			background-image: url("/image/1920/HotDogs.png");
		}

		.products .image.pizzabagel {
			background-image: url("/image/1920/Pizza.png");
		}

		.products .subtitle {
			font-size: 12px;
			line-height: 12px;
			color: #86180E;
		}
		
		footer {
			width: 100%;
			background-image: url("/image/1920/Footer.png");
			background-repeat: repeat-x;
			background-size: contain;
			margin-top: 40px;
			padding-top: 20px;
			padding-bottom: 20px;
		}

		footer .title {
			color: #FBC362;
			font-size: 22px;
			font-family: "museo", serif;
			font-weight: 700;
			font-style: normal;
			text-align: left;
		}

		footer .iconinfo {
			display: grid;
			grid-template-columns: 60px auto;
			color: #FFFFFF;
			text-align: left;
			margin-top: 17px;
		}

		footer .iconinfo .icon {
			width: 35px;
			height: 35px;
			background-size: contain;
		}

		footer .iconinfo .icon.location {
			background-image: url("/image/1920/Location.png");
		}

		footer .iconinfo .icon.phone {
			background-image: url("/image/1920/Phone.png");
		}

		footer .iconinfo .icon.email {
			background-image: url("/image/1920/EMail.png");
		}

		footer .iconinfo .icon.open {
			background-image: url("/image/1920/Open.png");
		}

		footer .iconinfo .icon.facebook {
			background-image: url("/image/1920/Facebook.png");
		}

		footer .iconinfo .icon.twitter {
			background-image: url("/image/1920/Twitter.png");
		}

		footer .iconinfo .icon.instagram {
			background-image: url("/image/1920/Instagram.png");
		}

		footer .iconinfo .icon.linkedin {
			background-image: url("/image/1920/LinkedIn.png");
		}

		footer .iconinfo .info {
			font-size: 12px;
			line-height: 12px;
			display: flex;
  			align-items: center;
		}

		footer .iconinfo a {
			color: #FFF !important;
			text-decoration: none;
		}

		.subfooter {
			color: #FFF;
			font-size: 14px;
			text-align: left;
			line-height: 60px;
		}

		.subfooter a {
			color: #FFF !important;
			text-decoration: none;
			font-weight: bold;
			transition: 0.5s;
		}

		.subfooter a:hover {
			color: #FBC362 !important;
		}

		.right {
			text-align: right !important;
		}

		.customHtml {
			background-color: unset !important;
			padding-top: unset !important;
   			padding-bottom: unset !important;
		}