@font-face {
	font-family: 'GreatVibes-Regular';
	src: url(../fonts/GreatVibes-Regular.ttf);
}
@font-face {
	font-family: 'KaushanScript-Regular';
	src: url(../fonts/KaushanScript-Regular.ttf);
}

body{
    font-family:  'oxygen','oxygen';
    font-size: 14px;
    font-weight: 200;
    line-height: 26px;
    overflow-x: hidden !important;
	transition:all 0.5s ease;
	
}
html {
  scroll-behavior: smooth;
  
}
p{
	margin: 0;
    padding: 0;
	font-size: 14pt;
	font-family: 'oxygen';
}
a {
   text-decoration: none;
   transition:all 0.3s ease;   
   font-family:'oxygen';
}
a:hover {
	text-decoration: none;
	transition:all 0.5s ease;
	color:#1F0D13;
	
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
table, tr, td,
table, tr, th{
	font-size:10pt;
	vertical-align:middle !important;
}
section{
	padding-top:50px;
	padding-bottom:50px;
}
.small-font{
	font-size:7pt;
}
.bg-gray{
	background-color:#F4F4F4;
}
.bg-gray-2{
	background-color:#CCCCCC;
}
.bg-black{
	background-color:#000000;
}
.text-black{
	color:black !important;
}
.text-gray{
	color:#888888;
}
.bg-black{
	background-color:#000;
}
.font-15{
	font-size:15px;

}
.border-cirlce-50{
	border-radius:50px;
}
.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14pt;
}


.font-secondary{
	font-family: 'GreatVibes-Regular', cursive;
}
.font-primary{
	font-family: 'KaushanScript-Regular', cursive;
}
.font-regular{
	font-family:'oxygen';
}

.trs-border{
	border:solid 2px rgba(255,255,255, 0.3);
}
.font-size-10{
	font-size:11pt;
}


/*add to cart icon*/
.cart-value{
	border:solid red 1px;
	position:absolute;
	display:table-cell;
	background-color:#DC3545;
	width:20px;
	height:20px;
	font-size:9pt;
	text-align:center;
	line-height:20px;
	border-radius:100%;
	top:5px;
	right:-5;
}
.navbar-light{
	position:absolute;
	left:0;
	right:0;
	border-bottom:solid 1px rgba(255,255,255, 0.3);
	z-index:3;
}
.navbar-light.fixed-top{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0, 0.8);
}
.navbar-light .navbar-brand .logo{
	width:200px;
}
.navbar-light .navbar-nav{
 
}
.navbar-light .navbar-nav .nav-item{

	
}
.navbar-light .nav-item .nav-link{
	color:#fff;
	border-bottom:solid 1px transparent;
}
.navbar-light .nav-item .nav-link:hover{
	color:#fff !important;
	border-bottom:solid 1px white;
}
.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu a:hover{
	background:#E8E8FF;
}

.btn-select {
    background: #F6F6F6;
    border: 1px solid #999;
}
.btn-select.active{
	background:#DC3545;
	color:white;
}


/*Slider */
.main-slider{
	position:relavite;
}
.main-slider{
	height:400px;
	background-image:url(../images/banner.jpg);
}

.offers .box{
	border-radius:50px;
	background-color:#A42531;
	overflow:hidden;
	box-shadow: 0px 0px 10px 0px #A42531;
}
.offers .box .img-box{
	min-width:100px;
	min-height:110px;
}
.f-pizza{
	border-radius:50px !important;
	overflow:hidden;
}
.main-slider:before{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:rgba(0,0,0, 0.4);
}
.offers .box .img-box,
.main-slider,
.cartpage .remove-product .product-img-box,
.special-offer,
.right-area-img,
.special-offer .image-box,
.menu-page,
.bg-img-2,
.img-box,
.contact-us,
.bg-img,
.our-products .my-pro{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
}

.remove-product{
	position:relative;
}
.remove-product a{
	position:absolute;
	top:-5;
	left:-10;
	z-index:1;
}



/*our products*/
.our-products .my-pro{
	height:150px;
	position:relative;	
}

.our-products .pro_num{
	position: absolute;
    background: rgba(0,0,0, 1);
    color: white;
    font-size: 12pt;
    padding: 5px 10px;
    right: 0px;
    bottom: 0px;
    border-top-left-radius:20px;
}



/*special-offer*/
.special-offer{
	background-image:url('../images/special-offer.jpg');
	
}
.special-offer:before{
	content:'';
	background-color: rgba(27, 26, 26, 0.65);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.special-offer .left-area{
	background-color:rgba(220,53,69, 0.4) !important;
	color:white; 
	width:75%;
	margin:auto;
}
.special-offer .image-box{
	width:80px;
	height:80px;
}
.special-offer .danger-color{
	background-color:rgba(220,53,69, 0.3) !important;
}
.special-offer .right-area{
	display:inline-block;
	width:100%;
	
}
.special-offer .right-area .right-area-img{
	height:330px;
}
/*Contact us*/ 
.contact-us{
	background-image:url('../images/contact-us.jpg');
}
.contact-us:before{
	content:'';
	background-color: rgba(27, 26, 26, 0.65);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;	
}

.bg-transparent,
.contact-us .bg-transparent{
	background:rgba(0,0,0, 0.1) !important;
	border-bottom:solid rgba(255,255,255, 0.3) 1px !important;
}

.contact-us ::placeholder {
  color: white;
}
.menu-page{
	height:300px;
}

.menu-page:before{
	content:'';
	background-color: rgba(27, 26, 26, 0.65);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

/*menu-page shop area*/
.shop-area .mene-items-side a:hover{
	border-bottom:solid white 1px !important;
	padding-left:14px !important;
}

.our-products .w-75 a:hover{
	color:#DC3545;	
}

.shop-area .card:hover{
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
}
.shop-area .card:hover a{
	background-color:#DC3545;
	color:white;
}
.blog-post .w-75 a:hover{
	color:#DC3545;
	
}

.shop-area .card .card-body .card-heading{
	height:45px;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}
.menu-card{
	height:402px;
}	
.shop-area .card .card-body  .card-heading2{
	height:46px;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}

.cartpage .remove-product .product-text-box h5,
.blog-post .mb-3 a,
.blog-post .blog-paragraph,
.shop-area .recent-uploaded-menu a,
.shop-area .card .card-body .card-heading span,
.shop-area .card .card-body .card-heading2 p,
.shop-area .card .card-body p,
.blog-post .w-75 a,
.blog-post .w-75 p,
.text-overflow-line-1,
.text-overflow-line-2,
.text-overflow-line-3,
.text-overflow-line-4,
.text-overflow-line-5,
.text-overflow-line-6,
.text-overflow-line-13{
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.cartpage .remove-product .product-text-box h5,
.blog-post .mb-3 a,
.blog-post .w-75 a,
.shop-area .recent-uploaded-menu a,
.text-overflow-line-1{
-webkit-line-clamp: 1;
}
.blog-post .w-75 p,
.shop-area .card .card-body .card-heading span,
.shop-area .card .card-body .card-heading2 p,
.text-overflow-line-2{
-webkit-line-clamp: 2;
}

.text-overflow-line-3{
-webkit-line-clamp: 3;
}
.text-overflow-line-4{
-webkit-line-clamp: 4;
}
.text-overflow-line-5{
-webkit-line-clamp: 5;
}
.text-overflow-line-6{
-webkit-line-clamp: 6;
}
.blog-post .blog-paragraph,
.text-overflow-line-13{
-webkit-line-clamp: 13;
}


.catagerios ul li{
	position:relative;
}
.catagerios li:before{   
	display: block;
    position: absolute;
    top: 11px;
    left: -16px;
    width: 0;
    height: 0;
    transform: rotate(-90deg);
    transition: -webkit-transform .35s;
    transition: transform .35s;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: black;
    content: '';
}
.catagerios ul li a:hover{
	color:#DC3545 ;
}
.cartpage .remove-product .product-img-box{
	min-width:70px;
	height:50px;
}



.cartpage  .qty{
	width: 90px;
	
}
.cartpage  .qty .count {
    color: #000;
	min-width: 40px;
    text-align: center;
}
.cartpage  .minus:hover{
   cursor: pointer;
}
.cartpage  .plus:hover{
    cursor: pointer;
}

.cartpage .qty span{
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.cartpage .qty input{  
    border: 0;
    width: 3%;
}
.cartpage .qty input::-webkit-outer-spin-button,
.cartpage .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cartpage .qty input:disabled{
    background-color:white;
}





.services{
	padding-top:130px;
	background-color:#E9EDEF;
	position:relative;
}


.services .card{
	box-shadow: 12px 17px 35px #00000024;
}
.services .card .card-img{
	height:190px;
	overflow:hidden;
	
}

.services h1{
	font: Bold 37px;
}
.services .card .img-box{
	height:240px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	
}
.services .card .img-box img{
	width:100%;
}
.services .card .card-body h6{
	font-size:;
}
.services .card .card-body .rs{
	font-size:13pt;
}

.price{
	border-radius:50px;
	margin-bottom:5px;
}
.menu-area .card .card-img{
	height:120px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
}
.menu-area .card .card-img .tag{
	position: absolute;
    background: rgba(0,0,0, 1);
    color: white;
    font-size: 12pt;
    padding: 5px 10px;
    right: 0px;
    bottom: 0px;
    border-top-left-radius:20px;
}


.img-box-sp{
	border:solid #DC3545 1px;
	height:250px;
	background-color:white;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	min-width:257px;
}
.offers{
	background-image:url(../images/offer-bg.jpg);
	background-color:white;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-attachment:fixed;
}
.offers:before{
	content:'';
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.65) ;

}
.offers .card{
	background-color:transparent !important;
}
.offers .bg-danger{
	background: rgba(220, 53, 69, 0.7) !important; 
}

@media (min-width:768px){
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu{
		max-height:500px !important;
		overflow:auto;
		overflow-x:hidden;
	}
}

@media screen and (max-width: 1200px){
	.shop-area .card{
		height:380px;
	}
}

@media screen and (max-width: 992px){
	.shop-area .card{
		height:380px;
	}
	.special-offer .left-area{
		width:100% !important;
	}
}


@media screen and (max-width: 768px){
	.navbar .nav-icons .dropdown-menu .d-md-flex{
		min-width:450px; 
	}
	.navbar{
		background:rgba(0,0,0, 0.7);
	}
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu {
		    background: rgba(220, 53, 69, 0.7) !important;
		
	}
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu a{
		color:white;	
	}
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu a:hover{
		color:black;	
	}
	.shop-area .card{
		height:380px;
	}
	.special-offer .left-area{
		width:100% !important;
	}
	.menu-card{
		height:405px
	}	
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu{
		border:solid #FFFFFF 1px;
		width:300px;
		height:300px;
		overflow:auto;
		overflow-x:hidden;
	}
	.text-box-sp{
		width:100% !important;
	}
	
	.text-box-sp h2{
		font-size:18px !important;
	}
	.text-box-sp sup{
		font-size:14px !important;
	}
	.text-box-sp h4{
		font-size:18px !important;
	}
	.price-sp{
		width:100% !important;
	}
	.price-sp h1{
		font-size:26px;
	}
}
@media screen and (max-width: 576px) {
	.navbar .nav-icons .dropdown-menu .d-md-flex{
		min-width:290px; 
	}	
	.navbar{
		background:rgba(0,0,0, 0.7);
	}
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu {
		background:rgba(0,0,0, 0.9);
		
	}
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu a{
		color:white;	
	}
	.navbar-light .navbar-nav .dropdown.nav-item .dropdown-menu a:hover{
		color:black;	
	}
	.shop-area .card .card-body  .card-heading2{
		height:70px !important;
		
	}

	.shop-area .card{
		height:auto;
	}
	.shop-area .card .card-body .card-heading2 p,
	.text-overflow-line-1,
	.text-overflow-line-2,
	.text-overflow-line-3,
	.text-overflow-line-4,
	.text-overflow-line-5,
	.text-overflow-line-6,
	.text-overflow-line-13{
		display: block;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.shop-area .card .card-body .card-heading2 p,
	.text-overflow-line-3{
		-webkit-line-clamp: 3;
	}
	.text-overflow-line-4{
		-webkit-line-clamp: 4;
	}
	.text-overflow-line-5{
		-webkit-line-clamp: 5;
	}
	.text-overflow-line-6{
		-webkit-line-clamp: 6;
	}
	.blog-post .blog-paragraph,
	.text-overflow-line-13{
		-webkit-line-clamp: 13;
	}
	.special-offer .left-area{
		width:100% !important;
	}
}


