body {
    font-family: 'Lato';
}

a{
    color: #020202;
}

a:hover{
    color: #dd2e28;
}

.redColor {color: #dd2d27;}
.montserratFont {font-family: 'Montserrat';}
.playfairDisplay {font-family: 'Playfair Display';}
.streamsterregular {font-family: 'streamsterregular';}
.font22 {font-size: 1.6rem;}
.font18 {font-size: 1.2rem;}
.font12 {font-size: 0.8rem;}
.font14 {font-size:14px;}
.font26 {font-size: 1.8rem;}
.font30 {font-size: 2rem;}
.fontWeight600 {font-weight: 600;}
.lightRedBg {background-color: #fef5f5;}
.darkRedBg {background-color: #dd2e28;}
.padding30 {padding: 30px;}
.displayNone {display: none !important;}

@font-face {
    font-family: 'streamsterregular';
    src: url('../fonts/streamster-webfont.woff') format('woff2'),
         url('../fonts/streamster-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.padding100 {
    padding: 100px 0;
}

/* ================= slider start ================= */

     .homeSilder .owl-nav button.owl-next,
     .homeSilder .owl-nav button.owl-prev {
        position: absolute;
        top: 45%;
        z-index: 1;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        transition: all ease-in-out 0.3s;
     }

       .homeSilder .owl-nav button.owl-next{
           right: 20px;
       }

      .homeSilder .owl-nav button.owl-prev {
          left: 20px;
      }

      .homeSilder .owl-nav button.owl-next:hover,
      .homeSilder .owl-nav button.owl-prev:hover {
          opacity: 0.5;
      }

    .homeSilder .owl-nav button.owl-next,
    .homeSilder .owl-nav button.owl-prev,
    .homeSilder button.owl-dot {
        background-color: #f0f0f0 !important;
        color: #fff !important;
        font-size: 30px !important;
        line-height: 45px;
        outline: 0;
    }

    .homeSilder .owl-nav button.owl-prev span{
            margin-left: -3px;
            position: relative;
            top: -3px;

    }

     .homeSilder .owl-nav button.owl-next span {
         margin-right: -3px;
         position: relative;
         top: -3px;
     }

     .header-content {
         position: absolute;
         top: 0;
        width: 25%;
        right: 100px;
        top: 150px;
     }

     header .item .cover .header-content h4 {
         font-size: 24px;
         font-weight: 300;
         line-height: 36px;
         color: #fff;
     }

     .slider .owl-item.active h1 {
         -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
           -webkit-animation-name: slideInLeft;
           animation-name: slideInLeft;
         animation-delay: 0.3s;
         font-size: 40px;
     }

     .slider .owl-item.active h2 {
         -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
           -webkit-animation-name: slideInLeft;
           animation-name: slideInLeft;
         animation-delay: 0.3s;
     }

     .slider .owl-item.active h4 {
         -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
            -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
         animation-delay: 0.3s;
     }

       .slider .owl-item.active a.btn-danger {
           -webkit-animation-duration: 1s;
           animation-duration: 1s;
           -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
           -webkit-animation-name: slideInLeft;
           animation-name: slideInLeft;
           animation-delay: 0.3s;
       }



   

/* ////////////// slider end ///////////////// */

/* ================= Our specials strat ================= */

a.decorationNone {
    text-decoration: none;
}

.specialsInnerDiv {
    padding: 40px;
}

.specialsInnerDiv h3 {
    color: #000;
}

.specialsInnerDiv p {
    letter-spacing: 6px;
}

#specialDivs .owl-item {
   border-color:#f7f7f7;
   border-style: solid;
   border-width: 0px 1px 0px 1px;
}

a.decorationNone {
    background-color: #ffffff;
    display: block;
    transition: all ease-in 0.1s;
}

a.decorationNone:hover {
    background-color: #f0f0f0;
    display: block;
}

.ourSpecials .owl-dots .owl-dot {
    background-color: #ccc;
    width: 25px;
    height: 4px;
    margin-left: 10px;
    outline: none;
} 

.ourSpecials .owl-dots {
    text-align: center;
    margin-top: 50px;
}

.ourSpecials .owl-dots .owl-dot.active {
    background-color: #dd2d27;
}

/* /////////////////// Our specials end /////////////////// */



/* ================= Catering Services start ================= */

.cateringServices {
    background-color: #fffae2;
    position: relative;
    overflow: hidden;
    border-bottom: solid 24px #fed422;
}

.cateringServices::before {
    position: absolute;
    right: 0px;
    content: "";
    background: url(../images/home-page/events.png) no-repeat;
    width: 900px;
    height: 300px;
    bottom: 0;
}

.letterSpecing {
    letter-spacing: 3px;
}

.dividerMarginLeft {
    margin-left: 4.5rem;
}

.lightGray {
    color: #9e9e9f;
}

#associates ul {
    padding-left: 20px;
}

#associates ul li {
    list-style-image: url(../images/home-page/bullet.png);
    font-family: 'Playfair Display';
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 18px;
    text-transform: capitalize;
}

.blackButton {
    font-size: 18px;
    padding: 12px 40px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
}

.blackButton:hover {
    background-color: #dd2d27;
    text-decoration: none;
    color: #fff;
}

/* /////////////////// Catering Services end /////////////////// */


/* ============ Best Saller and New Arrivals start  ============ */

.lightBorderColor {
    border: solid 1px #f2eef3;
}

.iconDivider {
    position: relative;
    top: -7px;
    left: 10px;
}

  .bestSallerSlider .owl-nav button.owl-next,
  .bestSallerSlider .owl-nav button.owl-prev,
  .bestSallerSlider button.owl-dot {
      background-color: #ffffff !important;
      color: #fff !important;
      width: 32px;
      height: 32px;
      outline: 0;
      border: solid 1px #f5f6fb !important;
      position: absolute;
      top: -100px;
     
  }

  .bestSallerSlider .owl-nav button.owl-next{
     right: 0;
  }

   .bestSallerSlider .owl-nav button.owl-prev {
       right: 31px;
   }



  .newArrivals .owl-nav button.owl-next,
  .newArrivals .owl-nav button.owl-prev,
  .newArrivals button.owl-dot {
      background-color: #ffffff !important;
      color: #fff !important;
      width: 32px;
      height: 32px;
      outline: 0;
      border: solid 1px #f5f6fb !important;
      position: absolute;
      top: -100px;
     
  }

  .newArrivals .owl-nav button.owl-next {
     right: 0;
  }

   .newArrivals .owl-nav button.owl-prev {
       right: 31px;
   }

.foodBox {
   padding: 10px 10px 10px 30px !important;
}

.product-price .price_sale {
        color: #dd2d27;
        font-size: 16px;
        font-weight: 500;
}

.product-price .price_compare {
    color: #8b8b99;
    margin-left: 5px;
    font-size: 15px;
    font-weight: 500;
  }

.product-price .productName a{
    display: inline-block;
    zoom: 1;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    line-height: 1.5em;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    color: #27272f;
    padding: 5px 0;
} 

.product-price .productName a:hover {
    color: #dd2d27;
    text-decoration: none;
}

#rating .active {
    color: #fbce1d;
}

#rating i {
    color: #fbce1d;
    font-size: 12px;
}

/* //////////// Best Saller and New Arrivals end /////////////// */



/* ================ subscribe section start ================ */

.subscribeBtn:hover{
    background-color: white;
    border: solid 1px #dd2e28;
    color: #dd2e28;
}

.subscribe {
    width: 80%;
    margin: auto;
}


.newsletter-form form input.form-control {
    width: calc(100% - (180px + 10px));
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    border-width: 0 !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}

.btn_newsletter_send {
    font-size: 18px;
    padding: 0 16px;
    height: 50px;
    font-weight: 500;
    border-width: 1px;
    line-height: 48px;
    color: #fff;
    border-color: #dd2e28;
    background-color: #000;
    border-width: 1px;
    height: 50px;
    line-height: 48px;
    width: 160px;
    text-transform: uppercase;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-left: 10px;
    position: relative;
    outline: 0;
    border-radius: 3px;
}

.subscribeMain {
    position: relative;
    height: 250px;
}


.subscribeMain::before,
.subscribeMain::after {
        width:260px;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-size: auto;
        top: 0;
        content: '';
    }

 .subscribeMain::before {
     background-image: url(../images/home-page/subs-left.webp);
 }

.subscribeMain::after {
     background-image: url(../images/home-page/subs-right.webp);
     right: 0;
     z-index: 0;
 }

.subscribeOuter {
    height: 200px;
}


.subscribe {
    padding-top: 50px;
    position: relative;
    z-index: 5;
}
/* ////////////// subscribe section end  ////////////// */

/* ============= footer start ============= */

ul.footerlink {
    margin: 0;
    padding: 0;
}

ul.footerlink li {
    list-style: none;
    margin-bottom: 15px;
}

ul.footerlink li a{
    color: #9e9e9f;
    font-size: 14px;
}

.footer-title {
    position: relative;
    margin-bottom: 25px;
}

.footer-title::before{
        width: 31px;
}

.footer-title::after {
        width: 2px;
        margin-left: 33px;
}

.footer-title::after,
.footer-title::before {
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    height: 2px;
    background-color: #dd2e28;
    margin-top: 10px;
}

ul.footerAddress {
    margin: 0;
    padding: 0;
}

ul.footerAddress li {
    list-style: none;
    margin-bottom: 20px;
}

ul.footerAddress li i {
    background-color:#fceae9;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 20px;
    font-size: 12px;
}

ul.footerAddress li i.fas {
    color: #dd2e28;
}

.companyDetails {
    border: solid 6px #000;
    padding: 20px 20px 40px 20px;
      text-align: center;
      text-align: center;
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center bottom;
      padding-bottom: 25px;
      background-color: #ffffff;
}




.companyDetails p {
    line-height: 22px;
    position: relative;
    z-index: 5;
}

.companyDetails::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
    background-image: url(../images/home-page/png5.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}

.positionIcon6 {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -30px;
}

.mt50 {
    margin-top: 50px;
}

span.heart i {
    padding-left: 4px;
    margin-right: 9px;
    margin-left: 3px;
    -webkit-animation: animateHeart 2.5s infinite;
    -moz-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite;
}

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(1)
    }

    5% {
        -webkit-transform: scale(1.2)
    }

    10% {
        -webkit-transform: scale(1.1)
    }

    15% {
        -webkit-transform: scale(1.25)
    }

    50% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(1)
    }

    5% {
        transform: scale(1.2)
    }

    10% {
        transform: scale(1.1)
    }

    15% {
        transform: scale(1.25)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

/* ///////////////// footer end //////////////// */

.opacity {
    opacity: 0;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
    left: 50%;
    border-width: 0px;
    border-top-width: 0;
    background-color: #fff;
    color: #8b8b99;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    width: 1170px;
    z-index: 23;
    
}