@font-face {font-family: 'Bebas Neue'; src: url('../fonts/BebasNeueBold.eot'); src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBold.woff2') format('woff2'),  url('../fonts/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeueBold.ttf') format('truetype'), url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}

@font-face {font-family: 'Courier New'; src: url('../fonts/CourierNewPSMT.eot'); src: url('../fonts/CourierNewPSMT.eot?#iefix') format('embedded-opentype'), url('../fonts/CourierNewPSMT.woff2') format('woff2'), url('../fonts/CourierNewPSMT.woff') format('woff'), url('../fonts/CourierNewPSMT.ttf') format('truetype'),  url('../fonts/CourierNewPSMT.svg#CourierNewPSMT') format('svg');  font-weight: normal; font-style: normal; font-display: swap;}

@font-face {font-family: 'Courier New'; src: url('../fonts/CourierNewPS-BoldMT.eot'); src: url('../fonts/CourierNewPS-BoldMT.eot?#iefix') format('embedded-opentype'),  url('../fonts/CourierNewPS-BoldMT.woff2') format('woff2'), url('../fonts/CourierNewPS-BoldMT.woff') format('woff'),  url('../fonts/CourierNewPS-BoldMT.ttf') format('truetype'),  url('../fonts/CourierNewPS-BoldMT.svg#CourierNewPS-BoldMT') format('svg'); font-weight: 700;  font-style: normal; font-display: swap;}


body{margin: 0; padding: 0; color: #07062B; font-size: 16px; font-family: 'Courier New';}

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#wrapper{width: 100%; float: left;}
.container{max-width: 970px; padding: 0 15px; margin: 0 auto;}
.row{margin-left: -15px; margin-right: -15px;}
ul{margin: 0; padding: 0; list-style-type: none;}

.btn-primary{display: inline-block; background: #07062B; color: #FFE9E5; font-family: 'Bebas Neue'; font-weight: 700; font-size: 16px; letter-spacing: 1.2px; height: 46px; padding: 12px 25px 10px; border: none; cursor: pointer; text-decoration: none; text-align: center;}
.btn-primary:hover{color: #fff; background: #FF0000;}
.d-block{display: block; width: 100%;}

.btn-secondary{width: auto; float: left; padding: 0; background: none; border: none; font-family: 'Bebas Neue'; font-weight: 700; font-size: 16px; letter-spacing: 1.2px; color: #FF0000; text-decoration: none; cursor: pointer;}
.btn-secondary:hover{color: #07062B; text-decoration: none;}

h1, h2, h3{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; font-size: 22px; line-height: 16px; letter-spacing: 1.2px; margin: 0; padding: 0; color: #07062B;}

.home-bg{background: url("../images/home-bg.jpg") no-repeat center bottom; }
.form-group{width: 100%; float: left; padding: 35px 0 0}
.form-control{width: 100%; float: left; border: none;border-bottom: 1px dashed #07062B; font-family: 'Courier New'; font-size: 16px; padding: 0 0 7px; color: #07062B; background: none;}
.form-control::placeholder {color: #07062B; opacity: 1;}
.form-control:-ms-input-placeholder {color:#07062B;}
.form-control::-ms-input-placeholder {color: #07062B;}
.form-control:focus, button:focus, a:focus{outline: none}
label{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; font-size: 16px; letter-spacing: 1.2px; color: #07062B; padding: 0; margin: 0 0 7px;}

.clearfix{clear: both; }

/*=== Header ===*/
header{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; font-size: 16px; letter-spacing: 1.2px;}
.header-container{width: 100%; float: left; border-bottom: 1px dashed #07062B;  height: 94px; position: relative;}
.header-left-menu{width: auto; float: left; padding: 32px 0 0 0;}
.header-right-menu{width: auto; float: right; padding: 25px 0 0 0; text-align: right;}
header a{color: #FF0000; text-decoration: none;}
header a:hover{color: #07062B;}
.logo{width: auto; float: left; position: absolute; left: 50%; top: 23px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.logo img{max-width: 110px;}
/*=== Header End ===*/

/*=== Middle ===*/
#middle{width: 100%; float: left;}
#banner{width: 100%; float: left; padding: 40px 0 40px; border-bottom: 1px dashed #07062B;}
.banner-left{width: 100%; float: left; position: relative; padding: 0px 15px 0 15px;}
.banner-left h1{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; font-size: 22px; line-height: 16px; letter-spacing: 1.2px; margin: 0; padding: 0; color: #07062B; position: relative; }
.banner-left h1 .text-bg{color: #FFE9E5; font-size: 18px; padding: 0 2px; position: relative; z-index: 10; top: -3px;}
.banner-left h1 .text-bg:after{width: 35px; height: 17px; float: left; background: #07062B; position: absolute; left: 0; top: 0; content: "";}
.banner-left h1 .text{position: relative; z-index: 1; top: 1px; }
.pc .banner-left h1 .text-bg{top: -1px;}
.pc .banner-left h1 .text{top: -1px; }

.banner-left p{width: 100%; float: left; margin: 0; padding: 15px 0 0;}
.banner-right{width: 100%; float: left; padding: 30px 15px 0; }
.banner-right img{max-width: 100%; border-radius: 20px;}
.banner-link{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; padding: 20px 0 0 0;}
.banner-link a{color: #FF0000; text-decoration: none;}
.banner-link a:hover, .morelink:hover{color: #07062B; text-decoration: none;}
.about-section-wrp{width: 100%; float: left;}
.about-section{width: 100%; float: left; padding: 40px 0 0 0;}
.about-section p{width: 100%; float: left; margin: 0; padding: 10px 0 10px 0; line-height: 22px;}
.morecontent span {display: none;}
.readall-button{color: #FF0000; text-decoration: none; display: block; font-family: 'Bebas Neue';  font-weight: 700;  letter-spacing: 1.2px;  cursor: pointer; border: none; background: none; padding: 0; font-size: 16px; position: relative;}
.readall-button:hover{color: #07062B;}
.readall-hide:after {content: ""; display: inline-block; position: absolute; bottom: 0; right: 0;  width: 100%; height: 25px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), white 75%);}
.contact-section{width: 100%; float: left; border-top: 1px dashed rgba(7, 6, 43, 0.5); margin: 48px 0 0 0; position: relative;}
.contact-section .row{margin: 0 -15px;} 
.contact-section-left{width: 100%; float: left; padding: 40px 15px;}
.contact-section p{width: 100%; float: left; padding: 12px 0 0 0; margin: 0;}
.contatct-section-form{width: 100%; float: left; background: #ffe9e5; border-radius: 20px;	 padding: 6px 15px 40px; margin: 22px 0 0 0;}
.contact-section-right{width: 100%; float: left; padding: 0 15px 40px; }
.contact-map{width: 100%; float: left; margin: 22px 0 0 0;}
.contact-map img{width: 100%; border-radius: 20px;}
.instagram-section-wrp{width: 100%; float: left;}
.instagram-section{width: 100%; float: left; padding: 40px 0 0 0; border-top: 1px dashed rgba(7, 6, 43, 0.5);}
.instagram-section h2 img{margin: 0 5px 0 0; position: relative; top: 2px;}
.instagram-section p{width: 100%; float: left; padding: 12px 0 0 0; margin: 0;}
.slider-section{width: 100%; float: left; padding: 45px 0 0 0;}
.slider-image{width: 100%; float: left;}
.slider-image img{border-radius: 20px; }
.about-text{width: 100%; float: left; position: relative;}
/*=== Middle End ===*/

/*=== Footer ===*/
footer{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; text-align: center; padding: 60px 0 0 0;}
footer a{color: #07062B; text-decoration: none;}
footer a:hover{color: #FF0000; }
.footer-container{width: 100%; float: left; border-top: 1px dashed #07062B; padding: 20px 0 10px;}
.footer-column{width: 100%; float: left; padding: 30px 15px 0;}
.footer-column ul{padding: 0 0 15px; width: 100%; float: left;}
.footer-column ul li{width: 100%; float: left; margin: 0 0 6px;}
.footer-column p{width: 100%; float: left; padding: 0; margin: 0 0 15px;}
/*=== Footer End ===*/ 

/*=== Inner Pages ===*/
.order-left{width: 100%; float: left; padding: 40px 15px 0; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px;  position: relative; z-index: 100;}
.order-middle{width: 100%; float: left; padding: 30px 15px 0;}
.caption {border: 1px dashed #07062B; padding: 13px 24px 11px; cursor: pointer; position: relative;}
.caption:after{width: 0;  height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #07062B;  content: ""; position: absolute; right: 15px; top: 19px;}
.order-left ul{ position: absolute;  background: #fff;  display: none; padding: 20px 20px 0; border: 1px dashed #07062B; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); left: 15px; margin: -1px 0 0 0;}
.order-left.open ul{display: block;}
.order-left ul li{width: 100%; float: left; padding: 0; margin: 0 0 25px; position: relative;}
.order-left a{color: #FF0000;  font-size: 16px;  text-decoration: none; position: relative; padding: 0 0 3px 0;} 
.tabscroll-activeNavi  a{color: #07062B; position: relative;}
.tabscroll-activeNavi a:after{width: -webkit-calc(100% + 7px); width: -moz-calc(100% + 7px); width: calc(100% + 7px); float: left; border-bottom: 1px dashed #07062B; position: absolute; left: 0; bottom: 0; content: "";}
.menu-item-row{width: 100%; float: left;}
.menu-item-row ul li{width: 100%; float: left; padding: 20px 0; border-bottom: 1px dashed #07062B; position: relative;}
.menu-item-row ul li h2{width: 100%; float: left; padding: 0 100px 0 0; margin: 0;  font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; font-size: 16px;}
.menu-item-row ul li  p{width: 100%; float: left; padding: 10px 0 0 0; margin: 0; font-size: 14px;} 
.price-add-to-cart{width: auto; float: left; position: absolute; right: 0; top: 17px;}
.price-add-to-cart button{border: none; margin: 0; background: url("../images/icon-plus.svg") no-repeat right 1px; background-size: 18px; color: #07062B; padding: 1px 27px 3px 0; font-size: 14px; cursor: pointer;}
.price-add-to-cart button:hover{opacity: 0.8;}
.order-right{width: 100%; float: left; padding: 40px 15px 0;}
.order-selected{width: 100%; float: left; padding: 25px 15px; background: #FFE9E5;}
.order-selected-title{width: 100%; float: left; color: #07062B; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; font-size: 16px; border-bottom: 1px dashed #07062B; padding: 0 0 17px;}
.cart-item{width: 100%; float: left;}
.cart-item ul li{width: 100%; float: left; border-bottom: 1px dashed #07062B; padding: 20px 0 17px;}
.cart-item-title{width: 100%; float: left; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; font-size: 16px; color: #07062B;}
.cart-item-bottom{width: 100%; float: left; padding: 0 0 0 70px; position: relative; margin: 5px 0 0 0;}
.cart-item-price{width: auto; float: left; position: absolute; left: 0; top: 0;}
.cart-item-btns{width: auto; float: left;}
.cart-item-btns button{background: none; border: none; cursor: pointer; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; font-size: 14px; float: left; margin: 0 0 0 15px; padding: 0; color: #FF0000;}
.cart-item-btns button:hover{color: #07062B;}
.item-toal{width: 100%; float: left; padding: 26px 0 0; color: #07062B; font-weight: 700;}
.checkout-btn{width: 100%; float: left;}
.checkout-container{width: 100%; float: left;}
.checkout-container-left{width: 100%; float: left; padding: 40px 15px 0;}
.checkout-container-right{width: 100%; float: left; padding: 40px 15px 0;}
.checkout-form{width: 100%; float: left; padding: 5px 0 0 0; }
.checkout-form .row{margin: 0 -8px;}
.form-column{width: 100%; float: left; padding: 0 8px;}
.form-column-2{width: 100%; float: left; padding: 0 8px;}
.checkout-form h3{font-size:16px; padding: 30px 0 0 0; margin: 0 0 -5px;}
.checkout-form .form-group{padding: 26px 0 0 0;}
.checkout-form .btn-primary{margin: 15px 0 0 0;}
.thankyou-container{width: 100%; float: left;  position: relative; padding: 188px 0 120px; text-align: center; font-family: 'Bebas Neue'; font-weight: 700; letter-spacing: 1.2px; font-size: 22px;}
.thankyou-container img{margin: 0 0 5px;}
	.about-section-wrp .slider-section .container{padding: 0 0 0 15px;}
	.instagram-section-wrp .slider-section .container{padding: 0 0 0 15px;}

/*=== Inner Pages End ===*/

@media screen and (min-width: 768px){
	
	/*=== Header ===*/
	.header-container{height: 174px;}
	.logo{top: 43px;}
	.logo img{max-width: 187px;}
	.header-left-menu{padding: 75px 0 0 0;}
	.header-right-menu{padding: 75px 0 0 0;}
	.header-right-menu br{display: none;}
	/*=== Header End ===*/
	
	/*=== Middle ===*/
	#banner{padding: 66px 0;}
	.banner-left{padding: 40px 15px 0 15px; width: 40%;}
	.banner-right{width: 60%; padding: 0 15px;}
	.banner-left p{max-width: 300px;}
	.about-section{padding: 75px 0 0 0;}
	.contact-section{padding: 36px 0 0 0; }
	.contact-section:after{width: 1px; float: left; border-left: 1px dashed rgba(7, 6, 43, 0.5); position: absolute; left: 50%; top: 36px; height: -moz-calc(100% - 36px); height: -webkit-calc(100% - 36px); height: calc(100% - 36px); content: "";}
	.contact-section-left{width: 50%;padding: 40px 15px;}
	.contact-section-right{width: 50%; padding: 40px 15px; }
	.instagram-section{padding: 67px 0 0 0; margin: 36px 0 0 0;}
	/*=== Middle End ===*/
	
	/*=== Footer ===*/
	footer{text-align: left; padding: 94px 0 0 0;}
	.footer-container{padding: 40px 0 126px;}
	.footer-column{width: 30.33%;}
	/*=== Footer End ===*/
	
	/*=== Inner Pages ===*/
	.order-left{padding: 65px 15px 0;}
	.order-middle{width: 65%; padding: 43px 15px 0;}
	.order-right{width: 35%; padding: 65px 15px 0;}
	.checkout-container-left{width: 35%; padding: 65px 15px 0;}
	.checkout-container-right{width: 65%; padding: 65px 15px 0;}
	/*=== Inner Pages End ===*/
}

@media screen and (min-width: 992px){
	/*=== Middle ===*/
	.banner-left{padding: 80px 15px 0 15px;}
	.contatct-section-form{padding: 16px 38px 46px;}
	/*=== Middle End ===*/
	
	/*=== Inner Pages ===*/
	.order-left{display: block; width: 23%;}
	.order-left ul{position: relative; display: block; padding: 0; left: 0; margin: 0; border: none; width: 100%;}
	.tabscroll-activeNavi a:before{right: -13px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #07062B; border-width: 5px; bottom: -4px;}
	.caption{display: none;}
	.order-middle{width: 50%;}
	.order-right{width: 27%;}
	.checkout-container-left{width: 27%;}
	.checkout-container-right{width: 73%;}
	.form-column{width: 33.33%;}
	.about-section-wrp .slider-section .container{margin-left: calc(50vw - 470px); margin-right:  auto; padding: 0 0; max-width: 100%; }
	.instagram-section-wrp .slider-section .container{margin-left: calc(50vw - 470px); margin-right:  auto; padding: 0 0; max-width: 100%; }
	/*=== Inner Pages End ===*/
}

@media screen and (min-width: 1300px){
	/*=== Middle ===*/
	.banner-right img{float: right;}
	.contact-section .row{margin: 0 -70px;} 
	.contact-section-left{padding: 40px 70px;}
	.contact-section-right{padding: 40px 70px; }
	.readall-hide:after{display: none;}
	.order-left{display: block; width: 155px; padding-left: 0; padding-right: 0;}
	.order-middle{width: 549px; padding-left: 30px; padding-right: 38px; padding-top: 50px;}
	.order-right{width: 236px; padding-left: 0; padding-right: 0;}
	.row-no-margin{margin: 0;}
	.checkout-container-left{width: 236px; padding-left: 0; padding-right: 0;}
	.checkout-container-right{width: 701px; padding-left: 33px; padding-right: 0;}
	.home-bg{background: url("../images/home-bg.jpg") no-repeat center bottom; background-size: 100% auto; }
	/*=== Middle End ===*/
}
@media screen and (min-width: 1400px){
	.home-bg{background: url("../images/home-bg.jpg") no-repeat center bottom; background-size: 100% 2283px;}
		.about-section-wrp .slider-section .container{margin-left: calc(50vw - 480px); margin-right:  auto; padding: 0 0; max-width: 100%; }
	.instagram-section-wrp .slider-section .container{margin-left: calc(50vw - 480px); margin-right:  auto; padding: 0 0; max-width: 100%; }


}
.pickupday{
	pointer-events: none;
}
.pickuptime{
	pointer-events: none;
}
.pickupday .wide {
    background: #ddd;
}
.pickuptime .wide {
    background: #ddd;
}


.proceed_to_checkout_button {
	display: none !important;
	clear: both;
	padding: 15px 15px 0;
	width: 100%;
	position: relative;
	z-index: 999999;
}
.proceed_to_checkout_button a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    background: #FF0000;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}