/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@font-face {font-family: 'whitney-book'; src: url('../fonts/Whitney-book.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-book.woff') format('woff'),url('../fonts/Whitney-book.ttf') format('truetype'),url('../fonts/Whitney-book.svg#svgwhitney-book') format('svg'); font-weight: normal; font-style: normal;font-display: swap; }
@font-face {font-family: 'whitney-medium'; src: url('../fonts/Whitney-medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-medium.woff') format('woff'),url('../fonts/Whitney-medium.ttf') format('truetype'),url('../fonts/Whitney-medium.svg#svgwhitney-medium') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'whitney-light'; src: url('../fonts/Whitney-light.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-light.woff') format('woff'),url('../fonts/Whitney-light.ttf') format('truetype'),url('../fonts/Whitney-light.svg#svgwhitney-light') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}

}
a{outline:0;}
a:focus, button:foucs{outline: none}
a:hover {
  text-decoration: none;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 31px;
  bottom: 90px;
  z-index: 8888;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #0880e8;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #f6b024;
  color: #fff;
  cursor: pointer;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 4px solid #007680;
  border-top-color: #bfe0fd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #054a85;
}

.section-title p {
  margin-bottom: 0;
  color: #1a1a1a;
  /*font-style: italic;*/
}


/* .carousel.h-carousel{margin-top: 120px;} */
/* .carousel {margin-top: 85px;} */
/* .carousel-caption {text-align: left; top: 40%;} */
.carousel-caption p{font-size: 24px; margin-bottom: 30px;}
.carousel-caption .btn-get-started{ border: 1px solid #fff; padding: 6px 15px; color: #fff;}
.carousel-caption .btn-get-started:last-child{ background: #fff; border: 1px solid #fff; color: #000;}
.carousel-control-next, .carousel-control-prev {width: 5%;}

.about .section-title{text-align: left;}
.about .section-title h2{color: #1a1a1a}

.back-to-top i {background: #007680;}
.back-to-top i:hover {background: #497729;}
.top-level-container {margin-top: 95px;}

.top-level-container.top-level-container-new {margin-top: 0px;padding-left: 0rem;padding-right: 0rem;}

/* Order Engine CSS start*/
.oe-carousel-bottom .carousel{
  margin-top:0px;
}
#might-like-carousel,#might-like-carousel .carousel{ 
  margin-top:0px;
}

.oe-main-content{
  margin-top: 105px;
  padding-left: 0px;
  padding-right: 0px;
}
.oe-main-content>.container{
  padding-left: 0px;
  padding-right: 0px;
}

.oe-main-img-content .sliderimgcontainer .carousel{
  margin-top:0px;
}
.oe-main-img-content .hero-carousel .carousel-item > div {
  border: 1px solid #c2c2c2;
  padding: 0 12px;
}

.oe-breadcrum-cont .fixed-container-row{
  clear:both;
}
.oe-breadcrum-cont{padding-left: 0px;}
.oe-main-content>.container{
  overflow: auto;
}

.count-row .fa-plus:before {
  font-size: 18px;
}
.hero-carousel .carousel-item .row > div{
  border: 1px solid #c2c2c2;
    padding: 0 12px;
}
.accessories-carousel.hero-carousel{
  margin-top:0px;
}
.incr-btn .fa-plus:before {
  font-size: 17px;
}

/* breakpoint and up - mega dropdown styles */
#myModal .modal-content {background: none; border: none;}
#topbar {height: 40px; padding: 5px 0}

/* .listing-video-modal{
  top: 31px;
} */
@media only screen and (min-width:768px) {
  .carousel.vertical .carousel-item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;}
  .lunchbox-main #zoom-container .bi-chevron-down:before,#zoom-container .bi-chevron-up:before{color: #212121;font-size: 23px;margin-left: 21px;}
}

@media only screen and (max-width: 767px){
  .hero-carousel .carousel-control .bi-chevron-down, .hero-carousel .carousel-control .bi-chevron-up{display: block !important; font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .oe-main-img-content .hero-carousel .carousel-item .carousel-hero-image-list{width:25%;float:left;}
  .lunchbox-main .productNameXs {margin-top: 105px;margin-bottom: 10px;}
  .lunchbox-main .variant-carousel-wrapper .owl-carousel .owl-nav button.owl-prev, .lunchbox-main .variant-carousel-wrapper .owl-carousel .owl-nav button.owl-next {top: 30%;font-size: 60px;}
  .lunchbox-main #zoom-container .bi-chevron-down:before,#zoom-container .bi-chevron-up:before{color: #999;font-size: 23px;}
  .carousel.vertical .carousel-item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;}
  
}
@media only screen and (max-width: 767px){
  .lunchbox-main #zoom-container .hero-carousel .carousel-control.left {
    margin-top: 14px;
    margin-left: -5px;
  }
  .lunchbox-main #zoom-container .hero-carousel .carousel-control.right {
    margin-top: -37px;
  }
  .lunchbox-main #zoom-container .hero-carousel .carousel-inner {
      width: 86%;
      margin-left: 7%
  }
  .carousel-control-next, .carousel-control-prev {width: 15%;}
  #footer .footer-links ul.cs_toggle_links{display:none;}
  .footer-links.active-f-menu .bi-plus-lg::before {content: "\f63b";}
}