.protein-btn,
.pt-transparent i,
.protein-scroll.scroll-top,
.sticky-menu.protein-header .header-shop-cart a span,
.protein-header .navbar-wrap>ul>li .submenu li a::before,
.protein-off-canvas .oc-newsletter form button:hover,
.protein-header .header-shop-cart .minicart .checkout-link a,
.protein-off-canvas.sidebar-off-canvas .contact-info h4.title::after,
.protein-off-canvas .oc-newsletter h4.title::after,
.protein-banner .solid-btn i,
.protein-features .features-item::after,
.protein-choose .choose-list-wrap .icon,
.protein-video .video-content .slider-nav .slick-arrow::before,
.protein-gallery .product-menu button::after,
.protein-faq .faq-wrapper .accordion>.card>.card-header button::before,
.protein-pricing .pricing-box.best-pack .best-value,
.protein-pricing .pricing-nav.nav-tabs li a::before,
.protein-pricing .protein-btn:hover,
.protein-cta .cta-content .make-order::before,
.protein-blog .blog-overlay-tag>a::before {
  background: #ff5600;
}

.protein-header .header-shop-cart a span,
.protein-header .navbar-wrap>ul>li.active>a,
.protein-header .navbar-wrap>ul>li:hover>a,
.protein-header .navbar-wrap>ul>li .submenu li.active>a,
.protein-header .navbar-wrap>ul>li .submenu li:hover>a,
.sticky-menu.protein-header .header-action>ul>li>a:hover,
.protein-off-canvas .oc-social ul li a:hover,
.sidebar-off-canvas.protein-off-canvas .contact-info ul li i,
.protein-header .header-shop-cart .minicart .del-icon>a:hover,
.protein-header .minicart .cart-content h4 a:hover,
.protein-header.sticky-menu .header-action>ul>li:hover>a,
.protein-search .search-btn,
.protein-search .search-close,
.section-title.protein-title .title span,
.protein-video .video-item .popup-video i,
.fact-item-two .chart-two .percentage,
.protein-blog .blog-overlay-tag>a,
.protein-blog .blog-post-item:hover .read-more,
.protein-footer .fw-link>ul>li>a:hover,
.protein-footer .footer-quick-link ul li a:hover {
  color: #ff5600;
}

.protein-header .header-action>ul li.offcanvas-btn a i,
.protein-banner .banner-content .sub-title,
.section-title.protein-title .sub-title,
.protein-shop .shop-details-price .price {
  -webkit-text-fill-color: #ff5600;
  color: #ff5600;
}

.protein-search .search-form input,
.loader-four .loader-outter,
.loader-four .loader-inner {
  border-color: #ff5600;
}

.protein-pricing .pricing-bottom .price,
.protein-pricing .pricing-box.best-pack .pricing-bottom>p>span,
.protein-cta .cta-content .make-order,
.protein-footer .fw-blog-post ul li .content .date {
  -webkit-text-fill-color: #ff5600;
}

.cta-content,
.sticky-menu .header-action>ul li.offcanvas-btn a,
.choose-bg,
.faq-wrapper .accordion>.card,
.faq-img-wrap .img-shape,
.gray-bg {
  background: #fff3eb;
}

.menu-nav {
  padding: 10px 0;
}

.logo img {
  max-width: 100%;
}

.banner-btn .btn {
  background-color: #fff3eb;
}

.slick-arrow {
  z-index: 99;
}

.first-products {
  padding: 50px 0 0;
}

.first-products .overlay-products .inner-products .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  z-index: 99;
  right: -75px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -moz-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -webkit-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -ms-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  transition: .3s ease-in;
  font-family: "Font Awesome 5 Pro";
  border: 0;
  color: #fff;
}

.first-products .overlay-products .inner-products .slick-arrow::before {
  content: "\f178";
}

.first-products .overlay-products .inner-products .slick-arrow.slick-prev {
  left: -75px;
  right: auto;
}

.first-products .overlay-products .inner-products .slick-arrow.slick-prev::before {
  content: "\f177";
}

.first-products .overlay-products .inner-products .inner-shop-item {
  margin-bottom: 30px;
  margin: 0 15px;
  border: 2px solid #e4e1d5;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.25s all ease;
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb {
  position: relative;
  margin: 0;
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  display: flex;
  align-items: start;
  justify-content: end;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
  opacity: 0;
  transition: 0.25s all ease;
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content ul {
  width: 45px;
  margin: 0;
  padding: 0;
  row-gap: 15px;
  display: grid;
  transform: translateY(50px);
  transition: 0.25s all ease;
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  color: #fff;
  transition: .3s ease-in all;
  border-radius: 5px;
  background-image: linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -moz-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -webkit-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -ms-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content ul li a:hover {
  background: #fff;
  color: #ff5600;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.15);
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  transform: translateX(-200%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  opacity: 0.3;
  pointer-events: none;
  z-index: 99999999;
  transition: 0.5s all ease;
}

.first-products .overlay-products .inner-products .inner-shop-item:hover {
  border-color: #ff5600;
}

.first-products .overlay-products .inner-products .inner-shop-item:hover .inner-shop-thumb .layer-content {
  opacity: 1;
}

.first-products .overlay-products .inner-products .inner-shop-item:hover .inner-shop-thumb .layer-content ul {
  transform: none;
}

.first-products .overlay-products .inner-products .inner-shop-item:hover .inner-shop-thumb .layer-content::before {
  transform: translateX(100%);
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-content {
  padding: 20px;
}

.first-products .overlay-products .inner-products .inner-shop-item .inner-shop-content .title a:hover {
  background-image: -webkit-linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-image: linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.first-products.second-products {
  padding-bottom: 50px;
}

.first-products.second-products .overlay-products .inner-products .inner-shop-item {
  margin: 15px 0;
}

.features-item {
  padding-top: 20px;
  padding-bottom: 20px;
}

.features-item .features-content h3 {
  margin-bottom: 15px;
}

.banner-middle .overlay-banner {
  height: 300px;
  background-image: linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -moz-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -webkit-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -ms-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
}

.footer-area .footer-top-wrap {
  padding: 50px 0 0;
}

.footer-area .footer-top-wrap .footer-widget .logo {
  margin-bottom: 15px;
}

.footer-area .copyright-wrap {
  padding: 15px 0;
}

.footer-area .copyright-wrap p {
  font-weight: 300;
}

.footer-area .copyright-wrap p strong {
  font-weight: 700;
}

.breadcrumb-bg .transparent-title {
  font-size: 130px !important;
  bottom: 50% !important;
  transform: translateY(50%) !important;
  left: 0 !important;
}

.contact-form-wrap {
  margin-bottom: 0;
}

.branches .branch {
  background-image: linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -moz-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -webkit-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background-image: -ms-linear-gradient(0deg, #ff5600 0%, #ffa705 100%);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 0 20px 3px rgba(255, 86, 0, 0.07);
  height: 300px;
  margin-bottom: 50px;
}

.branches .branch:last-child {
  margin-bottom: 0;
}

.branches .branch .branch-text {
  width: 50%;
  padding: 30px;
}

.branches .branch .branch-text h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  background-image: -webkit-linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-image: linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.branches .branch .branch-text p {
  font-size: 15px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 15px;
}

.branches .branch .branch-map {
  width: 50%;
  height: 100%;
}

.mfp-wrap {
  z-index: 9999;
}

.sticky-menu {
  z-index: 999;
}

.video-item {
  overflow: hidden;
  border-radius: 5px;
}

.video-item img {
  border-radius: 0;
}

.video-item .layer-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: 0.25s all ease;
}

.video-item .layer-video .popup-layer-video {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  background: #fff;
  border-radius: 50%;
  font-size: 20px;
  z-index: 1;
  border-radius: 50%;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  transition: .5s;
  -webkit-transition: .5s;
}

.video-item .layer-video .popup-layer-video i {
  background-image: -moz-linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-image: -webkit-linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-image: linear-gradient(to right, #ff5600 30%, #ffa705 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.video-item:hover .layer-video {
  opacity: 1;
}

.slick-dots {
  position: absolute;
  bottom: -50px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #777777;
  border-radius: 50%;
}

.slick-dots li.slick-active button {
  background-color: #ff5600;
}

.mobile-menu .navigation h3 {
  color: #fff;
  font-size: 16px;
  padding-left: 15px;
  margin-top: 20px;
}

.navbar-wrap ul li {
  position: relative;
}

.navbar-wrap ul li .submenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  justify-content: center;
  /* gap: 50px; */
  text-align: start;
  top: 70%;
}

.navbar-wrap ul li .submenu ul {
  margin: 0;
  display: initial;
  padding: 0;
  min-width: 150px;
  width: 25%;
}

.navbar-wrap ul li .submenu ul h3 {
  font-size: 18px;
  padding: 0 10px 0 25px;
  text-transform: capitalize;
}

@media (max-width: 1199px) {
  .breadcrumb-bg .transparent-title {
    font-size: 85px !important;
  }
}

@media (max-width: 991px) {
  .breadcrumb-bg .transparent-title {
    font-size: 70px !important;
  }

  .video-item .layer-video {
    opacity: 1;
  }

  .logo {
    margin-right: auto;
  }

  .transparent-header.sticky-menu {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .inner-shop-area .col-lg-4.col-sm-6 {
    width: 50%;
    flex: 0 0 auto;
  }

  .first-products .overlay-products .inner-products .col-lg-3.col-md-4.col-sm-6 {
    width: 50%;
    flex: 0 0 auto;
  }

  .first-products .overlay-products .inner-products .inner-shop-item {
    border-color: #ff5600;
  }

  .first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content {
    opacity: 1;
    padding: 7.5px;
  }

  .first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content ul {
    transform: none;
    width: 30px;
  }

  .first-products .overlay-products .inner-products .inner-shop-item .inner-shop-thumb .layer-content ul li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin: 0;
  }

  .first-products .overlay-products .inner-products .inner-shop-item .inner-shop-content .title {
    font-size: 14px;
  }

  .first-products .overlay-products .inner-products .inner-shop-item .inner-shop-content .title a {
    background-image: -webkit-linear-gradient(to right, #ff5600 30%, #ffa705 80%);
    background-image: linear-gradient(to right, #ff5600 30%, #ffa705 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .first-products .overlay-products .inner-products .inner-shop-item .inner-shop-content .price {
    font-size: 12px;
  }

  .breadcrumb-bg .transparent-title {
    display: none;
  }

  .branches .branch {
    display: block;
    height: auto;
  }

  .branches .branch:last-child {
    margin-bottom: 0;
  }

  .branches .branch .branch-text {
    width: 100%;
  }

  .branches .branch .branch-map {
    width: 100%;
    height: 300px;
  }
}

/*# sourceMappingURL=style-custome.css.map */