@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Lato:400,500,600,700,800|Noto+Sans:400,400i,700,700i&display=swap");
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat";
}

a {
    text-decoration: none !important;
}

a.link-primary {
    background: #004e1f;
    padding: 14px 20px;
    border-radius: 6px;
    color: #fff;
    font: 400 14px "Montserrat";
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a.link-secondary {
    background: #ff6c00;
    padding: 14px 20px;
    border-radius: 6px;
    color: #fff;
    font: 400 14px "Montserrat";
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

html,
body {
    padding: 0;
    margin: 0;
    height:100%;
}

body {
    word-wrap: break-word;
    font-family: "Noto Sans";
    background: #fff;
}

img {
    max-width: 100%;
    height: auto;
}

body * {
    text-shadow: none;
}

.owl-carousel img {
    width: 100%;
}

#top {
    padding: 5px 3px;
    position: fixed;
    bottom: 60px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 999;
}

#top img {
    height: 50px;
    width: 50px;
    opacity: .5;
}

#top img:hover {
    opacity: 1;
}

.header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

.trigger,
.content {
    text-align: center;
}

.trigger {
    font-weight: bold;
    color: #fff;
    width: 100%;
    padding: 0 50px;
    position: absolute;
    z-index: 9999;
}

.trigger.fixed {
    position: absolute;
    top: 0;
    left: 0;
}

.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}

.trigger a {
    display: block;
    width: 28px;
    height: 18px;
    position: absolute;
    top: 45px;
    right: 25px;
    z-index: 9999;
}

.trigger a:before,
.trigger a:after {
    content: '';
    display: block;
    background: #fff;
    height: 2px;
}

.trigger a span {
    background: #fff;
    display: block;
    height: 2px;
    margin: 6px 0;
}

.mm-listview > li > a,
.mm-listview > li > span {
    padding: 10px 16px;
    color: #004e1f;
}

.mm-panels,
.mm-panels > .mm-panel {
    background: #fff;
}

.mm-menu .mm-listview > li .mm-next::after {
    border-color: #fff;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
    color: #004e1f;
}

.mm-menu .mm-btn::after,
.mm-menu .mm-btn::before {
    border-color: #fff;
}

.mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next::before,
.mm-listview > li::after {
    border: none !important;
}

.top-wrapper {
    padding: 30px 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.top-contact {
    text-align: right;
    padding-top: 12px;
}

.top-contact p {
    font: 400 16px "Noto Sans";
    color: #111;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.top-contact p span {
    margin-right: 6px;
}

.top-contact p img {
    width: 30px;
}

.main-links {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-links > ul {
    padding: 0;
    margin: 0;
}

.main-links > ul > li {
    list-style: none;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    position:relative;
}

.main-links > ul > li:after {
    content:"";
    background:rgba(255,255,255,.3);
    height:1.5rem;
    width:1px;
    right:-5px;
    top:0;
    position:absolute;
}

.main-links > ul > li:last-child:after, .main-links > ul > li:nth-child(3):after {
    display:none;
}

.main-links > ul > li > a {
    text-decoration: none;
    font: 700 17px "Montserrat";
    color: #fff !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-links > ul > li > a:hover {
    color:#f26522 !important;
}

.main-links > ul > li > span {
    display: block;
    text-decoration: none;
    font: 300 14px "Montserrat";
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-links ul ul {
    display: none;
    padding: 15px 0 0 0;
    position: absolute;
    z-index: 150;
    font: 400 12px "Noto Sans";
}

.main-links ul ul:after {
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 5px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ff6c00;
    z-index: 99;
}

.main-links ul > ul > li {
    list-style: none;
    text-align: left;
    float: left;
    position: relative;
    border: 0;
    width: 16em;
    left: 0;
    overflow: hidden;
    z-index: 110;
    /*background: #ff6c00;*/
}

.main-links ul ul li a {
    text-decoration: none;
    display: block;
    font: 400 13px "Noto Sans" !important;
    color: #fff;
    padding: 8px 15px;
    background: #ff6c00;
}

.main-links ul ul li a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.main-links ul ul li:last-child a {
    border-bottom: none;
}

.main-links ul ul li a:hover {
    background: #111;
}

.main-links ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}
.main-links ul ul ul::after {border:none;}
.main-links ul ul ul li {overflow: visible;}
.call-mobile li {
    list-style: none;
    text-align: left;
    position: relative;
    border: 0;
    width: 16em;
    left: 0;
    z-index: 110;
}
.call-mobile li li {background: #ff6c00;}

.cart-counter {
  border-radius:50px;
  background-color:#ff6c00;
  color:white;
}

.top-cart {
    text-align: right;
    margin-top: 2.25rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.top-cart ul {
    margin: 0;
    padding: 0;
}

.top-cart ul li {
    display: inline;
    list-style: none;
    margin: 0 5px;
}

.top-cart ul li a {
    color: #fff;
}
.top-cart ul li:nth-child(1) span,
.top-cart ul li:nth-child(2) span {margin-top: 5px;}



.user-menu {position:relative;}
.user-menu .user-menu-list {list-style:none;padding:0;position:absolute;right:-10px;top:40px;width:200px;background:#ff6c00;border-radius:7px;z-index:101;-webkit-box-shadow: 0 2px 5px 2px rgba(255,255,255,.2);box-shadow: 0 2px 5px 2px rgba(255,255,255,.2);display: none;}
.user-menu .user-menu-list:before {content:"\A";position:absolute;right:17px;top:-10px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ff6c00 transparent;}
.user-menu .user-menu-list li {display:block;text-align:left;font-size:14px;position:relative;}
.user-menu .user-menu-list li:after {font-family:"Font Awesome 5 Solid";position:absolute;right:6px;top:6px;color:#fff;}
.user-menu .user-menu-list li:nth-child(1):after {content:"\f007";}
.user-menu .user-menu-list li:nth-child(2):after {content:"\f084";}
.user-menu .user-menu-list li:nth-child(3):after {content:"\f15c";}
.user-menu .user-menu-list li:nth-child(4):after {content:"\f2f5";}
.user-menu .user-menu-list li a {padding:6px;display:block;}
.user-menu .user-menu-list li a:hover {color:#333;}
.user-menu .user-menu-list li.user-menu-logout {border-top:1px solid rgba(255,255,255,.5);}

.logo-content img {
    width: 10rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.nav-wrapper {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(0, 0, 0, 0.5);
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    font-size: 0;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
}

#menu-desk {
    width: 100%;
    z-index: 99;
}

#menu-desk > ul {
    padding: 0;
    margin: 0;
}

#menu-desk > ul > li:last-child {
    border: none;
}

#menu-desk > ul > li {
    list-style: none;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    /*margin-right: 1.5rem;*/
}

#menu-desk > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 1rem 1.2rem;
    font: 300 14px "Montserrat";
    color: #fff;
    text-transform: capitalize;
    border-bottom: solid 2px transparent;
}

#menu-desk > ul > li > span {
    display: block;
    text-decoration: none;
    padding: 1rem 0;
    font: 300 14px "Montserrat";
    color: #fff;
    text-transform: capitalize;
    border-bottom: solid 2px transparent;
}

#menu-desk > ul > li:hover > a,
#menu-desk > ul > li:hover > span {
    border-color: #f26522;
    background-color:rgba(0,0,0,.5);
    color:#f26522;
}

#menu-desk > ul > li > a.active,
#menu-desk > ul > li > span.active {
    border-color: #fff;
}

#menu-desk ul ul {
    display: none;
    padding: 0;
    position: absolute;
    z-index: 9;
    font: 400 12px "Noto Sans";
}

#menu-desk ul ul li {
    list-style: none;
    text-align: left;
    float: left;
    position: relative;
    border: 0;
    width: 18em;
    left: 0;
    overflow: hidden;
}

#menu-desk ul ul li a {
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    font: 400 13px "Noto Sans";
    color: #fff;
    background: #004e1f;
}

#menu-desk ul ul li:hover a {
    color: #fff;
    background: #222;
}

#menu-desk ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.trigger a {
    display: none;
}

.top-social {display:none;}
.top-social ul {
    margin: 17px 0 0 0;
    padding: 0;
    text-align: right;
}

.top-social li {
    list-style: none;
    display: inline-block;
    text-align: center;
}

.top-social span {
    color: #fff;
    margin: 0 1px;
    font-size: 16px;
    height: 35px;
    padding: 0px 0px 0px 15px;
    border-radius: 50px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.banner-caption {
    display: none;
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 0s;
    -vendor-animation-iteration-count: infinite;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    text-align: left;
    z-index: 9999;
    max-width: 1140px;
    margin: 0 auto;
}

.banner-caption h2 {
    font: 700 5rem "Montserrat";
    color: #fff;
    padding: 0;
    line-height: 1;
    width: 65%;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.banner-caption p {
    font: 300 18px "Noto Sans";
    color: #fff;
    padding: 0;
    margin: 15px 0 2em 0;
    width: 35%;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    line-height: 1.35;
}

.banner-wrapper .owl-dots {
    position: absolute;
    bottom: 2rem;
    text-align: center;
    margin: 0px auto;
    right: 0px;
    left: 0px;
}

.banner-wrapper .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0px auto;
    right: 0px;
    left: 0px;
}

.banner-wrapper .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 10px 15px;
    border-radius: 0;
    background: #ff6c00 !important;
    z-index: 999;
}

.banner-wrapper .owl-prev span {
    color: #fff;
    font-size: 22px;
}

.banner-wrapper .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 10px 15px;
    border-radius: 0;
    background: #ff6c00 !important;
    z-index: 999;
}

.banner-wrapper .owl-next span {
    color: #fff;
    font-size: 22px;
}

.video-banner video {
    width: 100%;
    height: 100%;
}

.video-banner .video-caption {
    position: absolute;
    top: 35%;
    max-width: 1140px;
    margin: 0 auto;
}

.video-banner .video-caption h2 {
    font: 700 5rem "Montserrat";
    color: #fff;
    padding: 0;
    line-height: 1;
    width: 80%;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.video-banner .video-caption p {
    font: 300 18px "Noto Sans";
    color: #fff;
    padding: 0;
    margin: 15px 0 2em 0;
    width: 50%;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    line-height: 1.35;
}

.intro-wrapper {
    padding: 5rem 0 0;
    background: url("../images/misc/bg-home-menu.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.intro-wrapper .intro-content h2 {
    font: 700 45px "Montserrat";
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    letter-spacing: -1px;
}

.intro-wrapper .intro-content p {
    font: 400 15px "Noto Sans";
    line-height: 1.5;
    margin: 1rem 0 2rem 0;
    color: #fff;
}

.intro-wrapper .intro-content img {
    width: 100%;
}

.home-partners {
    padding: 3rem 0;
}

.home-partners h3 {
    text-align: center;
}

.home-partners .partners-content {
    text-align: center;
}

.home-partners .partners-content h4 {
    margin: 0;
    padding: 0;
    font: 700 30px "Montserrat";
    color: #f26522;
}

.home-partners .partners-content p {
    margin: 0 0 15px 0;
    padding: 0;
    font: 400 16px "Noto Sans";
}

.home-partners .food-partners {
    text-align: center;
}

.home-partners .food-partners img {
    display: inline;
    /*width: 150px;*/
}

.food-wrapper {
    padding: 5rem 0;
    background: url("../images/misc/bg-home-menu2.jpg");
}

.food-content {
    text-align: center;
}

.food-content ul li {position:relative;padding:0 6px;margin-bottom:12px;}
.food-content ul li:after {content:"";position:absolute;width:1px;height:1.5rem;left:0;top:5px;background: rgba(255,255,255,.3)}
.food-content ul li:first-child:after {display:none;}
.food-content .nav-pills .nav-link:hover {background: #ff6c00;color: white;border-radius: 30px;}

.food-content .nav-pills .nav-link.active,
.food-content .nav-pills .show > .nav-link,
.food-content .nav-pills .nav-link.active,
.food-content .nav-pills .show > .nav-link {
    background: #ff6c00;
    color: #fff;
    border-radius: 30px;
}

.food-content .nav-pills .nav-link {
    color: white;
    font: 400 14px "Noto Sans";
}

.food-content h4 {
    margin: 0 0 1rem 0;
    padding: 0;
    font: 700 30px "Montserrat";
    color: #004e1f;
}

.food-content .download-menu {
    margin-top: 3rem;
}

.food-content .download-menu a {
    border: solid 2px #004e1f;
    padding: 10px 20px;
    border-radius: 8px;
    color: #004e1f;
    font: 700 14px "Noto Sans";
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.food-content .download-menu a:hover {
    background: #004e1f;
    color: #fff;
}

.food-wrapper .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0px auto;
    right: 0px;
    left: 0px;
}

.food-wrapper .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 0;
    background: none !important;
    z-index: 999;
}

.food-wrapper .owl-prev span {
    color: #ff6c00;
    font-size: 25px;
}

.food-wrapper .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 0;
    background: none !important;
    z-index: 999;
}

.food-wrapper .owl-next span {
    color: #ff6c00;
    font-size: 25px;
}

.food-wrapper .owl-theme .owl-controls .owl-nav [class*=owl-] {
    border-radius: 0;
    background: transparent;
}

.owl-carousel .owl-item img {
  border:1px solid #ccc;
  /*padding:0 12px;*/
  border-radius:7px;
  background:#fff;
}

.news-wrapper {
    padding: 5rem 0;
    background-color: #f9f9f9;
}

.news-wrapper .news-content {
    text-align: center;
    margin-bottom: 3rem;
}

.news-wrapper .news-content h2 {
    margin: 0;
    padding: 0;
    font: 700 30px "Montserrat";
    color: #f26522;
}

.news-wrapper .news-content p {
    margin: 0 0 15px 0;
    padding: 0;
    font: 400 16px "Noto Sans";
}

.news-box {
    position: relative;
}

.news-box .news-thumbnail {
    overflow: hidden;
    position:relative;
    /*background: #111;*/
}

/*.news-box .news-thumbnail:after {
  content:"";
  top:0;
  left:0;
  background-color:#000;
  height:100%;
  width:100%;
  border-radius:7px;
  position:absolute;
  opacity:0;
}

.news-box .news-thumbnail:hover:after {
  opacity:.4;
}*/

.news-box .news-thumbnail a {
  background:black;
  display:block;
  border-radius:7px;
}

.news-box .news-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 300px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-box .news-category {
    position: absolute;
    top: 13px;
    left: 10px;
    display: none;
}

.news-box .news-category span {
    color: #fff;
    background: #ff6c00;
    padding: 6px 12px;
    font-size: 12px;
}

.news-box .news-cap {
    position: absolute;
    bottom: 13px;
    left: 15px;
}

.news-box .news-cap a {
    font: 600 18px "Montserrat";
    color: #fff;
}

.news-box .news-cap p.news-date {
    margin: 0;
    padding: 0;
    font: 400 13px "Noto Sans";
    color: #fff;
}

.news-box .news-cap p.news-date span {
    font-size: 12px;
    margin-right: 5px;
}

.news-box:hover > .news-thumbnail img {
    opacity: 0.5;
}

.news-slider .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0px auto;
    right: 0px;
    left: 0px;
}

.news-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 10px 15px;
    border-radius: 0;
    background: #ff6c00 !important;
    z-index: 999;
}

.news-slider .owl-prev span {
    color: #fff;
    font-size: 22px;
}

.news-slider .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 10px 15px;
    border-radius: 0;
    background: #ff6c00 !important;
    z-index: 999;
}

.news-slider .owl-next span {
    color: #fff;
    font-size: 22px;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-radius: 0;
    background: transparent;
    padding: 10px 15px !important;
    margin: 0;
}

.footer-wrapper {
    background: #004e1f;
    padding: 5rem 0 3rem 0;
}

.footer-wrapper h1,
.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper h4,
.footer-wrapper h5,
.footer-wrapper h6 {
    color: #fff;
}

.footer-wrapper h2 {
    font: 300 32px "Noto Sans";
    color: #fff;
    padding: 0;
    margin: 0 0 30px 0;
    text-transform: capitalize;
    line-height: 1;
}

.footer-wrapper p {
    font: 400 14px "Noto Sans";
    color: #fff;
    padding: 4px 0 0 0;
    margin: 0;
    line-height: 1.75;
}

.footer-contact p {
    font: 400 14px "Noto Sans";
    color: #fff;
    padding: 4px 0 0 0;
    margin: 0;
    line-height: 1.75;
}

.footer-wrapper p.copyright {
    font: 400 13px "Noto Sans";
    color: #fff;
    padding: 0;
    margin: 50px 0 0 0;
    text-align: left;
}

.footer-social p {
    font: 400 14px "Noto Sans";
    color: #fff;
    padding: 4px 0 0 0;
    margin: 0;
    line-height: 1.75;
}

.footer-social ul {
    margin: 15px 0 0 0;
    padding: 0;
}

.footer-social li {
    list-style: none;
    display: inline-block;
    text-align: center;
}

.footer-social span {
    color: #004e1f;
    margin: 0 1px;
    font-size: 16px;
    background: #fff;
    width: 35px;
    height: 35px;
    padding: 9px 1px;
    border-radius: 50px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer-social span:hover {
    background: #ff6c00;
    color: #fff;
}

.footer-contact ul {
    margin: 0;
    padding: 0;
}

.footer-contact ul li {
    list-style: none;
    margin: 10px 0;
}

.footer-contact ul li a {
    font: 400 14px "Noto Sans";
    color: #fff;
    text-decoration: none;
}

.footer-contact ul li a:hover {
    color: #ff6c00;
}

.copyright {
    text-align: center;
    margin-top: 5rem;
    opacity: 0.3;
}

.copyright p {
    color: #fff;
    font: 400 13px "Noto Sans";
    line-height: 1.5;
}

.devs {
    padding: 15px 0;
    background: #004e1f;
    text-align: center;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.devs p {
    font: 400 12px "Noto Sans";
    color: #fff;
    padding: 0;
    margin: 6px 0;
}

.devs a {
    color: #fff;
}

.subpage-wrap {
    padding: 3rem 0 5rem 0;
    min-height: 700px;
}

.subpage-wrap h2 {
    font: 700 28px "Noto Sans";
    white-space: normal;
    color: #004e1f;    
    padding: 0;
    margin: 0 0 20px 0;
    text-decoration: none;
    text-transform: capitalize;
}

.subpage-wrap p {
    color: #111;
    margin: 15px 0;
    padding: 0;
    font: 400 14px "Noto Sans";
    line-height: 1.75;
}

.sidenav {
    margin-bottom: 2em;
}

.sidenav > ul {
    margin: 0;
    padding: 0;
}

.sidenav li {
    list-style: none;
}

.sidenav a {
    color: #666;
    display: block;
    padding: 10px;
    text-decoration: none;
    font: 400 15px "Noto Sans";
    text-transform: capitalize;
    border-bottom: dotted 1px #ddd;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.sidenav a.active,
.sidenav a:hover {
    background: #004e1f;
    color: #fff;
    padding-left: 20px;
}

.owl-dots {
    display: block;
}

.main-links-resp {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #ff6c00;
    z-index: 999;
}

.main-links-resp .main-links {
    margin-top: 0;
}

.main-links-resp .main-links ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.main-links-resp .main-links ul li {
    display: table-cell;
    table-layout: fixed;
    border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.main-links-resp .main-links ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    padding: 10px 0;
}
/*# sourceMappingURL=style.css.map */

/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat:200,300,400,500,700&display=swap");
body {
    background: #fff;
    /*font-family: 'Montserrat', sans-serif; */
}

head {
    position: relative; }

p {
    font-family: 'Lato'; }

a {
    text-decoration: none !important;
    cursor: pointer; }

img {
    max-width: 100%;
    height: auto; }

.gap-10 {
    width: 100%;
    height: 10px; }

.gap-20 {
    width: 100%;
    height: 20px; }

.gap-30 {
    width: 100%;
    height: 30px; }

.gap-40 {
    width: 100%;
    height: 40px; }

.gap-50 {
    width: 100%;
    height: 50px; }

.gap-60 {
    width: 100%;
    height: 60px; }

.gap-70 {
    width: 100%;
    height: 70px; }

.more1 {
    color: #ff7533;
    border: 2px solid #ff7533;
    text-transform: uppercase;
    -webkit-border-radius: 100px;
    border-radius: 100px;}
    /*padding: 9px 15px;*/
    /*font-size: .9em; }*/
.more1:hover {
    background: #ff7533;
    color: #fff;
    text-decoration: none; }

.more2 {
    background: #f26522;
    color: #fff;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 100px;}
    /*padding: 9px 20px; }*/
.more2:hover {
    background: #ff7533;
    color: #fff;
    text-decoration: none; }

.remove-btn {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #ccc;
    padding: 6px 27px;
    color: #ccc; }

.reset-btn {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #ccc; }

.cancel-btn {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #ccc;
    float: left;
    padding: 7px 20px;}
.cancel-btn:hover {
    background: #ccc; }

.checkout-btn {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #f26522;
    background: #fff;
    color: #f26522; }

.add-btn {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #f26522;
    background: #f26522;
    color: #fff; }

.cancel-btn:focus,
.checkout-btn:focus,
.add-btn:focus,
.remove-btn:focus,
.reset-btn:focus {
    box-shadow: none !important; }

.wrapper {
    padding-left: 20px;
    padding-right: 20px; }

.cart-wrapper {
    background: #f26522;
    padding: 12px 12px !important;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin-top: -2px !important; }
.cart-wrapper a {
    text-transform: capitalize !important;
    font-weight: 100 !important; }
.cart-wrapper a span {
    background: #fff;
    color: #f26522;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-weight: bold;
    padding: 2px 8px;
    margin-left: 12px; }
.cart-wrapper a:hover {
    color: #fff !important; }

#toTop {
    padding: 12px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    position: fixed;
    bottom: 5.5em;
    right: 0;
    display: none;
    cursor: pointer;
    -webkit-border-radius: 11px 0 0 11px;
    border-radius: 11px 0 0 11px;
    z-index: 1; }

.navigation {
    position: fixed;
    z-index: 2;
    width: 100%; }

.on-scroll {
    transition: 0.3s all ease; }

.header-on {
    background: rgba(0, 74, 28, 0.9);
    z-index: 9;
    height: 8.3em;
    transition: all 0.5s; }

.header-off {
    background: rgba(0, 74, 28, 0);
    z-index: 9;
    height: 8.3em;
    transition: all 0.5s; }

.social-media {
    padding: 0 3px !important; }
.social-media a {
    color: #d2991a !important;
    background: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    line-height: 25px !important; }
.social-media a:hover {
    color: #2b4b24;
    background: #2b4b24 !important; }

.second-menu {
    position: relative;
    font-weight: 600;
    color: #fff; }
.second-menu a {
    color: #fff;
    margin-right: 1.2em; }
.second-menu a:hover {
    color: #2b4b24; }
.second-menu .list-semicolon:first-child {
    background: #f00;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 6.8em;
    font-size: .8em; }

/*.second-menu {list-style: none;margin: 0;padding: 0;float: right;margin-left: 1em;margin-top:2em;
    li {float: left;border-left:1px solid #d2b37c;border-right:1px solid #9f814b;
        a {text-transform: uppercase;color: #333;font-size:16px;font-weight: 700;position: relative;color:#fff;padding:0 6px;margin:0 6px;}
        &:first-child {border-left:0;}
        &:last-child {border-right:0;}
        &.current-menu a:before {content: "";width: 70%;height: 2px;background: #ff7533;position: absolute;margin: auto;bottom: -5px;left: 15%;}
        &.current-menu a {color: #ff7533;}
    }
}*/
.third-menu {
    float: right;
    margin-left: 24px;
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 16px;
    list-style: none; }
.third-menu li {
    display: inline-block;
    padding: 0 16px;
    position: relative; }
.third-menu li:before {
    content: "";
    width: 1px;
    height: 19px;
    background-color: #d1b27c;
    position: absolute;
    left: -2px;
    top: -2px; }
.third-menu li:after {
    content: "";
    width: 1px;
    height: 19px;
    background-color: #9f814a;
    position: absolute;
    right: -2px;
    top: -2px; }
.third-menu li:first-child:before {
    display: none; }
.third-menu li:last-child:after {
    display: none; }
.third-menu li a {
    color: #fff;
    font-weight: 600;
    padding: auto 6px; }
.third-menu li a:hover {
    border-bottom: 2px solid #fff;
    color: #fff; }
.third-menu li ul {
    display: none; }
.third-menu li ul li {
    display: block; }
.third-menu li ul li a {
    padding: 6px 0;
    font-weight: 300; }
.third-menu li ul li a:hover {
    border-bottom: 0; }
.third-menu li ul li:before, .third-menu li ul li:after {
    display: none; }
.third-menu .active a {
    border-bottom: 2px solid #fff;
    color: #fff; }

.shopping-optn {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 9;
    right: 7em;
    top: 3.4em; }
.shopping-optn li {
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    position: relative; }
.shopping-optn li a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin-left: 29px; }
.shopping-optn .shopping-cart-menu span {
    background: #f00;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: .9em;
    width: 22px;
    height: 22px;
    padding: 0 0 0 6px;
    position: absolute;
    top: -5px;
    right: -19px; }

.shopping-optn-device {
    position: fixed;
    bottom: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 5;
    width: 100%;
    display: grid;
    grid-template-columns: 25% 25% 25% auto; }
.shopping-optn-device li {
    text-align: center;
    padding: 45px 0 20px;
    color: #fff;
    position: relative;
    font-size: .7em; }
.shopping-optn-device li:before {
    position: absolute;
    font-family: "Font Awesome\ 5 Free";
    font-size: 1.4em;
    top: 1.2em;
    left: 45%; }
.shopping-optn-device li a {
    display: block;
    color: #fff; }
.shopping-optn-device li:nth-child(1) {
    background: #2b4b24; }
.shopping-optn-device li:nth-child(1):before {
    content: "\f02c"; }
.shopping-optn-device li:nth-child(2) {
    background: #d56c35; }
.shopping-optn-device li:nth-child(2):before {
    content: "\f25a"; }
.shopping-optn-device li:nth-child(3) {
    background: #e2733b; }
.shopping-optn-device li:nth-child(3):before {
    content: "\f095"; }
.shopping-optn-device li:nth-child(4) {
    background: #d56c35; }
.shopping-optn-device li:nth-child(5) {
    display: none; }
.shopping-optn-device .shopping-cart-menu i {
    display: none; }
.shopping-optn-device .shopping-cart-menu:before {
    content: "\f07a"; }
.shopping-optn-device .shopping-cart-menu span {
    background: #f00;
    padding: 2px 7px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin-left: 3px; }

.main-banner {
    position: relative; }
.main-banner img {
    width: 100%; }
.main-banner .banner-slogan {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center; }
.main-banner .banner-slogan h2 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    width: 60%; }
.main-banner .banner-slogan h5 {
    font-weight: 700;
    text-transform: uppercase;
    width: 60%; }

.home-partners {
    border-bottom: solid 1px #ddd; }
.home-partners h3 {
    text-align: center; }
.home-partners .partners-content {
    text-align: center; }
.home-partners .partners-content h4 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #f26522; }
.home-partners .partners-content p {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 0.9rem;
    font-weight: 400; }
.home-partners .food-partners {
    text-align: center; }
.home-partners .food-partners img {
    display: inline;
    /*width: 150px;*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.75; }
.home-partners .food-partners img:hover {
    opacity: 1; }

.home-intro {
    background: url("../images/misc/bg-home-menu.jpg") #00310e; }
.home-intro .company-name {
    color: #fff;
    font-size: 2.6em; }
.home-intro h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 2.5em;
    line-height: 1em; }
.home-intro p {
    color: #fff; }
.home-intro a {
    display: inline-block; }
.home-intro img {
    width: 100%; }

.best-sellers {
    text-align: center; }
.best-sellers h2 {
    text-transform: capitalize;
    font-weight: 700; }
.best-sellers .best-seller-list {
    text-align: left;
    padding: 24px 0; }
.best-sellers .best-seller-desc {
    padding: 48px 0; }
.best-sellers img {
    width: 100%; }

.home-menu {
    background: #f3f3f3;
    text-align: center; }
.home-menu h2 {
    text-transform: capitalize;
    font-weight: 700;
    color: #ff7534; }
.home-menu .menu-wrapper ul.nav-pills {
    display: flex;
    justify-content: center; }
.home-menu .menu-wrapper .nav-item a {
    color: #333; }
.home-menu .menu-wrapper .nav-item a.active {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: #ff6600;
    color: #fff; }
.home-menu .menu-wrapper .nav-item a.active:hover {
    color: #fff; }
.home-menu .menu-wrapper .nav-item a:hover {
    color: #ff6600; }
.home-menu .menu-wrapper .menu-item {
    padding: 0 12px; }
.home-menu .menu-wrapper .menu-item img {
    width: 100%; }
.home-menu .menu-wrapper i {
    color: #ccc;
    top: 25%;
    font-size: 2em;
    cursor: pointer; }

.breadcrumb {
    background: none;
    font-size: .9em;
    padding: 0;
    text-transform: capitalize; }
.breadcrumb a {
    color: #ff7533; }
.breadcrumb .breadcrumb-item.active {
    color: #fff; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #fff; }

/*.home-menu {background:#f3f3f3;text-align:center;
    h2 {text-transform:capitalize;font-weight:700;}
    .menu-wrapper {text-align:left;
        ul.nav-pills {display:flex;justify-content: center;}
        .nav-item {font-size:.9em;
            a.active {background:none;color:#fe7533;border-top:2px solid #fe7533;padding:0;margin:12px 24px 0;-webkit-border-radius: 0;border-radius: 0;}
            a {margin-top:12px;padding:0 24px;-webkit-border-radius: 0;border-radius: 0;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
        }
        .tab-content {
            ul {padding:0;list-style:none;}
            li {padding-bottom:12px;}
            img {float:left;margin-right:12px;-webkit-border-radius: 200px;border-radius: 200px;width:90px;height:90px;}
        }
    }
}*/

.ads-wrapper {
  padding: 5rem 0;display:none;
}

.ads-wrapper img {
    width: 100%;
    margin-bottom: 12px; }

.home-news {
    text-align: center; }
.home-news h2 {
    text-transform: capitalize;
    font-weight: 700;
    text-align: center; }
.home-news .home-news-items {
    text-align: left;
    position: relative;
    color: #fff;
    margin: 0 24px 24px;
    height: 300px;
    width: 100%;
    overflow: hidden; }
.home-news .home-news-items .home-news-image img {
    position: absolute;
    height: 100%; }
.home-news .home-news-items .home-news-category {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #fe7533;
    text-transform: uppercase;
    font-size: .9em;
    padding: 3px 6px; }
.home-news .home-news-items .home-news-title {
    position: absolute;
    bottom: 41px;
    left: 12px;
    font-size: 1.3em;
    line-height: 27px; }
.home-news .home-news-items .home-news-bottom {
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-size: .8em; }
.home-news .home-news-items .home-news-bottom i {
    background: none; }
.home-news i {
    background: #ff7533;
    color: #fff;
    top: 50%;
    cursor: pointer; }

.subcription {
    background: url("../images/misc/bg-home-subscribe.jpg");
    text-align: center; }
.subcription h2 {
    text-transform: capitalize;
    font-weight: 700;
    text-align: center;
    color:#ff6c00;}
.subcription input {
    background: #cacaca;
    padding: 24px 12px;
    color: #fff;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 12px; }
.subcription input:focus {
    background: #ebebeb; }
.subcription button {
    background: none;
    border-color: #333;
    color: #333; }
.subcription button:hover {
    border-color: #ff7533; }

footer {
    background: #003811;
    color: #fff;
    font-size: .9em; }
footer h6 {
    margin-bottom: 31px; }
footer ul {
    padding: 0;
    list-style: none;
    margin-top: 24px; }
footer ul li {
    padding: 6px 0; }
footer ul li a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 300; }
footer ul li a:hover {
    color: #fd7333;
    text-decoration: none; }
footer .copyright {
    color: #677c6c; }
footer .email {
    border: 1px solid #fd7333;
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #fff; }
footer .email:hover {
    text-decoration: none;
    background: #fd7333; }
footer .social-icons li {
    float: left;
    padding-right: 2em; }
footer .social-icons li i {
    font-size: 1.5em; }

.sub-banner {
    position: relative;
    color: #fff; }
.sub-banner img {
    width: 100%; }
.sub-banner .sub-items {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    z-index: 1; }
.sub-banner h2 {
    font-weight: 800;
    font-size: 3em; }

.content-wrapper {
    color: #666;
    background: none; }
.content-wrapper h2 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 24px; }
.content-wrapper p {
    margin-bottom: 24px; }
.content-wrapper .menu-wrapper a {
    color: #333; }
.content-wrapper .menu-wrapper .menu-items li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px; }
.content-wrapper .menu-wrapper h5 {
    color: #f26522; }
.content-wrapper .menu-wrapper .nav-item {
    font-size: .9em;
    text-align: center; }
.content-wrapper .menu-wrapper .nav-item img {
    height: 90px;
    width: 90px; }
.content-wrapper .menu-wrapper .nav-item a.active {
    border-top: none;
    margin: 12px 24px 0;
    background: #ff7533;
    margin: 0 3px;
    padding: 6px 24px;
    color: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px; }
.content-wrapper .menu-wrapper .nav-item a {
    margin: 0 3px;
    padding: 6px 24px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 12em;
    margin-bottom: 24px; }
.content-wrapper .menu-wrapper .nav-item a:hover {
    background: #ff7533;
    color: #fff; }
.content-wrapper .menu-wrapper .tab-content img {
    border: 2px solid #ff7533; }

.side-menu > ul {
    list-style-type: none;
    padding: 0 0 20px; }
.side-menu ul li {
    position: relative; }
.side-menu ul li > a {
    display: block;
    font-size: 0.9em;
    text-transform: capitalize;
    padding: 14px 15px;
    text-decoration: none;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #555; }
.side-menu ul li.active > a, .side-menu ul li:hover > a {
    color: #fff !important;
    background-color: #f26522; }
.side-menu ul li > ul {
    display: block; }
.side-menu ul ul {
    padding: 0;
    list-style-type: none; }
.side-menu ul ul li > a {
    font-size: 0.85em;
    text-transform: inherit;
    background-color: transparent;
    padding: 14px 15px 14px 30px; }
.side-menu ul ul li:hover > a {
    color: #003c14; }
.side-menu ul ul li ul li > a {
    padding: 14px 15px 14px 45px; }
.side-menu .dropdown-append {
    width: 49px;
    height: 49px;
    line-height: 49px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
.side-menu .dropdown-append:before, .side-menu .dropdown-append:after {
    position: absolute;
    content: "";
    top: 24px;
    right: 18px;
    width: 13px;
    height: 1px;
    background-color: #111111; }
.side-menu .dropdown-append:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.side-menu .dropdown-append.dropdown-open:after {
    display: none; }

/*.food-box {*/
/*    border: solid 1px #eee;*/
/*    border-radius: 9px;*/
/*    padding: 20px;*/
/*    transition: all 0.3s ease-in-out; }*/
/*.food-box:hover {*/
/*    background: #eee; }*/
.food-box {
    text-align: center;
    margin-bottom:26px;
}

.food-box a {
    color: white;
    font-weight: bold;
}

.food-box h4 {
    font: 700 22px 'Montserrat';
    color: #ff7533;
    height:2.7em;}
.food-box p {
    font: 400 16px 'Lato';
    color: #555; }
.food-box .add-cart a {
    color: #fff;
    background: #ff7533;
    padding: 1rem;
    display: block;
    border-radius: 6px;
    font: 700 16px 'Montserrat';
    transition: all 0.3s ease-in-out; }
.food-box .add-cart a:hover {
    background: #a33500; }
.food-box .add-cart span {
    float: right;
    font-size: 18px; }

.food-img {
    margin-bottom: 1rem;}

.cart-options label {
    font-family: 'Lato';
    color: #777; }
.cart-options input.cart-quantity {
    font-family: 'Lato'; }
.cart-options button {
    font-family: 'Lato'; }
.cart-options select {
    font: 400 15px 'Lato';
    width: 75%; }
.cart-options .custom-control-label {
    vertical-align: middle; }

p.price {
    font: 700 24px 'Montserrat';
    color: #ff7533;
    letter-spacing: -1px;
    margin: 0;
    padding: 0; }

.cart-body {
    padding: 30px 35px; }

.cart-box {
    padding: 30px;
    background: #f6f6f6;
    height: 100%;
    border-radius: 6px; }

.cart-compute {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #999; }
.cart-compute p {
    font: 400 13px 'Lato';
    margin: 0;
    padding: 0;
    color: #999; }

.qty-spin {
    width: 50%;
    font-family: 'Lato'; }
.qty-spin button {
    width: 40px;
    font-weight: bold; }

.del-options p {
    margin: 0;
    padding: 0; }
.del-options img {
    width: 100px; }

.search {
    padding-bottom: 2em; }
.search form {
    display: flex;
    justify-content: space-between; }
.search .form-control {
    height: calc(2.65rem + 2px); }
.search .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 60px;
    padding: .7rem 1.2rem;
    color: #333; }
.search input[type="text"] {
    font-size: 1em;
    border-color: #f26522;
    border-radius: 50px !important;
    padding-left: 50px;
    position: relative;
    z-index: 1;
    color: #666;
    margin-right: 15px;
    background: transparent; }
.search input[type="text"]:focus {
    outline: 0;
    box-shadow: none !important;
    border-color: #f26522;
    border-width: 2px; }
.search ::placeholder {
    color: #999 !important; }
.search .primary-btn {
    padding-left: 25px;
    padding-right: 25px; }
.search button {
    background: #ff7533;
    color: #fff;
    border: 1px solid #ff7533;
    -webkit-border-radius: 100px;
    border-radius: 100px; }
.search button:hover {
    border: 1px solid #ff7533;
    color: #ff7533;
    background: none; }

.news-post {
    display: grid;
    grid-template-columns: 35% auto;
    width: 100%;
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 1.5em; }
.news-post-img {
    height: 261px;
    border-radius: 5px;
    overflow: hidden; }
.news-post-img img {
    height: 100%;
    /*padding: 0 30px 0 0;*/
    margin: 0; }
.news-post-info {
    position: relative;
    margin-right: 30px;
    margin-left: 24px; }
.news-post-info h3 {
    font-size: 1.5em;
    margin-bottom: 24px; }
.news-post-info h3 a {
    color: #ff7533;
    transition: all 0.2s ease-in-out;
    font-weight: bold; }
.news-post-info h3 a:hover {
    text-decoration: none;
    border-bottom: #f00; }
.news-post-info-excerpt {
    font-size: 0.8em;
    margin-top: 0.5em;
    margin-bottom: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 75px; }
.news-post-info-meta {
    font-size: 0.8em;
    padding-top: 10px;
    margin-bottom: 0px; }
.news-post-info-meta a {
    color: #f00;
    text-decoration: underline; }
.news-post-info-meta a:hover {
    text-decoration: none; }

.news-post-list {border-radius:0;margin-bottom:26px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.news-post-list:hover {box-shadow: rgba(84, 89, 94, 0.4) 0px 24px 34px 0px;transform: scale(1.04);}
.news-post-list:hover .news-post-image img {transform: scale(1.1);}
.news-post-list .news-post-image {overflow:hidden;height:261px;}
.news-post-list .news-post-image img {border-radius:0;height:100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.news-post-list .news-post-time {font-size:13px;color:darkgray;}
.news-post-list .card-title {font-weight:600;font-size:1.2rem;}
.news-post-list .card-title a {color:#666;}

.order-page-wrapper {}
.order-page-items {position:relative;margin-bottom:26px;border:none;box-shadow: rgba(84, 89, 94, 0.2) 0px 3px 4px 0px;height:auto !important;}
.order-page-items .order-page-image {overflow:hidden;display:flex;align-items:center;/*height:14rem;*/position:relative;}
.order-page-items .order-page-image img {width:100%;}
.order-page-items .card-body {display:grid;grid-template-columns:100% !important;text-align:left !important;flex:none !important;padding:1rem 1.25rem !important;}
.order-page-items .card-body h5 {font-weight:600;text-align:left !important;margin:0;color: #333;font-size:1rem;}
.order-page-items .card-price {margin:0 !important;color:#333;font-size: 15px;}
.order-page-items .card-price span {text-align: center;}
.order-page-items .card-body .order-page-button {text-align:right;text-transform:capitalize;}
.order-page-items .card-body .order-page-button a {font-size:13px;background:#ff6c00;border:none;border-radius:50px;font-weight:700;}

.sub-items.limiter h2 {
      height: 60px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;text-align:center;}

@media screen and (max-width:900px) {
    .sub-items.limiter h2 {height: 58px;}
}

@media screen and (max-width:480px) {
    .sub-items.limiter h2 {height: 30px;}
}

.breadcrumb .limiter {
    width: 150px;
    height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    
.pagination {
    margin-top: 3em; }
.pagination .page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 5px 0 0 5px; }
.pagination .page-item:last-child .page-link {
    border-radius: 0 5px 5px 0; }
.pagination .page-item.active .page-link {
    z-index: 2;
    background-color: white;
    color: #333;
    pointer-events: none;
    cursor: default;
    border: 1px solid #333; }
.pagination .page-link {
    font-size: 0.85em !important;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 0;
    margin-left: -1px;
    line-height: 45px;
    width: 45px;
    text-align: center;
    color: #ccc;
    border: 1px solid #ccc; }
.pagination .page-link:hover {
    text-decoration: none;
    background-color: #ff7533;
    color: #fff;
    border: 1px solid #ff7533; }

.article-opt {
    margin-bottom: 1.5em; }
.article-opt a {
    transition: all 0.2s ease-in-out;
    cursor: pointer; }
.article-opt a span {
    color: #ff7533;
    margin-right: 20px; }
.article-opt a:hover {
    color: #ff7533;
    text-decoration: none; }
.article-opt a:hover > span {
    color: #ff7533; }

.article-widget {
    padding-right: 50px;
    margin-bottom: 2em; }
.article-widget-title {
    font-size: 1.3em !important; }
.article-widget-badge {
    margin-top: 0.7em; }
.article-widget-badge span {
    background: #666666;
    border-radius: 4px !important;
    font-weight: normal !important;
    font-size: 0.6em !important;
    padding: 0.5em 0.65em !important;
    margin: 0 2px 4px 0; }
.article-widget-search {
    margin-top: 0.7em; }
.article-widget-news {
    padding: 0.85em 0; }
.article-widget-news .news-date {
    font-size: 0.7em !important;
    line-height: 1.2;
    margin-bottom: 0 !important; }
.article-widget-news .news-title {
    font-size: 0.9em !important;
    line-height: 1.5;
    margin: 0 !important;
    margin-top: 15px !important; }
.article-widget-news .news-title a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: #ff7533; }
.article-widget-news .news-title a:hover {
    text-decoration: underline; }

.article-meta-share {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.2em;
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 2em; }
.article-meta-share .article-meta-author {
    color: #666; }
.article-meta-share .article-meta p {
    margin: 0 !important; }
.article-meta-share .article-share {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center; }
.article-meta-share .article-share-text {
    margin-right: 15px; }
.article-meta-share .jssocials-shares {
    display: flex; }
.article-meta-share .jssocials-share {
    margin-right: 5px; }
.article-meta-share .jssocials-share:last-child {
    margin-right: 0; }
.article-meta-share .jssocials-share-link {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center; }


  .article-details .article-details-posted {margin-bottom: 24px;font-size: .9em; }
  .article-details .article-details-posted span {color: #ff7533; }
  .article-details .article-details-infos {text-align: justify; }
  .article-details .article-button {background: #f26522;color: #fff;border: none;border-radius: 100px;padding: 9px 20px;text-transform: capitalize;font-weight: normal;margin-top:24px;display:inline-block;}
  .tag-keywords {list-style: none;padding: 0; }
  .tag-keywords a {background: #f5f5f5;padding: 6px;margin-bottom: 4px;color: #666;border: none;font-size: .8em; }
  .tag-keywords a:hover {background: #ff7533;color: #fff; }

  /*.jssocials:before {content:"Share this";margin-bottom: .5rem;font-weight: 500;line-height: 1.2;font-size: 1rem;}*/
  .jssocials-share a {display: block;height: 40px;width: 40px;color: #fff;border-radius: 100px;color:#fff !important;text-align:center;line-height:0;}
  .jssocials .jssocials-share-twitter a {background: #00aced;font-size:25px !important;}
  .jssocials .jssocials-share-facebook a {background: #3b5998;font-size:25px !important;}
  .jssocials .jssocials-share-email a {background: tomato;line-height: 2.5em; }
  .jssocials .jssocials-share-print a {background: darkgray;line-height: 2.5em; }

  .share-this {list-style: none;padding: 0; }
  .share-this li {display: inline-block;text-align: center;line-height: 2.5em; }
  .share-this a {display: block;height: 40px;width: 40px;color: #fff;border-radius: 100px; }
  .share-this a.twitter {background: #00aced; }
  .share-this a.facebook {background: #3b5998; }
  .share-this a.linkedin {background: #007bb6; }
  .share-this a.pinterest {background: #cb2027; }

  .side-navigation {list-style: none;padding: 0;border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .side-navigation a {color: #333;display: block;padding: 12px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .side-navigation a:hover {color: #ff7533;text-decoration: none; }


.contact-details .contact-info {
    text-align:center;
}
.contact-details i {
    margin-bottom:12px;
    color:#003811;
}
.contact-details ul {
    list-style:none;
    padding:0;
}
.contact-details ul li {
    display:inline-block;
}
.contact-details ul li i {
    font-size:1.5em;;
    margin:0 6px;
    color:#ff7533;
}
.contact-details p,
.contact-details label {
    font-size: 1em; }
.contact-details form {
    margin-top: 2em; }
.contact-details form label {
    padding-top: 0.5em; }
.contact-details form input,
.contact-details form textarea {
    padding: 1.4em 1em;
    font-size: 1em; }
.contact-details form input:focus,
.contact-details form textarea:focus {
    box-shadow: none !important;
    border-color: #666 !important; }
.contact-details > div:first-child {
    padding-right: 30px; }
.contact-details button {
    padding: 12px 25px; }
.contact-details button[type="submit"] {
    background: #ff7533;
    color: #fff; }
.contact-details button[type="reset"] {
    background: #ccc;
    color: #fff; }

.produc-search {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #f26522; }
.produc-search input {
    border: none;
    margin: 6px;
    width: 85% !important; }
.produc-search input:focus {
    box-shadow: none; }

.categories ul .active {
    font-weight: bold;
    color: #f26522; }
.categories ul li {
    margin: 6px 0; }
.categories ul li a:hover {
    color: #f26522; }

.shopping-cart {
    margin: 0 0 48px; }
.shopping-cart .shopping-cart-detials img {
    width: 35%;
    margin-right: 24px; }
.shopping-cart .shopping-cart-detials .shopping-cart-title {
    font-weight: bold;
    font-size: 1.3em; }
.shopping-cart .shopping-cart-detials .shopping-cart-details {
    line-height: 21px; }
.shopping-cart .shopping-cart-quantity {
    width: 10.5em;
    margin: auto; }
.shopping-cart .shopping-cart-quantity .minus-btn {
    background: #cbd5d7;
    color: #7d8587;
    margin-right: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; }
.shopping-cart .shopping-cart-quantity .minus-btn:focus {
    box-shadow: none; }
.shopping-cart .shopping-cart-quantity .quantity-fld {
    -webkit-border-radius: 6px;
    border-radius: 6px; }
.shopping-cart .shopping-cart-quantity .plus-btn {
    background: #cbd5d7;
    color: #7d8587;
    margin-left: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; }
.shopping-cart .shopping-cart-quantity .plus-btn:focus {
    box-shadow: none; }
.shopping-cart .shopping-cart-total,
.shopping-cart .shopping-cart-button {
    text-align: center; }
.shopping-cart .remove-btn {padding-left:12px;padding-right:12px;border:none;background:#cbd5d7;color:#3c3e41;}
.shopping-cart .remove-btn:hover {background:#7d8587;color:#cbd5d7;}

.coupon-code {
    margin: 0 0 48px; }
.coupon-code .coupon-fld {
    border: 2px solid #f26522;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin: 0 6px 0 0;
    margin-bottom: 6px; }
.coupon-code .coupon-fld:focus {
    box-shadow: none; }
.coupon-code .coupon-list ul {
    list-style:none;
    padding:0;
}
.coupon-code .coupon-list i {
    color:#f26522;
    margin-right:6px;
}
.coupon-code .coupon-list p {
    margin:0;
    line-height:27px;
}
.coupon-code .coupon-list span {
    position:absolute;
    right:7em;
}
.coupon-code .add-coupon {
    color:#f26522;
    margin-left:6px;
}

.cart-summary {
    background: #F0F0F0;
    padding: 12px 24px;
    -webkit-border-radius: 6px;
    border-radius: 6px; }
.cart-summary table {
    margin-top: 12px 0; }
.cart-summary td,
.cart-summary th {
    border: none;
    padding: 0; }
.cart-summary button {
    width: 100%;
    margin-bottom: 6px; }

.checkout-process {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc;
    padding: 24px 0; }
.checkout-process .checkout-process-tabs {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
    margin-bottom: 24px; }
.checkout-process .checkout-process-tabs li.active {
    color: #f26522;
    font-weight: bold; }
.checkout-process .checkout-process-tabs li.active i {
    color: #6c757d; }
.checkout-process .checkout-process-tabs li {
    margin-left: 24px; }
.checkout-process .checkout-process-tabs li i {
    margin-left: 24px; }
.checkout-process .checkout-process-tabs a {
    color: #ff7533; }
.checkout-process .checkout-process-content {
    padding: 0 24px; }
.checkout-process .checkout-process-content a {
    color: #fff;
    padding: 6px 24px; }
.checkout-process .checkout-process-content .edit-region {
    float: right; }
.checkout-process .checkout-process-content .edit-region a {
    color: #f26522; }
.checkout-process .checkout-process-content .checkout-process-contents {
    padding-bottom: 24px; }
.checkout-process .checkout-process-content .checkout-process-contents .table td,
.checkout-process .checkout-process-content .checkout-process-contents .table th {
    border: none;
    margin: 0;
    padding: 0; }
.checkout-process .checkout-process-content span {
    color: #f26522;
    font-weight: bold; }
.checkout-process .checkout-process-sched .custom-control-label:before {
    border: 2px solid #f26522; }
.checkout-process .checkout-process-sched .custom-control-label:before:focus {
    box-shadow: none; }
.checkout-process .checkout-process-sched .custom-control-input:checked ~ .custom-control-label:before {
    background: #f26522; }
.checkout-process .checkout-process-place-order {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 24px 0;
    margin: 24px 0; }
.checkout-process .checkout-process-place-order .shopping-cart-title {
    font-weight: bold;
    font-size: 1.3em; }
.checkout-process .checkout-process-place-order .checkout-process-orders {
    padding: 12px 0; }
.checkout-process .checkout-process-total {
    color: #f00;
    font-weight: bold; }
.checkout-process .paynow {
    float: right; }

input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: "Font Awesome\ 5 Free";
    display: inline-block;
    content: "\f0d1";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em; }

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f0d1";
    font-size: 1.2em;
    color: #f26522;
    letter-spacing: 5px; }

input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label {
    color: #f26522; }

.pricelist-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 12px; }
.pricelist-wrapper .main-color {
    background: #ff7e00;
    color: #fff; }
.pricelist-wrapper .main-color h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0; }
.pricelist-wrapper .main-color span {
    font-size: .9em !important;
    text-transform: capitalize; }
.pricelist-wrapper .secondary-color {
    background: #ffad00;
    color: #fff; }
.pricelist-wrapper .secondary-color h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0; }
.pricelist-wrapper .gray-color {
    background: #e0e0e0;
    color: #333; }
.pricelist-wrapper .gray-color h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0; }
.pricelist-wrapper .gray-color span {
    font-size: .7em; }
.pricelist-wrapper .third-color {
    background: #33702a;
    color: #fff; }
.pricelist-wrapper .third-color h2 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0; }
.pricelist-wrapper .third-color span {
    font-size: .8em !important;
    text-transform: capitalize; }
.pricelist-wrapper .fourth-color {
    background: #478a3d;
    color: #fff; }
.pricelist-wrapper th, .pricelist-wrapper td {
    padding: 12px; }
.pricelist-wrapper .border-bottom {
    border-bottom: 1px solid #fff !important; }
.pricelist-wrapper .baka h2 {
    font-size: 2em; }

.notes-pricelist {
    display: grid;
    grid-template-columns: 45% auto; }
.notes-pricelist .notes-pricelist-info ul {
    padding-left: 1em;
    font-size: .9em; }
.notes-pricelist .notes-pricelist-button {
    text-align: right; }
.notes-pricelist .notes-pricelist-button a {
    width: 15em;
  margin-bottom:6px;}
.notes-pricelist .notes-pricelist-button .more1 {
    white-space: normal;
    background: #33702a;
    border: none;
    color: #fff;
    font-weight: bold; }
.notes-pricelist .notes-pricelist-button .more1:hover {
    background: #3c8431; }
.notes-pricelist .notes-pricelist-button .more1:focus {
    box-shadow: none !important; }
.notes-pricelist .notes-pricelist-button .more2:focus {
    background: #ff7e00;
    box-shadow: none !important; }

.menu-page .menu-category {
    padding-bottom: 24px; }
.menu-page .menu-category .active, .menu-page .menu-category a:hover {
    background: #ff7533;
    color:white;}
.menu-page .menu-category a {
    color: #333;
    border-bottom:1px solid gainsboro;
    position:relative;
}
.menu-page .menu-block {
    text-align: center; }
.menu-page .menu-block .menu-item img {
    padding: 12px 0; }
.menu-page .menu-block .menu-item a {
    color: #333;
    background: #f3f3f3;
    margin-bottom: 1.5em;
    display: block;
    border-radius: 9px;
    overflow: hidden;
    transition: all 500ms ease; 
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.menu-page .menu-block .menu-item a:hover {
    -webkit-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999; }
.menu-page .menu-block .menu-item .menu-item-title {
    font-size: 1.2em;
    background: white;
    margin: 0;
    color: #666;
    padding: 12px 0;
    font-weight:600;
}

.left-navigation {
    margin-bottom: 24px;
    list-style: none;
    padding: 0; }
.left-navigation .active a {
    background: #ff7533;
    color: #fff; }
.left-navigation li {
    margin-bottom: 3px;
    padding-bottom: 3px; }
.left-navigation a {
    color: #333;
    display: block;
    border-radius: .25rem;
    padding: .6rem 1rem; }
.left-navigation a:hover {
    background: #ff7533;
    color: #fff; }

.message-form .form-group {
    margin-bottom: 1rem; }
.message-form label {
    padding-top: 0.5em; }
.message-form input, .message-form textarea {
    padding: 1.4em 1em;
    font-size: 1em;
    resize: none; }
.message-form select {
    margin-top: 1rem;
    padding: .74em 1em;
}
.message-form input:focus, .message-form textarea:focus, .message-form select:focus {
    box-shadow: none !important;
    border-color: #666 !important; }
.message-form button {
    font-weight: 500;
    text-transform: capitalize;
    margin-right: 6px; }
.message-form .cancel-btn {
    background: #ccc;
    color: #fff; }
.message-form .cancel-btn:hover {
    background: #b0b0b0;
    border-color: #b0b0b0; }

.login-forms {
    border:1px solid #dee2e6;
    border-top:none;
    padding:27px;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}
.payment-options .btn-link {
    color:#ff6c00;
    width:100%;
    text-align:left;
    padding: .75rem 1.25rem;
}
.payment-options .btn-link:hover {
    text-decoration:none;
}
.payment-options .card-header {
    padding:0;
}

.account-tabs a {
    color:#999;
}
.account-tabs .nav-link.active {
    color:#ff7533;
}

.transactions-wrapper {
    width: 100%; }
.transactions-wrapper thead {
    border: 6px solid #004e1f; }
.transactions-wrapper thead th {
    padding: 12px 0;
    background-color: #004e1f !important; }

.store-location-item {
    border: 1px solid lightgray;
    border-radius: 7px;
    padding: 24px;
    line-height: 27px;
    margin-bottom: 24px;}
  .store-location-item i {
    width: 20px; }
  .store-location-item a {
    color: #ff7533; }
  .store-location-item .store-location-map {
    margin-bottom: 6px;
    display:grid;
    grid-template-columns:50% auto;
    text-align:center;
    font-size: .8em;}
  .store-location-item .store-location-map a {
    padding:12px 0;
    display:block;
  }
  .store-location-item .store-location-map i {
    font-size:1.4em;
  }
  .store-location-item .store-location-contact {
    font-size: .8em;
    line-height:19px;}
  .store-location-item .store-location-address {
    font-size: .8em;
    line-height:19px;}

.onload-page .close {
    font-size: 3em;
    color: #ff6c00;
    opacity: 1; }
.onload-page .modal-content {
    position: relative;
    overflow: hidden; }
.onload-page .modal-body {
    padding: 0; }
.onload-page .modal-header {
    border-bottom: none;
    position: absolute;
    z-index: 1;
    right: 0; }

.call-hotline {
    position: fixed !important;
    z-index: 99999 !important;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px !important;
    box-shadow: 0 1px 12px rgba(136, 136, 136, 0.22);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(110%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    will-change: opacity, transform;
    transition: 0.32s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
    background: white;
    padding-top: 100px;
}

.call-hotline.active {
    transform: translateX(0%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.call-hotline .call-hotline-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: #004e1f;
    border-radius: 50px;
    border: none;
}

.call-hotline .call-hotline-close-btn span {
    color: white;
}

.call-hotline ul:after {
    content: none !important;
}

.call-hotline ul li {
    width: 100% !important;
}

.call-hotline ul li a {
    background: white !important;
    color: #212529 !important;
    transition: all 0.2s ease-in-out;
}

.call-hotline ul li a:hover {
    background: #ff6c00 !important;
}

.call-hotline-modal tr td {
  border:1px solid gainsboro;
  padding:6px 12px;
  font-size:13px;
}

.call-hotline-modal tr:first-child {
  background:lightgray;
  color:#fff;
}

.call-hotline-modal tr:hover {
  background:lightgray;
  color:#fff;
}

.call-hotline-modal tr:hover a {
  color:#fff;
}

.call-hotline-modal a {
  display:block;
  color:#ff7e00;
  border-radius:7px;
}

.call-hotline-modal p {
  margin:0;
}
.btn-callhotline {
  text-transform:capitalize;
}

.modal-promo p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.payment-options {}
.payment-options .payment-options-opt {position:relative;}
.payment-options .payment-options-opt .form-check-input {left:55%;bottom:24px;}
.payment-options .payment-options-opt .payment-options-img {height:8rem;}
.payment-options .payment-options-opt p {padding-bottom:12px;}

/*The side navigation menu*/
.dark-curtain {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;display:none;}
.filter-btn {cursor:pointer;}
.sidenav .catalog-category {padding:24px !important;}
.sidenav {
  height: 100%; 
  width: 300px; 
  position: fixed; 
  z-index: 99991; 
  top: 0; 
  left: -300px;
  background-color: white; 
  overflow-x: hidden; 
  padding-top: 60px;
  transition: 0.5s;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav a {color:#333;}
.nav-pills a:hover {background:#ff7533 !important;color:white;}
.nav-pills .nav-link.active {background:#ff7533 !important;color:white;}
.sidenav .menu-category {padding:24px !important;}

.paynow a {background:#fd7333;border-color:#fd7333;}

.nav-tabs .nav-link {border-right:1px solid gainsboro;}
.nav-tabs .nav-link:last-child {border-right:none;}
.nav-tabs .nav-link h6 {color:#333;}
.nav-tabs .nav-link.active {border:thin solid #333;}

html, body {height: 100%;}
.video-player {height: 90vh;position:relative;overflow:hidden;}
.video-player .video-txt {height:100%;color:white;text-transform:uppercase;display:flex;align-items:center;justify-content:center;}
.video-player .video-txt h2 {font: 700 5rem "Montserrat";width: 80%;line-height:1;}
.video-player .video-txt p {font: 300 18px "Noto Sans";}
.video-player .video-vid {position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;overflow:hidden;}
.video-player .video-vid video {width:120%;}

.table-history .paynow a {display:flex;align-items:center;}

@media screen and (max-width:1400px) {
    .video-player .video-vid video {width:100%;display:block;margin:auto;}
}

@media screen and (max-width:991px) {
    .order-page-wrapper .btn {font-size:11px}
    .payment-options .payment-options-opt h6 {height:3em;}
    .main-links > ul > li:after {display:none;}
    .order-page-wrapper {padding:0 9px;}
    .order-page-items .card-body {padding:10px !important;}
    .order-page-items .card-body h5 {font-size:13px;}
    .order-page-items .card-price {position:absolute;bottom:6px;left:6px;color:white !important;background:#333;border-radius:21px;font-size:11px;padding:6px}
    .nav-tabs .nav-link {border:thin solid gainsboro;height:2.5rem;overflow:hidden;text-align:left !important;}
    .nav-tabs .nav-link:last-child {border-right:thin solid gainsboro;}
    .nav-tabs .nav-link.active:last-child {border-right:thin solid #333;}
    .nav-tabs .nav-link.active {border:auto;}
    .main-links ul ul {padding: 15px 15px 0 15px;}
    .video-player {height: 100vh;}
    .video-player .video-txt {margin-top:2rem;}
    .video-player .video-txt h2 {font: 700 4rem "Montserrat";width:100%;}
    .video-player .video-txt p {font: 300 18px "Noto Sans";}
    .video-player .video-vid {display:flex;justify-content:center;}
	.video-player .video-vid video {width:auto;height:100%;}
    .product-wrap h3 {font-size:1.1rem !important;margin:24px 0;}
    .order-page {text-align:left !important;}
	.order-page .nav-link {position:relative;}
	.order-page .nav-link:after {content:"\f054";position:absolute;right:6px;width:12px;height:12px;font-family:"Font Awesome\ 5 Solid";}
	.home-partners .food-partners img {max-width: 17%;}
	.main-links ul ul li {
    list-style: none;
    text-align: left;
    float: left;
    position: relative;
    border: 0;
    width: 16em;
    left: 0;
    overflow: hidden;
    z-index: 110;
    /*background: #ff6c00;*/
    }
    /*.main-links-resp ul ul ul {background:red;left:0;display:none;}*/
}
.paynow a {background:#fd7333;border-color:#fd7333;white-space: normal !important;}
@media screen and (max-width: 480px) {
    .top-cart {top: -4.7rem !important;}
    /*.top-cart ul li:nth-child(1), .top-cart ul li:nth-child(2) {display:none;}
    .top-cart ul li:nth-child(1) {position: absolute;top: -33px;right: -10px;}
    .top-cart ul li:nth-child(2) {position: absolute;top: -33px;right: -61px;border: none !important;}*/
    .video-banner video {min-width: 200%;}
    body {overflow-x:hidden;}
    .paynow a {padding-top:1.8rem !important;padding-bottom:1.8rem !important;}
    .order-page-items .card-body h5 {font-size:11px;}
    .order-page-items .card-price {font-size:9px;}
    .paynow a {padding-top:.8rem !important;padding-bottom:.8rem !important;}
    .video-player .video-txt h2 {font: 700 2.5rem "Montserrat";}
    .video-player .video-txt p {font: 300 15px "Noto Sans";}
    .video-player .video-vid video {height:100%;}
    .order-page-items .card-body h5 {font-size:11px !important;display:;}
    .notes-pricelist {grid-template-columns: 63% auto !important;}
    .notes-pricelist .notes-pricelist-button .more1 {font-size: 11px;}
    .notes-pricelist .notes-pricelist-button a {font-size: 11px;}
    .top-cart {right:55px !important;}
    .top-cart ul li {margin:0 1px;}
    .top-cart ul li:nth-child(2) {padding:0 !important;}
    .trigger a {width:25px !important;}
    .size-title {height:0 !important;}
}

@media screen and (max-width:320px) {
      .order-page-wrapper .btn {font-size:9px}
    .order-page-items .card-body h5 {font-size:9px !important;}
    .jun {right:auto !important;}
}

.btn-green {
    color: white;
    background-color: #004e1f;
    border-color: #004e1f;
}

.btn-green:hover {
  color: white;
  background-color: #002E12;
  border-color: #002E12;
}

.btn-orange {
    color: white;
    background-color: #ff6c00;
    border-color: #ff6c00;
}

.btn-orange:hover {
    color: white;
    background-color: #e25e00;
    border-color: #e25e00;
}

.menu-block .card .btn-group {
    position: absolute;
    bottom: 15px;
    right: 16px;
    display: flex;
    justify-content: flex-end;
    width: 90%;
}

@media (max-width: 991px) {
    .menu-block .card .btn-group {
        bottom: 10px;
        right: 10px;
    }

    .menu-block .card .gap-40 {
        height: 20px;
    }
}