/*_______________________________________________________
// BASIC STYLE  //----------------------------
_______________________________________________________*/

/* -------------// Google Fonts //------------- */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=Pacifico&display=swap');


/* -------------// General Style //------------- */
*{box-sizing: border-box;}

.headding-part .headding-title {font-family: var(--font-1);}
body{padding: 0; margin: 0;  font-family: 'Open Sans'; font-size: 16px; font-weight: 400; color: #999;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0;}
ul, li{padding: 0; margin: 0; list-style: none;}
a{padding: 0; margin: 0; text-decoration: none; transition: all 400ms ease; color: #1d1d1d; cursor: pointer;}
a:hover{text-decoration: none; color: #ec1c24;}
p{padding: 0; margin: 0;}
button{outline: none; transition: all 400ms ease;}
button:focus{outline: none;}
input{outline: none; transition: all 400ms ease; outline: none;}
input:focus{outline: none!important; box-shadow: unset!important;}
textarea:focus{outline: none; box-shadow: unset!important;}
img{max-width: 100%;}


/* -------------// Common Style //------------- */
.container{max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.container:after{content: ""; display: table; clear: both;}
#preloader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) center no-repeat #fff;}
#preloader label{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 50px; font-size: 16px; color: #1d1d1d; letter-spacing: 1px;}
.headding-part .headding-sub{font-size: 28px; color: #ec1c24; font-family: var(--font-2); padding-bottom: 10px;}
.headding-part .headding-title {font-size: 30px; color: #1d1d1d; line-height: 58px; letter-spacing: 2px;font-weight: 700;}
.btn i.fa ~ span {margin-left: 5px;}
hr {margin-bottom: 0px; margin-top: 0px; border-top: 1px solid #e5e5e5; border-bottom: none; border-left: none; border-right: none; opacity: 1;}


/* -------------// Headings Style //------------- */
h1 {font-size: 43px; padding: 0px; margin: 0;}
h2 {font-size: 35px; padding: 0px; margin: 0;}
h3 {font-size: 20px; padding: 0px; margin: 0;}
h4 {font-size: 17px; padding: 0px; margin: 0;}
h5 {font-size: 15px; padding: 0px; margin: 0;}
h6 {font-size: 13px; padding: 0px; margin: 0;}
h1, h2, h3, h4, h5, h6 {color: #1d1d1d;}

 
/* -------------// Button Style //------------- */
.com-btn{background: #ec1c24; border: 1px solid #ec1c24; color: #ffffff; font-weight: 700; padding: 17px 41px; border-radius: 50px; display: inline-block; letter-spacing: 1px; text-transform: uppercase; margin-top: 40px;}
.com-btn:hover{background: #fefefe; color: #ec1c24;}
.btn, button { padding: 13px 15px; font-size: 16px; line-height: 16px; font-weight: 400; cursor: pointer; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; box-shadow: unset !important;}
.btn-color {color: #fff !important; background: #ec1c24; border: none; border: 1px solid #ec1c24;}
.btn-color:hover {color: #ec1c24 !important; background: transparent; border: 1px solid #ec1c24;}
.btn-green {color: #fff !important; background: #91b842; border: none;}
button:focus {box-shadow: unset !important;}
.btn-green:hover {color: #fff !important; background: #ec1c24;}
button.owl-prev{left: 30px;}
button.owl-prev:before{content: "\f104"; font-family: fontawesome; font-size: 80px;}
button.owl-next{right: 30px;}
button.owl-next:before{content: "\f105"; font-family: fontawesome; font-size: 80px;}
a.btn.btn-green {padding: 13px 15px !important;}
a.btn.btn-green:hover{color: #fff !important; background: rgb(253 157 62 / .7);}
.shopping-cart .btn{font-weight: 700; letter-spacing: 1px; padding: 18px 26px;}
.btn.small {padding: 8px 15px; font-weight: 400; font-size: 14px; }
.form-group {margin-bottom: 16px;}
.form-control:focus {border-color: #ec1c24;}
.relative {position: relative;}


/* -------------// Form Style //------------- */
.form-group{margin-bottom: 30px;}
.form-control{    font-size: 14px;
    color: #999999;
    padding: 0px 25px;
    height: 38px;}
.form-control:focus {border: 1px solid #ec1c24;}
.custom-select.sources.form-control {padding: 0; text-align: left; background: #fff;}
.custom-select.sources.form-control.opened {border: 1px solid #ec1c24;}
.custom-select-trigger { position: relative; display: block; width: 100%; padding: 0; font-size: 14px; color: #999999; line-height: 50px; cursor: pointer; padding: 0px 25px;}
.custom-select-trigger:after { position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0;}
.custom-select-wrapper {position: relative; display: inline-block; user-select: none; width: 100%;}
.custom-select-wrapper select {display: none;}
.custom-select {position: relative; display: inline-block;}  
.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%);}
.custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; border: 1px solid #999999; background: #fff; transition: all .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); z-index: 1}
.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0);}    
.option-hover:before {background: #f9f9f9;}
.custom-option {position: relative; display: block; padding: 0 25px; border-bottom: 1px solid #999999; font-size: 14px; color: #999999; line-height: 47px; cursor: pointer; transition: all .4s ease-in-out;}
.custom-option:last-of-type {border-bottom: 0; border-radius: 0 0 4px 4px;}
.custom-option:hover,
.custom-option.selection {background: #f9f9f9;}
textarea.form-control {padding-top: 13px; padding-bottom: 13px; min-height: 71px;}
.right-side {float: right;}
.align-left {text-align: left !important;}


/* -------------// Spacer Style //------------- */
.ptb{padding-top: 100px; padding-bottom: 100px;}
.pt-20{padding-top: 20px;}
.pt-50{padding-top: 50px;}
.pt-70{padding-top: 70px;}
.pt-100{padding-top: 100px;}
.pt-120{padding-top: 120px;}
.pt-140{padding-top: 140px;}
.pb-50{padding-bottom: 50px;}
.pb-100{padding-bottom: 100px;}
.pb-120{padding-bottom: 120px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-60 {margin-bottom: 60px;}
.mtb-30 {margin-top: 30px; margin-bottom: 30px;}
.mb-sm-20 {margin-bottom: 20px;}


/* -------------// Top Scrolling Style //------------- */
.top-scrolling {position: fixed; bottom: 20px; right: 20px; z-index: 2; opacity: 0; visibility: hidden; transition: all 400ms ease;}
.top-scrolling.sticky{opacity: 1; visibility: visible;}
.top-scrolling a { display: block; width: 40px; height: 40px; line-height: 36px; text-align: center; background: #ec1c24; border-radius: 100%; color: #fff; font-size: 30px; box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);}
.top-scrolling a:hover {background: #000;}
table.border {border-color: #e5e5e5 !important;}


/*_______________________________________________________
// HEADER  //----------------------------
_______________________________________________________*/
header#header {position: fixed; top: 0; width: 100%; z-index: 999; padding: 0px 0;    background: black; transition: all 400ms ease;}
header#header.sticky {background: #121619; box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); padding: 0px 0;}
.header-shadow{box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1);}
.navbar-brand img{max-width: 100%; transition: all 400ms ease;}
.navbar-header .navbar-brand {padding: 0; margin-right: 0; display: inline-block;}


/* -------------// Navigation Menu Style //------------- */
.navbar-collapse.collapse {display: inline-block; padding-left: 0;}
.navbar-collapse > ul {display: inline-block; float: none !important; text-align: left;}
li.order-online {position: relative; top: 6px;}
.nav > li {position: inherit; display: inline-block;}
.navbar-nav > li > a { padding: 15px 18px; padding-left: 18px; display: inline-block; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 16px; position: relative;}
.navbar-nav .megamenu a {color: #000;}
.navbar-nav .megamenu a span{color: #ec1c24;}
.navbar-nav > li:last-child > a {padding-right: 0;}
.navbar-nav > li:hover > a, .navbar-nav > li:focus > a {color: #eb974b;}
#menu {padding-right: 0px;}
.menu-toggle{width: 30px; height: 27px; background: #363535; position: absolute; top: 10px; right: 40px; display: none; align-items: center; justify-content: center;}
.menu-toggle .toggle-bar{width: 80%; background: #fff; height: 2px; display: block; transition: all 400ms ease;}
.menu-toggle .toggle-bar:before{content: ""; position: absolute; top: 5px; left: 3px; width: 80%; height: 2px; background: #fff; transition: all 400ms ease;}
.menu-toggle .toggle-bar:after{content: ""; position: absolute; bottom: 5px; left: 3px; width: 80%; height: 2px; background: #fff; transition: all 400ms ease;}
.menu-toggle.active .toggle-bar{background: transparent;}
.menu-toggle.active .toggle-bar:before{transform: rotate(-45deg); top: 12px;}
.menu-toggle.active .toggle-bar:after{transform: rotate(45deg); bottom: 13px;}

/* megamenu start */
.megamenu { background: #fff; border-top: 3px solid #ec1c24; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); color: #a4a4a4; display: none; padding: 5px 15px; position: absolute; top: 100%; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; min-width: 150px;}
.megamenu.full {left: 0; width: 100%;}
.megamenu-inner-top {display: inline-block; width: 100%;}
.megamenu .sub-menu-level1 li.level2 {float: left;}
.megamenu .level2 > a { display: inline-block; margin-right: 35px; color: #e4964d; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; max-width: 100%;}
.megamenu .sub-menu-level2 li.level3 > a {display: inline-block; padding: 5px 0; font-size: 16px;text-transform: capitalize;}
.megamenu .sub-menu-level2 li.level3 > a:hover {color: #e4964d;}
.megamenu .sub-menu-level2 li.level3 > a span {float: left; font-size: 0; margin-right: 9px; margin-top: 11px; width: 5px; height: 5px; background: #ec1c24;}
.megamenu-inner-top .left-p {padding-right: 30px;}
.navbar-toggle{width: 30px; height: 27px; background: #363535; position: absolute; top: 7px; right: -15px; border-radius: unset; display: none; align-items: center; justify-content: center; padding: 0!important; z-index: 99999;}
.navbar-toggle span{width: 80%; background: #fff; height: 2px; display: block; transition: all 400ms ease;}
.navbar-toggle span:before{content: ""; position: absolute; top: 5px; left: 3px; width: 80%; height: 2px; background: #fff; transition: all 400ms ease;}
.navbar-toggle span:after{content: ""; position: absolute; bottom: 5px; left: 3px; width: 80%; height: 2px; background: #fff; transition: all 400ms ease;}
.navbar-toggle.active span{background: transparent;}
.navbar-toggle.active span:before{transform: rotate(-45deg); top: 12px;}
.navbar-toggle.active span:after{transform: rotate(45deg); bottom: 13px;}
.opener.plus {display: none;}
/* megamenu end */

.header-right-link {float: right;}
.header-right-link > ul > li { float: left; padding: 0 10px; position: relative;
	overflow: hidden;}
.header-right-link ul li:hover {overflow: visible;}
.header-right-link ul li > a {display: inline-block; padding: 11px 0;}
.header-right-link > ul > li > a span.icon { background: url("../images/sprite.png") no-repeat scroll 0 0 transparent; height: 30px; width: 35px; float: left; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;}
.header-right-link > ul > li > a .link-text { display: inline-block; margin-top: 4px; font-size: 16px; color: #fff;}
.header-right-link ul li.cart-icon > a span.icon {background-position: -9px -14px; position: relative;}
.header-right-link ul li.call-icon > a span.icon {background-position: -9px -89px; position: relative;}
.header-right-link ul li.call-icon:hover > a span.icon {background-position: -9px -122px;}
.header-link-dropdown { background: #fff; border-top: 3px solid #ec1c24; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); position: absolute; width: 290px; display: inline-block; right: 0; top: 100%; padding: 20px; opacity: 0; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; z-index: 3;}
.header-right-link .link-dropdown-list > li { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede;}
.header-right-link .link-dropdown-list > li { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede;}
.cart-dropdown ul li a:hover {color: #e4964d;}
.cart-dropdown .cart-list li .media { padding-right: 25px; margin-top: 0;}
.cart-dropdown .media-body span { font-weight: 500; margin-bottom: 5px; font-size: 13px; line-height: 18px; display: inline-block;}
.cart-dropdown .cart-list li .media .pull-left {width: 105px; padding-right: 20px;}
.cart-dropdown .cart-list li .media .pull-left img {max-width: 100%;}
.close-cart { height: 15px; position: absolute; right: 0; top: 0; width: 15px;     padding: 0 !important;}
.input-text.qty {border: 1px solid #dedede; border-radius: 5px; max-width: 50px; padding: 4px 13px; float: left; text-align: center; margin: 0 5px; margin-right: 0;}
.cart-list.link-dropdown-list {text-align: left;}
.cart-list.link-dropdown-list a{text-transform: uppercase;}
.cart-dropdown .input-text.qty {background-color: transparent; padding: 2px 13px;}
.cart-dropdown .cart-price {font-weight: 500; font-size: 16px;}
.cart-dropdown .btn {padding: 13px 30px;}
.product-qty { margin-top: 10px;}
.custom-qty {display: inline-flex;}
.side-toggle {display: none;}
.menu-list-d .mega-menu-item .sub-res-head {margin-bottom: 10px; font-size: 20px; color: #1d1d1d; font-weight: 700;}
.menu-list-d .mega-menu-item a { font-weight: 400; padding: 10px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1d1d1d;}
.mega-menu-promotion-wrapper {margin-top: 30px;}
.menu-list-d .mega-menu-promotion { text-align: center;}
.menu-list-d .mega-menu-promotion img {width: 150px; margin-bottom: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; top: 0;}
.mega-menu-promotion-text h4 {margin-bottom: 5px; font-size: 18px;}
.menu-list-d .mega-menu-promotion-text p a {display: block; padding: 0; color: #1d1d1d; font-weight: 700;}
.mega-menu-promotion-text span {font-size: 14px; font-weight: 600; line-height: 21px; color: #848486;}
.menu-list-d .mega-menu-item a:hover {color: #ec1c24;}
.menu-list-d .mega-menu-promotion:hover img {top: -10px;}
.menu-list-res{display: none;}
.megamenu-big {width: 100%; left: 0;}
#header .col-xl-9{position: unset;}
#header .row.m-0{position: relative;}
.megamenu-big .menu-grid{ padding: 10px 10px; margin-bottom: 10px; transition: all 400ms ease;}
.menu-grid-center{display: flex; width: 100%; align-items: center;}
.megamenu-big .menu-grid:hover{background: rgb(253 157 62 / .15);}
.megamenu-big .pizza-menu{width: 100px; float: left;}
.megamenu-big .pizza-menu img{width: 100%;}
.megamenu-big .pizza-det{width: calc(100% - 100px); float: left; padding-left: 10px;}
.megamenu-big .pizza-det .Pizza-name-1{font-size: 16px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.megamenu-big .pizza-det .pizza-price-1{font-size: 16px; color: #ec1c24;}
.megamenu-big .menu-list-d ul{padding-top: 32px;}
.megamenu-big .menu-list-d ul li{position: relative;}
.megamenu-big .menu-list-d ul li:before { content: ""; position: absolute; top: 14px; left: 0; width: 5px; height: 5px; background: #ec1c24;}
.megamenu-big .menu-list-d ul li a{color: #000 !important; font-size: 16px; padding: 3px 15px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 260px;}
.megamenu-big .menu-list-d ul li a:hover{color: #ec1c24 !important;}


/*_______________________________________________________
// CONTENT  //----------------------------
_______________________________________________________*/

/* -------------// Banner Style //------------- */
.banner{background-color: #121619; position: relative; min-height: 800px;}
.banner:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/chef-bg.png); background-size: cover;background-position: center; background-repeat: no-repeat; opacity: 0.3;}
.banner .owl-item {min-height: 800px;}
.banner-text {text-align: center; position: absolute; top: 150px; left: 50%; transform: translate(-50%); width: 100%; z-index: 1;}
.banner-headding {font-size: 40px; color: #fefefe; text-transform: uppercase; font-weight: 700; font-family: var(--font-1);}
.banner-headding span {color: #ec1c24;}
.banner-sub-hed {font-size: 24px; color: #ec1c24; text-transform: uppercase; letter-spacing: 9px;}
.banner-images {position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}
.owl-carousel .owl-item .pizza-img {width: unset;}
.owl-carousel .owl-item .pizza-it {width: unset;}
.banner .fade:not(.show) {opacity: unset;}
.banner .owl-item.active{opacity: 1;}
.banner .owl-item{opacity: 0; transition: all 400ms ease;}
.all-img-banner {position: relative;}
.banner .owl-item {overflow: hidden;}
.pizza-it{position: absolute;}
.pizza-1 {bottom: 30px;  right: -160px;}
.pizza-2{top: 20px; right: -120px; max-width: 350px;}
.pizza-3{    top: 0px;
    left: 491px;}
.pizza-4{    bottom: 30px;
    right: -172px;;}

.banner-slide-2 .banner-box, .banner-slide-3 .banner-box{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-top: 110px;}
.banner-slide-2 .banner-text, .banner-slide-3 .banner-text{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; transform: unset; text-align: unset; position: unset; align-items: center; display: flex;}
.banner-slide-2 .banner-images, .banner-slide-3 .banner-images{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; position: unset; transform: unset;}
.banner-slide-2 .banner-box{padding-top: 120px;}
.owl-carousel .owl-item .banner-slide-2 .pizza-img {margin: 0 auto;}
.banner-slide-2 .pizza-it{position: absolute;}
.banner-slide-2 .pizza-1{top: 0px; right: -90px;}
.banner-slide-2 .pizza-2{top: -10px; left: 30px;}
.banner-slide-2 .pizza-3{top: 70px; left: -20px;}
.banner-slide-2 .pizza-4{bottom: -60px; right: 230px; left: unset;}
.banner-slide-2 .pizza-5{bottom: -60px; right: 10px;}
.banner-slide-2 .pizza-6{bottom: 60px; right: -20px;}

.banner-slide-3 .pizza-it{position: absolute;}
.banner-slide-3 .pizza-1{top: -40px; left: 140px;}
.banner-slide-3 .pizza-2{bottom: -20px; left: 0px; top: unset;}
.banner-slide-3 .pizza-3{top: -20px; right: -20px;}
.banner-slide-3 .pizza-4{bottom: -10px; right: -30px; left: unset;}
.banner-slide-3 .pizza-5{top: 70px; right: -30px;}
.banner-slide-3 .pizza-6{top: 30px; left: 0px;}

.active .banner-headding{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.5s;}
.active .banner-sub-hed{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.5s;}
.active .pizza-img{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUpBig; animation-delay: 0.5s;}
.active .pizza-1{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 1.3s;}
.active .pizza-2{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 1.8s;}
.active .pizza-3{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 2s;}
.active .pizza-4{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 2.5s;}

.active .banner-slide-2 .banner-headding{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rotateInDownLeft; animation-delay: 0.5s;}
.active .banner-slide-2 .banner-sub-hed{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rotateInUpLeft; animation-delay: 0.5s;}
.active .banner-slide-2 .pizza-img{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 1s;}
.active .banner-slide-2 .pizza-1{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.3s;}
.active .banner-slide-2 .pizza-2{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.8s;}
.active .banner-slide-2 .pizza-3{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 2s;}
.active .banner-slide-2 .pizza-4{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 2.5s;}
.active .banner-slide-2 .pizza-5{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.5s;}
.active .banner-slide-2 .pizza-6{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.8s;}

.active .banner-slide-3 .banner-headding{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.5s;}
.active .banner-slide-3 .banner-sub-hed{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.8s;}
.active .banner-slide-3 .pizza-img{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 1s;}
.active .banner-slide-3 .pizza-1{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.3s;}
.active .banner-slide-3 .pizza-2{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.8s;}
.active .banner-slide-3 .pizza-3{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 2s;}
.active .banner-slide-3 .pizza-4{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 2.5s;}
.active .banner-slide-3 .pizza-5{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.5s;}
.active .banner-slide-3 .pizza-6{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.8s;}
.banner .owl-nav button{position: absolute; top: 50%; font-size: 0 !important; transform: translateY(-50%); line-height: 0 !important; color: rgb(253 157 62 / .5) !important;}
.banner .owl-nav button:hover{color: #ec1c24 !important;}


/* -------------// Site Services Features Block css Start //------------- */
.order-section{background: #ec1c24; position: relative;}
.order-section .order-img{max-width: 90px;     transition: all 400ms ease;}
.order-section .col-xl-4:hover .order-img {filter: invert(1) sepia(0) saturate(0) hue-rotate(175deg);}
.order-section .order-title{font-size: 30px; font-weight: 700; color: #ffffff; padding-top: 10px; padding-bottom: 8px;}
.order-section .order-des{font-size: 14px; color: #ffffff;}
.order-top{position: absolute; top: -90px; left: 0; width: 100%; z-index: 1;}
.order-top img{width: 100%; max-width: 100%;}
.order-bottom{position: absolute; bottom: -95px; left: 0; width: 100%;}
.order-bottom img{width: 100%; max-width: 100%;}
.order-section .padding-lf{padding: 0px 60px;}


/* -------------// Our speciality Block css start //------------- */
.speciality-img{ width: 380px; height: 315px;  margin: 0 auto;}
.speciality-img .spec-image{ width: 300px; height: 300px; transition: all 400ms ease; border-radius: 100%;}
.speciality-img img:hover { transform: scale(1.1); }
.ser-title{font-size: 24px; color: #1d1d1d; padding-top: 25px; display: block;}
.ser-title:hover {color: #ec1c24;}


/* -------------// Special Menu Block css start //------------- */
.special-menu{background: #121619; position: relative; padding-bottom: 120px;}
.special-menu .headding-part h2{color: #fff;}
.special-tab ul{background: #2b2c2d; display: inline-block; border-radius: 50px;}
.special-tab ul li{display: inline-block;}
.special-tab .nav-tabs li a{display: inline-block; color: #fff; transition: all 400ms ease; font-size: 14px; padding: 14px 28px; letter-spacing: 1px; cursor: pointer; border: unset; border-radius: 50px;}
.special-tab .nav-tabs{border: unset;}
.special-tab .nav-tabs li a.active{background: #ec1c24; border-radius: 50px; color: #fff;}
.menu-img {width: 200px; height: 200px; overflow: hidden; margin: 0 auto; position: relative; transition: all 400ms ease; top: 0;}
.special-menu .menu-img:hover {top: -12px;}
.menu-img .menu-image{width: 200px; height: 200px; transition: all 400ms ease;}
.menu-title{font-size: 18px; color: #fff; letter-spacing: 1px; padding-top: 25px; padding-bottom: 12px; display: block;}
.menu-title:hover{color: #ec1c24;}
.menu-des{font-size: 14px; color: #999999; letter-spacing: 1px; padding-bottom: 12px;}
.menu-price{font-size: 18px; color: #ec1c24; letter-spacing: 1px;}
.special-menu .tab-content.current{display: flex;}
.tab-content>.active {display: flex;}
.menu-top-bg{position: absolute; top: -80px; left: 0; width: 100%;}
.menu-top-bg img{width: 100%;}
.menu-bottom-bg{position: absolute; bottom: -150px; left: 0; width: 100%;}
.menu-bottom-bg img{width: 100%;}
.our-menu-panel {padding-top: 20px;}
.our-menu-panel .menu-box {padding-top: 50px;}


/* -------------// Online Booking Block css start //------------- */
.online-booking {overflow: hidden;}
.online-des{font-size: 14px; color: #121619; padding-top: 20px;}
.online-call{background: #121619; color: #fff; border: 10px solid #ec1c24; display: inline-block; font-size: 30px; font-weight: 700;     padding: 10px 10px 10px 10px; margin-top: 30px; background-image: url(../images/online-call.png); background-position: 10px; background-repeat: no-repeat; position: relative;}

.online-call:hover{background-color: #fff; color: #121619; background-image: unset;}
.max-w-390{max-width: 400px;}
.online-call:hover:before{opacity: 1;}
.book-table{font-size: 30px; color: #121619; font-weight: 700; letter-spacing: 2px; padding-bottom: 20px;}
.more-table-v{color: #fff; font-weight: 700; background: #121619; border: 1px solid #121619; padding: 17px 41px; text-transform: uppercase; letter-spacing: 1px; border-radius: 50px;     display: block;
    margin-right: auto;
    margin-left: auto;
}
.more-table-v:hover{background: #fff; color: #121619;}


/* -------------// Chef Block css start //------------- */
.chef{background-color: #121619; position: relative; overflow: hidden;}
.chef:before{content: ""; background-image: url(../images/chef-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .20; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.chef .headding-part h2{color: #fff;}
.chef-box{background: #fff; padding-bottom: 20px;background: #fff;padding-bottom: 20px;     height: 225px;
    border-radius: 16%;}
.chef-box .chef-img{width: 100%; max-height: 263px;}
.chef-box .chef-name {font-size: 20px; color: #1d1d1d;  line-height: 20px; transition: all 400ms ease;}
.chef-box:hover .chef-name {color: #ec1c24;}
.chef-box .chef-ct{font-size: 14px; color: #999999; transition: all 400ms ease;}
.chef-box:hover .chef-ct{color: #ec1c24;}
.chef-top-bg{position: absolute; top: -371px; left: 0; width: 100%;}
.chef-top-bg img{width: 100%;}
.chef-bottom-bg{position: absolute; bottom: -381px; left: 0; width: 100%;}
.chef-bottom-bg img{width: 100%}
.chef-outer {padding: 0px 15px;}
.chef .chef-hover {position: relative; overflow: hidden;}
.chef .chef-hover::before {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.chef .chef-box:hover .chef-hover::before {-webkit-animation: shine .75s; animation: shine .75s;}
.chef .owl-nav button {position: absolute; z-index: 2; color: #ec1c24 !important; font-size: 0px !important; top: 50%; transform: translateY(-50%); opacity: 0.5; line-height: 60px !important; overflow: hidden;}
.chef .owl-nav button span {position: relative; top: -11px;}
.chef .owl-nav button:hover{opacity: 1;}
.chef .owl-nav button.owl-prev {left: -30px;}
.chef .owl-nav button.owl-next {right: -30px;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}


/* -------------// News Block css start //------------- */
.new-box .news-img{transition: all 400ms ease; position: relative; top: 0;}
.new-box:hover .news-img {box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .5);}
.news-img{position: relative;}
.news-img .news-image{width: 100%;}
.news-img .news-date {background: #ec1c24; width: 68px; height: 68px; border-radius: 100%; color: #fff; font-weight: 700; text-align: center; line-height: 68px; position: absolute; bottom: -30px; right: 40px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.news-img .news-date span{line-height: 20px; display: block;}
.news-img .news-date-bg{background: rgb(253 157 62 / .50); position: absolute; width: 72px; height: 72px; bottom: -32px; right: 38px; border-radius: 100%;}
.new-box ul{padding-top: 20px;}
.new-box ul li{display: inline-block; color: #1d1d1d; margin-right: 20px;}
.new-box .news-headline{font-size: 18px; color: #1d1d1d; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding-top: 8px; display: block;}
.news-headline:hover{color: #ec1c24;}
.new-box .news-more{color: #ec1c24; text-transform: uppercase; text-decoration: underline; margin-top: 20px; display: inline-block; padding: 0 !important;}
button.news-more {border: unset; background: transparent;}
.new-box:hover .news-img {position: relative; top: -10px;}
.new-box .news-more:hover{color: #1d1d1d;}


/* -------------// Customer reviews Block css start //------------- */
.customer{background: #121619; position: relative; overflow: hidden;}
.customer-inner .headding-part h2{color: #fff;}
.customer-img{width: 180px; float: left;}
.customer-img-in {width: 135px; text-align: center;}
.customer-img .customer-image{width: 135px; height: 135px; border: 5px solid #ec1c24; border-radius: 100%;}
.customer-img .customer-name{font-size: 20px; color: #ec1c24; text-transform: uppercase; padding-top: 10px;}
.customer-reviews{width: calc(100% - 180px); float: left; background: #fff; padding: 40px 50px; position: relative;}
.customer-reviews .review-cus{font-size: 18px; color: #999999; padding-bottom: 15px; font-style: italic;}
.customer-reviews .post-name {color: #ec1c24; text-transform: uppercase;}
.customer-reviews .post-name span{font-size: 12px; text-transform: lowercase;}
.customer-detail{display: flex!important; width: 100%; align-items: center; padding: 20px 0px;}
.customer-reviews:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 17.5px 18px 17.5px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -17px; top: 50%; transform: translateY(-50%);}
.customer-top-bg{position: absolute; top: -75px; left: 0; width: 100%;}
.customer-top-bg img{width: 100%;}
.customer-bottom-bg{position: absolute; bottom: -7px; left: 0; width: 100%;}
.customer-bottom-bg img{width: 100%;}
.customer-slide ul{text-align: center; position: absolute; bottom: -50px; left: 50%; transform: translateY(-50%);}
.customer-slide ul li{display: inline-block; padding: 0px 2px;}
.customer-slide ul li button{font-size: 0; background: transparent; border: 2px solid #ec1c24; padding: 0; width: 12px; height: 12px; border-radius: 100%;}
.customer-slide ul li.slick-active button{background: #ec1c24;}
.customer .owl-dots{text-align: center;}
.customer button.owl-dot{width: 12px; height: 12px; border: 2px solid #ec1c24; border-radius: 100%; margin: 0px 5px; transition: all 400ms ease;}
.customer button.owl-dot.active{background: #ec1c24;}


/* -------------// About Block css start //------------- */
.about-pizzon .max-w-390 {max-width: 460px;}
.about-pizzon .online-des{padding-top: 30px}
.about-more-z{margin-top: 35px; text-transform: uppercase;}
.about-pizzon-img{padding-left: 60px;}
.about-pizzon-img .pizzon-ab {max-height: 580px;}


/* -------------// Menu Page //------------- */
.page-banner{padding-top: 185px; padding-bottom: 120px;position: relative;}
.page-title{text-align: center;position: relative;z-index: 9;}
.page-banner::after {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #121619;opacity: 0.8;}
.page-headding{font-size: 50px; color: #fff; font-weight: 700; text-transform: uppercase;}
.page-name:hover{color: #ec1c24;}
.page-title ul li{position: relative; padding: 0px 10px; display: inline-block; padding-top: 10px; color: #fff;text-transform: capitalize;}
.page-title ul li:before{content: ""; position: absolute; width: 1px; height: 15px; background: #fff; top: 16px; left: -2px; transform: rotate(15deg);}
.page-title ul li:first-child:before{content: unset;}
.page-title ul li a{font-size: 16px; color: #fff; display: block;text-transform: capitalize;}
.menu-tabbing{text-align: center; padding-bottom: 50px;}
.menu-tabbing ul{background: #ebebeb; display: inline-block; border-radius: 50px;}
.menu-tabbing ul li{display: inline-block;}
.menu-tabbing .nav-tabs li a{font-size: 14px; color: #121619; font-weight: 700; padding: 15px 28px; display: block; text-transform: uppercase; border: unset; border-radius: 50px;}
.menu-tabbing .nav-tabs li a.active{background: #ec1c24; border-radius: 50px;color: #fff;}
.menu-list-box{margin-bottom: 20px;}
.list-img img{width: 100%; object-fit: cover;}
.menu-detail{text-align: center; padding: 20px 30px;}
.iteam-name{font-size: 20px; color: #121619; font-weight: 700; text-transform: uppercase; padding-bottom: 4px; letter-spacing: 1px;display: inline-block;}
.iteam-name:hover{color: #ec1c24;}
.list-img-2 img:hover{transform: scale(1.1);}
.menu-detail ul li{font-size: 16px; color: #888888; display: inline-block; padding: 0px 10px; position: relative;}
.menu-detail ul li:before{content: ""; background: #888888; position: absolute; top: 5px; width: 1px; height: 15px; left: 0; transform: rotate(20deg);}
.menu-detail ul li:first-child:before{content: unset;}
.iteam-desc{font-size: 14px; color: #888888; padding-top: 8px; padding-bottom: 15px;}
.iteam-order{font-size: 16px; color: #ec1c24; font-weight: 700; text-transform: uppercase; text-decoration: underline;}
.iteam-order:hover {color: #121619; text-decoration: underline;}
.list-img {position: relative; overflow: hidden; top: 0; transition: all 400ms ease;}
.list-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
.menu-list-box:hover .list-img{top: -10px;}
.menu-list-box-2{display: flex; align-items: center; padding: 0px 20px; margin-bottom: 30px;}
.list-img-2{width: 105px; height: 105px; border-radius: 100%; float: left; overflow: hidden;}
.list-img-2 img{width: 100%; object-fit: cover; transition: all 400ms ease;}
.menu-detail-2{width: calc(100% - 105px); float: left; padding-left: 20px;}
.menu-detail-2 .iteam-name{padding-bottom: 0px;padding-top: 0px;}
.iteam-name-list{border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 3px;}
.iteam-srice{font-size: 20px; font-weight: 700; color: #ec1c24; float: right;}


/* -------------// Blog Page //------------- */
.blog-box {padding-bottom: 35px;}
.blog-img{margin-bottom: 24px; overflow: hidden;}
.blog-img img{width: 100%; object-fit: cover; transition: all 400ms ease;}
.blog-img img:hover {transform: scale(1.1);}
.blog-box ul{padding-bottom: 5px;}
.blog-box ul li{display: inline-block; font-size: 16px; color: #1d1d1d; padding: 0px 10px;}
.blog-box ul li:first-child {padding-left: 0;}
.blog-box ul li a{text-transform: uppercase;}
.blog-box ul li a:hover{color: #ec1c24;}
.blog-headding, .blog-detail h2{font-size: 30px; color: #1d1d1d; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-bottom: 10px; display: block;}
.blog-desc, .blog-detail p {font-size: 16px; color: #999999; padding-bottom: 20px;}
.blog-btn{font-size: 16px; color: #ec1c24; text-transform: uppercase; text-decoration: underline;}
.blog-btn:hover{color: #1d1d1d; text-decoration: underline;}
.blog-pagination ul li{display: inline-block; padding: 0px 4px;}
.blog-pagination ul li:first-child{padding-left: 0;}
.blog-pagination ul li a{display: block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #dddddd; text-align: center; font-size: 16px; color: #999999;}
.blog-pagination ul li a:hover{border: 1px solid #121619; color: #121619;}
.blog-pagination ul li.active a{background: #121619; color: #fff;}

.blog-search{position: relative; padding-bottom: 35px}
.blog-search:before{content: "\f002"; font-family: fontawesome; color: #bababa; position: absolute; font-size: 18px; top: 12px; right: 16px;}
.blog-input{font-size: 15px; color: #999999; border: 1px solid #dddddd; padding: 12px 40px 12px 15px; width: 100%;}
.blog-input:focus{border: 1px solid #000;}
.find-blog{font-size: 0; width: 49px; height: 49px; position: absolute; top: 0; right: 0; border: 0; background: transparent; z-index: 2; padding: 0;}

.categorie-head{font-size: 24px; color: #121619; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 8px; border-bottom: 1px solid #dedede;}
.categories{padding-bottom: 20px;}
.categories ul li a{font-size: 14px; color: #999999; border-top: 1px solid #dedede; display: block; padding: 14px 0px; letter-spacing: 1px;}
.categories ul li:first-child a{border: unset;}
.categories ul li a:hover{color: #eb974b;}

.recent-post {padding-bottom: 10px;}
.recent-inner {padding-top: 30px;}
.recent-box { display: flex; width: 100%; margin-bottom: 25px; align-items: center;}
.recent-img {width: 80px; float: left; overflow: hidden;}
.recent-img img {width: 100%; object-fit: cover; transition: all 400ms ease;}
.recent-img img:hover{transform: scale(1.1);}
.recent-text {width: calc(100% - 80px); float: left; padding-left: 10px;}
.recent-sub {font-size: 14px; color: #ec1c24; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 4px; display: block;}
.recent-title {font-size: 16px; color: #1d1d1d; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; overflow: hidden; display: block;}

.tage-part ul{padding-top: 15px; margin: 0px -3px;}
.tage-part ul li{display: inline-block; padding: 5px 3px;}
.tage-part ul li a{font-size: 14px; color: #999999; border: 1px solid #dddddd; display: block; padding: 4px 18px;}
.tage-part ul li a:hover{background: #ec1c24; color: #fff; border: 1px solid #ec1c24;}

.blog-detail .blog-img img:hover {transform: unset;}
.blog-detail .blog-headding:hover {text-decoration: unset;}
blockquote {border: 1px solid #dddddd; text-align: center; padding: 44px 20px; margin-bottom: 35px;margin-top: 35px;}
blockquote p {font-size: 20px !important; color: #121619 !important; max-width: 800px !important; margin: 0 auto;}
.blog-detail .blog-desc{padding-bottom: 35px;}
.blog-detail .blog-desc, .blog-detail p {padding-bottom: 0px;}
.detail-tag{display: flex; width: 100%; padding-bottom: 40px;}
.detail-tag .teg-title{font-size: 16px; color: #121619; font-weight: 700; text-transform: uppercase; width: 55px; float: left; margin: 0; padding-top: 8px;}
.blog-detail ol{width: calc(100% - 55px); float: left; padding-left: 0; margin-bottom: 40px;margin-top: 35px;}
.blog-detail ol li:first-child {font-size: 16px; color: #121619; font-weight: 700;}
.blog-detail ol li{padding: 0px 3px; display: inline-block;}
.blog-detail ol li a{border: 1px solid #e4e4e4; border-radius: 50px; font-size: 14px; color: #999999; text-transform: unset; letter-spacing: 1px; padding: 10px 35px; display: block;}
.blog-detail ol li a:hover{background: #ec1c24; color: #fff;}
.teg-desc {background: #f5f5f5; display: flex; width: 100%; align-items: center; padding: 25px 30px; margin-bottom: 40px;}
.tag-img {width: 150px; float: left;}
.tag-img img {width: 100%; object-fit: cover;}
.tag-det {float: left; width: calc(100% - 150px); padding-left: 30px;}
.det-title {font-size: 18px; color: #121619; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.det-description {font-size: 14px; color: #999999;}
.title-com {font-size: 24px; color: #121619; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-bottom: 10px;}
.comments-box {display: flex; align-items: center; width: 100%; border-top: 1px solid #e0e0e0; padding: 30px 0px;}
.comment-img {width: 100px; float: left;}
.comment-img img {width: 100%; object-fit: cover;}
.comment-text {float: left; width: calc(100% - 100px); padding-left: 20px; display: flex; align-items: center;}
.details-com {width: calc(100% - 135px); float: left;}
.name-com {font-size: 18px; color: #121619; font-weight: 700; text-transform: uppercase; margin: 0;}
.desc-com {font-size: 14px; color: #999999;}
.button-comme {width: 135px; float: left; text-align: right;}
.reply-com { background: #ec1c24; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 8px 25px; display: inline-block; border: 1px solid #ec1c24; border-radius: 30px;}
.reply-com:hover {background: transparent; color: #ec1c24;}
.comments {padding-bottom: 10px;}
.blog-detail .blog-box ul li a {text-transform: unset;}
.leave .title-com{padding-bottom: 15px;}
.post-com { background: #ec1c24; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border: 1px solid #ec1c24; border-radius: 50px; padding: 17px 35px;}
.post-com:hover{background: transparent; color: #ec1c24;}
.blog-detail .blog-box {padding-bottom: 0;}

.comment-part h3 {font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
.comment-part h2{font-size: 24px; margin-bottom: 30px;}
.comment-part ul ul {margin-left: 0px; width: 100%;}
.comment-part ul > li {border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 20px; position: relative; display: flex; align-items: center;}
.comment-part ul > li:first-child {border: none; padding-top: 0; margin-top: 0;}
.comment-user {float: left; margin-right: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; width: 100px;}
.comment-detail {padding-right: 90px; width: calc(100% - 120px); float: left;     text-align: left;}
.comment{display: inline-block; width: 100%;}
.comment-user img{width: 100%; object-fit: cover;}
.comment .comment-detail {padding-right: 0;}
.commenter span {color: #333; font-weight: 600;}
.comment-detail p {margin-bottom: 0;}
.comment-detail .reply-btn { position: absolute; right: 0; top: 50%; text-transform: none; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.comment-detail .reply-btn:before{content: unset;}
.comment-detail .reply-btn:hover{background: #fff;}
.post-comm {background: #333333; color: #fff; padding: 15px 20px; margin-bottom: 20px; border-radius: 0;}
.post-comm:before{content: unset;}
.post-comm:hover {background: #ec1c24; color: #fff;}
.comment-part ul {border: 0; padding: 0;}
.comment-part h3, .leave-comment-part h3{font-weight: 700;}
.comment-part {text-align: left;}
.border-tab ul li a:before {content: ""; transition: all 400ms ease; position: absolute; bottom: 0; left: 0; background: #ec1c24; width: 0%; height: 2px;}
.border-tab ul li.current a:before, .border-tab ul li a:hover:before{width: 100%;}
.border-tab .comment-part ul{padding: 0px 0px;}
.border-tab .comment-part ul li{padding-right: 0px;padding-left: 0px;display: flex;align-items: center;margin: 0px;}
.comment-part .comment-detail p{padding-bottom: 0px;}


/* -------------// Reservation Page //------------- */
.reservation{position: relative; background: url(../images/table-book.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.reservation .container{position: relative; z-index: 2;}
.reservation form{padding-top: 70px;}
.table-book {font-size: 24px; color: #fff; background: #ec1c24; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border: 1px solid #ec1c24; padding: 11px 170px; border-radius: 50px;}
.table-book:hover {background: transparent; color: #ec1c24;}


/* -------------// About Page //------------- */
.flex-center{align-items: center;}
.about-img{position: relative;}
.about-img.overlay:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0, 0, 0, .7); opacity: 0; transition: all 400ms ease;}
.about-img.overlay:hover:before{opacity: 1;}
.about-section {overflow: hidden;}
.about-img.overlay {position: relative;}
.about-img img{width: 100%; object-fit: cover;}
.about-text{padding-left: 15px;}
.about-desc{padding-top: 25px;}
.desc-about{font-size: 14px; color: #121619; padding-bottom: 20px;}
.our-story{background: #f4f4f4;}
.story{padding-top: 40px; max-width: 900px; margin: 0 auto;}
.story-text{color: #1d1d1d; padding-bottom: 20px;}
.story img{margin-top: 25px;}
.experience{padding-bottom: 100px; overflow: hidden;}
.play-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.play-icon span{border: 8px solid #ec1c24; border-radius: 100%; width: 90px; height: 90px; line-height: 75px; text-align: center; font-size: 40px; color: #ec1c24; padding-left: 9px; display: block; transition: all 400ms ease;}
.play-icon:hover span{border: 8px solid #fff; color: #fff;}
.modal-content {background: #fff; border: unset; position: relative; padding: 25px; border-radius: unset;}
.modal-content button.close {position: absolute; right: 5px; top: -4px; color: #000; opacity: 1; font-size: 30px; z-index: 2; background: unset; padding: 0; border: unset; font-weight: 700; line-height: 30px;}
.modal-content button.close:hover{color: #ec1c24;}
.about-pizzon {overflow: hidden;}
.video-play {height: 300px;}
.about-cus{position: relative;}
.about-cus:before {content: ""; background-image: url(../images/chef-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .20; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* -------------// Contact Page //------------- */
.contact-in{padding-top: 70px;}
.contact {overflow: hidden;}
.contact-head{font-size: 35px; color: #121619; font-weight: 700; letter-spacing: 1px; padding-bottom: 15px;}
.contact-desc{font-size: 14px; color: #999999; padding-bottom: 15px;}
.contact-detail ul li{color: #ec1c24; font-size: 28px; padding: 10px 0px; display: flex; align-items: center;}
.contact-detail ul li:last-child {align-items: unset;}
.contact-detail ul li a{font-size: 14px; color: #121619;}
.contact-detail ul li .con-list {font-size: 14px; color: #121619; margin-left: 15px;}
.contact-detail ul li .con-list span{display: block;}
.contact-detail ul li a:hover{color: #ec1c24;}
.contact-in .post-com {width: 100%;}
.map-pizzon {width: 100%; height: 435px; display: block;}
.contact-in .leave {padding-left: 70px;}


/* -------------// Shop Categories Page //------------- */
.crust-banner{padding: 55px 55px;position: relative;}
.crust-banner::after{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #121619;opacity: 0.8;}
.crust-banner-content{position: relative;z-index: 9;}
.crust-title {font-size: 40px; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px;}
.crust-title span{color: #ec1c24;}
.crust-sub {font-size: 16px; color: #fff; text-transform: uppercase;}
.filter-part{padding-bottom: 60px;}
.filter-part .filter-line{border: 1px solid #dedede;margin-bottom: 30px;position: relative;z-index: 9;}
.filter-part .filter-line li{font-size: 18px; color: #121619; font-weight: 700; display: inline-block; padding: 16px 35px;}
.filter-part .filter-line li:first-child{background: #dedede; padding: 16px 30px;}
.filter-part .filter-line li:last-child{font-size: 14px; color: #999999; font-weight: 400; padding: 19px 25px; float: right;}
.filter-part .filter-line li img{position: relative; top: -2px; padding-right: 5px;}
.filter-part .custom-select-trigger:after{width: 7px; height: 7px; top: 13px; right: -15px; border-bottom: 1px solid #999999; border-right: 1px solid #999999;}
.filter-part .custom-select-trigger{padding: 0px 0px; letter-spacing: 1px; line-height: unset; transition: all 400ms ease;}
.filter-part .form-control{border: unset; height: unset;}
.filter-part .custom-select.sources.form-control.opened{border: unset;}
.filter-part .custom-select.opened .custom-select-trigger:after {margin-top: 0px; border-bottom: 1px solid #ec1c24; border-right: 1px solid #ec1c24;}
.filter-part .custom-options{width: 150px; top: 39px; border: 1px solid #dedede; border-top: 0;}
.filter-part .custom-option{border-bottom: 1px solid #dedede;}
.filter-part .custom-select-trigger:hover{color: #ec1c24;}
.filter-part .custom-select-trigger:hover:after{border-color: #ec1c24;}
.filter-part .opened .custom-select-trigger{color: #ec1c24;}
.active-filter {font-size: 18px; color: #1a1b1d; font-weight: 700; margin-bottom: 30px;}
.filter-box {text-align: center; margin-bottom: 40px;}
.filter-name {font-size: 18px; color: #121619; text-transform: uppercase; padding-top: 10px; margin-bottom: 5px; display: block;}
.filter-name:hover{color: #ec1c24;}
.filter-sub {font-size: 14px; color: #999999; padding-bottom: 8px;}
.filter-price {font-size: 18px;color: #ec1c24;font-weight: 700;display: block;padding-bottom: 15px;}
.order-filter { background: #121619; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #121619; border-radius: 50px; display: inline-block; padding: 11px 40px;}
.img-filter img{transition: all 400ms ease; position: relative; top: 0;}
.img-filter img:hover{top: -10px;}
.order-filter:hover {background: transparent; color: #121619;}


/* -------------// Shop Grid Page //------------- */
.filter-grid {text-align: left; border-bottom: 1px solid #d7d7d7; padding-bottom: 30px; margin-bottom: 30px;}
.filter-grid .img-filter img{width: 100%;}
.filter-grid .filter-price {display: inline-block; padding-right: 15px;}
.filter-price-r {color: #d7d7d7; text-decoration: line-through;}
.filter-grid .filter-price-r{padding-right: 0px;}
.filter-order ul{display: inline-block;
    padding-left: 10px;}
.filter-order ul li{display: inline-block;}
.filter-order ul li a{display: block; width: 50px; height: 50px; line-height: 50px; background: #d7d7d7; text-align: center; border-radius: 100%; border: 1px solid #d7d7d7; font-size: 22px;}
.filter-order ul li a:hover{color: #121619; background: transparent;}


/* -------------// Shop Detail Page //------------- */
/* Product Zoom Slider start */
.glass-case, .gc-display-area, .gc-display-container, .gc-display-container img {width: 100% !important; height: auto !important;}
.gc-display-area{border: unset;}
.glass-case ul li{border: unset;}
.gc-display-area, .gc-display-container {position: relative !important; top: auto !important; left: auto !important; margin: 0 !important; z-index: 1;}
.gc-thumbs-area {width: calc(100% - 100px) !important; display: inline-block;}
.gc-thumbs-area {position: relative; top: auto !important; left: auto !important; margin-top: 10px;}
.gc-thumbs-area, ul#glasscase, ul#glasscase li {height: auto !important;}
.glass-case ul li .gc-li-display-container img {margin: 0 !important; top: auto !important; left: auto !important; width: 100%; height: auto;}
.align-center {text-align: center;}
.gc-thumbs-area-main {position: relative; z-index: 1;}
.gc-thumbs-area-prev, .gc-thumbs-area-next {top: 50%;}
.gc-thumbs-area-prev {left: 0;}
#glasscase li{opacity: 0.5; transition: all 400ms ease;}
#glasscase li:hover{opacity: 1;}
#glasscase li.gc-active {opacity: 1;}
.gc-thumbs-area-next {right: 0;}
.gc-icon-next, .gc-icon-prev {border: none; display: inline-block; height: 1.2em; width: 1.2em; transition: all 1.00s ease 0s; -moz-transition: all 1.00s ease 0s; -webkit-transition: all 1.00s ease 0s; -o-transition: all 1.00s ease 0s;}
.gc-icon:hover {background: #ec1c24;}
.gc-icon-next::before, .gc-icon-prev::before {color: #333; top: 50%; right: auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.gc-icon:hover:before {color: #fff;}
.gc-icon:before {font-family: "FontAwesome";}
.gc-icon-prev::before {content: "\f104";}
.gc-icon-next::before {content: "\f105";}
.gc-overlay-area [class*="gc-icon-"] {background: #fff; border: none;}
.gc-overlay-area [class*="gc-icon-"]:hover {background: #ec1c24;}
.gc-overlay-area .gc-overlay-top-icons [class*="gc-icon-"]:hover {background: #fff;}
.gc-overlay-area .gc-overlay-top-icons .gc-icon {height: 35px; width: 35px;}
.gc-overlay-area .gc-overlay-top-icons [class*="gc-icon-"]:before {content: ""; height: 20px; width: 20px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); right: auto; top: 50%;}
.gc-overlay-area .gc-icon-close:before {background: url("../images/sprite.png") -53px -1375px;}
.gc-overlay-area .gc-icon-compress::before {background: url("../images/sprite.png") -55px -1441px;}
.gc-overlay-area .gc-icon-enlarge::before {background: url("../images/sprite.png") -55px -1412px;}
.gc-zoom {z-index: 1 !important;}
.glass-case ul li.gc-active, .glass-case ul li.gc-active:hover {border-color: #f22a59;}
/* Product Zoom Slider end */
.shop-name{margin-bottom: 20px;}
.title-shop{font-size: 28px; color: #121619; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;}
.price-shop .filter-price-r{color: #d3d3d3; font-weight: 400; padding-right: 30px;}
.price-shop .filter-price{display: inline-block;}
.shop-desc{font-size: 14px; color: #999999;}
.crust-choose{margin-bottom: 20px;}
.title-crust{color: #121619; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
.crust-choose ul li{display: inline-block;}
.crust-choose ul li a{display: block; border: 1px solid #dddddd; font-size: 14px; color: #999999; padding: 13px 24px; margin: 0px 3px;}
.crust-choose ul li.current a{background: #ec1c24; border-color: #ec1c24; color: #fff;}
.quantity-product{margin-top: 30px; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px;}
.quantity{font-size: 20px; color: #121619; font-weight: 700; letter-spacing: 1px; padding-right: 10px;}
.quantity-product input{width: 50px; height: 50px; text-align: center; border: 1px solid #dddddd; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 20px; color: #999999; font-weight: 700;}
.quantity-product input:focus{border: 1px solid #000;}
.quantity-product input::-webkit-inner-spin-button, 
.quantity-product input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.add-cart{background: #ec1c24; color: #fff; border: 1px solid #ec1c24; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; padding: 9px 29px; margin-left: 18px;}
.add-cart:hover {color: #ec1c24; background: transparent;}
.add-cart i {padding-right: 10px;}
.wiselist{display: inline-block; width: 100%; padding-top: 20px}
ul.compare{width: calc(100% - 300px); float: left;}
ul.compare li{display: inline-block; padding: 0px 15px;}
ul.compare li:first-child{padding-left: 0;}
ul.compare li a{color: #121619;}
ul.compare li a:hover{color: #ec1c24;}
ul.compare li a i{padding-right: 3px;}
ul.share{width: 300px;float: left; text-align: right;}
.share-title {font-size: 20px; color: #121619; font-weight: 700;}
ul.share li{display: inline-block;}
ul.share li a{color: #adadad; font-size: 14px; padding: 0px 5px;}
ul.share li a:hover{color: #ec1c24;}
.border-tab{border: 1px solid #dddddd;}
.border-tab ul{border-bottom: 1px solid #dddddd; padding: 0px 20px;}
.border-tab ul li{display: inline-block; padding: 13px 15px;}
.border-tab ul li:first-child {padding-left: 0;}
.border-tab ul li:last-child {padding-right: 0;}
.border-tab ul li a{font-size: 18px;color: #999999; text-transform: uppercase; position: relative;}
.product-desc-tab{padding: 30px 20px 0px 20px; display: none;}
.product-desc-tab p {color: #999999; padding-bottom: 30px;}
.leave-comment-part {padding-top: 30px;}
.product-desc-tab.current{display: block;}
.border-tab ul li.current a, .border-tab ul li a:hover{color: #ec1c24;}
.releted-product .menu-title {color: #121619; display: block;}
.releted-product{background: unset;}
.releted-product .menu-price {font-weight: 700;}
.releted-product .headding-part .headding-title{color: #1d1d1d;}
.releted-product .menu-title:hover {color: #ec1c24;}
.comment-detail .commenter{font-size: 18px;}
.releted-product .menu-image{position: relative;top: 0;}
.releted-product .menu-img{overflow: unset;}
.releted-product .menu-image:hover{top: -10px;}


/* -------------// Cart page css start //------------- */
.cart-item-table .product-title a{text-transform: uppercase;}
.cart-item-table .product-image {max-width: 100px; border: 1px solid #e5e5e5;     padding: 10px;}
.cart-item-table .product-image img{width: 100%;}
.cart-item-table table tr td, .cart-item-table table tr th {vertical-align: middle; border-right: 1px solid #e5e5e5; text-align: center; min-width: 120px;}
.table>:not(:last-child)>:last-child>* {border-bottom-color: #e5e5e5;}
.cart-item-table table tr td:last-child, .cart-item-table table tr th:last-child  {border-right: none;}
.shopping-cart .price-box .price {color: #ec1c24; font-size: 18px; font-weight: 600;}
.shopping-cart select {background: url(../images/select-icon.png) no-repeat scroll right 50% #fff !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e5e5e5; padding: 8px 15px; line-height: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; width: 70px;cursor: pointer;}
.shopping-cart select:focus{outline: none;}
.estimate .sub-heading {font-weight: 700; font-size: 22px; text-transform: uppercase;}
.shopping-cart select.full {width: 100%;}


/* -------------// Checkout Page css start //------------- */
.checkout-part .heading-part h3{font-size: 22px; line-height: 25px; text-transform: uppercase; font-weight: 600;}
.checkout-part .form-group label {color: #121619; font-weight: 500; display: inline-block; margin-bottom: .5rem;}
.checkout-part .sidebar-product ul li {display: inline-block; padding: 7px 0px; margin-bottom: 5px; width: 100%;}
.checkout-part .checkout-products ul li {border-bottom: 1px solid #e5e5e5; padding: 20px 0px; margin: 0;}
.checkout-part .sidebar-product ul li:first-child {padding-top: 0;}
.checkout-part .sidebar-product .pro-media {padding: 0 15px 0 0; width: 100px; float: left;}
.checkout-part .checkout-products .pro-media a {display: inline-block; border: 1px solid #e5e5e5; padding: 10px;}
.checkout-part .checkout-products .pro-media a img{width: 100%;}
.checkout-part .pro-detail-info .product-title {color: #121619; font-weight: 600; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis;text-transform: uppercase;}
.checkout-part .pro-detail-info .product-title:hover {color: #ec1c24;}
.checkout-part .price-box .price {color: #ec1c24; font-size: 18px; font-weight: 600;}
.checkout-part .price-box .price.old-price {color: #888888; font-size: 14px; font-weight: 500; margin-left: 5px;}
.checkout-part .checkout-qty {font-weight: 500;}
/* checkbox CSS Start */
.checkout-part .check-box input, .checkout-part .radio input.radio-button {display: none;}
.checkout-part .checkbox + label, .checkout-part .radio-button + label {cursor: pointer; line-height: 17px; padding-bottom: 4px; padding-left: 22px; padding-top: 4px; position: relative;}
.checkout-part .checkbox:checked + label::before, .checkout-part .radio-button:checked + label::before {background: #ec1c24 none repeat scroll 0 0; border-color: #ec1c24;}
.checkout-part .checkbox + label::before, .checkout-part .radio-button + label::before, .checkout-part .checkbox + label::after {content: ""; height: 16px; left: 0; position: absolute; top: 0; width: 16px; margin-top: 5px;}
.checkout-part .checkbox + label::before, .checkout-part .radio-button + label::before {background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #979797; border-radius: 1.5px; -moz-border-radius: 1.5px; -webkit-border-radius: 1.5px; -o-border-radius: 1.5px;}
.checkout-part .checkbox:checked + label::after {background-image: url("../images/check-box-icon.png"); background-repeat: no-repeat;}
.checkout-part input.radio-button:checked + label::before {background-image: url("../images/radio-icon.png"); background-repeat: no-repeat;}
.checkout-part .radio-button + label::before {-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.checkout-part h4 {font-size: 17px; line-height: 28px; margin-bottom: 10px;}
.checkout-part .notes {border: 1px solid #e5e5e5;}
.checkout-part .gray-bg {background: #f5f5f5;}
.complete-order-detail table.table {border: 1px solid #e5e5e5;}
.checkout-part button.btn.full.btn-color {width: 100%;}
section.page-banner.page-not-found {background: #121619;}


/* -------------// 404 Page //------------- */
.error-part{background: #121619;border-bottom: 1px solid #202529;}
.error-content{padding-top: 50px;}
.error-content h2{color: #fff;margin-top: 30px;font-size: 40px;}
.error-img{max-width: 600px;margin: 0px auto;text-align: right;}
.error-img .error-img-top{animation-name: zoom-fade;animation-duration: 8s;animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-name: zoom-fade;-webkit-animation-duration: 8s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes zoom-fade {0% {-webkit-transform: scale(0.8);transform: scale(0.8);}50% {-webkit-transform: scale(1);transform: scale(1);}100% {
    -webkit-transform: scale(0.8);transform: scale(0.8);}}
@keyframes zoom-fade {0% {-webkit-transform: scale(0.8);transform: scale(0.8);}50% {-webkit-transform: scale(1);transform: scale(1);}100% {
    -webkit-transform: scale(0.8);transform: scale(0.8);}}


/*_______________________________________________________
// FOOTER  //----------------------------
_______________________________________________________*/
footer{background: #121619; padding-top: 100px;}
.footer {padding-bottom: 95px; border-bottom: 1px solid #202529;}
.footer-logo .footer-des{font-size: 14px; color: #fff; max-width: 240px; padding-top: 35px; padding-bottom: 10px;}
.footer-logo ul li{font-size: 14px; color: #fff; padding: 10px 0px; text-transform: uppercase;}
.footer-logo ul li a{font-size: 14px; color: #fff; padding-left: 5px; text-transform: lowercase}
.footer-logo ul li a:hover{color: #ec1c24;}
.footer h2{font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-top: 11px;}
.opening-hours ul{max-width: 240px; } 
.opening-hours ul li{font-size: 14px; color: #fff; padding: 9px 0px; letter-spacing: 1px;}
.opening-hours ul li span{float: right; }
span.footer-close {background: #ec1c24; padding: 2px 16px;}
.useful-links ul{padding-top: 50px;}
.useful-links ul li{padding-bottom: 2px;}
.useful-links ul li a{font-size: 14px; color: #fff; letter-spacing: 1px;}
.useful-links ul li a:hover{color: #ec1c24;}
.copyright{padding: 30px 0px;}
.copyright .copy-text{font-size: 14px; color: #fff; letter-spacing: 1px;}
.copyright .copy-text a{color: #ec1c24;}
.copyright .copy-text a:hover{text-decoration: underline;}
.copyright ul{text-align: right;}
.copyright ul li{display: inline-block; padding-left: 8px;}
.copyright ul li a{color: #fff; background: #242628; width: 40px; height: 40px; line-height: 40px; display: block; text-align: center;}
.copyright ul li a:hover{background: #ec1c24;}



@media(max-width: 1900px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-top-bg {top: -70px;}
	.menu-bottom-bg {bottom: -130px;}
	.chef-top-bg {top: -350px;}
	.chef-bottom-bg {bottom: -350px;}
	.customer-top-bg {position: absolute; top: -70px;}
}


@media(max-width: 1800px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-top-bg {top: -70px;}
	.chef-top-bg {top: -330px;}
	.chef-bottom-bg {bottom: -330px;}
}


@media(max-width: 1700px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-bottom-bg {bottom: -120px;}
	.chef-top-bg {top: -310px;}
	.chef-bottom-bg {bottom: -310px;}
}


@media(max-width: 1600px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-bottom-bg {bottom: -110px;}
	.chef-top-bg {top: -290px;}
	.chef-bottom-bg {bottom: -290px;}
	.customer-top-bg {position: absolute; top: -55px;}
}


@media(max-width: 1500px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	/* .container {max-width: 1140px;} */
	.order-top{top: -80px;}
	.order-bottom {bottom: -75px;}
	.menu-top-bg {top: -50px;}
	.menu-bottom-bg {bottom: -90px;}
	.chef-top-bg {top: -231px;}
	.chef-bottom-bg {bottom: -231px;}
	.customer-top-bg {top: -45px;}
	.customer-bottom-bg {bottom: 0px;}
	.speciality-img {width: 350px; height: 350px;}
	.speciality-img .spec-image{width: 350px; height: 350px;}
	button.owl-prev {left: 10px;}
	button.owl-next {right: 10px;}
	.banner-slide-2 .pizza-1 {right: -30px;}
	.banner-slide-2 .pizza-2 {top: -30px;}
	.banner-slide-2 .pizza-3 {top: 50px;}
	.banner-slide-2 .pizza-5 {bottom: -70px; right: 0px;}
	.banner-slide-2 .pizza-4 {bottom: -70px;}
	.banner-slide-3 .pizza-5 {top: 50px; right: -50px;}
	.banner-slide-3 .pizza-3 {top: -10px; right: 30px; left: unset;}
	.banner-slide-3 .pizza-4 {bottom: -30px;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.gallery__thumbs img {max-width: 80px;}
	.gallery__hero img {max-height: 415px;}
}


@media(max-width: 1199px){

	/*_______________________________________________________
	// General Style //----------------------------
	________________________________________________________*/
	.container{max-width: 960px}
	.pb-50 {padding-bottom: 35px;}
	.com-btn{padding: 12px 30px; margin-top: 30px;}

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	#menu {margin-left: 0px;}
	.navbar-nav > li > a {padding: 11px 8px;}
	.header-right-link > ul > li {padding: 0 8px;}
	.header-right-link ul li > a {padding: 7px 0;}
	.header-right-link > ul > li > a .link-text {font-size: 14px;}
	li.order-online {top: 0;}
	.header-right-link > ul > li > a span.icon {top: -3px;}

	.banner-headding {font-size: 39px;}
	.banner-sub-hed{letter-spacing: 7px; font-size: 13px; text-align: center;}
	.banner-text{top: 130px;}
	.banner-sub-hed {font-size: 18px; }
	.banner {min-height: 630px;}
	.banner .owl-item {min-height: 630px;}
	.owl-carousel .owl-item .pizza-img {max-width: 800px;}
	button.owl-prev:before {font-size: 60px;}
	button.owl-next:before {font-size: 60px;}
	.pizza-1 {bottom: 0px; right: -60px; max-width: 130px;}
	.pizza-2 {top: 20px; right: -60px; max-width: 250px;}
	.pizza-3 {top: 50px; left: 280px; max-width: 70px;}
	.pizza-4 {bottom: 70px; left: 0px; max-width: 170px;}

	.owl-carousel .owl-item .banner-slide-2 .pizza-img{max-width: 420px;}
	.banner-slide-2 .banner-box {padding-top: 120px;}
	.banner-slide-2 .pizza-5 {max-width: 180px;}
	.banner-slide-2 .pizza-4{max-width: 60px; bottom: -50px; right: 210px;}
	.banner-slide-2 .pizza-6 {bottom: 30px; right: -20px; max-width: 60px;}
	.banner-slide-2 .pizza-1 {top: -60px; right: 0px; max-width: 140px;}
	.banner-slide-2 .pizza-2 {top: -50px;}
	.banner-slide-2 .pizza-3 {top: 40px; max-width: 50px; left: -10px;}

	.banner-slide-3 .banner-box {padding-top: 90px;}
	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 470px;}
	.banner-slide-3 .pizza-2 {bottom: 0px; left: 0px; max-width: 120px;}
	.banner-slide-3 .pizza-4 {bottom: -20px; right: -10px; max-width: 140px;}
	.banner-slide-3 .pizza-5 {max-width: 150px;}
	.banner-slide-3 .pizza-3 {top: 0px; right: 20px; left: unset; max-width: 140px;}
	.banner-slide-3 .pizza-1 {top: -20px; left: 120px; max-width: 80px;}
	.banner-slide-3 .pizza-6 {top: 30px; left: 20px; max-width: 80px;}

	.order-section .padding-lf {padding: 0px 20px;}
	.order-top{top: -40px;}
	.order-bottom{bottom: -40px;}

	.headding-part .headding-title {font-size: 33px;}
	.speciality-img {width: 280px; height: 280px;}
	.speciality-img .spec-image {width: 280px; height: 280px;}
	.menu-top-bg{top: -40px;}
	.menu-bottom-bg {bottom: -70px;}
	.chef-top-bg{top: -190px;}
	.chef-bottom-bg{bottom: -190px;}
	.customer-top-bg{top: -42px;}
	.customer-bottom-bg{bottom: 0px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.page-banner {padding-top: 125px; padding-bottom: 80px;}

	/*_______________________________________________________
	// Shop categories Page  //----------------------------
	_______________________________________________________*/
	.filter-part .filter-line li{padding: 16px 30px;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.gallery__thumbs a {margin: 0px 8px;}
	.gallery__thumbs img {max-width: 70px;}
	.gallery__hero img {max-height: 345px;}
	ul.share {width: 200px;}
	ul.compare {width: calc(100% - 200px);}
	ul.compare li {padding: 0px 10px;}
}


@media(max-width: 1024px){

	/*_______________________________________________________
	// Blog Page  //----------------------------
	________________________________________________________*/
	.blog-headding, .blog-detail h2 {font-size: 25px;}
	.blog-input {font-size: 15px; padding: 8px 30px 8px 10px;}
	.blog-search:before{top: 7px; right: 8px;}
	.find-blog {font-size: 0; width: 28px; height: 40px;}
	.categorie-head {font-size: 20px; padding-bottom: 5px;}
	.categories ul li a{padding: 10px 0px;}
	.blog-search{padding-bottom: 25px;}
	.recent-box {display: inline-block; margin-bottom: 15px}
	.recent-img {width: 100%;}
	.recent-text {width: 100%; padding-left: 0; padding-top: 5px;}
	.recent-title {font-size: 15px;}
	.recent-inner {padding-top: 20px;}
	.tage-part ul {padding-top: 5px;}
	.tage-part ul li a{padding: 3px 10px;}
	.recent-sub{padding-bottom: 0;}
	.recent-img img {width: unset;}
	.map-pizzon {height: 350px;}

	/*_______________________________________________________
	// Shop categories Page  //----------------------------
	_______________________________________________________*/
	.crust-title {font-size: 35px;}
	.filter-part .filter-line li{padding: 16px 25px;}
}


@media (min-width: 992px) {

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.mobilemenu-content, .nav > li.level:hover .megamenu {display: block !important;}
	.megamenu {display: block !important; opacity: 0; visibility: hidden; top: calc(100% + 10px);}
	.header-right-link > ul > li.order-online {padding-right: 0;}
	.header-right-link > ul > li:hover .header-link-dropdown {opacity: 1;}
	.nav > li.level:hover .megamenu {opacity: 1; visibility: visible; top: 100%;}
	.header-right-link ul li.cart-icon:hover > a span.icon {background-position: -9px -52px;}
	header#header.sticky .navbar-brand img {max-width: 150px;}
	.sticky .navbar-nav > li > a {padding-top: 25px; padding-bottom: 25px;}
	.sticky .header-right-link ul li > a {padding: 22px 0;}
	.header-right-link > ul > li.order-online {transition: all 400ms ease;}
	.sticky .header-right-link > ul > li.order-online {padding-top: 13px; padding-bottom: 13px;}
}


@media(max-width: 991px){

	/*_______________________________________________________
	// General Style //----------------------------
	________________________________________________________*/
	.container{max-width: 720px}
	.ptb {padding-top: 65px; padding-bottom: 65px;}
	.pt-50 {padding-top: 20px;}
	.pt-100 {padding-top: 65px;}
	.order-md_1{order: 1;}
	.order-md_2{order: 2;}

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-width {max-width: 0 !important; padding: 0;}
	#menu { background: #fd9d3e; border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; left: -100%; margin: 0 !important; position: fixed !important; top: 74px !important; width: 100%; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;}
	#menu.show, #menu.menu-open {left: 0;}
	.navbar-collapse {padding: 0px 15px 0 0;}
	.navbar-collapse > ul {margin: 0 auto; width: 100%; display: block; max-width: 690px;padding-top: 20px;padding-bottom: 90px;}
	.navbar-nav > li {display: inline-block; float: none; width: 100%;}
	.navbar-nav > li > a {padding: 15px 0px; color: #fff; display: block; margin-right: 40px;}
	.nav > li:hover > a, .nav > li.active > a, .nav > li > a:focus {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff;}
	#header .nav > li:first-child a {padding-left: 0px;}
	#header .nav > li:first-child ul li.level2 a {padding-left: 0;}
	.navbar-nav > li.dropdown > a:after {display: none;}
	.megamenu .sub-menu-level2 li.level3 > a span{background: #fff;}
	.megamenu .sub-menu-level2 li.level3 > a:hover span{background: #000;}
	.nav > li:hover > a, .nav > li.active > a, .nav > li > a:focus{color: #000;}
	#menu .level {position: relative;}
	#menu span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}
	#menu span.plus {background-position: -94px -378px;}
	#menu span.minus {background-position: -94px -416px;}
	.megamenu .level2 > a {position: relative; margin-bottom: 2px; margin-right: 0;}
	.megamenu .level2 > a:before {content: ""; font-family: FontAwesome; position: absolute; left: -11px;}
	.menu-list-res {display: block;}
	.navbar-header .navbar-brand {max-width: 150px;}
	header#header.sticky {padding: 15px 0;}

	.megamenu { background-color: transparent; border-top: none; position: relative; left: auto; top: auto; opacity: 1; padding: 0px 30px; transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -o-transition: none 0s ease 0s;}
	.megamenu .container {width: 100%;}
	.megamenu .sub-menu-level1 li.level2 {float: none; margin-bottom: 15px;}
	.megamenu {box-shadow: none;}
	.megamenu-inner-top .left-p {padding-right: 0;}
	.side-toggle {display: block; overflow: unset !important;}
	.navbar-toggle { border: none; background: none; position: relative; top: unset; right: unset; color: #333333; height: 27px; padding: 8px 10px; width: 24px; display: flex;}
	.megamenu .level2 > a {color: #000000;}
	.header-right-link > ul > .side-toggle {padding: 7px 8px;     padding-right: 0;}
	.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {width: 100%; left: 0;}
	.megamenu .sub-menu-level2 li.level3 > a {color: #fff; padding: 12px 0px;}
	.megamenu .sub-menu-level2 li.level3 > a:hover {color: #000;}
	button.navbar-toggle i.fa {font-size: 24px; color: #fff;}
	button:focus {outline: none;}
	#menu span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#menu span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#menu .active span.plus:after{transform: rotate(90deg); top: -1px;opacity: 0;}
	.menu-list-d {display: none;}
	.cart-dropdown.header-link-dropdown.active {opacity: 1; display: block;}
	.cart-dropdown.header-link-dropdown{display: none;}
	.header-right-link ul li.cart-icon.active > a span.icon {background-position: -9px -54px;}
	li.cart-icon.active{overflow: unset !important;}

	.banner-headding {font-size: 31px;}
	.banner-text{top: 100px;}
	.banner {min-height: 500px;}
	.banner .owl-item {min-height: 500px;}

	button.owl-prev:before {font-size: 40px;}
	button.owl-next:before {font-size: 40px;}
	.owl-carousel .owl-item .pizza-img {max-width: 700px;}
	.pizza-1 {right: -30px; max-width: 100px;}
	.pizza-2 {right: -30px; max-width: 200px; top: 40px;}
	.pizza-3 {left: 260px; max-width: 60px;}
	.pizza-4 {left: 20px; max-width: 130px;}

	.owl-carousel .owl-item .banner-slide-2 .pizza-img {max-width: 310px;}
	.banner-slide-2 .pizza-1 {top: -50px; right: -10px; max-width: 110px;}
	.banner-slide-2 .pizza-2 {max-width: 70px;}
	.banner-slide-2 .pizza-3 {top: 20px; max-width: 35px; left: 10px;}
	.banner-slide-2 .pizza-5 {max-width: 130px; bottom: -40px; right: -10px;}
	.banner-slide-2 .pizza-6 {bottom: 40px; right: -10px; max-width: 40px;}
	.banner-slide-2 .pizza-4 {max-width: 40px; bottom: -40px; right: 140px;}

	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 330px;}
	.banner-slide-3 .pizza-4 {bottom: -10px; right: -10px; max-width: 100px;}
	.banner-slide-3 .pizza-2 {max-width: 80px;}
	.banner-slide-3 .pizza-6 {top: 30px; left: 0px; max-width: 50px;}
	.banner-slide-3 .pizza-1 { top: -10px; left: 50px; max-width: 50px;}
	.banner-slide-3 .pizza-5 {max-width: 120px; top: 40px; right: -40px;}
	.banner-slide-3 .pizza-3 {max-width: 110px;}

	.order-section .order-title {font-size: 25px; padding-bottom: 5px;}
	.order-section .order-des{max-width: 290px; margin: 0 auto;}
	.servose-box:last-child{padding-bottom: 0!important;}
	.headding-part .headding-title {font-size: 50px; line-height: 45px;}
	.headding-part .headding-sub {font-size: 25px;}
	.speciality-img {width: 200px; height: 200px;}
	.speciality-img .spec-image {width: 200px; height: 200px;}
	.ser-title {font-size: 20px; padding-top: 15px;}
	.special-tab .nav-tabs li a{padding: 14px 22px;}
	.menu-img {width: unset; height: unset;}
	.our-menu-panel {padding-top: 0px;}
	.menu-img .menu-image {width: 100%; height: unset; max-width: 150px;}
	.online-call{font-size: 25px; padding: 10px 10px 10px 10px; background-size: 25px; width: unset;}
	.form-control{height: 42px; padding: 0px 15px;}
	.form-group {margin-bottom: 20px;}
	.more-table-v{padding: 10px 30px;}
	.custom-select-trigger{line-height: 42px; padding: 0px 15px;}
	.custom-select-trigger:after {right: 15px;}
	.custom-option{line-height: 41px;}
	.menu-top-bg {top: -30px;}
	.online-call:before{background-size: 25px;}
	.menu-bottom-bg {bottom: -55px;}
	.chef-top-bg {top: -150px;}
	.customer-top-bg {top: -34px;}
	.chef-bottom-bg {bottom: -148px;}
	.new-box .news-headline {font-size: 16px; line-height: 20px;}
	.news-img .news-date{width: 58px; height: 58px; bottom: -20px; right: 20px;}
	.news-img .news-date-bg{width: 62px; height: 62px; bottom: -22px; right: 18px;}
	.new-box .news-more{margin-top: 10px;}
	.customer-img-in {width: 100px;}
	.customer-img .customer-image{height: 100px;}
	.customer-img {width: 130px;}
	.customer-reviews {width: calc(100% - 130px); padding: 20px 20px;}
	.customer-img .customer-name{font-size: 18px; padding-top: 5px;}
	.about-pizzon-img {padding-left: 20px;}
	.footer-logo .footer-des{margin: 0 auto;     padding-top: 15px;}
	.opening-hours ul{margin: 0 auto; padding-top: 15px;}
	.opening-hours ul li{text-align: left;}
	.footer-box {flex: 0 0 100%; max-width: 100%; text-align: center; padding-top: 40px;}
	.useful-links ul {padding-top: 15px;}
	footer{padding-top: 50px;}
	.footer {padding-bottom: 60px;}
	.copyright-box {flex: 0 0 100%; max-width: 100%; text-align: center;}
	.copyright ul {text-align: center; padding-top: 15px;}
	.copyright {padding: 20px 0px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.page-headding {font-size: 42px;}
	.page-name{padding-top: 0;}
	.page-banner {padding-top: 115px; padding-bottom: 70px;}
	.menu-detail {padding: 10px 5px;}
	.menu-tabbing {padding-bottom: 30px;}
	.iteam-desc {padding-top: 4px; padding-bottom: 10px;}
	.menu-detail ul li{padding: 0px 5px;}
	.list-img-2 {width: 80px; height: 80px;}
	.menu-detail-2 {width: calc(100% - 80px); padding-left: 15px;}
	.menu-list-box-2{padding: 0; margin-bottom: 30px}

	/*_______________________________________________________
	// Blog Page  //----------------------------
	________________________________________________________*/
	.blog-headding, .blog-detail h2 {font-size: 25px;}
	.blog-input {font-size: 15px; padding: 8px 30px 8px 10px;}
	.blog-search:before{top: 7px; right: 8px;}
	.find-blog {font-size: 0; width: 28px; height: 40px;}
	.categorie-head {font-size: 20px; padding-bottom: 5px;}
	.categories ul li a{padding: 10px 0px;}
	.blog-search{padding-bottom: 25px;margin-top: 40px;}
	.recent-box {display: inline-block; margin-bottom: 15px}
	.recent-img {width: 100%;}
	.recent-text {width: 100%; padding-left: 0; padding-top: 5px;}
	.recent-title {font-size: 15px;}
	.recent-inner {padding-top: 20px;}
	.tage-part ul {padding-top: 5px;}
	.tage-part ul li a{padding: 3px 10px;}
	.recent-sub{padding-bottom: 0;}

	/*_______________________________________________________
	// Blog Detail Page  //----------------------------
	________________________________________________________*/
	.explain-box{padding: 30px 10px;}
	.recent-box {display: flex; margin-bottom: 15px;}
	.recent-img {width: 80px;}
	.recent-text {width: calc(100% - 80px); padding-left: 10px; padding-top: 0px;}

	/*_______________________________________________________
	// Reservetion Page  //----------------------------
	________________________________________________________*/
	.table-book {font-size: 20px; padding: 5px 50px;}
	.reservation form {padding-top: 30px;}
	.reservation:before{width: 50%; background-size: contain;}
	.reservation:after{width: 50%; background-size: contain;}

	/*_______________________________________________________
	// About Page  //----------------------------
	________________________________________________________*/
	.about-text {padding-left: 0;}
	.story {padding-top: 20px;}

	/*_______________________________________________________
	// Contact Page  //----------------------------
	________________________________________________________*/
	.contact-in {padding-top: 50px;}
	.contact-in .leave {padding-left: 0px;}
	.contact-head {font-size: 30px;}

	/*_______________________________________________________
	// Shop categories Page  //----------------------------
	_______________________________________________________*/
	.crust-title {font-size: 30px;}
	.crust-banner {padding: 40px 40px;}
	.filter-part .custom-select-trigger {padding: 0px 0px; line-height: unset;}
	.filter-part .form-control{height: unset;}
	.filter-part .filter-line li {padding: 10px 15px;}
	.filter-part .filter-line li:first-child {padding: 10px 15px;}
	.filter-part .filter-line li:last-child{padding: 13px 15px;}
	.filter-part .custom-select-trigger:after{top: 11px;}
	.img-filter img{width: 100%;}
	.order-filter{padding: 10px 20px;}
	.filter-part {padding-bottom: 20px;}
	.filter-grid .order-filter {padding: 5px 15px;}
	.filter-grid .filter-order ul {padding-left: 5px;}
	.filter-grid .filter-order ul li a {width: 35px; height: 35px; line-height: 35px; font-size: 20px;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.gallery__hero img {max-height: 260px;}
	.gallery__thumbs a {margin: 0px 3px;}
	.gallery__thumbs img {max-width: 60px;}
	.share-title {font-size: 16px;}
	ul.compare{width: 100%;}
	ul.share{width: 100%; text-align: left; padding-top: 10px;}
	.crust-choose ul li a{margin-bottom: 10px;}
	.releted-product {padding-bottom: 65px;}
	.mb-md-30 {margin-bottom: 30px;}
}


@media(max-width: 767px){

	/*_______________________________________________________
	// General Style //----------------------------
	________________________________________________________*/
	.container{max-width: 100%;}
	.ptb {padding-top: 50px; padding-bottom: 50px;}
	.pb-50 {padding-bottom: 20px;}
	.pt-50 {padding-top: 10px;}
	.pt-100 {padding-top: 50px;}
	.pb-r-30{padding-bottom: 30px;}
	.mb-60{margin-bottom: 40px;}

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	header#header{padding: 10px 0;}
	header#header.sticky {padding: 10px 0;}
	#menu{top: 65px !important;z-index: 999;}
	.header-right-link > ul > li > a span.icon{height: 25px; width: 25px;}
	.header-right-link ul li.call-icon > a span.icon{background-position: -12px -91px;}
	.header-right-link > ul > li > a .link-text {font-size: 13px; padding-left: 4px; display: none;}
	.header-right-link > ul > li{padding: 0 10px;}
	.header-right-link ul li.cart-icon > a span.icon {background-position: -11px -17px;}
	.header-right-link ul li.call-icon:hover > a span.icon {background-position: -13px -124px;}
	li.order-online {top: 4px;}
	.cart-dropdown .cart-list li .media .pull-left {width: 70px; padding-right: 0px;}
	.cart-dropdown .input-text.qty {padding: 0px 0px;}
	.input-text.qty{max-width: 40px;}
	.btn, button {padding: 8px 10px; font-size: 14px;}
	.header-link-dropdown{padding: 15px; width: 100%; left: 0; top: 65px; position: fixed;z-index: 99;}
	.cart-dropdown .cart-list li .media{display: flex;align-items: center;}
	.cart-dropdown .cart-list li .media .media-body{width: calc(100% - 70px);padding-left: 15px;}
	.cart-icon{position: unset !important;}
	.cart-dropdown .btn {padding: 8px 30px;}
	header#header .col-xl-9 {position: unset;}
	.header-right-link > ul > li > a span.icon {top: 0px;}
	.navbar-collapse > ul {max-width: 100%; padding-left: 15px; padding-right: 15px;padding-top: 10px;}

	.banner-headding {font-size: 18px;}
	.owl-dots {position: absolute; bottom: 25px; left: 50%; transform: translate(-50%);}
	.banner .owl-dots {position: absolute; bottom: 25px; left: 15px; width: 12px; transform: unset;}
	.banner button.owl-dot.active{background: #fd9d3e;}
	.banner button.owl-dot{width: 12px; height: 12px; border: 2px solid #fd9d3e; margin: 0px 0px;}
	.banner-sub-hed {letter-spacing: 2px; font-size: 13px;}
	.banner {min-height: 400px;}
	.banner .owl-item {min-height: 400px;}
	.owl-carousel .owl-item .pizza-img {max-width: 450px;}
	.pizza-1 {right: -20px; max-width: 60px;}
	.pizza-2 {right: -20px; max-width: 130px; top: 20px;}
	.pizza-4 {left: 5px; max-width: 90px; bottom: 40px;}
	.pizza-3 {left: 160px; top: 20px; max-width: 50px;}

	.banner-slide-2 .banner-box, .banner-slide-3 .banner-box {display: flex; -ms-flex-wrap: unset; flex-wrap: wrap;}
	.banner-slide-2 .banner-text, .banner-slide-3 .banner-text {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: block; text-align: center;}
	.banner-slide-2 .banner-images, .banner-slide-3 .banner-images {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.banner-slide-2 .banner-images {display: flex; justify-content: center; padding-top: 10px;}
	.banner-slide-2 .banner-box {padding-top: 100px;}
	.owl-carousel .owl-item .banner-slide-2 .pizza-img {max-width: 160px;}
	.banner-slide-2 .pizza-1 {top: 0px; right: -30px; max-width: 50px;}
	.banner-slide-2 .pizza-2 {max-width: 30px; top: -10px; left: 0;}
	.banner-slide-2 .pizza-3 {top: 20px; max-width: 18px; left: -10px;}
	.banner-slide-2 .pizza-5 {max-width: 60px; bottom: -10px; right: -25px;}
	.banner-slide-2 .pizza-6 {bottom: 30px; right: -20px; max-width: 20px;}
	.banner-slide-2 .pizza-4 {max-width: 20px; bottom: -10px; right: 30px;}

	.banner-slide-3 .banner-images{order: 2; display: flex; justify-content: center;}
	.banner-slide-3 .banner-text{order: 1;}
	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 190px; margin: 0 auto;}
	.banner-slide-3 .pizza-4 {bottom: 10px; right: -10px; max-width: 50px;}
	.banner-slide-3 .pizza-2 {max-width: 40px; bottom: 10px; left: 0px;}
	.banner-slide-3 .pizza-1 {top: 5px; left: 20px; max-width: 25px;}
	.banner-slide-3 .pizza-6 {top: 30px; left: 0px; max-width: 30px;}
	.banner-slide-3 .pizza-5 {max-width: 50px; top: 30px; right: -20px;}
	.banner-slide-3 .pizza-3 {max-width: 40px; top: 10px; right: 10px;}

	.servose-box {padding-bottom: 20px!important;}
	.order-top {top: -30px;}
	.order-bottom {bottom: -30px;}
	.order-section .order-title {font-size: 22px;}
	.headding-part .headding-title {font-size: 30px; line-height: 30px;     text-align: center;}
	.headding-part .headding-sub {font-size: 20px;     text-align: center;}
	.ser-title {font-size: 16px; padding-top: 15px;}
	.special-tab ul {background: transparent;}
	.speciality-box {margin-bottom: 20px;}
	.speciality-img {width: 130px; height: 130px;}
	.speciality-img .spec-image {width: 130px; height: 130px;}
	.com-btn {padding: 8px 15px; margin-top: 15px;}
	.menu-top-bg {top: -20px;}
	.special-tab .nav-tabs li a {padding: 5px 15px; font-size: 13px;margin-bottom: 5px;}
	.menu-title {font-size: 16px; padding-top: 10px; padding-bottom: 5px;}
	.menu-img .menu-image{max-width: 120px;}
	.menu-des{padding-bottom: 10px; max-width: 240px; margin: 0 auto; line-height: 16px;}
	.our-menu-panel .menu-box {padding-top: 25px;}
	.online-booking {text-align: center;}
	.online-des{padding-top: 10px;}
	.online-call{margin-top: 20px; margin-bottom: 30px;}
	.menu-bottom-bg {bottom: -35px;}
	.about-pizzon .online-des{padding-top: 15px;}
	.chef .owl-dots{text-align: center; position: relative; top: 10px;}
	.chef button.owl-dot{width: 10px; height: 10px; border: 2px solid #fd9d3e; border-radius: 100%; margin: 0px 5px; transition: all 400ms ease;}
	.chef button.owl-dot.active{background: #fd9d3e;}
	.chef-box .chef-img{max-height: unset;}
	.chef-box .chef-name{font-size: 18px; line-height: 16px; padding-top: 16px;}
	.customer-top-bg {top: -27px;}
	.chef-box{padding-bottom: 10px;max-width: 400px;margin: auto;}
	.new-box{max-width: 400px;margin: 0px auto;}
	.new-box ul {padding-top: 5px;}
	.new-box .news-headline {font-size: 15px; line-height: 20px; padding-top: 10px;padding-bottom: 5px;}
	.new-box .news-more {margin-top: 0px; padding: 0 !important;}
	.news-part {margin-bottom: 20px;}
	.customer-detail {display: block!important;}
	.customer-img {width: 100%; float: unset;}
	.customer-reviews {width: 100%; float: unset; text-align: center;}
	.customer-img-in{margin: 0 auto;}
	.chef-top-bg {top: -95px;}
	.chef-bottom-bg {bottom: -90px;}
	.customer .owl-dots {bottom: -10px;}
	.customer-img .customer-name {font-size: 16px; padding-top: 0px; padding-bottom: 15px;}
	.customer-reviews .review-cus {font-size: 16px; line-height: 18px; padding-bottom: 10px;}
	.customer-reviews:before {border-width: 15.5px 15px 15.5px 0; left: 50%; top: -22px; transform: translate(-50%) rotate(90deg);}
	.about-pizzon {text-align: center;}
	.about-pizzon-img {padding-left: 0;padding-top: 30px;}
	.about-pizzon .max-w-390 {margin-left: auto; margin-right: auto;}
	.footer-box{padding-top: 20px;}
	.opening-hours ul li{padding: 3px 0px;}
	.footer-logo ul li{padding: 3px 0px;}
	.footer-logo img {max-width: 140px;}
	footer {padding-top: 30px;}
	.footer {padding-bottom: 40px;}
	.max-w-390{max-width: 100%;}
	.order-section .order-img {max-width: 70px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.page-headding {font-size: 30px;}
	.page-banner {padding-top: 85px; padding-bottom: 45px;}
	.menu-tabbing ul {background: transparent; border: 0;}
	.menu-tabbing .nav-tabs li a{padding: 8px 25px;}
	.menu-list-box-2 {margin-bottom: 20px;}
	.iteam-name {font-size: 18px;padding-top: 4px;}
	.iteam-srice {font-size: 16px;}
	.iteam-desc{line-height: 16px;}
	.menu-list.ptb{padding-bottom: 10px;}
	.menu-list-box{max-width: 500px;margin-left: auto;margin-right: auto;}

	/*_______________________________________________________
	// Blog Page  //----------------------------
	________________________________________________________*/
	.categorie-head {font-size: 18px;}
	.categories {padding-bottom: 15px;}
	.recent-sub {font-size: 14px;}
	.blog-img {margin-bottom: 10px;}
	.blog-headding, .blog-detail h2 {font-size: 20px;}
	.blog-desc, .blog-detail p {line-height: 20px;padding-bottom: 10px;}
	.blog-box {padding-bottom: 25px;}
	.blog-pagination ul li a{width: 35px; height: 35px; line-height: 35px;}
	.blog-pagination ul li {padding: 0px 2px;}
	.blog-box h2{line-height: 25px;}
	.recent-img img {width: 100%;}
	.order-r-2{order: 2;}
	.order-r-1{order: 1;}

	/*_______________________________________________________
	// Blog Detail Page  //----------------------------
	________________________________________________________*/
	blockquote {padding: 10px 10px; margin-bottom: 20px;margin-top: 20px;}
	blockquote p{line-height: 20px !important; font-size: 18px !important;padding-bottom: 0px !important;}
	.blog-detail .blog-desc, .blog-detail p {padding-bottom: 0px;}
	.blog-detail ol li a{padding: 5px 18px;}
	.detail-tag .teg-title{padding-top: 4px; width: 100%; float: unset; padding-bottom: 5px;}
	.detail-tag {padding-bottom: 25px;}
	.teg-desc{display: flex; margin-bottom: 25px; padding: 20px 20px; align-items: flex-start;}
	.tag-img {width: 50px; float: unset; padding-bottom: 10px;}
	.tag-det {float: unset; width: calc(100% - 50px); padding: 0; padding-left: 10px;}
	.det-title{margin: 0;}
	.title-com {font-size: 20px; line-height: 20px;}
	.comments-box {display: flex; width: 100%; border-top: 1px solid #e0e0e0; padding: 20px 0px; flex-wrap: wrap; align-items: flex-start;}
	.comment-img {width: 50px; float: unset;}
	.comment-img img {object-fit: cover;}
	.comment-text {float: unset; width: calc(100% - 50px); padding-left: 10px; display: block;}
	.details-com {width: 100%; float: unset;}
	.button-comme {width: 100%; float: unset; text-align: unset; margin-top: 15px;}
	.reply-com{padding: 6px 20px;}
	.post-com{padding: 10px 15px;}
	.leave {text-align: center;}
	.blog-detail ol li:first-child {display: block;}
	.blog-detail ol {width: 100%; float: unset; display: block; width: 100%;margin-top: 20px;margin-bottom: 20px;}
	.blog-detail ol li {margin-bottom: 10px;}
	.table-book {font-size: 18px; padding: 6px 30px;}

	/*_______________________________________________________
	// About Page  //----------------------------
	________________________________________________________*/
	.about-text {padding-left: 0; text-align: center; padding-top: 20px;}
	.about-desc {padding-top: 15px;}
	.desc-about{padding-bottom: 10px;}
	.play-icon span {border: 5px solid #fd9d3e; border-radius: 100%; width: 70px; height: 70px; line-height: 61px;}
	.experience .video-play {height: 250px;}

	/*_______________________________________________________
	// Contact Page  //----------------------------
	________________________________________________________*/
	.contact-detail {padding-bottom: 20px;}
	.contact-detail ul li{margin: 0 auto; text-align: left;}
	.contact-head {font-size: 20px; padding-bottom: 10px;}
	.contact-in {padding-top: 24px;}
	.contact-detail ul li{font-size: 20px;}
	.map-pizzon {height: 250px;}

	/*_______________________________________________________
	// shop categories Page  //----------------------------
	_______________________________________________________*/
	.filter-part .filter-line {border: 0;}
	.filter-part .filter-line li {display: block; border: 1px solid #dedede; border-top: 0;}
	.filter-part .filter-line li:last-child{float: unset;}
	.filter-part .custom-select-trigger:after {right: 15px; top: 21px;}
	.filter-part .custom-options {width: 100%; border: 1px solid #dedede; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .2);}
	.filter-part .custom-select-trigger {padding: 10px 15px;}
	.filter-part .filter-line li {padding: 0;}
	.img-filter img {max-width: 150px;}
	.active-filter{margin-bottom: 15px;}
	.filter-name {font-size: 16px; padding-top: 10px; margin-bottom: 5px;}
	.filter-sub{padding-bottom: 0;}
	.filter-price {font-size: 16px; padding-bottom: 10px;padding-top: 5px;}
	.order-filter {padding: 5px 15px; font-size: 16px;}
	.filter-box {margin-bottom: 30px;}
	.crust-title {font-size: 25px;}
	.crust-sub {font-size: 14px;}
	.crust-banner {padding: 20px 20px;}
	.filter-grid {text-align: center; padding-bottom: 20px;}
	.border-r-b{border-bottom: 1px solid #d7d7d7 !important;}
	.filter-grid .filter-sub {max-width: 300px; margin: auto;}
	.product-desc-tab p{padding-bottom: 20px;}

	/*_______________________________________________________
	// Reservation Page  //----------------------------
	_______________________________________________________*/
	.reservation:before{width: 50%; background-position: right; background-size: cover;}
	.reservation:after{width: 50%; background-position: left; background-size: cover;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.product-det {text-align: center;}
	.gallery__hero {margin-bottom: 20px;}
	.shop-name {margin-bottom: 20px; padding-top: 20px;}
	.title-shop {font-size: 20px; margin-bottom: 10px;}
	.crust-choose ul li a{padding: 8px 20px;}
	.quantity-product input {width: 40px; height: 40px; font-size: 16px;}
	.add-cart{font-size: 16px; padding: 7px 20px;}
	.wiselist{padding-top: 15px;}
	.border-tab ul li a {font-size: 16px;}
	.border-tab ul{text-align: center;padding: 0px 10px;}
	.product-desc-tab.current{text-align: center;padding: 20px 10px 0px 10px;}
	.desc-inner {padding-bottom: 10px;}
	.border-tab ul li {padding: 10px 10px;}
	ul.share {text-align: center;}
	.float-none-sm {float: none !important;}
	.shopping-cart .btn{padding: 15px 18px;}
	a.btn.btn-green {padding: 8px 10px !important;}
	.text-center-r{text-align: center;}
	.comment-list > li{display: block;}
	.comment-part ul > li{display: block; margin-top: 3px; padding: 10px 0;}
	.comment-user {width: 70px; height: 70px;}
	.comment-detail {width: calc(100% - 90px); padding-right: 0px; font-size: 14px;}
	.comment-detail .reply-btn {position: unset; margin-top: 10px; -webkit-transform: unset; -o-transform: unset; transform: unset;}
	.comment-part ul ul {margin-left: 0;}
	.comment-detail p{padding-bottom: 0;}
	.comment-part ul {padding: 0;}
	.comment-part h3,.leave-comment-part h3{margin-bottom: 24px;}
	.comment-detail .commenter{font-size: 16px;padding-bottom: 3px;display: block;}
	.releted-product .headding-part{padding-bottom: 10px;}
	.gc-overlay-area .gc-icon-prev,.gc-overlay-area .gc-icon-next{font-size: 30px;}
	.gc-overlay-area .gc-overlay-top-icons .gc-icon{height: 30px;width: 30px;}
	.gc-overlay-top-icons .gc-icon.gc-icon-enlarge{display: none !important;}

	/*_______________________________________________________
	// 404 Page  //----------------------------
	_______________________________________________________*/
	.error-img{max-width: 320px;}
	.error-img .error-img-top{max-width: 100px;}
	.error-content h2{margin-top: 25px;font-size: 30px;margin-bottom: 15px;}
}


@media(max-width: 600px){
	.customer-top-bg {top: -21px;}
	
}


@media(max-width: 480px){
	
	/*_______________________________________________________
	// Home Page  //----------------------------
	________________________________________________________*/
	.header-link-dropdown{right: -110px;}
	.header-right-link > ul > li {padding: 0 5px;}
	.order-bottom {bottom: -20px;}
	.order-top {top: -20px;}
	.special-tab ul{background: transparent;}
	.menu-top-bg {top: -15px;}
	.menu-bottom-bg {bottom: -23px;}
	.chef-top-bg {top: -55px;}
	.chef-bottom-bg {bottom: -60px;}
	.customer-top-bg {top: -15px;}
	.customer-bottom-bg {bottom: -3px;}

	.banner-headding {font-size: 18px;}
	.banner-sub-hed {letter-spacing: 1px;}
	.banner-text {top: 90px;}
	.owl-carousel .owl-item .pizza-img {max-width: 300px;}
	.pizza-2 {max-width: 80px;}
	.pizza-4 {left: 15px; max-width: 40px; bottom: 30px;}
	.pizza-3 {left: 100px; top: 10px; max-width: 30px;}
	.banner {min-height: 300px;}
	.banner .owl-item {min-height: 300px;}

	.banner-slide-2 .banner-box {padding-top: 80px;}
	.owl-carousel .owl-item .banner-slide-2 .pizza-img {max-width: 120px;}
	.banner-slide-2 .pizza-5 {max-width: 50px;}
	.banner-slide-2 .pizza-4 {max-width: 15px;}
	.banner-slide-2 .pizza-1 {top: 0px; right: -20px; max-width: 40px;}
	.banner-slide-2 .pizza-2 {max-width: 24px;}
	.banner-slide-2 .pizza-3 {max-width: 15px;}

	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 120px;}
	.banner-slide-3 .pizza-4 {max-width: 30px;}
	.banner-slide-3 .pizza-2 {max-width: 25px;}
	.banner-slide-3 .pizza-1 {left: 10px; max-width: 20px;}
	.banner-slide-3 .pizza-6 {top: 20px; left: -10px; max-width: 25px;}
	.banner-slide-3 .pizza-5 {max-width: 30px; top: 20px; right: -10px;}
	.banner-slide-3 .pizza-3 {max-width: 30px; top: 10px; right: 0px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.menu-tabbing .nav-tabs li a {padding: 5px 15px;}
	.menu-tabbing {padding-bottom: 20px;}
	.list-img-2 {width: 60px; height: 60px;}
	.menu-detail-2 {width: calc(100% - 60px);}
	.iteam-name-list {padding-bottom: 4px; margin-bottom: 4px;}

	/*_______________________________________________________
	// About Page  //----------------------------
	________________________________________________________*/
	.story img {margin-top: 0px; max-width: 150px;}
	.play-icon span {width: 60px; height: 60px; line-height: 50px; font-size: 25px; padding-left: 4px;}

}


@media (max-width: 767px) {
  .navbar-brand img {
    max-width: 58%;
    
	
} 
p {
	padding: 0;
	margin: 0;
	text-align: justify;
}
}
.opening-hours li a{
  color: white;
}
.opening-hours p{
  color: white;
}
#download-top{
	margin-top: 141px;
}

.color-white{
	color: white;
}
/* .about-C2 .-img{
    align-items: center;
    display: flex;
    justify-content: center;
} */

/* Hide on desktop view */
/* @media only screen and (min-width: 768px) {
	.element-to-hide {
	  display: none;
	}
  } */
  
  /* Show on mobile view */
  /* @media only screen and (max-width: 767px) {
	.element-to-hide {
	  display: block;
	}
  }


  @media only screen and (min-width: 768px) {
	.element-to-hide-mobile {
	  display: block;
	}
  } */
  
  /* Show on desktop view */
  /* @media only screen and (max-width: 767px) {
	.element-to-hide-mobile {
	  display: none;
	}
  } */

  :root{
	--font-1: 'Montserrat';
	--font-2:"Cookie", cursive;
  }

  .mobile-gallery-image{
	width: 50% !important;
	height: 163px !important;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .mobile-gallery-text{
	text-align: center;
	color: white;
  }
  .fa-youtube-play:before {
	position: fixed;
    margin: -35% 0% 0% -10%;
    background: white;
    border-radius: 100%;
    height: 44px;
    font-size: 93%;
    border-right: medium;
}
.fa-youtube-play:before:hover {
	top: -10px;}

	@media(max-width: 1199px){
		.chef-box {
			background: #fff;
    padding-bottom: 20px;
    height: 187px;
    border-radius: 16%;
		}
	}




	@import url('https://fonts.googleapis.com/css?family=Roboto:300');
	@import url('https://fonts.googleapis.com/css?family=Domine:700');
	body{
		margin:0;
		padding: 0;
		font-family: 'Roboto', sans-serif !important;
	}
	
	.price-sec{
		width: 100%;
		height: 100%;
		box-sizing:border-box;
		padding: 100px 0px;
		background-color: #eee;
	}
	.price-sec .ptables-head{
	  font-family: 'Domine', serif;
	  box-shadow:0px 6px 14px rgba(0, 0, 0, 0.3);
	  padding:30px 0;
	  margin:0px 0px 100px 0px;
	  border-radius:3px;
	  background:linear-gradient(25deg,#feae3f 15%,transparent 0%),
		linear-gradient(-25deg, #f321d7 15%, transparent 0%),
		linear-gradient(-150deg, #64b5f6 15%, transparent 0%),
		linear-gradient(150deg, #f47 15%, transparent 0%);
	
	}
	@media all and (max-width:600px){
	  .ptables-head h1{
		 font-size:30px;
	  }
	  #form-slider {
		background: #ffffffb3;
		border-radius: 3%;
		margin-top: 3%;
		height: unset !important;
	}

	.about-C2 img{
		max-width: 50%;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.online-order-form{
		margin-top: 10%;
	}
	   .headding-part .headding-title {
		font-size: 22px;
		line-height: 30px;
		text-align: center;
		margin: 8% 0px;
	}

	.opening-hours p {
		color: white;
		text-align: center;
	}
.mobile-gallery-image{
		display: block;
		width: 100%;
		height: 275px;
	}

	}
	#black-why{
		color: #000 !important;
	}




	/* price table */
	
	.price-sec .price-table{
		margin:5px 0px;
	}
	.price-sec .price-table .card{
		position: relative;
		max-width:300px;
		height:auto;
		background: linear-gradient(-45deg, #fe0847, #feae3f);
		border-radius:15px;
		margin: 0 auto;
		padding: 40px 20px;
		box-shadow:0 10px 15px rgba(0,0,0,.5);
		transition: .5s;
		overflow: hidden;
	}
	.price-sec .price-table .card:hover{
		transform: scale(1.1);
	}
	
	.price-table:nth-child(1) .card,
	.price-table:nth-child(1) .card .title i{
		background: linear-gradient(176deg, #f40303, #494e52);
	
	}
	.price-table:nth-child(2) .card,
	.price-table:nth-child(2) .card .title i{
		background: linear-gradient(107deg, #e41c0d, #b8b099);
	
	}
	
	.price-table:nth-child(3) .card,
	.price-table:nth-child(3) .card .title i{
		background: linear-gradient(221deg, #d5d594, #e40004);
	
	}
	.price-table .card:before{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40%;
		background: rgba(255, 255, 255, .1);
		z-index: 1;
		transform:skewY(-5deg) scale(1.5);
	
	}
	/* .price-table .title i{
		color:#fff;
		font-size: 60px;
		width: 100px;
		height:100px;
		border-radius: 50%;
		text-align:center;
		line-height: 100px;
		box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
	} */
	.price-table .title h2{
		position: relative;
		margin:20px 0 0;
		padding: 0;
		color:#fff;
		font-size: 28px;
		z-index: 2;
	}
	.price-table .price{
		position: relative;
		z-index: 2;
	}
	.price-table .price h4{
		margin:0;
		padding: 20px 0;
		color:#fff;
		font-size: 60px;
	
	}
	.option {
		position: relative;
		z-index: 2;
	}
	.option ul{
		margin:0;
		padding: 0;
		
	}
	.option ul li{
		margin:0 0 10px;
		padding: 0px 15px;
		list-style: none;
		color:#fff;
		font-size: 16px;
	}
	
	.card a{
		position: relative;
		z-index: 2;
		background: #fff;
		color: #000;
		width:150px;
		height: 40px;
		line-height: 40px;
		display: block;
		text-align:center;
		margin:20px auto 0;
		font-size: 16px;
		cursor: pointer;
		text-decoration: none;
		border-radius: 40px;
		box-shadow:0 5px 10px rgba(0, 0, 0, .2);
	
	}
	.card a:hover{
		text-decoration: none;
	}


	.price-table .title i {
		color: #ff2b2b;
		font-size: 60px;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		text-align: center;
		line-height: 100px;
		box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	}
	/* .form-group{
	display: flex;
    gap: 3%;} */
	#form-slider{    background: #ffffffb3;
		border-radius: 3%;
		margin-top: 3%;
		height: 585px;
	}
	@media (min-width: 1200px){
		.text-end {
			/* margin-top: 60px; */
			margin-top: 0px;
		}
		#form-slider{    background: #ffffffb3;
			border-radius: 3%;
		    margin-top: 3%;
			height: 585px;
		}
	
		.pizza-4 {
			bottom: 80px;
			left: -178px;
		}
	
	}
		
	
	@media(max-width: 1199px){
		.pizza-4 {
			bottom: 80px;
			left: -168px;
		}
	}
	#slider-bg{
    
	   background-image: url("images/slider/clipart.png");
     
	background-repeat: no-repeat;
	}

	#mrgin-service{
		margin-top: 20px;
	}
	#mrgin-service-1{
		margin-top: 15px;
	}


.title{
	color: white;
}

.fa-youtube-play:before {
    content: "\f16a" !important;
}
.opening-hours h2 {
	color: white;
	margin-top: 24px;
	margin-bottom: 20px;
}

.our-box{
	
}

/* .our-box */


.features__item-3 {
    padding: 50px 35px;
}

.grey-bg {
    background: #f8f4ef;
}
.p-relative {
    position: relative;
}

.mb-30 {
    margin-bottom: 30px;
}
.features__icon-3 span {
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.47);
    -moz-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.47);
    box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.47);
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.features__icon-3 span {
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
	.features__icon-3 span img {
		width: 48% !important;
		margin-left: 26%;
		margin-top: 26%;
	}
.features__shape-2 {
    position: absolute;
    top: 15px;
    left: 10px;
	width: 11% !important;
}

.features__shape-3 {
    position: absolute;
    bottom: 5px;
    right: 10px;
    width: 8% !important;
}

.features__title-3 {
    margin-bottom: 15px;
}
.features__title {
    font-size: 24px;
    margin-bottom: 5px;
}




.pricingTable{
    color: #fff;
	background: #f1e6e6;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    padding: 0 25px 30px;
    margin: 0 10px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.pricingTable:before{
    content: "";
    background: #ff5b5a;
	width: 81%;
    height: 220px;
    border-radius: 20px 0 100% 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.pricingTable .pricingTable-header{
    padding: 45px 10px 25px;
    margin: 0 0 15px;
}
.pricingTable .title{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}
.pricingTable .pricing-icon{
    color: #ff5b5a;
    background: #fff;
    font-size: 45px;
    line-height: 110px;
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    border-radius: 100px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3);
}
.pricingTable .pricing-content{
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}
.pricingTable .pricing-content li{
    color: #999;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.pricingTable .price-value{
    color: #ff3838;
    font-weight: 600;
    margin: 0 0 20px;
}
.pricingTable .price-value .amount{
    font-size: 50px;
    line-height: 50px;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 35px;
    line-height: 35px;
    opacity: 0.7;
}
.pricingTable .pricingTable-signup a{
	width: 56%;
    color: #fff;
    background: #ff5b5a;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
    margin: 0 auto;
    border-radius: 50px;
    display: block;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
    letter-spacing: 3px;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3) inset;
}
.pricingTable.green:before,
.pricingTable.green .pricingTable-signup a{
    background: #77b852;
}
.pricingTable.green .pricing-icon,
.pricingTable.green .price-value{
    color: #77b852;
}
.pricingTable.blue:before,
.pricingTable.blue .pricingTable-signup a{
    background: #38405b;
}
.pricingTable.blue .pricing-icon,
.pricingTable.blue .price-value{
    color: #38405b;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 40px; }
}

.pricing-icon,.pricing-icon-1 img{
	width: 100%;
    height: 90px;
	margin-left: -5px;
}
.pricing-icon,.pricing-icon-2 img{
	width: 100%;
	height: 95px;
	
}
.pricing-icon,.pricing-icon-3 img{
	width: 100%;
    height: 90px;
	margin-left: -5px;
	
}

.loading-spinner{
    font-size: 55px;
}