/*----------------------------------------------------
@File: Default Styles
@Author: Rocky Ahammed
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Wengda
@Author: Rocky Ahammed
@Developed By: Rocky Ahammed
@Developer URL: http://rocky.wethemez.com 
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ all
02/ slider

=====================================================================*/
/*----------------------------------------------------*/
/* Wengdo Fast-Food - HTML Template  */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Welcome Section / Two
7. Featured Section / Two
8. Services Section / Two
9. Menu Section
10. Chefs Section
11. Testimonial Section
12. Blogs Section
13. Newsletter Section
14. Main Footer
15. Page Title
16. Story Section
17. Counter Section
18. Fluid Section / Two
19. Faq's Section
20. Comming Soon Section
21. Services Detail Section
22. Error Section 404
23. Shop Item
24. Cart Section
25. Checkout Section
26. Contact Form
27. Map Section
28. Info Section

**********************************************/
/*** 

====================================================================
  Fonts
====================================================================

 ***/
/* font-family: 'Poppins', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Dancing Script', cursive; */
@import url("pe-icon-7-stroke.css");
@import url("simple-line-icons.css");
@import url("fontawesome-all.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.css");
@import url("jquery.timepicker.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.bootstrap-touchspin.css");
@import url("https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@font-face {
  font-family: "PalaceScriptMT";
  src: url("../fonts/PalaceScriptMT.eot");
  src: url("../fonts/PalaceScriptMT.eot#iefix") format("embedded-opentype"), url("../fonts/PalaceScriptMT.ttf") format("truetype"), url("../fonts/PalaceScriptMT.woff") format("woff"), url("../fonts/PalaceScriptMT.svg#PalaceScriptMT") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "NiagaraSolid-Reg";
  src: url("../fonts/NiagaraSolid-Reg.eot");
  src: url("../fonts/NiagaraSolid-Reg.eot#iefix") format("embedded-opentype"), url("../fonts/NiagaraSolid-Reg.ttf") format("truetype"), url("../fonts/NiagaraSolid-Reg.woff") format("woff"), url("../fonts/NiagaraSolid-Reg.svg#NiagaraSolid-Reg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

.flaticon-menu:before {
  font-size: 28px;
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/
body {font-size: 14px; line-height: 1.6em; font-weight: 400; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-family: "Poppins", sans-serif; } 
a {text-decoration: none; cursor: pointer; color: #9f0301; } 
a:hover, a:focus, a:visited {text-decoration: none; outline: none; } 
h1, h2, h3, h4, h5, h6 {position: relative; font-weight: normal; margin: 0px; background: none; line-height: 1.2em; letter-spacing: -0.02em;  } 
/* Typography */ 
h1 {font-size: 72px; } h2 {font-size: 38px; } h3 {font-size: 28px; } h4 {font-size: 20px; } h5 {font-size: 18px; } h6 {font-size: 16px; } textarea {overflow: hidden; } 
button {outline: none !important; cursor: pointer; } p {font-size: 16px; line-height: 1.6em; font-weight: 400; color: #555555; } 
.text {font-size: 16px; line-height: 1.6em; font-weight: 400; color: #555555; margin: 0; }
::-webkit-input-placeholder {color: inherit; } 
::-moz-input-placeholder {color: inherit; } 
::-ms-input-placeholder {color: inherit; } 
.auto-container {position: static; max-width: 1210px; padding: 0px 20px; margin: 0 auto; } 
.large-container {position: static; max-width: 1600px; padding: 0px 15px; margin: 0 auto; } 
.page-wrapper {position: relative; margin: 0 auto; width: 100%; min-width: 300px;  }
ul, li {list-style: none; padding: 0px; margin: 0px; }

.theme-btn {display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.centered {text-align: center !important; }

/*Social Icon One*/
.social-icon-one {position: relative; } 
.social-icon-one li {position: relative; margin: 0px 6px; display: inline-block; } 
.social-icon-one li a {position: relative; color: #ffffff; font-size: 18px; text-align: center; display: inline-block; -webkit-transition: all 300ms ease; transition: all 300ms ease; } 
.social-icon-one li a:hover {color: #a41a13; }
/*Btn Style One*/
.btn-style-one {position: relative; display: inline-block; font-size: 15px; line-height: 30px; color: #242424; font-weight: 600; letter-spacing: 4px; background-color: white; text-transform: uppercase; padding: 15px 52px; overflow: hidden; border-radius: 3px; } 
.btn-style-one .txt {position: relative; z-index: 1; } 
.btn-style-one:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-color: #f7b82d; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } 
.btn-style-one:hover::before {opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 
.btn-style-one:hover {color: #ffffff; } 
/* Btn Style Two */
.btn-style-two {position: relative; display: inline-block; font-size: 15px; line-height: 30px; color: #ffffff; padding: 15px 61px; font-weight: 600; overflow: hidden; border-radius: 5px; letter-spacing: 4px; background-color: #a41a13; text-transform: uppercase; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; font-family: "Poppins", sans-serif; } 
.btn-style-two:hover {color: #ffffff; -webkit-animation: 2s rainbow infinite alternate; animation: 2s rainbow infinite alternate; } 
@keyframes rainbow {
  0% {background-color: #ccb265; } 25% {background-color: #f8b92e; } 50% {background-color: #1e2635; } 75% {background-color: #d3cdd1; } 100% {background-color: #f8b92e; }
}

@-webkit-keyframes rainbow {
  0% {background-color: #ccb265; } 25% {background-color: #f8b92e; } 50% {background-color: #1e2635; } 75% {background-color: #d3cdd1; } 100% {background-color: #f8b92e; }
}

/*Btn Style Three*/
.btn-style-three {position: relative; display: inline-block; font-size: 15px; line-height: 30px; color: #242424; font-weight: 600; letter-spacing: 4px; background-color: #eec300; text-transform: uppercase; padding: 15px 52px; overflow: hidden; border-radius: 3px; } 
.btn-style-three .txt {position: relative; z-index: 1; } 
.btn-style-three:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-color: #ffffff; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } 
.btn-style-three:hover::before {opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 
.btn-style-three:hover {color: #242424; }

/* Btn Style Four */
.btn-style-four {position: relative; display: inline-block; font-size: 15px; line-height: 30px; color: #ffffff; letter-spacing: 1px; padding: 12px 46px 12px; font-weight: 400; overflow: hidden; background: #000000; border-radius: 50px; text-transform: capitalize; font-family: "Poppins", sans-serif; } 
.btn-style-four .txt {position: relative; z-index: 1; } 
.btn-style-four:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-color: #ccc135; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); } 
.btn-style-four:hover::before {opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 
.btn-style-four:hover {color: #ffffff; border-color: #ccc135; } 
/* Btn Style Five */
.btn-style-five {position: relative; display: inline-block; font-size: 15px; line-height: 30px; color: #ffffff; padding: 12px 46px 12px; font-weight: 400; overflow: hidden; background: #a41a13; border-radius: 0px; font-family: "Poppins", sans-serif; } 
.btn-style-five .txt {position: relative; z-index: 1; } 
.btn-style-five:hover::before {opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-five:hover {color: #ffffff; border-color: #ccc135; } .theme_color {color: #9f0301; } .pull-right {float: right; } .pull-left {float: left; } 
.preloader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 80px; background-image: url(../../../images/preloader.svg); }
img {display: inline-block; max-width: 100%; height: auto; } 
.dropdown-toggle::after {display: none; } 
.fa {line-height: inherit; } 
.play-now .ripple, .play-now .ripple:before, .play-now .ripple:after {position: absolute; top: 50%; left: 30px; height: 60px; width: 60px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; }
.play-now .ripple:before {-webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; }

.play-now .ripple:after {-webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; }

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*** 

====================================================================
  Scroll To Top style
====================================================================

***/
.scroll-to-top {position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; color: #ffffff; font-size: 24px; line-height: 60px; text-align: center; z-index: 100; cursor: pointer; background: #1b1a1c; display: none; border-radius: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .scroll-to-top:hover {background: #9f0301; }

/*** 

====================================================================
  Search Popup
====================================================================

***/
.search-popup {position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.8); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .search-popup .overlay-layer {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup.popup-visible {top: 0; visibility: visible; opacity: 1; } .search-popup .close-search {position: absolute; right: 25px; top: 25px; font-size: 22px; color: #ffffff; cursor: pointer; z-index: 5; } .search-popup .close-search:hover {opacity: 0.7; } .search-popup .search-form {position: relative; padding: 0px 15px 0px; max-width: 1024px; margin: 0 auto; margin-top: 200px; } .search-popup .search-form fieldset {position: relative; border: 7px solid rgba(255, 255, 255, 0.5); border-radius: 12px; -webkit-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; } .search-popup .search-form fieldset input[type="search"] {position: relative; height: 70px; padding: 20px 220px 20px 30px; background: #ffffff; line-height: 30px; font-size: 24px; color: #233145; border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; -moz-border-radius: 7px; } .search-popup .search-form fieldset input[type="submit"] {position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 220px; height: 70px; padding: 20px 10px 20px 10px; color: #ffffff !important; background: #9f0301; line-height: 30px; font-size: 20px; color: #233145; cursor: pointer; text-transform: uppercase; border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; -ms-border-radius: 0px 7px 7px 0px; -o-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; } .search-popup .search-form fieldset input[type="submit"]:hover {background: #187a8f; } .search-popup h3 {font-size: 24px; color: #ffffff; margin-bottom: 20px; text-align: center; } .search-popup .recent-searches {font-size: 16px; color: #ffffff; text-align: center; } .search-popup .recent-searches li {display: inline-block; margin: 0px 10px 10px 0px; } .search-popup .recent-searches li a {display: block; line-height: 24px; border: 1px solid #ffffff; padding: 7px 15px; color: #ffffff; border-radius: 3px; } .search-popup .recent-searches li a:hover {color: #9f0301; border-color: #9f0301; }

/*** 

====================================================================
  Main Header style
====================================================================

***/
.main-header {position: relative; display: block; z-index: 150; } 
.main-header .header-top {position: relative; background-color: #0f1924; } 
.main-header .header-top .auto-container .row{align-items: center;height: 50px; }
.main-header .header-top .top-right {position: relative; float: right; padding: 10px 0px; display: flex; align-items: center; } 
.main-header .header-top .info-list {position: relative; float: left; } 
.main-header .header-top .info-list li {position: relative; float: left; font-size: 16px; line-height: 30px; color: #b1b1b1; font-weight: 400; margin-right: 35px; } 
.main-header .header-top .info-list li .icon {position: relative; top: 0px; font-size: 15px; } 
.main-header .header-top .info-list li a {position: relative; float: left; font-size: 16px; line-height: 30px; color: #b1b1b1; font-weight: 400; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-family: "Poppins", sans-serif; } 
.main-header .header-top .info-list li:last-child a {margin-right: 0px; padding-right: 0px; border: none; } 
.main-header .header-top .info-list li a:hover {color: #ffffff; } 
.ust .social-box {position: relative; float: left; margin-top: 4px; } 
.ust .social-box li {position: relative; margin-right: 18px; display: inline-block; } 
.ust .social-box li a {position: relative; color: #b1b1b1; font-size: 16px; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.ust .social-box li a:hover {opacity: 1; color: #ffffff; }
.ust .social-box li:last-child {margin-right: 0px; } 
.ust .option-list {position: relative; float: left; display: flex; align-items: center; } 
.ust .option-list .search-box-btn {position: relative; color: #b1b1b1; font-size: 16px; line-height: 1em; float: left; font-weight: 700; cursor: pointer; padding-left: 30px; } 
.ust .option-list .cart-btn {position: relative; float: left; } 
.ust .option-list .cart-btn .icon {position: relative; color: #8e8e8e; font-size: 18px; line-height: 1.3em; line-height: 1.3em; } 
.ust .option-list .cart-btn .total-cart {position: absolute; content: ""; top: -8px; right: -12px; color: #000000; width: 20px; height: 20px; font-size: 11px; padding-left: 1px; text-align: center; line-height: 20px; border-radius: 50%; font-weight: 700; background-color: #6f757c; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-family: "Poppins", sans-serif; }
/* Top Left*/
.main-header .header-top .top-left {position: relative; float: left; padding: 10px 0px; }

/*=== Header Upper ===*/
.main-header .header-upper {position: relative; top: 0; z-index: 5; -webkit-transition: all 600ms ease; transition: all 600ms ease; background-color: #fff; }


@keyframes slide-two {
  from {background-position: 0 0; } to {background-position: 200px 0; }
}
@-webkit-keyframes slide-two {
  from {background-position: 0 0; } to {background-position: 200px 0; }
}
@keyframes slide {
  from {background-position: 0 0; } to {background-position: -200px 0; }
}
@-webkit-keyframes slide {
  from {background-position: 0 0; } to {background-position: -200px 0; }
}

.main-header .header-upper .logo-outer {position: relative; float: left; z-index: 25; margin-bottom: -60px; padding: 0px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } 
.main-header .header-upper .logo-outer .logo {position: relative; margin-top: 0px; max-width: 230px; height: 95px; display: flex; justify-content: center; align-items: center; } 
.main-header .logo-outer .logo img {position: relative; display: inline-block; max-width: 100%; object-fit: cover; } 
.main-header .header-upper .nav-outer {float: right; } 
/*=== Header Lower ===*/ 
.main-header .header-lower {position: relative; -webkit-transition: all 600ms ease; transition: all 600ms ease; } 
.main-menu {position: relative; float: left; font-family: "Poppins", sans-serif; } 
.main-menu .navbar-collapse {padding: 0px; } 
.main-menu .navigation {position: relative; margin: 0px; }
.main-menu .navigation > li {position: relative; float: left; margin-right: 20px; -webkit-transition: all 600ms ease; transition: all 600ms ease; }
.main-menu .navigation > li:last-child {margin-right: 0px; } 
.main-menu .navigation > li > a {position: relative; display: block; font-size: 17px; line-height: 35px; font-weight: 500; opacity: 1; color: #4a4a4a; text-transform: capitalize; padding: 30px 0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } 
.main-menu .navigation > li::before {position: absolute; content: ""; left: 0px; bottom: 20px; width: 0%; height: 2px; opacity: 0; background-color: #f8ad00; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } 
.main-menu .navigation > li:hover::before, .main-menu .navigation > li.current::before {opacity: 1; width: 100%; } 
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {color: #f7b82d; } 
.main-menu .navigation > li > ul {position: absolute; left: 0px; top: 110%; width: 240px; padding: 0px 0px; z-index: 100; opacity: 1; text-align: left; background: #0f1924; -webkit-transform: translateY(30px); transform: translateY(30px); border-top: 3px solid #eec300; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } 
.main-menu .navigation > li > ul > li {position: relative; display: block; padding: 0px 0px; } 
.main-menu .navigation > li > ul > li:last-child > a {border: none; } 
.main-menu .navigation > li > ul > li > a {position: relative; display: block; padding: 10px 18px; font-size: 15px; line-height: 30px; font-weight: 500; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.15); text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.main-menu .navigation > li > ul > li.dropdown > a:after {content: "\f30b"; position: absolute; right: 15px; top: 12px; display: block; font-size: 16px; line-height: 30px; padding: 0px; color: #ffffff; font-weight: 900; font-family: "Font Awesome 5 Free"; z-index: 5; } 
.main-menu .navigation > li > ul > li:hover > a {color: #242424; background-color: #eec300; } 
.main-menu .navigation > li > ul > li > ul {position: absolute; left: 100%; top: 0px; width: 240px; padding: 0px 0px; z-index: 100; opacity: 1; text-align: left; background: #9f0301; -webkit-transform: translateY(30px); transform: translateY(30px); border-top: 3px solid #eec300; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } 
.main-menu .navigation > li > ul > li > ul > li {position: relative; display: block; padding: 0px 0px; } 
.main-menu .navigation > li > ul > li > ul > li:last-child > a {border: none; } 
.main-menu .navigation > li > ul > li > ul > li > a {position: relative; display: block; padding: 10px 15px; font-size: 15px; line-height: 30px; font-weight: 500; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.15); text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.main-menu .navigation > li > ul > li > ul > li:hover > a {color: #242424; background-color: #eec300; } 
.main-menu .navigation > li.dropdown:hover > ul {visibility: visible; opacity: 1; top: 100%; -webkit-transform: translateY(0px); transform: translateY(0px); } 
.main-menu .navigation > li > ul > li.dropdown:hover > ul {visibility: visible; opacity: 1; top: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); } 
.main-menu .navigation > li > ul > li.dropdown:hover > ul {visibility: visible; opacity: 1; top: 0px; } 
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {position: absolute; right: 10px; top: 8px; width: 34px; height: 30px; border: 1px solid #ffffff; text-align: center; font-size: 18px; font-weight: 700; line-height: 28px; background: #ffffff; color: #9f0301; cursor: pointer; z-index: 5; display: none; } 
.main-header .outer-box {position: relative; float: right; margin-left: 35px; padding: 14px 0px; } 
.main-header .outer-box .order {position: relative; color: #f2971a; font-size: 16px; font-weight: 500; line-height: 2em; padding-left: 25px; border-left: 1px solid #f2971a; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; } 
.main-header .outer-box .order span {position: relative; display: block; } 
.main-header .outer-box .order span a {position: relative; color: #f7b82d; font-size: 25px; font-weight: 700; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } 
.main-header .outer-box .order span a:hover {color: #f7b82d; } .header-style-two .main-menu .navigation > li > a {padding: 17.5px 0px; } 
.header-style-two {position: absolute; width: 100%; } 
.header-style-two .header-upper {background: none; margin-top: 70px; } 
.header-style-two .header-upper .inner-container {padding-right: 20px; background-color: #980a07; border-radius: 50px 8px 8px 50px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); } 
.header-style-two .outer-box {padding: 9px 0px; }
.header-style-two .outer-box .order {line-height: 1.6em; } 
.header-style-two .outer-box .order span a {font-size: 22px; } 
.header-style-two .header-upper .logo-outer .logo {border-radius: 50%; background-color: #0f1924; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); } 
.header-style-two .header-upper:before, .header-style-two .main-menu .navigation > li::before {display: none; } 
.header-style-two .header-upper .logo-outer {margin-top: -56px; }

/*** 

====================================================================
        Sticky Header
====================================================================

***/
.sticky-header {position: fixed; visibility: hidden; opacity: 0; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: -1; background: #ffffff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -webkit-transition: top 300ms ease; transition: top 300ms ease; } 
.fixed-header .sticky-header {opacity: 1; z-index: 99999; visibility: visible; } 
.fixed-header .sticky-header .logo {padding: 8px 0px; } .sticky-header .main-menu .navigation > li {margin-left: 2px !important; padding: 0; margin-right: 0; background-color: transparent; } 
.sticky-header .main-menu .navigation > li a {border-radius: 0px; } 
.sticky-header .main-menu .navigation > li > a:before, .sticky-header .main-menu .navigation > li:after {display: none !important; } 
.sticky-header .main-menu .navigation > li > a {padding: 23px 15px !important; line-height: 30px; font-size: 16px; font-weight: 500; color: #222222; text-transform: capitalize; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .sticky-header .main-menu .navigation > li:before {display: none; } 
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a {opacity: 1; color: #f7b82d; }

/*** 

====================================================================
    Section Title
====================================================================

***/
.sec-title {position: relative; margin-bottom: 30px; } 
.sec-title h2 {position: relative; display: block; line-height: 1.3em; color: #242424; font-weight: 700; padding-bottom: 10px; } 
.sec-title.light h2 {color: #ffffff; } 
.sec-title.light h2:before {background-color: #ffffff; } 
.sec-title.centered {text-align: center; } 
.sec-title.centered h2::before {left: 50%; margin-left: -30px; }

/*** 

====================================================================
  Main Slider
====================================================================

***/
.banner-section {position: relative; overflow: hidden; } 
.banner-section .slide {position: relative; padding-top: 80px; padding-bottom: 110px; background-repeat: no-repeat; background-size: cover; } 
.banner-section .owl-dots {position: absolute; left: 0px; right: 0px; bottom: -80px; z-index: 10; text-align: center; } 
.banner-section .owl-dots .owl-dot {position: relative; width: 16px; height: 16px; margin: 0px 4px; display: inline-block; border-radius: 50px; background-color: #ffffff; margin-bottom: 10px; } 
.banner-section .owl-dots .owl-dot:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 50px; border: 3px solid #f5bf22; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.banner-section .owl-dots .owl-dot.active:before, .banner-section .owl-dots .owl-dot:hover::before {opacity: 1; } 
.banner-section .owl-nav {position: absolute; left: 0px; top: 50%; z-index: 1; width: 100%; margin-top: -30px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.banner-section .owl-nav .owl-prev {position: absolute; left: 15px; width: 60px; height: 60px; color: #ffffff; line-height: 62px; font-size: 24px; text-align: center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 0, 0, 0.1); } 
.banner-section .owl-nav .owl-next {position: absolute; right: 15px; color: #ffffff; font-size: 24px; width: 60px; height: 60px; color: #ffffff; line-height: 62px; text-align: center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 0, 0, 0.1); } .banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover {color: #ffffff; background-color: #f5c026; } 
.banner-section .content-column {position: relative; } 
.banner-section .content-column .inner-column {position: relative; padding-top: 40px; } 
.banner-section .content-column .title {position: relative; color: #f7b82d; font-size: 30px; font-weight: 700; font-style: italic; margin-bottom: 12px; font-family: "Playfair Display", serif; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section .active .content-column .title {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .banner-section .content-column h1 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.2em; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } 
.banner-section .active .content-column h1 {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 600ms; transition-delay: 600ms; } 
.banner-section .content-column .bold-text {position: relative; color: white; font-size: 30px; line-height: 1.8em; font-weight: 400; margin-top: 10px; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } 
.banner-section .active .content-column .bold-text {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 900ms; transition-delay: 900ms; } 
.banner-section .content-column .text {position: relative; color: #ffffff; font-size: 20px; line-height: 1.6em; margin-bottom: 40px; margin-top: 20px; opacity: 0; font-style: italic; font-weight: 400; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } 
.banner-section .active .content-column .text {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } 
.banner-section .content-column .btns-box {position: relative; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } 
.banner-section .active .content-column .btns-box {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } 
.banner-section .image-column {position: relative; } 
.banner-section .image-column .inner-column {position: relative; } 
.banner-section .image-column .inner-column .image {position: relative; opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } 
.banner-section .active .image-column .inner-column .image {opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 300ms; transition-delay: 300ms; } 
.banner-section .image-column .inner-column {position: relative; margin-right: -80px; text-align: right; } 
.banner-section .image-column .image {position: relative; } 
.banner-section .image-column .image .price-tag {position: absolute; left: 0px; top: 0px; z-index: 1; width: 125px; height: 125px; font-size: 45px; color: #242424; font-weight: 700; text-align: center; line-height: 40px; padding-top: 12px; display: inline-block; background-color: #f7b82d; font-family: "Playfair Display", serif; border-radius: 50%; } 
.banner-section .image-column .image .price-tag span {position: relative; display: block; font-size: 24px; font-style: italic; } 
.spicy-section {position: relative; padding: 80px 0px 70px; background-color: #f3f3f3; } .spicy-section .row {margin: 0px -10px; } 
.flavour-block {position: relative; margin-bottom: 30px; } 
.spicy-section .flavour-block, .spicy-section .drink-block, .spicy-section .chips-block {padding: 0px 10px; } 
.flavour-block .inner-box {position: relative; } 
.flavour-block .inner-box .image {position: relative; } 
.flavour-block .inner-box .image img {position: relative; width: 100%; display: block; } 
.flavour-block .inner-box .image .overlay-box {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } 
.flavour-block .inner-box .image .overlay-box .content {position: relative; padding: 60px 15px 15px 250px; } 
.flavour-block .inner-box .image .overlay-box .content h2 {position: relative; color: white; font-weight: 700; line-height: 1em; } 
.flavour-block .inner-box .image .overlay-box .content h2 span {position: relative; font-weight: 300; font-style: italic; font-size: 20px; display: block; } 
.flavour-block .inner-box .image .overlay-box .content .title {position: relative; color: white; font-size: 20px; font-weight: 300; margin-top: 15px; display: inline-block; background-color: #a41a13; padding: 10px 20px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }

.drink-block {position: relative; margin-bottom: 30px; } 
.drink-block .inner-box {position: relative; } .drink-block .inner-box .image {position: relative; } 
.drink-block .inner-box .image img {position: relative; width: 100%; display: block; } 
.drink-block .inner-box .image .overlay-box {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.drink-block .inner-box .image .overlay-box .content {position: relative; padding: 40px 15px 15px 145px; } 
.drink-block .inner-box .image .overlay-box .content h2 {position: relative; color: white; font-weight: 800; line-height: 1.1em; font-size: 32px; text-transform: uppercase; } 
.drink-block .inner-box .image .overlay-box .content h2 span {position: relative; color: #542a0c; display: block; } 
.drink-block .inner-box .image .overlay-box .content .title {position: relative; color: white; font-size: 20px; font-weight: 300; margin-top: 10px; letter-spacing: 2px; text-transform: uppercase; } 
.drink-block .inner-box .image .overlay-box .content .read-more {position: relative; color: #991711; font-size: 14px; font-weight: 500; margin-top: 10px; display: inline-block;  text-decoration: underline; }

/*** 

====================================================================
  Chips Block
====================================================================

 ***/
.chips-block {position: relative; margin-bottom: 30px; } 
.chips-block .inner-box {position: relative; } 
.chips-block .inner-box .image {position: relative; } 
.chips-block .inner-box .image img {position: relative; width: 100%; display: block; } 
.chips-block .inner-box .image .overlay-box {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } 
.chips-block .inner-box .image .overlay-box .content {position: relative; padding: 40px 10px 15px 140px; } 
.chips-block .inner-box .image .overlay-box .content h2 {position: relative; color: white; font-weight: 400; line-height: 1.4em; font-size: 23px; text-transform: capitalize; } 
.chips-block .inner-box .image .overlay-box .content h2 span {position: relative; color: white; display: block; font-weight: 700; font-size: 27px; text-transform: uppercase; } 
.chips-block .inner-box .image .overlay-box .content .title {position: relative; color: #f8b92e; font-size: 24px; font-weight: 700; margin-top: 10px; letter-spacing: 2px; text-transform: capitalize; font-family: "Dancing Script", cursive; } 
.chips-block .inner-box .image .overlay-box .content .read-more {position: relative; left: 16px; margin-left: -11px; color: white; font-size: 14px; font-weight: 400; margin-top: 18px; letter-spacing: 1px; text-transform: capitalize; display: inline-block; background-color: #a41a13; padding: 8px 20px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }

/*** 

====================================================================
  Products Section
====================================================================

 ***/
.products-section {position: relative; background-color: #f3f3f3; padding: 60px 0px 80px; min-height: 618px; } 
.products-section .filters {margin-top: 40px; margin-bottom: 60px; } 
.products-section .filters .filter-tabs {position: relative; padding-bottom: 18px; text-align: center; border-bottom: 1px solid #adadad; } 
.products-section .filters .filter.active, .products-section .filters .filter:hover {color: #e93030; } 
.products-section .filters li {position: relative; display: inline-block; color: #242424; cursor: pointer; font-size: 20px; font-weight: 600; padding: 0px 0px 5px; margin: 0px 28px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } 
.products-section .filters .filter::after {position: absolute; content: ""; left: 0px; bottom: -19px; width: 0%; opacity: 0; height: 2px; background-color: #f83c15; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; } 
.products-section .filters .filter.active::after, .products-section .filters .filter:hover::after {opacity: 1; width: 100%; } 
.product-block {position: relative; margin-bottom: 50px; } 
.product-block .inner-box {position: relative; border-radius: 6px; background-color: #ffffff; -webkit-transition: all 300ms linear; transition: all 300ms linear; } 
.product-block .inner-box .image-box {position: relative; margin: 0px; padding-top: 6px; } 
.product-block .inner-box .image-box img {position: relative; width: 100%; display: block; } 
.product-block .inner-box .lower-content {text-align: center; padding: 0px 20px 50px 20px; min-height: 155px;} 
.product-block .inner-box:hover {-webkit-box-shadow: 0px 33px 70px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 33px 70px 0px rgba(0, 0, 0, 0.19); } 
.product-block .inner-box .lower-content h4 {position: relative; color: #242424; font-weight: 600; line-height: 1.3em; margin-bottom: 10px; margin-top: 10px; } 
.product-block .inner-box .lower-content h4 a {position: relative; color: #242424; }
.product-block .inner-box .lower-content .text {position: relative; color: #797979; font-size: 15px; font-style: italic; line-height: 1.7em;  }
.product-block .inner-box .lower-content .price {position: relative; color: #e93030; font-size: 24px; font-weight: 800; line-height: 1.7em; margin-top: 5px;  }
.product-block .inner-box .lower-content .lower-box {position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0px 0px 5px 5px; background-color: #ffffff; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; }
.product-block .inner-box .lower-content .lower-box .theme-btn {
  bottom: -6px;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 40px 9px;
    border-radius: 5px;
    font-family: "Poppins", sans-serif;
}
.product-block.mix {display: none; }

/*** 

====================================================================
  Order Section
====================================================================

 ***/
.order-section {position: relative; padding: 95px 0px; background-size: cover; background-position: left center; } 
.order-section .empty-column {position: relative; } 
.order-section .content-column {position: relative; } 
.order-section .content-column .inner-column {position: relative; } 
.order-section .content-column .offer {position: relative; font-size: 22px; color: #ffffff; font-weight: 400; font-style: italic; padding-right: 115px; display: inline-block; font-family: "Playfair Display", serif; } .order-section .content-column .offer:before {position: absolute; content: ""; right: 0px; bottom: 0px; height: 1px; width: 100px; background-color: rgba(255, 255, 255, 0.8); } 
.order-section .content-column h1 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.3em; margin-top: 20px; font-family: "Poppins", sans-serif; }
.order-section .content-column .order-price {position: relative; margin-top: 28px; margin-bottom: 40px; } 
.order-section .content-column .order-price .price-inner {position: relative; padding-left: 145px; } 
.order-section .content-column .order-price .price {position: absolute; left: 0px; top: 0px; color: #ffffff; line-height: 1em; font-size: 80px; font-weight: 600; } 
.order-section .content-column .order-price .price sup {position: relative; font-size: 40px; } .order-section .content-column .order-price .price sub {position: relative; font-size: 18px; font-weight: 300; display: block; margin-left: 32px; text-transform: uppercase; } .order-section .content-column .order-price .order-offer {position: relative; } .order-section .content-column .order-price .order-offer li {position: relative; color: #ccb265; font-size: 18px; font-weight: 600; line-height: 1.3em; margin-bottom: 12px; } 
/***

====================================================================
  Order Section
====================================================================

 ***/
.combo-section {position: relative; padding: 95px 0px; background-size: cover; } .combo-section:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(226, 217, 223, 0.7); } .combo-block {position: relative; } .combo-block .inner-box {position: relative; } .combo-block .inner-box .image {position: relative; } .combo-block .inner-box .image img {position: relative; width: 100%; display: block; } .combo-block .inner-box .image .overlay-box {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 30px 30px; } .combo-block .inner-box .image .overlay-box h1 {position: relative; color: #ffffff; font-weight: 700; font-family: "Poppins", sans-serif; } .combo-block .inner-box .image .overlay-box h1 span {position: relative; font-weight: 300; } .combo-block .inner-box .image .overlay-box .title {position: relative; line-height: 1em; color: #ffffff; font-size: 35px; font-weight: 700; margin-left: 140px; font-family: "Dancing Script", cursive; } .combo-block .inner-box .image .overlay-box .price {position: relative; width: 130px; height: 130px; color: #ffffff; border-radius: 50%; display: block; font-size: 50px; font-weight: 700; line-height: 40px; text-align: center; padding-top: 20px; margin-top: -34px; background-color: #c4251c; } .combo-block .inner-box .image .overlay-box .price.yellow {background-color: #f8b92e; } .combo-block .inner-box .image .overlay-box .price span {position: relative; display: block; color: #ffffff; font-size: 20px; font-weight: 400; } .combo-block .inner-box .image .overlay-box .price sup {position: relative; font-size: 30px; font-weight: 400; }

/*** 

====================================================================
  Delivery Section
====================================================================

***/
.delivery-section {position: relative; padding: 40px 0px 50px; background-color: #a41a13; } 
.delivery-section .side-image {position: absolute; right: 0px; bottom: 0px; } 
.delivery-section .image-column {position: relative; } 
.delivery-section .image-column .inner-column {position: relative; } 
.delivery-section .image-column .inner-column .image {position: relative; } 
.delivery-section .content-column {position: relative; } 
.delivery-section .content-column .inner-column {position: relative; padding-top: 70px; } 
.delivery-section .content-column .title {position: relative; line-height: 1em; color: #ffffff; font-size: 35px; font-weight: 700; font-family: "Dancing Script", cursive; } 
.delivery-section .content-column h1 {position: relative; color: #ffffff; font-size: 60px; z-index: 1; font-weight: 700; line-height: 1.1em; margin-top: 10px; font-family: "Poppins", sans-serif; } 
.delivery-section .content-column .text {position: relative; margin-top: 10px; margin-bottom: 32px; } 
.delivery-section .content-column .text p {position: relative; color: #ffffff; font-size: 18px; line-height: 1.7em; margin-bottom: 15px; } 
.delivery-section .content-column .text p:last-child {margin-bottom: 0px; }

.delivery-section2 {position: relative; padding: 40px 0px 50px; background-color: #fff; } 
.delivery-section2 .side-image {position: absolute; right: 0px; bottom: 0px; } 
.delivery-section2 .image-column {position: relative; } 
.delivery-section2 .image-column .inner-column {position: relative; } 
.delivery-section2 .image-column .inner-column .image {position: relative; } 
.delivery-section2 .content-column {position: relative; } 
.delivery-section2 .content-column .inner-column {position: relative; padding-top: 70px; } 
.delivery-section2 .content-column .title {position: relative; line-height: 1em; color: #ffffff; font-size: 35px; font-weight: 700; font-family: "Dancing Script", cursive; } 
.delivery-section2 .content-column h2 {position: relative; color: #000; font-size: 50px; z-index: 1; font-weight: 700; line-height: 1.1em; margin-top: 10px; font-family: "Poppins", sans-serif; }
.delivery-section2 .content-column .text {position: relative; margin-top: 10px; margin-bottom: 32px; } 
.delivery-section2 .content-column .text p {position: relative; color: #000; font-size: 18px; line-height: 1.7em; margin-bottom: 15px; } 
.delivery-section2 .content-column .text p:last-child {margin-bottom: 0px; }
/*** 

====================================================================
  News Section
====================================================================

***/
.news-section {position: relative; padding: 100px 0px 70px; } .news-block {position: relative; margin-bottom: 30px; } .news-block .inner-box {position: relative; } .news-block .inner-box .image {position: relative; overflow: hidden; background-color: #000000; } .news-block .inner-box .image .overlay-link {position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 1; background-color: rgba(0, 0, 0, 0.2); } .news-block .inner-box .image img {position: relative; width: 100%; display: block; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .news-block .inner-box:hover .image img {opacity: 0.6; -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); } .news-block .inner-box .lower-box {position: relative; padding-top: 25px; } .news-block .inner-box .image .post-date {position: absolute; left: 0px; bottom: 0px; z-index: 1; display: inline-block; color: #ffffff; font-size: 17px; font-weight: 600; padding: 9px 20px; margin-bottom: 0px; background-color: #a41a13; font-family: "Poppins", sans-serif; } .news-block .inner-box .lower-box h5 {position: relative; font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 12px; font-family: "Poppins", sans-serif; } .news-block .inner-box .lower-box h5 a {position: relative; color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-block .inner-box .lower-box h5 a:hover {color: #a41a13; } .news-block .inner-box .lower-box .text {position: relative; color: #7d7d7d; font-size: 16px; line-height: 1.7em; margin-bottom: 18px; font-family: "Poppins", sans-serif; } .news-block .inner-box .lower-box .read-more {position: relative; color: #a41a13; font-size: 16px; font-weight: 600; border-bottom: 1px solid #a41a13; } .news-section .sidebar-news {position: relative; margin-bottom: 40px; padding: 40px 28px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 13px 0px #e8e8e8; box-shadow: 0px 0px 13px 0px #e8e8e8; } .news-block-two {position: relative; margin-bottom: 15px; } .news-block-two:last-child {margin-bottom: 0px; } .news-block-two:last-child .inner-box {border: 0px; padding-bottom: 0px; } .news-block-two .inner-box {position: relative; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; } .news-block-two .inner-box h3 {position: relative; font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 10px; font-family: "Poppins", sans-serif; } .news-block-two .inner-box h3 a {color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-block-two .inner-box h3 a:hover {color: #a41a13; } .news-block-two .inner-box .post-date {position: relative; color: #a41a13; font-size: 14px; font-weight: 500; }

/*** 

====================================================================
  Services Section
====================================================================

***/
.services-section {position: relative; padding: 80px 0px 110px; } 
.services-section.style-two {padding: 110px 0px 80px; } 
.services-section.style-two .service-block:before {position: absolute; content: ""; right: 0px; top: 0px; width: 1px; height: 100%; background-color: #cbcbcb; } 
.services-section.style-two .service-block:last-child::before {display: none; } 
.services-section .side-image {position: absolute; left: 0px; bottom: 0px; z-index: -1; } 
.service-block {position: relative; margin-bottom: 30px; } 
.service-block .inner-box {position: relative; text-align: center; } 
.service-block .inner-box .icon-box {position: relative; margin-bottom: 15px; height: 70px; } 
.service-block .inner-box .icon-box img{max-height: 100%; }  
.service-block .inner-box h6 {position: relative; line-height: 1.6em; color: #242424; font-size: 18px; font-weight: 700; }
.service-block .inner-box .text {position: relative; line-height: 1.6em; margin-top: 15px; color: #797979; font-size: 15px;  } 

/*** 
 * 
 * ====================================================================
 *  Newsletter Section
====================================================================
***/
.newsletter-section {position: relative; padding-top: 50px; } .newsletter-section .inner-container {position: relative; border-radius: 0px; padding: 55px 60px 40px; background-color: #eec300; } .newsletter-section .title-column {position: relative; } .newsletter-section .title-column .inner-column {position: relative; } .newsletter-section .title-column h2 {position: relative; color: #292929; font-weight: 700; font-family: "Poppins", sans-serif; } .newsletter-section .title-column .text {position: relative; color: #292929; font-weight: 400; font-size: 16px; margin-top: 5px; font-style: italic; } .emailed-form .form-group {position: relative; display: block; max-width: 650px; margin: 0 auto; width: 100%; margin-bottom: 20px; }

.emailed-form .form-group input[type="text"], .emailed-form .form-group input[type="tel"], .emailed-form .form-group input[type="email"], .emailed-form .form-group textarea {position: relative; display: block; width: 100%; line-height: 20px; height: 50px; font-size: 14px; color: #797979; overflow: hidden; border-radius: 0px; padding: 10px 50px 10px 30px; background: #f3f3f3; -webkit-transition: all 300ms ease; transition: all 300ms ease; border: 1px solid #cccccc; } .emailed-form .form-group input[type="submit"], .emailed-form button {position: absolute; right: 0px; top: 0px; width: 160px; height: 50px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: 500; text-align: center; background: #a41a13; letter-spacing: 2px; border-radius: 0px; text-transform: uppercase; font-family: "Poppins", sans-serif; } .gallery-section {position: relative; padding: 0px 0px 0px; } .gallery-section .owl-dots, .gallery-section .owl-nav {display: none; } /* Gallery Item */ .gallery-block {position: relative; margin-bottom: 0px; } .gallery-block .inner-box {position: relative; width: 100%; } .gallery-block .image-box {position: relative; display: flex; margin: 0px; overflow: hidden; height: 250px; } .gallery-block .image-box img {position: relative; display: block; width: 100%; height: 100%; object-fit: cover; } .gallery-block .overlay-box {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; text-align: center; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-color: rgba(0, 0, 0, 0.3); } .gallery-block .inner-box:hover .overlay-box {opacity: 1; visibility: visible; } .gallery-block .overlay-inner {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 0px; } .gallery-block .overlay-inner .content {position: relative; display: table-cell; vertical-align: middle; } .gallery-block .overlay-inner .link {position: relative; width: 50px; height: 50px; font-size: 18px; color: #ffffff; line-height: 50px; margin: 0px 3px; opacity: 0; font-weight: 400; text-align: center; display: inline-block; background-color: #eec300; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-block .inner-box:hover .overlay-inner .link {opacity: 1; } .gallery-block .overlay-inner .link .icon {position: relative; z-index: 1; } .gallery-block .overlay-inner .link:hover {background-color: #a41a13; color: #ffffff; }

/*** 

====================================================================
  Main Footer
====================================================================

***/
.main-footer {position: relative; background-color: #0f1924; background-position: right top; background-repeat: no-repeat; } .main-footer:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(15, 25, 36, 0.85); } .main-footer .widgets-section {position: relative; padding: 100px 0px 60px; } .main-footer .footer-widget {position: relative; margin-bottom: 30px; } .main-footer .footer-widget h4 {position: relative; font-size: 18px; font-weight: 600; color: #ffffff; padding-bottom: 15px; margin-bottom: 35px; text-transform: capitalize; font-family: "Poppins", sans-serif; } .main-footer .footer-widget h4:before {position: absolute; content: ""; left: 0px; bottom: 0px; height: 2px; width: 44px; background-color: #a41a13; } .main-footer .info-widget .number {position: relative; color: #e6e6e6; font-weight: 500; font-size: 24px; line-height: 1em; } .main-footer .info-widget .email-list {position: relative; margin-top: 20px; } .main-footer .info-widget .email-list li {position: relative; margin-bottom: 7px; } .main-footer .info-widget .email-list li a {position: relative; color: #a8a8a8; font-size: 16px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;  } .main-footer .info-widget .email-list li a:hover {color: #ffffff; } .main-footer .logo-widget {text-align: center; margin-top: -30px; } .main-footer .logo-widget .text {position: relative; margin-top: 20px; color: #a8a8a8; font-size: 16px; line-height: 1.8em;  } .main-footer .timing-list {position: relative; } .main-footer .timing-list li {position: relative; color: #a8a8a8; font-size: 16px; margin-bottom: 12px;  } .main-footer .timing-list li span {position: absolute; right: 0px; top: 0px; width: 102px; } .main-footer .footer-bottom {position: relative; padding: 22px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .main-footer .footer-bottom .copyright {position: relative; color: #767676; font-size: 16px;  } .main-footer .footer-bottom .purchase {position: relative; color: #a41a13; font-size: 16px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;  } .main-footer .footer-bottom .purchase:hover {color: #ffffff; }

/*** 

====================================================================
  Main Slider Two
====================================================================

***/
.banner-section-two {position: relative; padding-top: 160px; overflow: hidden; background-size: cover; } .banner-section-two .owl-dots {position: absolute; left: 0px; right: 0px; bottom: 10px; z-index: 10; text-align: center; } .banner-section-two .owl-dots .owl-dot {position: relative; width: 16px; height: 16px; margin: 0px 4px; display: inline-block; border-radius: 50px; background-color: #ffffff; margin-bottom: 10px; } .banner-section-two .owl-dots .owl-dot:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 50px; border: 3px solid #f5bf22; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .banner-section-two .owl-dots .owl-dot.active:before, .banner-section-two .owl-dots .owl-dot:hover::before {opacity: 1; } .banner-section-two .owl-nav {position: absolute; left: 0px; top: 50%; z-index: 1; width: 100%; margin-top: -60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .banner-section-two .owl-nav .owl-prev {position: absolute; left: 15px; width: 60px; height: 60px; color: #ffffff; line-height: 62px; font-size: 24px; text-align: center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 0, 0, 0.1); } .banner-section-two .owl-nav .owl-next {position: absolute; right: 15px; color: #ffffff; font-size: 24px; width: 60px; height: 60px; color: #ffffff; line-height: 62px; text-align: center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 0, 0, 0.1); } .banner-section-two .owl-nav .owl-prev:hover, .banner-section-two .owl-nav .owl-next:hover {color: #ffffff; background-color: #f5c026; } .banner-section-two .content-column {position: relative; } .banner-section-two .content-column .inner-column {position: relative; padding-top: 110px; padding-bottom: 120px; } .banner-section-two .content-column .title {position: relative; color: #f7b82d; font-size: 30px; font-weight: 700; font-style: italic; margin-bottom: 12px; font-family: "Playfair Display", serif; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column .title {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .banner-section-two .content-column h1 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.2em; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column h1 {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 600ms; transition-delay: 600ms; } .banner-section-two .content-column .text {position: relative; color: #ffffff; font-size: 20px; line-height: 1.6em; margin-bottom: 40px; margin-top: 20px; opacity: 0; font-style: italic 400; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column .text {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 900ms; transition-delay: 900ms; } .banner-section-two .content-column .btns-box {position: relative; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-column .btns-box {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } .banner-section-two .image-column {position: relative; } .banner-section-two .image-column .inner-column {position: relative; margin-right: -120px; } .banner-section-two .image-column .inner-column .image {position: relative; opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "Playfair Display", serif; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .image-column .inner-column .image.margin {margin-top: 140px; } .banner-section-two .image-column .inner-column .image.margin-two {margin-top: 60px; } .banner-section-two .active .image-column .inner-column .image {opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .banner-section-two .image-column .image .price-tag {position: absolute; right: 90px; top: 60px; z-index: 1; width: 125px; height: 125px; font-size: 45px; color: #242424; font-weight: 700; text-align: center; line-height: 40px; padding-top: 12px; display: inline-block; background-color: #f7b82d; font-family: "Playfair Display", serif; border-radius: 50%; } .banner-section-two .image-column .image .price-tag span {position: relative; display: block; font-size: 24px; font-style: italic; }

/*** 

====================================================================
  Products Section Two
====================================================================

 ***/
.products-section-two {position: relative; padding: 100px 0px 100px; background-color: #f3f3f3; background-position: center top; background-repeat: no-repeat; } .products-section-two .title-box {position: relative; text-align: center; margin-bottom: 50px; } .products-section-two .title-box h2 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.3em; font-family: "Poppins", sans-serif; } .products-section-two .title-box .text {position: relative; margin-top: 10px; color: #ffffff; font-size: 18px;  } .products-section-two .owl-dots {display: none; } .products-section-two .owl-nav {position: relative; text-align: center; margin-top: 20px; } .products-section-two .owl-nav .owl-prev {position: relative; margin-right: 6px; width: 45px; height: 45px; color: #596785; font-size: 22px; font-weight: 400; line-height: 43px; border-radius: 50px; text-align: center; display: inline-block; -webkit-transition-delay: 300ms; transition-delay: 300ms; border: 1px solid #596785; } .products-section-two .owl-nav .owl-prev:before {position: absolute; content: ""; right: 150%; top: 50%; height: 1px; width: 45px; background-color: #596785; } .products-section-two .owl-nav .owl-next {position: relative; margin-left: 6px; width: 45px; height: 45px; color: #596785; font-size: 22px; font-weight: 400; border-radius: 50px; line-height: 43px; text-align: center; display: inline-block; border: 1px solid #596785; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .products-section-two .owl-nav .owl-next:before {position: absolute; content: ""; left: 150%; top: 50%; height: 1px; width: 45px; background-color: #596785; } .products-section-two .owl-nav .owl-prev:hover, .products-section-two .owl-nav .owl-next:hover {color: #ffffff; border-color: #e93030; background-color: #e93030; }

/*** 

====================================================================
  Burgers Section
====================================================================

 ***/
.burgers-section {position: relative; padding: 100px 0px 70px; background-size: cover; }

/*Case Tab*/
.burgers-section .burgers-tab {position: relative; } .burgers-section .burgers-tab .owl-nav, .burgers-section .burgers-tab .owl-dots {display: none; } .burgers-section .burgers-tab .tabs-header {position: relative; } .burgers-section .burgers-tab .burgers-tab-btns {position: relative; text-align: center; margin-bottom: 40px; } .burgers-section .burgers-tab .burgers-tab-btns .p-tab-btn {position: relative; line-height: 24px; padding: 0px 0px; cursor: pointer; color: #242424; font-weight: 600; font-size: 36px; display: inline-block; margin: 0px 30px; margin-bottom: 10px; padding-bottom: 25px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .burgers-section .burgers-tab .burgers-tab-btns .p-tab-btn:hover, .burgers-section .burgers-tab .burgers-tab-btns .p-tab-btn.active-btn {color: #e4281e; } .burgers-section .burgers-tab .burgers-tab-btns .p-tab-btn:hover:before, .burgers-section .burgers-tab .burgers-tab-btns .p-tab-btn.active-btn:before {opacity: 1; } .burgers-section .burgers-tab .burgers-tab-btns .p-tab-btn:before {position: absolute; content: ""; left: 0px; bottom: 0px; width: 100%; height: 2px; opacity: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: #e4281e; } .burgers-section .burgers-tab .p-tabs-content {position: relative; display: block; } .burgers-section .burgers-tab .p-tab {position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .burgers-section .burgers-tab .p-tab.active-tab {position: relative; visibility: visible; z-index: 5; } .burgers-section .p-tab.active-tab .burger-block {-webkit-transform: scaleX(1); transform: scaleX(1); } .burgers-section .p-tab .burger-block {transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transform: scaleX(0); transform: scaleX(0); } /* Burger Block */ .burger-block {position: relative; margin-bottom: 30px; } .burger-block .inner-box {position: relative; text-align: center; } .burger-block .inner-box .image {position: relative; } .burger-block .inner-box .image img {position: relative; } .burger-block .inner-box .lower-content {position: relative; padding-top: 20px; } .burger-block .inner-box .lower-content h5 {position: relative; font-weight: 600; line-height: 1.3em; font-size: 20px; font-family: "Poppins", sans-serif; } .burger-block .inner-box .lower-content h5 a {position: relative; color: #242424; } .burger-block .inner-box .lower-content .text {position: relative; color: #797979; font-size: 15px; line-height: 1.8em; margin-top: 12px; padding: 0px 10px; font-style: italic;  }

/*** 

====================================================================
  Burgers Section
====================================================================

 ***/
.call-to-action-section {position: relative; text-align: center; padding: 100px 0px 110px; background-size: cover; background-attachment: fixed; } .call-to-action-section:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); } .call-to-action-section h1 {position: relative; color: #ffffff; font-weight: 600; line-height: 1.1em; font-family: "Poppins", sans-serif; } .call-to-action-section h1 span {position: relative; display: block; color: #eeb314; font-style: italic; text-decoration: underline; font-family: "Playfair Display", serif; }

/*** 

====================================================================
  Products Section Three
====================================================================

 ***/
.products-section-three {position: relative; padding: 100px 0px 70px; background-color: #b3b3b3; } .products-section-three.style-two {padding: 0px; padding-bottom: 70px; background-color: #ffffff; } .products-section-three .auto-container {max-width: 1700px; } .product-block-two {position: relative; margin-bottom: 30px; } .product-block-two .inner-box {position: relative; } .product-block-two .inner-box .image {position: relative; overflow: hidden; } .product-block-two .inner-box .image .new {position: absolute; right: -40px; top: -13px; color: #ffffff; padding: 32px 35px 10px; display: block; z-index: 2; font-size: 20px; font-weight: 600; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-transform: uppercase; background-color: #e4291f; } .product-block-two .inner-box .image img {position: relative; width: 100%; display: block; } .product-block-two .inner-box .image:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.4); } .product-block-two .inner-box .image .overlay-box {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-block-two .inner-box .image .overlay-box .content {position: relative; padding: 40px 40px; } .product-block-two .inner-box .image .overlay-box h2 {position: relative; line-height: 1.2em; font-weight: 700; font-size: 48px; font-family: "Poppins", sans-serif; } .product-block-two .inner-box .image .overlay-box h2 a {position: relative; color: #ffffff; } .product-block-two .inner-box .image .overlay-box .text {position: relative; margin-top: 20px; font-size: 16px; line-height: 1.8em; color: #ffffff; max-width: 410px; } .product-block-two .inner-box .image .overlay-box .price {position: relative; margin-top: 10px; font-size: 60px; line-height: 1.2em; color: #ffffff; font-weight: 800; margin-bottom: 15px; } .product-block-two .inner-box .image .overlay-box .theme-btn {padding: 12px 29px; }

/*** 

====================================================================
  Testimonial Section
====================================================================

 ***/
.testimonial-section {position: relative; padding: 135px 0px 120px; background-repeat: repeat; } .testimonial-section .side-image {position: absolute; right: 0px; bottom: 0px; } .testimonial-section .inner-container {position: relative; } .testimonial-block {position: relative; } .testimonial-block .inner-box {position: relative; padding-left: 200px; } .testimonial-block .inner-box .image-box {position: absolute; left: 0px; top: 0px; width: 150px; padding: 0px 0px; margin-bottom: 20px; } .testimonial-block .inner-box .image-box .image {position: relative; width: 122px; height: 122px; border-radius: 50%; overflow: hidden; } .testimonial-block .inner-box .image-box .quote-icon {position: relative; color: #a41a13; font-size: 30px; margin-top: 30px; line-height: 1em; margin-left: 48px; } .testimonial-block .inner-box .text {position: relative; font-size: 22px; font-style: italic; color: #c8c8c8; line-height: 1.5em; margin-bottom: 35px; max-width: 780px; font-family: "Lora", serif; } .testimonial-block .inner-box .author {position: relative; color: #d3443c; font-size: 18px; font-weight: 500; line-height: 1.2em; margin-bottom: 5px; text-transform: capitalize; font-family: "Poppins", sans-serif; } .testimonial-block .inner-box .designation {position: relative; color: #ffffff; font-size: 18px; margin-top: 10px; } .testimonial-section .owl-dots {position: absolute; right: 190px; bottom: 20px; margin-right: 15px; } .testimonial-section .owl-dots .owl-dot {width: 10px; height: 10px; margin-left: 10px; border-radius: 50%; display: inline-block; background-color: #ffffff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .testimonial-section .owl-dots .owl-dot:hover, .testimonial-section .owl-dots .owl-dot.active {background-color: #a41a13; } .testimonial-section .owl-nav {display: none; }

/*** 

====================================================================
  Main Slider Three
====================================================================

***/
.banner-section-three {position: relative; overflow: hidden; } .banner-section-three .owl-dots {position: absolute; left: 0px; right: 0px; bottom: 10px; z-index: 10; text-align: center; } .banner-section-three .owl-dots .owl-dot {position: relative; width: 16px; height: 16px; margin: 0px 4px; display: inline-block; border-radius: 50px; background-color: #ffffff; margin-bottom: 10px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .banner-section-three .owl-dots .owl-dot.active, .banner-section-three .owl-dots .owl-dot:hover {background-color: #f7b82d; } .banner-section-three .owl-nav {position: absolute; left: 0px; top: 50%; z-index: 1; width: 100%; margin-top: -60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .banner-section-three .owl-nav .owl-prev {position: absolute; left: 15px; width: 60px; height: 60px; color: #ffffff; line-height: 62px; font-size: 24px; text-align: center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 0, 0, 0.1); } .banner-section-three .owl-nav .owl-next {position: absolute; right: 15px; color: #ffffff; font-size: 24px; width: 60px; height: 60px; color: #ffffff; line-height: 62px; text-align: center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background-color: rgba(0, 0, 0, 0.1); } .banner-section-three .owl-nav .owl-prev:hover, .banner-section-three .owl-nav .owl-next:hover {color: #ffffff; background-color: #f5c026; } .banner-section-three .slide {position: relative; padding-top: 240px; padding-bottom: 199px; background-size: cover; } .banner-section-three .content-boxed {position: relative; } .banner-section-three .content-boxed .inner-box {position: relative; } .banner-section-three .content-boxed .title {position: relative; color: #ffffff; font-size: 107px; font-weight: 400; font-style: italic; margin-bottom: 0px; font-family: "PalaceScriptMT"; opacity: 0; top: 15px; margin-left: 40px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed .title {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .banner-section-three .content-boxed h1 {position: relative; color: #ffffff; font-weight: 400; line-height: 1em; opacity: 0; font-size: 161px; -webkit-transform: scaleY(0); transform: scaleY(0); font-family: "NiagaraSolid-Reg"; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed h1 {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 600ms; transition-delay: 600ms; } .banner-section-three .content-boxed .title-two {position: relative; color: white; font-size: 107px; line-height: 1em; font-weight: 400; opacity: 0; margin-left: 130px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "PalaceScriptMT"; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed .title-two {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 900ms; transition-delay: 900ms; } .banner-section-three .content-boxed h2 {position: relative; color: #ffffff; font-size: 161px; line-height: 1em; margin-top: -40px; opacity: 0; margin-left: 130px; font-weight: 400; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; font-family: "NiagaraSolid-Reg"; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed h2 {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; }

/*** 

====================================================================
  About Section
====================================================================

***/
.about-section {position: relative; padding-top: 95px; background-repeat: no-repeat; background-size: cover; } .about-section .content-column {position: relative; } .about-section .content-column .inner-column {position: relative; padding-right: 30px; padding-bottom: 80px; } .about-section .content-column h2 {position: relative; color: #ffffff; font-weight: 700; margin-bottom: 15px; font-family: "Poppins", sans-serif; } .about-section .content-column .styled-text {position: relative; color: #ffffff; font-size: 20px; font-style: italic; line-height: 1.6em; margin-bottom: 20px;  } .about-section .content-column .text {position: relative; } .about-section .content-column .text p {position: relative; color: #ffffff; font-size: 16px; line-height: 1.7em; margin-bottom: 20px;  } .about-section .content-column .text p:last-child {margin-bottom: 0px; } .about-section .image-column {position: relative; } .about-section .image-column .inner-column {position: relative; } .about-section .image-column .image {position: relative; z-index: 1; bottom: -70px; margin-right: -50px; }

/*** 

====================================================================
  Menu Section
====================================================================

***/
.menus-section {position: relative; padding: 95px 0px 95px; background-size: cover; } .menus-section .title-box {position: relative; margin-bottom: 35px; } .menus-section .title-box .title {position: relative; color: #e43e2d; font-size: 16px; line-height: 1.3em; font-weight: 600; } .menus-section .title-box h2 {position: relative; color: #242424; font-weight: 700; line-height: 1.3em; margin-top: 5px; font-size: 50px; font-family: "Poppins", sans-serif; } .menus-section .column {margin-bottom: 40px; } .menus-section .column:first-child .menu-block .inner-box, .menus-section .column:nth-child(3) .menu-block .inner-box {margin-right: 60px; } .menu-block {position: relative; margin-bottom: 25px; } .menu-block .inner-box {position: relative; padding-bottom: 20px; border-bottom: 1px solid #dadada; } .menu-block .inner-box h4 {position: relative; color: #242424; font-weight: 700; font-family: "Poppins", sans-serif; } .menu-block .inner-box h4 a {position: relative; line-height: 1.3em; color: #242424; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .menu-block .inner-box h4 a:hover {color: #83100b; } .menu-block .inner-box .price {position: relative; font-weight: 600; font-size: 20px; color: #242424; } .menu-block .inner-box .text {position: relative; color: #797979; font-size: 16px; line-height: 1.7em; margin-top: 15px; max-width: 450px;  } .menu-block:last-child .inner-box {border-bottom: 0px; padding-bottom: 0px; }

/*** 

====================================================================
  Package Section
====================================================================

***/
.package-section {position: relative; padding: 100px 0px; background-color: #f3b81a; } .package-block {position: relative; } .package-block .inner-box {position: relative; } .package-block .inner-box .image {position: relative; } .package-block .inner-box .image .overlay-link {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; z-index: 1; } .package-block .inner-box .image img {position: relative; width: 100%; display: block; } .package-block .inner-box .image .overlay-box {position: absolute; left: 0px; bottom: 0px; top: 0px; right: 0px; background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); } .package-block .inner-box .image .overlay-box .content {position: absolute; left: 30px; right: 30px; bottom: 25px; } .package-block .inner-box .image .overlay-box .content h3 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.3em; font-family: "Poppins", sans-serif; } .package-block .inner-box .image .overlay-box .content h3 span {font-weight: 400; display: block; } .package-section .owl-dots {display: none; } .package-section .owl-nav {position: relative; text-align: center; margin-top: 50px; } .package-section .owl-nav .owl-prev {position: relative; margin-right: 6px; width: 45px; height: 45px; color: #2e312e; font-size: 22px; font-weight: 400; line-height: 43px; border-radius: 50px; text-align: center; display: inline-block; -webkit-transition-delay: 300ms; transition-delay: 300ms; border: 1px solid #2e312e; } .package-section .owl-nav .owl-next {position: relative; margin-left: 6px; width: 45px; height: 45px; color: #2e312e; font-size: 22px; font-weight: 400; border-radius: 50px; line-height: 43px; text-align: center; display: inline-block; border: 1px solid #2e312e; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .package-section .owl-nav .owl-prev:hover, .package-section .owl-nav .owl-next:hover {color: #ffffff; border-color: #e93030; background-color: #e93030; }

/*** 

====================================================================
  Location Section
====================================================================

***/
.location-section {position: relative; padding: 110px 0px 70px; background-color: #a41a13; } .location-section .info-column {position: relative; margin-bottom: 40px; } .location-section .info-column .inner-column {position: relative; } .location-section .info-column .title {position: relative; color: #ffffff; font-weight: 600; letter-spacing: 5px; text-transform: uppercase; } .location-section .info-column h2 {position: relative; font-weight: 700; color: #ffffff; font-size: 48px; display: block; margin-top: 10px; margin-bottom: 25px; line-height: 1.3em; font-family: "Poppins", sans-serif; } .location-section .info-column h2 span {position: relative; font-weight: 400; font-style: italic; font-family: "Playfair Display", serif; } .location-section .info-column .phone {position: relative; } .location-section .info-column .phone a {position: relative; color: #ffffff; font-size: 24px; font-weight: 600; font-style: italic; } .location-section .info-column .email {position: relative; margin-top: 10px; } .location-section .info-column .email a {position: relative; color: #ffffff; font-size: 16px; font-weight: 400; text-decoration: underline; font-family: "Playfair Display", serif; } .location-section .info-column .street {position: relative; color: #ffffff; font-weight: 500; font-size: 16px; margin-top: 18px; margin-bottom: 35px; } .location-section .map-column {position: relative; margin-bottom: 40px; } .location-section .map-column .inner-column {position: relative; } .location-section .map-column .map-outer {position: relative; } .location-section .map-column .map-outer iframe {position: relative; height: 350px; width: 100%; } .download-section {position: relative; margin-top: 60px; } .download-section .inner-container {position: relative; padding: 35px 100px; background-color: #eec300; } .download-section .title-column {position: relative; } .download-section .title-column .inner-column {position: relative; } .download-section .title-column h2 {position: relative; color: #292929; font-size: 32px; font-weight: 700; margin-top: 10px; font-family: "Poppins", sans-serif; } .download-section .button-column {position: relative; text-align: right; }

/*** 

====================================================================
  Page Title
====================================================================

***/
.page-title {position: relative; overflow: hidden; text-align: center; padding: 90px 0px 75px; background-size: cover; } .page-title h1 {position: relative; font-size: 60px; color: #ffffff; line-height: 1.3em; font-weight: 700; margin-bottom: 10px; } .page-title .bread-crumb {position: relative; } .page-title .bread-crumb li {position: relative; font-size: 15px; line-height: 30px; color: #ffffff; font-weight: 400; padding-right: 15px; margin-right: 12px; display: inline-block; text-transform: capitalize; } .page-title .bread-crumb li:first-child {padding-left: 20px; } .page-title .bread-crumb li:before {position: absolute; right: -3px; font-size: 14px; line-height: 30px; color: #ffffff; content: "/"; font-weight: 400; } .page-title .bread-crumb li:last-child {padding-right: 0; margin-right: 0; } .page-title .bread-crumb li:last-child:before {display: none; } .page-title .bread-crumb li a {color: #de9692; font-weight: 400; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .page-title .bread-crumb li a:hover {color: #ffffff; }

/*** 

====================================================================
  About Section Two
====================================================================

***/
.about-section-two {position: relative; padding-top: 10px; padding-bottom: 60px; background-position: no-repeat; background-size: cover; } .about-section-two .content-column {position: relative; margin-bottom: 40px; } .about-section-two .content-column .inner-column {position: relative; padding-right: 20px; } 
.about-section-two .content-column h2 {position: relative; color: #242424;line-height: 1.3em; margin-bottom: 20px; font-family: "Poppins", sans-serif; } .about-section-two .content-column .text {position: relative; } .about-section-two .content-column .text p {position: relative; color: #797979; font-size: 16px; line-height: 1.9em; margin-bottom: 15px;  } .about-section-two .content-column .text p:last-child {margin-bottom: 0px; } .about-section-two .images-column {position: relative; margin-bottom: 40px; } .about-section-two .images-column .inner-column {position: relative; text-align: right; padding-right: 20px; } .about-section-two .images-column .inner-column .image-two {position: absolute; right: 130px; top: 100px; -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.2); }
/*** 

====================================================================
  Services Section Two
====================================================================

***/
.services-section-two {position: relative; padding: 100px 0px 70px; background-color: #efefef; } .service-block-two {position: relative; margin-bottom: 30px; } .service-block-two .inner-box {position: relative; background-color: #ffffff; } .service-block-two .inner-box .image {position: relative; overflow: hidden; background-color: #000000; } .service-block-two .inner-box .image img {position: relative; width: 100%; display: block; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .service-block-two .inner-box:hover .image img {opacity: 0.5; -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .service-block-two .inner-box .lower-content {position: relative; padding: 30px 25px; } .service-block-two .inner-box .lower-content h4 {position: relative; line-height: 1.3em; font-weight: 700; font-family: "Poppins", sans-serif; } .service-block-two .inner-box .lower-content h4 a {position: relative; color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .service-block-two .inner-box .lower-content h4 a:hover {color: #a41a13; } .service-block-two .inner-box .lower-content .text {position: relative; color: #797979; font-size: 16px; line-height: 1.8em; margin-top: 12px;  }

/*** 

====================================================================
  Video Section
====================================================================

***/
.video-section {position: relative; padding: 105px 0px 107px; background-attachment: fixed; background-size: cover; } .video-section .content {position: relative; padding-left: 175px; } .video-section:before {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); } .video-section h1 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.1em; display: inline-block; text-transform: capitalize; font-family: "Poppins", sans-serif; } .video-section h1 span {position: relative; display: block; margin-left: 130px; } .video-section h1 span:before {position: absolute; content: ""; left: -130px; top: 40px; height: 1px; width: 110px; background-color: rgba(255, 255, 255, 0.5); } .video-section .text {position: relative; margin-left: 140px; color: #ffffff; font-size: 16px; line-height: 1.8em; margin-top: 20px; } .video-section .video-box {position: relative; width: 80px; height: 80px; color: #ffffff; font-size: 24px; text-align: center; border-radius: 50px; line-height: 80px; margin-left: 160px; top: -20px; display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: #a41a13; } .video-section .video-box .overlay-box span {position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; z-index: 99; color: #ffffff; font-weight: 400; font-size: 16px; text-align: center; border-radius: 50%; padding-left: 7px; display: inline-block; margin-top: -40px; margin-left: -40px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .video-section .video-box .ripple, .video-section .video-box .ripple:before, .video-section .video-box .ripple:after {position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin-left: 0.5px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .video-section .video-box .ripple:before {-webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .video-section .video-box .ripple:after {-webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } @-webkit-keyframes ripple {70% {-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple {70% {-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

/*** 

====================================================================
  Chefs Section
====================================================================

***/
.chefs-section {position: relative; padding: 100px 0px 100px; } .chefs-section .title-box {position: relative; text-align: center; margin-bottom: 50px; } .chefs-section .title-box h2 {position: relative; color: #242424; font-size: 36px; font-weight: 700; font-family: "Poppins", sans-serif; } .chefs-section .title-box .text {position: relative; color: #797979; font-size: 16px; margin-top: 15px; line-height: 1.8em; } /* Chef Member */ .chef-member {position: relative; margin-bottom: 30px; } .chef-member .inner-box {position: relative; text-align: center; } .chef-member .inner-box .image-box {position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 50%; overflow: hidden; } .chef-member .inner-box .image-box .image {position: relative; margin: 0px; } .chef-member .inner-box .image-box .overlay-box {position: absolute; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; border-radius: 50%; transition: -webkit-transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; } .chef-member .inner-box .image-box .overlay-box .inner {position: absolute; padding-top: 50%; text-align: center; left: 0px; top: 0px; width: 100%; height: 100%; display: block; border-radius: 50%; overflow: hidden; background-color: rgba(255, 187, 44, 0.8); } .chef-member .inner-box .image-box img {width: 100%; display: block; border-radius: 50%; } .chef-member .inner-box .lower-content {position: relative; text-align: center; padding-top: 25px; } .chef-member .inner-box .lower-content h4 {position: relative; color: #333333; font-weight: 600; margin-bottom: 5px; font-family: "Poppins", sans-serif; } .chef-member .inner-box .lower-content .designation {position: relative; color: #797979; font-size: 16px; margin-top: 6px; } .chef-member .inner-box:hover .image-box .overlay-box {-webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: right center; transform-origin: right center; }

/*** 

====================================================================
  Testimonial Section Two
====================================================================

***/
.testimonial-section-two {position: relative; padding: 90px 0px 110px; background-size: cover; } .testimonial-section-two .inner-container {position: relative; max-width: 970px; margin: 0 auto; } .testimonial-section-two .sec-title {margin-bottom: 20px; margin-left: 190px; } .testimonial-section-two .sec-title h2 {font-weight: 600; } .testimonial-section-two .sec-title h2:before {display: none; } .testimonial-block-two {position: relative; } .testimonial-block-two .inner-box {position: relative; padding-left: 195px; } .testimonial-block-two .inner-box .image-box {position: absolute; left: 0px; top: 0px; width: 150px; padding: 0px 0px; margin-bottom: 20px; } .testimonial-block-two .inner-box .image-box:after {position: absolute; content: ""; right: 0px; top: 0px; height: 105px; width: 1px; background-color: rgba(255, 255, 255, 0.4); } .testimonial-block-two .inner-box .image-box .image {position: relative; width: 95px; height: 95px; border-radius: 50%; overflow: hidden; } .testimonial-block-two .inner-box .quote-icon {position: relative; color: #ffffff; font-size: 40px; margin-top: 20px; line-height: 1em; margin-left: 1px; } .testimonial-block-two .inner-box .text {position: relative; font-size: 18px; color: #dfdfdf; line-height: 1.8em; margin-bottom: 20px;  } .testimonial-block-two .inner-box .author {position: relative; color: #ffffff; font-size: 20px; font-weight: 400; line-height: 1.2em; text-align: right; text-transform: capitalize; } .testimonial-section-two .owl-dots {display: none; } .testimonial-section-two .owl-nav {position: absolute; right: 0px; top: -90px; } .testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next {width: 46px; height: 46px; line-height: 44px; font-size: 20px; margin-left: 12px; text-align: center; color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.6); display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .testimonial-section-two .owl-nav .owl-prev:hover, .testimonial-section-two .owl-nav .owl-next:hover {color: #000000; border-color: #ffffff; background-color: #ffffff; } /*Comming Soon*/ .comming-soon {position: fixed; width: 100%; height: 100%; display: block; overflow-y: auto; background-size: cover; } .comming-soon .content {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; text-align: center; vertical-align: middle; } .comming-soon .content .content-inner {position: relative; padding: 50px 15px; display: table-cell; vertical-align: middle; } .comming-soon .content .content-inner h2 {position: relative; color: #f7b82d; font-size: 90px; font-weight: 700; line-height: 1.2em; margin-bottom: 80px; font-family: "Poppins", sans-serif; } .comming-soon .content .content-inner .text {position: relative; color: #ffffff; font-size: 32px; font-weight: 600; line-height: 1.5em; margin-top: 30px; margin-bottom: 60px; } .comming-soon .content .content-inner .text span {position: relative; color: #f7b82d; font-style: italic; text-decoration: underline; font-family: "Playfair Display", serif; }
/*** 

====================================================================
  Countdown style
====================================================================

***/
.time-counter {position: relative; } .time-counter .time-countdown {position: relative; } .time-counter .time-countdown .counter-column {position: relative; margin: 0px 15px 0px; width: 170px; height: 170px; text-align: center; display: inline-block; padding: 25px 0px 10px; border: 1px solid #ffffff; color: #ffffff; font-size: 20px; line-height: 30px; text-transform: uppercase; border-radius: 50%; font-weight: 600; margin-bottom: 20px; } .time-counter .time-countdown .counter-column .count {position: relative; display: block; font-size: 60px; line-height: 20px; padding: 30px 10px; color: #ffffff; letter-spacing: 1px; font-weight: 600; } .comming-soon .commingsoon-form .form-group {position: relative; display: block; max-width: 770px; margin: 0 auto; width: 100%; margin-bottom: 20px; } .comming-soon .commingsoon-form .form-group input[type="text"], .comming-soon .commingsoon-form .form-group input[type="tel"], .comming-soon .commingsoon-form .form-group input[type="email"], .comming-soon .commingsoon-form .form-group textarea {position: relative; display: block; width: 100%; line-height: 20px; height: 76px; font-size: 18px; color: #242424; font-weight: 500; padding: 10px 50px 10px 30px; background: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-family: "Poppins", sans-serif; } .comming-soon .commingsoon-form .form-group input[type="submit"], .comming-soon .commingsoon-form button {position: absolute; right: 0px; top: 0px; width: 195px; height: 76px; line-height: 40px; color: #000000; font-size: 20px; font-weight: 600; text-align: center; background: #f7b82d; letter-spacing: 1px; text-transform: capitalize; font-family: "Poppins", sans-serif; } /* Error Section */ .error-section {position: relative; padding: 190px 0px 200px; background-repeat: no-repeat; background-size: cover; } .error-section .content {position: relative; text-align: center; } .error-section:before {position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.6); } .error-section h1 {position: relative; color: #f7b82d; font-size: 200px; font-weight: 700; line-height: 1em; font-family: "Poppins", sans-serif; } .error-section h2 {position: relative; color: #ffffff; font-size: 60px; font-weight: 700; line-height: 1.2em; font-family: "Poppins", sans-serif; } .error-section .text {position: relative; color: #ffffff; font-size: 28px; font-weight: 500; margin-top: 10px; margin-bottom: 40px; } .error-section .theme-btn {font-size: 24px; font-weight: 600; border-radius: 50px; letter-spacing: 0px; padding: 20px 72px 20px; text-transform: capitalize; }

/*** 

====================================================================
  Faq Section
====================================================================

 ***/
.faq-section {position: relative; padding: 95px 0px 70px; } .faq-section .faq-title {position: relative; margin-bottom: 40px; } .faq-section .faq-title h2 {position: relative; color: #242424; font-weight: 600; line-height: 1.2em; margin-bottom: 18px; font-family: "Poppins", sans-serif; } .faq-section .faq-title .text {position: relative; color: #797979; font-size: 16px; font-weight: 400; } /*Sidebar Search Form*/ .faq-search-box {position: relative; margin-top: 30px; width: 100%; margin-bottom: 70px; } .faq-search-box .form-group {position: relative; margin: 0px; } .faq-search-box .form-group input[type="text"], .faq-search-box .form-group input[type="search"] {position: relative; line-height: 28px; color: #222222; display: block; font-size: 16px; width: 100%; height: 60px; border-radius: 5px; padding: 15px 15px 15px 20px; border: 1px solid #e0e0e0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .faq-search-box .form-group button {position: absolute; right: 0px; top: 0px; width: 65px; height: 60px; line-height: 58px; text-align: center; display: block; font-size: 22px; color: #c0c0c0; background: none; font-weight: normal; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .faq-search-box .form-group input:focus {border-color: #a10301; }

/*** 

====================================================================
  Accordion Style
====================================================================

***/
.accordion-box {position: relative; } .accordion-box .block {position: relative; margin-bottom: 40px; } .accordion-box .block .acc-btn {position: relative; font-size: 20px; cursor: pointer; line-height: 30px; color: #000000; font-weight: 600; padding: 0px 10px 0px 35px; transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; } .accordion-box .block .icon-outer {position: absolute; left: -6px; top: 6px; font-size: 18px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .accordion-box .block .icon-outer .icon {position: absolute; width: 28px; height: 28px; font-size: 16px; text-align: center; } .accordion-box .block .icon-outer .icon-plus {opacity: 1; } .accordion-box .block .icon-outer .icon-minus {opacity: 0; } .accordion-box .block .acc-btn.active .icon-outer .icon-minus {opacity: 1; color: #242424; } .accordion-box .block .acc-btn.active .icon-outer .icon-plus {opacity: 0; } .accordion-box .block .acc-content {position: relative; display: none; } .accordion-box .block .acc-content .content-text {padding-bottom: 6px; } .accordion-box .block .acc-content.current {display: block; } .accordion-box .block .content {position: relative; font-size: 14px; padding: 14px 30px 0px 35px; } .accordion-box .block .content .text {margin-bottom: 20px; line-height: 1.8em; font-size: 17px; color: #797979;  } .accordion-box .block .content p:last-child {margin-bottom: 0px; }

/*** 

====================================================================
  Faq Form Section
====================================================================

***/
.faq-form-section {position: relative; overflow: hidden; padding: 85px 0px 0px; background-color: #f8f8f8; } .faq-form-section .auto-container {position: relative; } .faq-form-section .form-outer {position: relative; max-width: 870px; z-index: 10; padding-bottom: 100px; } .faq-form-section .image-box {position: absolute; right: -90px; bottom: 0px; } 
.faq-form-section .sec-title {margin-bottom: 60px; } .faq-form-section .form-group {position: relative; margin-bottom: 30px; } .faq-form-section .form-group:last-child {margin-bottom: 0px; } .faq-form-section .form-group input[type="text"], .faq-form-section .form-group input[type="email"], .faq-form-section .form-group select {position: relative; display: block; width: 100%; line-height: 24px; padding: 0px 0px 8px; color: #242424; border-bottom: 2px solid #e3e3e3; height: 46px; font-size: 15px; background: none; font-weight: 500; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .faq-form-section .form-group input::-webkit-input-placeholder, .faq-form-section .form-group textarea::-webkit-input-placeholder {color: rgba(36, 36, 36, 0.4); } .faq-form-section .form-group input[type="text"]:focus, .faq-form-section .form-group input[type="email"]:focus, .faq-form-section .form-group textarea:focus {border-color: #a20301; } .faq-form-section .form-group textarea {position: relative; display: block; width: 100%; line-height: 24px; padding: 0px 0px; color: #242424; height: 160px; background: none; resize: none; font-size: 15px; font-weight: 500; border-bottom: 2px solid #e3e3e3; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .faq-form-section .form-group .theme-btn {margin-top: 10px; letter-spacing: 0px; border-radius: 50px; padding: 12px 40px; text-transform: capitalize; }

/*** 

====================================================================
  Services Page Section
====================================================================

***/
.services-page-section {position: relative; padding: 90px 0px 60px; } .services-page-section .title-box {position: relative; margin-bottom: 40px; } .services-page-section .title-box .text {position: relative; color: #242424; font-size: 18px; line-height: 1.7em; } .services-page-section .title-box .text span {position: relative; font-weight: 600; } .service-block-three {position: relative; margin-bottom: 30px; } .service-block-three .inner-box {position: relative; padding: 35px 20px 35px; min-height: 430px; border-radius: 8px; text-align: center; -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2); } .service-block-three .inner-box h3 {position: relative; font-weight: 700; line-height: 1.3em; font-family: "Poppins", sans-serif; } .service-block-three .inner-box h3 a {position: relative; color: #a41a13; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .service-block-three .inner-box h3 a:hover {color: #242424; } .service-block-three .inner-box .text {position: relative; color: #797979; font-size: 16px; line-height: 1.9em; margin-top: 20px;  }

/*** 

====================================================================
  Testimonial Section
====================================================================

 ***/
.testimonial-page-section {position: relative; padding: 95px 0px 70px; } .testimonial-page-section .title-box {position: relative; margin-bottom: 40px; } .testimonial-page-section .title-box h2 {position: relative; color: #242424; font-weight: 600; line-height: 1.2em; margin-bottom: 18px; font-family: "Poppins", sans-serif; } .testimonial-page-section .title-box .text {position: relative; color: #242424; font-size: 16px; font-weight: 400; max-width: 700px; line-height: 1.9em; } /* Testimonial Block */ .testimonial-block-three {position: relative; margin-bottom: 30px; } .testimonial-block-three .inner-box {position: relative; border-radius: 7px; padding: 48px 30px 40px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.18); } .testimonial-block-three .inner-box .content {position: relative; padding-left: 95px; } .testimonial-block-three .inner-box .content .image {position: absolute; left: 0px; top: 0px; width: 65px; overflow: hidden; border-radius: 50%; margin-bottom: 20px; } .testimonial-block-three .inner-box .content h3 {position: relative; color: #222328; font-size: 22px; font-weight: 600; line-height: 1.2em; margin-bottom: 15px; font-family: "Poppins", sans-serif; } .testimonial-block-three .inner-box .content .title {position: relative; color: #ea413e; font-size: 18px; font-style: italic; } .testimonial-block-three .inner-box .content .text {position: relative; font-size: 16px; color: #797979; line-height: 1.7em; margin-top: 12px;  }

/*** 

====================================================================
  Dishes Section
====================================================================

 ***/
.dishes-section {position: relative; padding: 90px 0px 80px; } .dishes-section .dishes-column {position: relative; } .dishes-section .dishes-column .inner-column {position: relative; } .dishes-section.style-two {background-repeat: repeat; } .dishes-section.style-three {background-color: #e2e5e7; } .dish-block {position: relative; margin-bottom: 30px; } .dish-block .inner-box {position: relative; padding-bottom: 20px; padding-left: 150px; min-height: 150px; border-bottom: 1px solid #dadada; } .dish-block .inner-box .image {position: absolute; left: 0px; top: 0px; width: 120px; height: 120px; overflow: hidden; border-radius: 5px; background-color: #000000; } .dish-block .inner-box .image img {position: relative; width: 100%; display: block; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .dish-block .inner-box:hover .image img {opacity: 0.5; } .dish-block .inner-box h4 {position: relative; color: #242424; font-weight: 700; font-family: "Poppins", sans-serif; } .dish-block .inner-box h4 a {position: relative; line-height: 1.3em; color: #242424; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .dish-block .inner-box h4 a:hover {color: #90130c; } .dish-block .inner-box .price {position: relative; font-weight: 600; font-size: 20px; color: #242424; } .dish-block .inner-box .text {position: relative; color: #797979; line-height: 1.7em; margin-top: 15px; max-width: 295px; font-size: 16px;  } .dish-block:last-child .inner-box {min-height: auto; border-bottom: 0px !important; padding-bottom: 0px; } .dish-block.style-two .inner-box {border-color: rgba(255, 255, 255, 0.3); } .dish-block.style-two .inner-box .price, .dish-block.style-two .inner-box h4 a {color: #ffffff; } .dish-block.style-two .inner-box .text {color: #969696; } .dish-block.style-three .inner-box .price {font-weight: 700; color: #c10907; } .dish-block.style-four .inner-box {border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dish-block.style-four .inner-box .text {color: #242424; }

/*** 

====================================================================
  Recommendation Section
====================================================================

 ***/
.recommendation-section {position: relative; padding: 90px 0px 80px; background-color: #f3f3f3; } .dishes-section .button-box {position: relative; margin-top: 30px; }

/*** 

====================================================================
  Menu Section One
====================================================================

 ***/
.menu-section-one {position: relative; padding-top: 100px; } .menu-section-one .inner-container {position: relative; padding: 60px 60px 60px 0px; } .menu-section-one .inner-container:before {position: absolute; content: ""; right: 0px; top: 0px; bottom: 0px; width: 1000%; border-radius: 10px; background: url(../images/background/16.jpg) right top; background-repeat: no-repeat; } .menu-section-one.style-two {overflow: hidden; padding-bottom: 100px; } .menu-section-one.style-two .inner-container {padding: 60px 0px 60px 60px; } .menu-section-one.style-two .inner-container:before {left: 0px; top: 0px; bottom: 0px; width: 1000%; background-position: left top; } .menu-section-one.style-two .image-column .inner-column {padding-top: 80px; margin-left: -66px; } .menu-section-one .image-column {position: relative; } .menu-section-one .image-column .inner-column {position: relative; padding-top: 20px; } .menu-section-one .image-column .image {position: relative; } .menu-section-one .image-column .image img {position: relative; } .menu-section-one .dishes-column {position: relative; } .menu-section-one .dishes-column .inner-column {position: relative; } .menu-section-one .dishes-column h2 {position: relative; color: #242424; font-weight: 700; line-height: 1.3em; margin-bottom: 10px; font-family: "Poppins", sans-serif; } .menu-section-one .dishes-column .column-text {position: relative; color: #242424; font-size: 16px; line-height: 1.8em; margin-bottom: 35px;  }

/*** 

====================================================================
  Fluid Section One
====================================================================

***/
.fluid-section-one {position: relative; padding: 0px 0px 0px; } .fluid-section-one .outer-container {position: relative; min-height: 250px; background-color: #242424; background-position: right top; background-repeat: no-repeat; } .fluid-section-one .image-column {position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .fluid-section-one .image-column .image-box {position: relative; display: none; margin: 0px; } .fluid-section-one .image-column .image-box img {position: relative; display: block; width: 100%; } .fluid-section-one .content-column {position: relative; float: left; width: 50%; } .fluid-section-one .content-column .inner-column {position: relative; max-width: 600px; width: 100%; float: right; padding: 110px 60px 110px 15px; } .fluid-section-one .content-column .title {position: relative; color: #ffffff; font-size: 18px; font-weight: 700; padding: 8px 16px; display: inline-block; background-color: #a41a13; text-transform: uppercase; } .fluid-section-one .content-column h2 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.3em; margin-top: 20px; font-family: "Poppins", sans-serif; } .fluid-section-one .content-column h2 a {position: relative; color: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .fluid-section-one .content-column h2 a:hover {color: #a41a13; } .fluid-section-one .content-column .text {position: relative; color: #ffffff; font-size: 16px; line-height: 1.9em; margin-top: 20px; margin-bottom: 20px; } .fluid-section-one .content-column .price {position: relative; font-size: 50px; color: #ffffff; font-weight: 600; line-height: 1.3em; margin-bottom: 35px; } .fluid-section-one .content-column .price span {position: relative; color: #8d8d8d; font-weight: 300; }

/*** 

====================================================================
  Fluid Section Two
====================================================================

***/
.fluid-section-two {position: relative; padding: 0px 0px 0px; } .fluid-section-two .outer-container {position: relative; min-height: 250px; background-color: #242424; background-position: right top; background-repeat: no-repeat; } .fluid-section-two .image-column {position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .fluid-section-two .image-column .image-box {position: relative; display: none; margin: 0px; } .fluid-section-two .image-column .image-box img {position: relative; display: block; width: 100%; } .fluid-section-two .content-column {position: relative; float: right; width: 50%; } .fluid-section-two .content-column .inner-column {position: relative; max-width: 600px; width: 100%; float: left; padding: 110px 60px 110px 80px; } .fluid-section-two .content-column .title {position: relative; color: #ffffff; font-size: 18px; font-weight: 700; padding: 8px 16px; display: inline-block; background-color: #a41a13; text-transform: uppercase; } .fluid-section-two .content-column h2 {position: relative; color: #ffffff; font-weight: 700; line-height: 1.3em; margin-top: 20px; font-family: "Poppins", sans-serif; } .fluid-section-two .content-column h2 a {position: relative; color: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .fluid-section-two .content-column h2 a:hover {color: #a41a13; } .fluid-section-two .content-column .text {position: relative; color: #ffffff; font-size: 16px; line-height: 1.9em; margin-top: 20px; margin-bottom: 20px; } .fluid-section-two .content-column .price {position: relative; font-size: 50px; color: #ffffff; font-weight: 600; line-height: 1.3em; margin-bottom: 35px; } .fluid-section-two .content-column .price span {position: relative; color: #8d8d8d; font-weight: 300; }

/*** 

====================================================================
  Gallery Page Section
====================================================================

***/
.gallery-page-section {position: relative; padding: 100px 0px 70px; } .gallery-block-two {position: relative; margin-bottom: 30px; } .gallery-block-two .inner-box {position: relative; } .gallery-block-two .inner-box .image {position: relative; overflow: hidden; display: flex; height: 250px; } .gallery-block-two .inner-box .image img {position: relative; width: 100%; display: block; height: 100%; object-fit: cover; } .gallery-block-two .inner-box .image .overlay-box {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; text-align: center; padding: 10px 20px; background-color: rgba(165, 3, 1, 0.8); transition: -webkit-transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; } .gallery-block-two .inner-box:hover .overlay-box {-webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: right center; transform-origin: right center; } .gallery-block-two .inner-box .overlay-inner {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 10px 20px; } .gallery-block-two .inner-box .overlay-box h5 {position: absolute; left: 30px; bottom: 10px; font-weight: 400; line-height: 1.4em; margin-bottom: 12px; text-transform: capitalize; font-family: "Poppins", sans-serif; } .gallery-block-two .inner-box .overlay-box h5 a {position: relative; color: #ffffff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .gallery-block-two .inner-box .overlay-box h3 a:hover {color: #0099f7; } .gallery-block-two .inner-box .overlay-box .link {position: absolute; right: 20px; top: 20px; color: #ffffff; font-size: 16px; }

/*** 

====================================================================
  Contact Page Title
====================================================================

***/
.contact-page-title {position: relative; padding: 195px 0px 190px; background-size: cover; background-position: center center; } .contact-page-title h1 {position: relative; color: #ffffff; line-height: 1.1em; font-weight: 700; font-size: 60px; }

/*** 

====================================================================
  Contact Page Section
====================================================================

***/
.contact-page-section {position: relative; padding: 0px 0px 70px; } .contact-page-section .form-column {position: relative; margin-bottom: 40px; } .contact-page-section .form-column .inner-column {position: relative; margin-top: -100px; padding: 80px 50px 75px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.18); } .contact-page-section .form-column .title-box {position: relative; margin-bottom: 40px; } .contact-page-section .form-column .title-box h3 {position: relative; color: #242424; font-weight: 700; line-height: 1.3em; font-family: "Poppins", sans-serif; } .contact-page-section .form-column .title-box .text {position: relative; color: #797979; font-weight: 400; font-size: 16px; line-height: 1.7em; margin-top: 15px;  } 
.contact-form .form-group {position: relative; margin-bottom: 30px; } .contact-form .form-group:last-child {margin-bottom: 0px; } 
.contact-form .form-group input[type="text"],.contact-form .form-group input[type="number"], .contact-form .form-group input[type="email"], .contact-form .form-group select {position: relative; display: block; width: 100%; line-height: 24px; padding: 15px 25px; color: #000000; height: 50px; font-size: 15px; background: #f6f7fc; font-weight: 400; border-radius: 0px; border: 1px solid #eeeff5; -webkit-transition: all 300ms ease; transition: all 300ms ease;  } .contact-form .form-group input::-webkit-input-placeholder, .contact-form .form-group textarea::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.5); } .contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group textarea:focus {border-color: #a41a13; } .contact-form .form-group textarea {position: relative; display: block; width: 100%; line-height: 24px; padding: 15px 25px; color: #000000; height: 250px; resize: none; font-size: 14px; font-weight: 400; border-radius: 0px; background: #f6f7fc; border: 1px solid #eeeff5; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .contact-form .form-group .theme-btn {cursor: pointer; border-radius: 5px; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error {border-color: #ff0000 !important; } .contact-form label.error {display: block; line-height: 24px; padding: 5px 0px 0px; margin: 0px; text-transform: uppercase; font-size: 12px; color: #ff0000; font-weight: 500; } .contact-page-section .info-column {position: relative; margin-bottom: 40px; } .contact-page-section .info-column .inner-column {position: relative; padding-top: 100px; padding-left: 100px; } .contact-page-section .info-column h3 {position: relative; color: #242424; font-weight: 700; padding-bottom: 20px; margin-bottom: 30px; font-family: "Poppins", sans-serif; } .contact-page-section .info-column h3:before {position: absolute; content: ""; left: 0px; bottom: 0px; height: 2px; width: 50px; background-color: #242424; } .contact-page-section .info-column ul {position: relative; } .contact-page-section .info-column ul li {position: relative; color: #797979; font-size: 16px; line-height: 1.7em; margin-bottom: 20px;  } .contact-page-section .info-column ul li strong {position: relative; color: #242424; font-size: 18px; font-weight: 700; display: block; margin-bottom: 10px; } .map-section iframe {height: 490px; width: 100%; }

/*** 

====================================================================
  Shop Page Section
====================================================================

***/
.shop-page-section {position: relative; padding: 90px 0px 70px; background-color: #f3f3f3; }

/*** 

====================================================================
  Shop Single Section
====================================================================

***/
.shop-single-section {position: relative; padding: 100px 0px; } .product-details .basic-details {position: relative; margin-bottom: 60px; } .product-details .image-column, .product-details .info-column {margin-bottom: 20px; } .product-details .image-column .image-box {padding-right: 40px; } .product-details .info-column .inner-column {position: relative; padding-left: 15px; } .product-details .image-column .image-box img {position: relative; display: block; width: 100%; background-color: #f4f4f4; } .product-details .basic-details h2 {position: relative; font-weight: 600; margin: -5px 0px 0px; line-height: 1.2em; color: #242424; padding-bottom: 20px; font-family: "Poppins", sans-serif; } .product-details .basic-details .text {position: relative; color: #797979; font-size: 16px; line-height: 1.8em; padding: 25px 0px; margin-bottom: 22px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;  } .bootstrap-touchspin .glyphicon-chevron-up:before {content: "\f106"; font-size: 18px; font-style: normal; font-family: "FontAwesome"; } .bootstrap-touchspin .glyphicon-chevron-down:before {content: "\f107"; font-size: 18px; font-style: normal; font-family: "FontAwesome"; } .product-details .basic-details .price {position: relative; color: #242424; font-size: 18px; font-weight: 500; margin-top: 20px; margin-bottom: 30px; font-family: "Poppins", sans-serif; } .product-details .basic-details .price span {font-weight: 700; font-size: 22px; color: #242424; margin-left: 10px; font-family: "Lato", sans-serif; } .product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner {line-height: 24px; padding: 10px 15px !important; height: 46px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {padding: 11px 12px; background: #f4f5f6; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i {top: 0px; } .product-details .basic-details .item-quantity {position: relative; /*float:left; width:85px;*/ margin-bottom: 40px; /*margin-right:20px;  */ } 
.product-details .basic-details .item-quantity .field-label {float: left; color: #242424; font-weight: 600; font-size: 18px; line-height: 40px; margin-right: 20px; } 
.product-details .basic-details .item-quantity .bootstrap-touchspin {width: 60px; }

/*** 

====================================================================
  Product Tabs Style
====================================================================

***/
.shop-single .product-details .prod-tabs {position: relative; margin-bottom: 10px; } .shop-single .product-details .prod-tabs .tab-btns {position: relative; z-index: 1; border-bottom: 1px solid #e2e2e2; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn {position: relative; top: 1px; display: block; float: left; margin-right: 10px; font-size: 16px; background: #a41a13; color: #ffffff; text-transform: capitalize; font-weight: 600; line-height: 24px; cursor: pointer; border: 1px solid transparent; padding: 12px 26px 11px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn:before {position: absolute; content: ""; left: 0px; top: -2px; width: 100%; height: 3px; opacity: 0; background-color: #a41a13; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn::before, .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover::before {opacity: 1; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover:after, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn:after {position: absolute; content: ""; left: 0px; bottom: -1px; width: 100%; height: 1px; background-color: #ffffff; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {color: #242424; border-color: #e2e2e2; background: #ffffff; } .shop-single .product-details .prod-tabs .tabs-content {position: relative; padding: 50px 35px 30px; border: 1px solid #e2e2e2; border-top: 0px; } .shop-single .product-details .prod-tabs .tabs-content .tab {position: relative; display: none; border-top: 0px; } .shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {display: block; } .shop-single .product-details .prod-tabs .tabs-content .tab .content {position: relative; } .shop-single .product-details .prod-tabs .tabs-content .tab .content p {position: relative; font-size: 17px; line-height: 1.7em; margin-bottom: 25px;  } .prod-tabs .tabs-content .tab .title {position: relative; color: #232527; font-size: 20px; font-weight: 600; margin-top: 10px; margin-bottom: 25px; font-family: "Montserrat", sans-serif; }

/*** 

====================================================================
  Comments Area
====================================================================

 ***/
.shop-single .comments-area {position: relative; margin-top: 0px; margin-bottom: 50px; } .shop-single .group-title {position: relative; margin-bottom: 40px; } .shop-single .group-title h2 {position: relative; font-size: 24px; color: #232628; font-weight: 600; padding-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #f2f2f2; } .shop-single .group-title h2:after {position: absolute; content: ""; left: 0px; bottom: -1px; width: 55px; height: 2px; background-color: #a41a13; } .shop-single .comments-area .comment-box {position: relative; margin-bottom: 30px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .shop-single .comments-area .comment-box:nth-child(1) {padding-top: 0px; } .shop-single .comments-area .comment-box:hover {border-color: #eb5310; } .shop-single .comments-area .comment {position: relative; font-size: 14px; padding: 0px 0px 0px 90px; } .shop-single .comments-area .comment .comment-inner {position: relative; padding: 15px 20px; border: 1px solid #f4f4f4; } .shop-single .comments-area .comment .comment-inner .rating {position: absolute; right: 15px; top: 15px; } .shop-single .comments-area .comment .comment-inner .rating .fa {display: inline-block; color: #a41a13; } .shop-single .comments-area .comment-box .author-thumb {position: absolute; left: 0px; top: 0px; margin-bottom: 20px; } .shop-single .comments-area .comment-box .author-thumb img {width: 60px; display: block; } .shop-single .comments-area .comment-info {position: relative; color: #232527; line-height: 24px; font-size: 16px; font-weight: 600; font-family: "Montserrat", sans-serif; } .shop-single .comments-area .comment-box .text {color: #848484; font-size: 16px; margin-top: 8px; font-weight: 300; line-height: 1.8em; margin-bottom: 0px;  } /*Comment Form*/ .shop-comment-form {position: relative; } .shop-comment-form h2 {position: relative; color: #232628; font-size: 24px; font-weight: 700; margin-bottom: 30px; padding-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #f2f2f2; } .shop-comment-form h2:before {position: absolute; content: ""; left: 0px; bottom: -1px; width: 55px; height: 2px; background-color: #a41a13; } .shop-comment-form .group-title {margin-bottom: 20px; } .shop-comment-form .rating-box {position: relative; margin-bottom: 30px; } .shop-comment-form .rating-box .text {position: relative; font-size: 16px; color: #848484; margin-bottom: 10px; } .shop-comment-form .rating-box .rating {position: relative; display: inline-block; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ebebeb; } .shop-comment-form .rating-box .rating:last-child {border-right: 0px; } .shop-comment-form .rating-box .rating .fa {position: relative; margin-right: 6px; display: inline-block; } .shop-comment-form .rating-box .rating a {position: relative; color: #d6d6d6; font-size: 14px; display: inline-block; } .shop-comment-form .rating-box .rating a:hover {color: #a41a13; } .shop-comment-form .form-group {position: relative; margin-bottom: 15px; } .shop-comment-form .form-group label {position: relative; color: #848484; font-size: 14px; font-weight: 400; } .shop-comment-form .form-group:last-child {margin-bottom: 0px; } .shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="password"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select {position: relative; display: block; width: 100%; line-height: 28px; padding: 10px 15px; border: 1px solid #efefef; height: 50px; color: #848484; font-weight: 300; background: #ffffff; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus {border-color: #a41a13; } .shop-comment-form .form-group textarea {position: relative; display: block; width: 100%; line-height: 26px; padding: 10px 15px; color: #848484; border: 1px solid #efefef; height: 115px; font-weight: 300; background: #ffffff; resize: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .shop-comment-form button {position: relative; margin-top: 10px; } .shop-comment-form input:focus, .shop-comment-form select:focus, .shop-comment-form textarea:focus {border-color: #f06529; } .related-products {position: relative; padding: 95px 0px 20px; background-color: #f6f6f6; }

/*** 

====================================================================
  Cart Section style
====================================================================

***/
.cart-section {position: relative; padding: 100px 0px 80px; } 
.cart-outer {position: relative; } 
.checkout-page .cart-outer {margin-bottom: 40px; } 
.cart-outer .table-outer {position: relative; width: 100%; overflow-x: auto; } 
.cart-outer .cart-table {width: 100%; min-width: 900px; } 
.cart-table .cart-header {position: relative; width: 100%; text-transform: uppercase; font-size: 13px; background: #f4f5f6; color: #1c1c1c; border: 1px solid #ebebeb; } 
.cart-table thead tr th {line-height: 24px; padding: 13px 30px; font-weight: 600; font-size: 18px; color: #242424; text-transform: capitalize; border-right: 1px solid #ebebeb; font-family: "Montserrat", sans-serif; } 
.cart-table thead tr th .fa {font-size: 18px; } 
.cart-table thead tr th.prod-column {text-align: left; } 
.cart-table tbody tr td {line-height: 24px; padding: 25px 50px 20px; } 
.cart-table tbody tr .qty {width: 200px; padding-right: 80px; } 
.cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical {position: absolute; right: 0px; top: 0px; } 
.cart-table tbody tr .qty .quantity-spinner {background: #ffffff; } 
.cart-table tbody tr .prod-column .column-box {position: relative; min-height: 110px; } 
.cart-table tbody tr .prod-column .column-box .prod-thumb {position: relative; width: 100px; } 
.cart-table tbody tr .prod-column .column-box .prod-thumb img {display: block; max-width: 100%; } 
.cart-table tbody tr .prod-column .column-box h4 {font-size: 14px; color: #444444; font-weight: 400; line-height: 90px; } 
.cart-table tbody tr .prod-column .author {font-size: 13px; color: #333333; margin-bottom: 0px; } 
.cart-table tbody tr .sub-total {font-weight: 500; color: #797979; font-size: 17px;  } 
.cart-table tbody tr .remove-btn {position: relative; font-size: 14px; color: #1c1c1c; line-height: 30px; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.cart-table tbody tr .remove-btn .fa {position: relative; font-size: 18px; line-height: 30px; } 
.cart-table tbody tr .remove-btn:hover {color: #a41a13; } 
.cart-table tbody tr {border-bottom: 1px solid #e9e9e9; } 
.cart-table tbody tr td {vertical-align: middle; color: #797979; font-size: 17px; border-left: 1px solid #ebebeb; } 
.cart-table tbody tr td:last-child {border-right: 1px solid #ebebeb; text-align: center; } 
.cart-table tbody tr td .prod-title {position: relative; font-size: 17px; color: #797979;  } 
.cart-table tbody tr td .quantity-spinner {padding: 5px 0px 5px 20px; line-height: 24px; height: 34px; display: block; width: 100%; position: relative; } 
.cart-table tbody .available-info {position: relative; padding-left: 50px; } 
.cart-table tbody .available-info .icon {position: absolute; left: 0px; top: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #ffffff; background: #223555; border-radius: 50%; } 
.cart-section .cart-options {position: relative; padding: 25px 35px 30px; margin-bottom: 50px; background-color: #f9f9f9; border: 1px solid #ebebeb; border-top: 0px; } 

.cart-section .cart-options .cart-btn {font-weight: 500; font-size: 16px; margin-top: 7px; padding: 6px 30px 6px; border-radius: 50px; letter-spacing: 0px; text-transform: capitalize; } 
.cart-section .cart-options .btn-style-one {top: -7px; } .cart-section .totals-table {position: relative; margin-bottom: 20px; border: 1px solid #ebebeb; border-radius: 3px; } 
.cart-section .proceed-btn {font-weight: 500; font-size: 16px; margin-top: 0px; padding: 6px 30px 6px; border-radius: 50px; letter-spacing: 0px; text-transform: capitalize; } 
.cart-section .totals-table li {line-height: 24px; padding: 14px 15px; border-bottom: 1px solid #ebebeb; } .cart-section .totals-table li:first-child {background-color: #f9f9f9; } 
.cart-section .totals-table li h3 {position: relative; font-weight: 600; color: #242424; font-size: 18px; font-family: "Poppins", sans-serif; } 
.cart-section .totals-table li:last-child {border-bottom: none; margin-bottom: 0px; } .cart-section .totals-table .col {position: relative; display: block; float: left; line-height: 24px; width: 50%; color: #242424; font-size: 17px; text-transform: capitalize; } .cart-section .totals-table li .col:last-child {text-align: right; } 
.cart-section .totals-table .total .price {color: #444444; font-weight: 600; } 

/* Check Out Page */ 
.checkout-page {/*position: relative; z-index: 9; background-color: #ffffff; padding: 100px 0px 80px;*/ } 
.default-links {position: relative; margin-bottom: 40px; } 
.default-links li {margin-bottom: 15px; line-height: 24px; padding: 18px 28px; background: #f9f9f9; color: #797979; font-size: 17px; font-weight: 600; border: 1px solid #ebebeb; } 
.default-links li a {color: #9e0301; text-decoration: underline; } 

.shop-form .billing-inner {position: relative; padding-right: 100px; } 
.shop-form .sec-title h2 {font-size: 24px; padding-bottom: 15px;} 
.shop-form .form-group {position: relative; margin-bottom: 20px; } 
.shop-form .sec-title {margin-bottom: 20px; } 
.shop-form .form-group.sec-title {margin-bottom: 10px; padding-bottom: 30px; margin-top: 20px; } 
.shop-form .form-group .field-label {display: block; line-height: 24px; margin-bottom: 8px; color: #797979; font-size: 15px; font-weight: 500; text-transform: capitalize; } 
.shop-form .form-group .field-label sup {position: relative; top: 0px; color: #797979; font-size: 16px; } 
.shop-form input[type="text"], .shop-form input[type="email"], 
.shop-form input[type="password"], .shop-form input[type="tel"], 
.shop-form input[type="number"], .shop-form input[type="url"], 
.shop-form select, 
.shop-form textarea {position: relative; display: block; width: 100%; background: #ffffff; line-height: 16px; padding: 10px 15px; height: 42px; font-size: 15px; border: 1px solid #e3e3e3; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease;  } 
.shop-form input.address-two {margin-top: 12px; } .shop-form input::-webkit-input-placeholder, .shop-form select::-webkit-input-placeholder, .shop-form textarea-webkit-input-placeholder {color: #c6c6c6; } 
.shop-form select {-webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; background: #ffffff url(../images/icons/icon-select.png) right center no-repeat; cursor: pointer; } 
.shop-form select option {text-indent: 15px; } 
.shop-form textarea {resize: none; height: 70px !important; overflow: hidden; } 
.shop-form input:focus, .shop-form select:focus, .shop-form textarea:focus {border-color: #9f0301; } 
/* Shop Order Box */ 
.shop-order-box {position: relative; padding: 20px 28px 50px; border: 1px solid #d9d9d9; background-color: #fdfdfd; } 
.shop-order-box .theme-btn {font-weight: 500; font-size: 16px; margin-top: 0px; padding: 6px 30px 6px; border-radius: 50px; letter-spacing: 0px; text-transform: capitalize; } 
.shop-order-box .order-list {position: relative; } 
.shop-order-box .order-list li {position: relative; color: #797979; font-size: 15px; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; } 
.shop-order-box .order-list li span {float: right; width: 35%; text-align: left; font-size: 17px; text-transform: capitalize; } 
.shop-order-box .order-list li span.dark {color: #242424; } 
.shop-order-box .order-list li.total {padding: 8px 0px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } 
.payment-options {position: relative; margin-top: 20px; margin-bottom: 20px; } 
.checkout-page .payment-options li {position: relative; margin-bottom: 15px; } 
.checkout-page .payment-options li .radio-option {position: relative; } 
.checkout-page .payment-options li .radio-option label {position: relative; display: block; padding-left: 30px; font-weight: 600 !important; text-transform: capitalize; letter-spacing: 1px; color: #797979; cursor: pointer; font-size: 15px; } 
.checkout-page .payment-options li .radio-option label strong {font-weight: 500; display: inline-block; color: #797979; font-size: 15px; } 
.checkout-page .payment-options li .radio-option input[type="radio"] {position: absolute; left: 0px; top: 3px; } 
.checkout-page .payment-options li .radio-option #payment-3 {top: 9px; } 
.checkout-page .payment-options li .what-paypall {font-size: 13px; font-weight: 500; margin-left: 15px; color: #9f0301; } 
.checkout-page .payment-options li .radio-option label .small-text {position: relative; display: none; padding: 18px 26px; letter-spacing: 0px; text-transform: none; font-weight: normal; font-size: 15px; color: #8e8d8d; border-radius: 4px; line-height: 20px; line-height: 1.8em; margin-top: 20px; margin-left: -30px; background-color: #ececec; } 
.checkout-page .payment-options li .radio-option label .small-text:before {position: absolute; content: ""; left: 24px; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #ececec; } 
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text {display: block; } 
.checkout-page .payment-options li .radio-option label img {position: relative; top: -3px; display: inline-block; max-width: 100%; padding-left: 30px; } .checkout-page .payment-options li .radio-option label img {position: relative; display: inline-block; max-width: 100%; padding-left: 30px; }


.apply-coupon {position: relative;} 
.apply-coupon .form-group {position: relative; float: left; margin: 0px 5px;} 
.apply-coupon .form-group input[type="text"] {display: block; line-height: 15px; padding: 8px 10px; border: 1px solid #eeeeee; width: 130px; height: 33px; background: #ffffff; } 
.coupon-btn{display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    padding: 4px 5px;
    line-height: 24px;
        border-radius: 0px 3px 3px 0px;
    font-size: 15px;
    color: #ffffff;
    background-color: #242424; } 
.coupon-btn:hover{color: #fff;background-color: #432918;} 
/*** 

====================================================================
  Blog Grid Section
====================================================================

***/
.blog-grid-section {
  position: relative;
  padding: 100px 0px 100px;
}

.blog-grid-section .inner-container {
  position: relative;
  margin-bottom: 50px;
  border-bottom: 1px solid #e4e4e4;
}

/*** 

====================================================================
  News Block Three
====================================================================

***/
.news-block-three {position: relative; margin-bottom: 80px; } .news-block-three .inner-box {position: relative; } .news-block-three .inner-box .image {position: relative; overflow: hidden; background-color: #a41a13; } .news-block-three .inner-box .image img {position: relative; width: 100%; display: block; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .news-block-three .inner-box:hover .image img {opacity: 0.5; -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); } .news-block-three .inner-box .lower-content {position: relative; padding-top: 25px; } .news-block-three .inner-box .lower-content .upper-box {position: relative; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } .news-block-three .inner-box .lower-content .upper-box .posted-date {position: relative; color: #a41a13; font-size: 20px; font-weight: 600; margin-bottom: 10px; line-height: 1.2em; font-family: "Poppins", sans-serif; } .news-block-three .inner-box .lower-content .lower-box {position: relative; padding-top: 25px; } .news-block-three .inner-box .lower-content .lower-box h3 {position: relative; font-size: 25px; font-weight: 600; line-height: 1.4em; margin-bottom: 14px; color: #242424; font-family: "Poppins", sans-serif; } .news-block-three .inner-box .lower-content .lower-box h3 a {position: relative; color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-block-three .inner-box .lower-content .lower-box h3 a:hover {color: #a41a13; } .news-block-three .inner-box .lower-content .lower-box .text {position: relative; color: #797979; font-size: 16px; line-height: 1.8em; margin-bottom: 30px;  } .news-block-three .inner-box .lower-content .lower-box .theme-btn {font-size: 15px; border-radius: 5px; letter-spacing: 0px; padding: 8px 36px 8px; text-transform: capitalize; }

/*** 

====================================================================
  Styled Pagination
====================================================================

***/
.styled-pagination {position: relative; } .styled-pagination li {position: relative; display: inline-block; margin: 0px 6px 0px 0px; } .styled-pagination li a {position: relative; display: inline-block; line-height: 42px; height: 44px; font-size: 16px; min-width: 45px; color: #a41a13; font-weight: 500; text-align: center; background: #ffffff; border-radius: 50%; border: 2px solid #a41a13; text-transform: capitalize; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; font-family: "Poppins", sans-serif; } .styled-pagination li a:hover, .styled-pagination li a.active {color: #ffffff; border-color: #a41a13; background-color: #a41a13; }

/*** 

====================================================================
  Sidebar Page Container
====================================================================

***/
.sidebar-page-container {position: relative; padding: 100px 0px 60px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {margin-bottom: 40px; } .blog-classic.padding-right, .news-detail.padding-right {padding-right: 30px; } /* News Block Four */ .news-block-four {position: relative; margin-bottom: 80px; } .news-block-four .inner-box {position: relative; } .news-block-four .inner-box .image {position: relative; overflow: hidden; background-color: #a41a13; } .news-block-four .inner-box .image img {position: relative; width: 100%; display: block; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .news-block-four .inner-box:hover .image img {opacity: 0.5; -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); } .news-block-four .inner-box .lower-content {position: relative; padding-top: 25px; } .news-block-four .inner-box .lower-content .upper-box {position: relative; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } .news-block-four .inner-box .lower-content .upper-box .posted-date {position: relative; color: #a41a13; font-size: 17px; font-weight: 600; margin-bottom: 10px; line-height: 1.2em; font-family: "Poppins", sans-serif; } .news-block-four .inner-box .lower-content .upper-box .post-meta {position: relative; top: -4px; } .news-block-four .inner-box .lower-content .upper-box .post-meta li {position: relative; color: #b8b8b8; font-size: 17px; padding-right: 12px; margin-right: 12px; font-weight: 700; margin-bottom: 6px; display: inline-block;  } .news-block-four .inner-box .lower-content .upper-box .post-meta li:after {position: absolute; content: "/"; right: -5px; top: 0px; color: #b8b8b8; font-size: 17px; } .news-block-four .inner-box .lower-content .upper-box .post-meta li:last-child {margin-right: 0px; padding-right: 0px; } .news-block-four .inner-box .lower-content .upper-box .post-meta li:last-child::after {display: none; } .news-block-four .inner-box .lower-content .lower-box {position: relative; padding-top: 28px; } .news-block-four .inner-box .lower-content .lower-box h3 {position: relative; font-size: 25px; font-weight: 600; line-height: 1.4em; margin-bottom: 14px; color: #242424; font-family: "Poppins", sans-serif; } .news-block-four .inner-box .lower-content .lower-box h3 a {position: relative; color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-block-four .inner-box .lower-content .lower-box h3 a:hover {color: #a41a13; } .news-block-four .inner-box .lower-content .lower-box .text {position: relative; color: #797979; font-size: 16px; line-height: 1.8em; margin-bottom: 30px;  } .news-block-four .inner-box .lower-content .lower-box .theme-btn {font-size: 15px; border-radius: 5px; letter-spacing: 0px; padding: 8px 36px 8px; text-transform: capitalize; } .news-block-four.margin-bottom {margin-bottom: 40px; } .sidebar-widget {position: relative; margin-bottom: 40px; } /*Sidebar Title*/ .sidebar-title {position: relative; margin-bottom: 20px; } .sidebar-title h2 {font-size: 22px; color: #242424; font-weight: 600; line-height: 1.2em; display: inline-block; text-transform: capitalize; font-family: "Poppins", sans-serif; } .sidebar-title h2:after {position: absolute; content: ""; left: 108%; bottom: 2px; width: 35px; height: 2px; background-color: #a41a13; } /*Search Box Widget*/ .sidebar .search-box .form-group {position: relative; margin: 0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {position: relative; line-height: 30px; padding: 10px 50px 10px 20px; border: 1px solid #d3d3d3; background: none; display: block; font-size: 14px; width: 100%; height: 52px; color: #909090; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar .search-box .form-group button {position: absolute; right: 0px; top: 0px; height: 52px; width: 60px; display: block; font-size: 16px; color: #bdbdbd; line-height: 100%; font-weight: normal; background: none; } /*Blog Category*/ .cat-list {position: relative; } .cat-list li {position: relative; } .cat-list li a {position: relative; color: #797979; font-size: 16px; font-weight: 600; padding-bottom: 12px; margin-bottom: 12px; display: block; border-bottom: 1px solid #e6e6e6; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .cat-list li a:after {position: absolute; content: "\f054"; right: 0px; top: 0px; color: #c8c8c8; font-size: 14px; font-family: "Font Awesome 5 Free"; } .cat-list li a:hover {color: #a41a13; } .cat-list li:last-child a {border-bottom: 0px; } /* Post Widget */ .sidebar .popular-posts .post {position: relative; font-size: 14px; color: #666666; padding: 0px 0px; padding-left: 90px; min-height: 86px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; } .sidebar .popular-posts .post:last-child {margin-bottom: 0px; } .sidebar .popular-posts .post .post-thumb {position: absolute; left: 0px; top: 0px; width: 72px; } .sidebar .popular-posts .post:hover .post-thumb img {opacity: 0.7; } .sidebar .popular-posts .post .post-thumb img {display: block; width: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .sidebar .popular-posts .post .text {position: relative; top: -4px; font-size: 15px; margin: 0px 0px 0px; font-weight: 600; color: #242424; line-height: 1.4em; text-transform: capitalize; } .sidebar .popular-posts .post .text a {color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .sidebar .popular-posts .post a:hover {color: #a41a13; text-decoration: underline; } .sidebar .popular-posts .post-info {font-size: 15px; color: #9a9a9a; font-weight: 400; margin-top: 4px; } /*Popular Tags*/ .sidebar .popular-tags a {position: relative; display: inline-block; line-height: 24px; padding: 7px 18px 7px; margin: 0px 6px 10px 0px; color: #a6a6a6; text-align: center; font-size: 15px; background: none; font-weight: 500; border: 1px solid #e4e4e4; text-transform: capitalize; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .popular-tags a:hover {border-color: #a41a13; background-color: #a41a13; color: #ffffff; } .sticky-top {top: 90px; } /* News Detail */ .news-detail {position: relative; margin-bottom: 40px; } .news-detail .inner-box {position: relative; } .news-detail .inner-box .image {position: relative; overflow: hidden; background-color: #a41a13; } .news-detail .inner-box .image img {position: relative; width: 100%; display: block; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .news-detail .inner-box:hover .image img {opacity: 0.5; -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); } .news-detail .inner-box .lower-content {position: relative; padding-top: 25px; } .news-detail .inner-box .lower-content .upper-box {position: relative; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } .news-detail .inner-box .lower-content .upper-box .posted-date {position: relative; color: #a41a13; font-size: 17px; font-weight: 600; margin-bottom: 10px; line-height: 1.2em; font-family: "Poppins", sans-serif; } .news-detail .inner-box .lower-content .upper-box .post-meta {position: relative; top: -4px; } .news-detail .inner-box .lower-content .upper-box .post-meta li {position: relative; color: #b8b8b8; font-size: 17px; padding-right: 12px; margin-right: 12px; font-weight: 400; margin-bottom: 6px; display: inline-block; } .news-detail .inner-box .lower-content .upper-box .post-meta li:after {position: absolute; content: "/"; right: -5px; top: 0px; color: #b8b8b8; font-size: 17px; } .news-detail .inner-box .lower-content .upper-box .post-meta li:last-child {margin-right: 0px; padding-right: 0px; } .news-detail .inner-box .lower-content .upper-box .post-meta li:last-child::after {display: none; } .news-detail .inner-box .lower-content .lower-box {position: relative; padding-top: 28px; } .news-detail .inner-box .lower-content .lower-box h3 {position: relative; font-size: 25px; font-weight: 600; line-height: 1.4em; margin-bottom: 14px; color: #242424; font-family: "Poppins", sans-serif; } .news-detail .inner-box .lower-content .lower-box h3 a {position: relative; color: #242424; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-detail .inner-box .lower-content .lower-box h3 a:hover {color: #a41a13; } .news-detail .inner-box .lower-content .lower-box .text {position: relative; } .news-detail .inner-box .lower-content .lower-box .text p {position: relative; color: #797979; font-size: 16px; line-height: 1.8em; margin-bottom: 25px;  } .news-detail .inner-box .lower-content h4 {position: relative; color: #242424; font-weight: 600; margin-bottom: 25px; font-family: "Poppins", sans-serif; }

/*** 

====================================================================
  Comments Area
====================================================================

 ***/
.sidebar-page-container .comments-area {position: relative; margin-bottom: 55px; } .sidebar-page-container .group-title {position: relative; margin-bottom: 25px; } .sidebar-page-container .group-title h2 {position: relative; font-size: 22px; color: #242424; font-weight: 600; padding-bottom: 0px; font-family: "Poppins", sans-serif; } .sidebar-page-container .comments-area .inner-box {position: relative; border: 1px solid #eeeeee; } .sidebar-page-container .comments-area .comment-box {position: relative; padding: 25px 25px 25px; -webkit-transition: all 300ms ease; transition: all 300ms ease; border-bottom: 1px solid #ebe8e8; } .sidebar-page-container .comments-area .comment-box:nth-child(2n + 0) {background-color: #fcfcfc; } .sidebar-page-container .comments-area .comment-box:last-child {border-bottom: 0px; } .sidebar-page-container .comments-area .comment {position: relative; font-size: 14px; min-height: 98px; padding: 0px 0px 0px 100px; } .sidebar-page-container .comments-area .comment.reply-comment {margin-left: 100px; margin-top: 45px; } .sidebar-page-container .comments-area .comment .comment-inner {position: relative; } .sidebar-page-container .comments-area .comment .comment-reply {position: absolute; right: 0px; top: 0px; color: #9cc900; font-size: 15px; font-weight: 400; text-align: center; display: inline-block; text-transform: capitalize; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .sidebar-page-container .comments-area .comment .comment-reply span {font-size: 14px; margin-right: 4px; } .sidebar-page-container .comments-area .comment-box .author-thumb {position: absolute; left: 0px; top: 0px; width: 73px; overflow: hidden; margin-bottom: 20px; } .sidebar-page-container .comments-area .comment-box .author-thumb img {width: 75px; display: block; } .sidebar-page-container .comments-area .comment-info {color: #3e5773; line-height: 24px; font-size: 13px; } .sidebar-page-container .comments-area .comment-box strong {font-size: 15px; font-weight: 700; color: #000000; line-height: 16px; text-transform: capitalize; } .sidebar-page-container .comments-area .comment-box .text {color: #898989; font-size: 16px; margin-top: 5px; line-height: 1.7em; margin-bottom: 8px;  } .sidebar-page-container .comments-area .comment-time {position: relative; font-size: 13px; color: #f47a3c; } .sidebar-page-container .comments-area .comment-box .theme-btn {padding: 6px 27px; } .sidebar-page-container .comments-area .comment-box .post-info {position: relative; } .sidebar-page-container .comments-area .comment-box .post-info li {position: relative; padding-right: 10px; line-height: 1em; margin-right: 10px; color: #aeaeae; font-size: 15px; border-right: 1px solid #bebebe; display: inline-block; } .sidebar-page-container .comments-area .comment-box .post-info li a {font-weight: 500; } .sidebar-page-container .comments-area .comment-box .post-info li:last-child {border: 0px; }

/*** 

====================================================================
  Comment Form
====================================================================

 ***/
.comment-form {position: relative; } .comment-form .form-inner {position: relative; padding: 50px 35px 30px; background-color: #f7f7f7; border: 1px solid #eeeeee; } .comment-form .form-group {position: relative; margin-bottom: 20px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="email"], .comment-form .form-group select {position: relative; display: block; width: 100%; line-height: 33px; padding: 10px 20px; height: 54px; color: #a5a5a5; font-size: 15px; background-color: #ffffff; border: 1px solid #eeeeee; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group textarea:focus {border-color: #a41a13; } .comment-form .form-group textarea {position: relative; display: block; width: 100%; line-height: 24px; padding: 20px 20px; color: #a5a5a5; height: 170px; font-size: 15px; resize: none; background-color: #ffffff; border: 1px solid #eeeeee; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .comment-form button {margin-top: 10px; letter-spacing: 1px; font-weight: 500; padding: 11px 34px 10px; text-transform: capitalize; }
/*** 

====================================================================
  Menu Section Title
====================================================================

***/
.menu-sec-title {position: relative; margin-bottom: 40px; padding-bottom: 25px; } .menu-sec-title h2 {position: relative; display: block; line-height: 1.3em; color: #242424; font-weight: 700; } .menu-sec-title .text {position: relative; color: #797979; font-size: 16px; margin-top: 8px;  } .menu-sec-title::before {position: absolute; content: ""; left: 0px; bottom: 0px; height: 2px; width: 60px; background-color: #e93030; } .menu-sec-title.light h2 {color: #fff; } .menu-sec-title.centered {text-align: center; } .menu-sec-title.centered::before {left: 50%; margin-left: -30px; } .similar-products-section {position: relative; padding: 90px 0px 60px; background-color: #f3f3f3; }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*** ====================================================================
    Home Slider css
==================================================================== ***/
.main_slider_area.slider_bg {background: url(../images/main-slider/slider-bg.jpg) no-repeat scroll center center; background-size: cover; } .main_slider_area .sm_text {color: #f7b82d; font-family: "Playfair Display", serif; font-style: italic; font-weight: bold; } .main_slider_area .first_text {color: #fff; font-family: "Playfair Display", serif; font-weight: 700; } .main_slider_area .middle_text {color: #fff; font-family: "Playfair Display", serif; } .main_slider_area .secand_text {color: #fff; font-family: "Playfair Display", serif; font-style: italic; } .main_slider_area .slider_button .view_all_btn {background: #fff; color: #242424; border-radius: 5px; line-height: 60px; padding: 0px 56px; text-transform: uppercase; font-family: "Poppins", sans-serif; display: inline-block; font-size: 15px; letter-spacing: 3px; position: relative; font-weight: 600; z-index: 3; } .main_slider_area .slider_button .view_all_btn:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background-color: #eec300; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); border-radius: 5px; } .main_slider_area .slider_button .view_all_btn:hover:before {opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .main_slider_area .food_text {color: #fff; font-family: "NiagaraSolid-Reg"; } .main_slider_area .food_text span {display: block; font-size: 107px !important; line-height: 80px !important; font-family: "PalaceScriptMT"; margin-bottom: -63px !important; margin-left: 21px !important; } .main_slider_area .tasty_text {color: #fff; font-family: "NiagaraSolid-Reg"; } .main_slider_area .tasty_text span {display: block; font-size: 107px !important; line-height: 80px !important; font-family: "PalaceScriptMT"; margin-bottom: -52px !important; margin-left: 0px !important; margin-right: 16px !important; } .main_slider_area #main_slider2 {background: url(../images/main-slider/slider-bg-2.jpg) no-repeat scroll center center; background-size: cover; }

/*** ====================================================================
    End Home Slider css
==================================================================== ***/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*** ====================================================================
  Service Area css
==================================================================== ***/
.service-block-three .inner-box .icon-box {margin-bottom: 16px; height: 165px; display: flex; justify-content: center; } .service-block-three .inner-box .icon-box img{height: 100%; object-fit: cover; } .service-block-three .inner-box .icon-box i {color: #242424; line-height: 100px; } .service-block-three .inner-box .icon-box i:before {font-size: 150px; margin-left: 0px; } .gallery-page-section {padding-bottom: 120px; } .gallery-page-section .row {margin-left: -7.5px; margin-right: -7.6px; margin-bottom: -15px; } .gallery-page-section .gallery-block-two {padding-left: 7.5px; padding-right: 7.5px; margin-bottom: 15px; }

/*** ====================================================================
  End Service Area css
==================================================================== ***/
/*---------------------------------------------------- */


.product_share{}
.product_share > li{float: left;}
.product_share > li > a{display: flex;width: 30px;height: 30px;justify-content: center;align-items: center;font-size: 0.8rem; color: #222222;margin-right: 5px;background-color: #e5e5e5;border-radius: 50%;transition: 0.5s all;padding-top: 2px;}
.product_share > li > a:hover{ color: #000;background-color: #e6e6e6;transition: 0.5s all;}


.product_share2{}
.product_share2 > li{float: left;}
.product_share2 > li > a{display: flex;height: 30px;justify-content: center;align-items: center;font-size: 0.8rem; color: #222222;margin-right: 5px;border-radius: 5px; transition: 0.5s all; padding: 0px 5px;background-color: #f5f5f5;}
.product_share2 > li > a:hover{ color: #000;background-color: #e6e6e6;transition: 0.5s all;}


#contract_modal {z-index: 1100; }
.modal-iframe{width: 100%; min-height: 400px; height: 100%;}

.hide{display: none !important;}