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

*{box-sizing: border-box;}
body{padding: 0; margin: 0; font-family: 'PT Sans Narrow', sans-serif; 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: #fd9d3e;}
p{padding: 0; margin: 0;}
button{outline: none; transition: all 400ms ease;}
button:focus{outline: none;}
input{outline: none; transition: all 400ms ease;}
input:focus{outline: none!important; box-shadow: unset!important;}
textarea:focus{outline: none; box-shadow: unset!important;}
img{max-width: 100%;}

.container{max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.container:after{content: ""; display: table; clear: both;}
.headding-part .headding-sub{font-size: 30px; color: #fd9d3e; font-family: 'Pacifico', cursive; padding-bottom: 10px;}
.headding-part .headding-title {font-size: 70px; 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;}

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;}

.com-btn{background: #fd9d3e; border: 1px solid #fd9d3e; 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: #fd9d3e;}
.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: #fd9d3e; border: none; border: 1px solid #fd9d3e;}
.btn-color:hover {color: #fd9d3e !important; background: transparent; border: 1px solid #fd9d3e;}
.btn-green {color: #fff !important; background: #91b842; border: none;}
button:focus {box-shadow: unset !important;}
.btn-green:hover {color: #fff !important; background: #fd9d3e;}
button.owl-prev{left: 30px;}
button.owl-prev:before{content: "\f104"; font-family: fontawesome; font-size: 80px;}
button.owl-next{right: 30px;}
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: #fd9d3e;}
.relative {position: relative;}

.form-group{margin-bottom: 30px;}
.form-control{font-size: 14px; color: #999999; padding: 0px 25px; height: 50px; border: 1px solid #999999; border-radius: unset;}
.form-control:focus {border: 1px solid #fd9d3e;}
.custom-select.sources.form-control {padding: 0; text-align: left; background: #fff;}
.custom-select.sources.form-control.opened {border: 1px solid #fd9d3e;}
.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: 150px;}
.right-side {float: right;}
.align-left {text-align: left !important;}

.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 {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: #fd9d3e; 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 {position: fixed; top: 0; width: 100%; z-index: 999; padding: 15px 0; background: transparent; 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;}
.header-phone { font-size: 22px; font-weight: 700; }

.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: #fd9d3e;}
.navbar-nav > li:last-child > a {padding-right: 0;}
.navbar-nav > li:hover > a, .navbar-nav > li:focus > a {color: #eb974b;}
#menu {padding-right: 30px;}
.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 { background: #fff; border-top: 3px solid #fd9d3e; 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: #fd9d3e;}
.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;}

.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 .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 #fd9d3e; 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: #fd9d3e;}
.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: #fd9d3e;}
.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: #fd9d3e;}
.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: #fd9d3e !important;}

.banner{background-color: #121619; position: relative; min-height: 800px;}
.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: 150px; color: #fefefe; text-transform: uppercase; font-weight: 700;}
.banner-headding span {color: #fd9d3e;}
.banner-sub-hed {font-size: 24px; color: #fd9d3e; text-transform: uppercase; letter-spacing: 9px; padding: 0 60px; }
.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: -70px;}
.pizza-2{top: 20px; right: -120px; max-width: 350px;}
.pizza-3{top: 50px; left: 360px;}
.pizza-4{bottom: 80px; left: -20px;}

.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: -70px; right: -10px;}
.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: #fd9d3e !important;}

.order-section{background: #fd9d3e; position: relative; padding-top: 20px; padding-bottom: 50px;}
.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: #121619; padding-top: 10px; padding-bottom: 8px;}
.order-section .order-des{font-size: 14px; color: #121619;}
.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;}

.speciality-img{ width: 380px; height: 380px;  margin: 0 auto;}
.speciality-img .spec-image{ width: 380px; height: 380px; 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: #fd9d3e;}

.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: #fd9d3e; 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; font-weight: 800; letter-spacing: 1px; padding-top: 25px; padding-bottom: 12px; display: block;}
.menu-title:hover{color: #fd9d3e;}
.menu-des{font-size: 14px; color: #e3e3e3; letter-spacing: 1px; padding-bottom: 12px;}
.menu-price{font-size: 20px; font-weight: 700; color: #fd9d3e; 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: 16px; color: #121619; padding-top: 20px;}
.online-call{background: #121619; color: #fff; border: 10px solid #fd9d3e; display: inline-block; font-size: 38px; font-weight: 700; padding: 15px 10px 15px 15px; margin-top: 30px; 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: 26px; color: #121619; font-weight: 600; letter-spacing: 2px; padding-bottom: 20px;}
.book-table-en{font-size: 18px; color: #333; font-style: italic; font-weight: 500; letter-spacing: 2px; padding-bottom: 20px;}
.book-table span{display: block}
.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;}
.more-table-v:hover{background: #fff; color: #121619;}

/* -------------// About Block css start //------------- */
.about-incontournable .max-w-390 {max-width: 460px;}
.about-incontournable .online-des{padding-top: 30px; font-size: 17px}
.about-more-z{margin-top: 35px; text-transform: uppercase;}
.about-incontournable-img{padding-left: 60px;}
.about-incontournable-img .incontournable-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: #fd9d3e;}
.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: #fd9d3e; 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: #fff; font-weight: 700; text-transform: uppercase; padding-bottom: 4px; letter-spacing: 1px;display: inline-block;}
.iteam-name:hover{color: #fd9d3e;}
.iteam-name span{font-size: 14px; font-weight: 400}
.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: 18px; line-height: 22px; color: #e3e3e3; padding-top: 8px; padding-bottom: 15px;}
.iteam-order{font-size: 16px; color: #fd9d3e; 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-name-list{border-bottom: 1px solid #555; padding-bottom: 2px; margin-bottom: 0;}
.iteam-srice{font-size: 20px; font-weight: 700; color: #fd9d3e; float: right;}


/* -------------// Reservation Page //------------- */
.table-book {font-size: 24px; color: #fff; background: #fd9d3e; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border: 1px solid #fd9d3e; padding: 11px 170px; border-radius: 50px;}
.table-book:hover {background: transparent; color: #fd9d3e;}


/* -------------// 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 #fd9d3e; border-radius: 100%; width: 90px; height: 90px; line-height: 75px; text-align: center; font-size: 40px; color: #fd9d3e; 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: #fd9d3e;}
.about-incontournable {overflow: hidden;}
.video-play {height: 300px;}
.about-cus{position: relative;}

/* -------------// 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: 18px; color: #fff; max-width: 340px; padding-top: 35px; padding-bottom: 10px;}
.footer-logo ul li{font-size: 18px; color: #fff; padding: 10px 0px; text-transform: uppercase;}
.footer-logo ul li a{font-size: 16px; color: #fff; padding-left: 5px; text-transform: lowercase}
.footer-logo ul li a:hover{color: #fd9d3e;}
.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; padding-top: 50px;}
.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: #fd9d3e; 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: #fd9d3e;}
.copyright{padding: 30px 0px;}
.copyright .copy-text{font-size: 14px; color: #fff; letter-spacing: 1px;}
.copyright .copy-text a{color: #fd9d3e;}
.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: #fd9d3e;}