/*-----------------------------------
	Theme Background Color 
-------------------------------------*/
.header-top,
.vigo-loder,
.services .services-box:before,
.call-to-action .bg-green,
.vigo-btn,
.product-features .media:hover .product-features-img, .product-features .media:hover .media-body,
.recommended .recommended-box:before,
.newsletter input,
.ingredients .active,
.ingredients .accordion-content,
.page-title:before,
footer .footer-title:before,
.testimonial .owl-dots .active,
.call-to-action{
	background: #111 !important;
}

/*-----------------------------------
	Theme Font Color 
-------------------------------------*/
.green,
.page-title .page-sub-title,
.services .services-container-title .page-sub-title,
.recommended .recommended-container-title .page-sub-title,
.vigo-product .product_rating i,
.mixitup-control-active,
.main-nav .current a{
	color:#d54928 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Fredoka:wght@700&family=Lato:ital,wght@0,700;0,900;1,700&family=Oswald:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=Roboto:ital,wght@0,500;0,700;1,500&display=swap');



.great-img{
    margin-top: -5rem;
}


.product-point{
    padding: 46px;
}


.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  .swiper-button-next{
    background-image: url(../img/icon/arrow-right-short.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  }

  .swiper-button-next::after {
    display: none;
  }

  .swiper-button-prev{
    background-image: url(../img/icon/arrow-left-short.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  }

  .swiper-button-prev::after {
    display: none;
  }


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

.banner_point{
  overflow: hidden;
    /* padding: 33px; */
    width: 100%;
    box-shadow: 0 1px 9px rgba(0,0,0,0.19), 0 4px 4px rgba(0,0,0,0.23);
    cursor: pointer;
}

.cool-img-baner{
  background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
 background-blend-mode: multiply,multiply;
}


.entery_banner{
  
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.welcome h2 {
  font-size: 50px;
  margin-bottom: 10px;
}
.welcome h2 span {
  color: #d54928 !important;
}

.welcome h6 {
    font-size: 17px;
    letter-spacing: 4px;
    color: #898989;
    margin-bottom: 20px;
}
.welcome p {
    font-size: 16px;
}
contact {
    background-color: #02010100;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 15px 30px 15px 30px;
    color: black;
    transition: 0.5s ease-in-out;
    border: 1px solid black;
    margin-top: 15px;
}

.part {
    background: #d54928;
    padding: 45px;
    border-radius: 12px;
    color: white;
    transition: 0.5s ease-in-out;
}
.banner-element{
  position: absolute;
  left: 5%;
  bottom: -125px;
  animation: footer-shape infinite 6s;
}


@keyframes footer-shape{
  0% {
    -webkit-transform: translateY(0)translateX(0);
    transform: translateY(0)translateX(0);
}
50% {
    -webkit-transform: translateY(-10px)translateX(40px);
    transform: translateY(-10px)translateX(40px);
}

100% {
    -webkit-transform: translateY(0)translateX(0);
    transform: translateY(0)translateX(0);
}
}


.vie_more{
  text-align: center;
  margin-top: 2rem;
}





.banner-area {
  padding: 41px 0 15px;
  position: relative;
}


.banner-content {
  position: relative;
  z-index: 2;
  margin: 0 0 -31px;
}


.banner-content .banner-caption {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  color: #d54928;
  letter-spacing: 0.095em;
  margin: 0 0 28px;
}

.banner-content .title {
  font-size: 57px;
  line-height: 1.13;
  margin: 0 0 1.5em;
  font-family: 'Oswald', sans-serif;
  color: #101011;
  margin-top: 0px;
  font-weight: 500;
  text-transform: uppercase;
}


.banner-content .btn {
  border: 3px solid #fff;
  padding: 17px 52px;
}


.btn-twos {
  background: #d54928 none repeat scroll 0 0;
}

.button_one {
  user-select: none;
  -moz-user-select: none;
  background: #d54928 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  outline: 4px solid white;
  line-height: 1.4;
  padding: 12px 50px;
  margin-bottom: 11rem;
  text-align: center;
  text-transform: capitalize;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: -4rem;
}

.button_one:hover{
  outline: 4px solid white;
}

.banner-images::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
  width: 516px;
  height: 46px;
  background: #464646;
  filter: blur(30px);
  border-radius: 99px;
  z-index: -1;
}

.banner-imagess {
  /* position: relative;
  background: url(../img/Product_random/banner_round_bg.png); */
}

.banner-images img.bg-shape {
  max-height: 560px;
}

/* .banner-images .main-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  max-width: 550px;
  display: block;
  margin: 0 auto;
} */


.cont-box{
  margin-bottom: 4rem;
}

.banner-shape {
  position: absolute;
  z-index: 999;
  top: 0;
}

.banner-shape.two {
  right: 0;
  top: 8%;
  max-width: 142px;
}


.brand-title .title{
  font-size: 36px;
  font-weight: 700;
  font-family: 'Oswald';
}

/* .brand-title .title::before, .brand-title .title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 2px;
  background: #d54928;
} */


.brand-area{
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.brand-title .title::after {
  left: auto;
  right: 0;
}

.box-img{
  text-align: center;
  margin: auto;
  padding: 6px;
  width: 117px;
}

.features-product-content .title::after {
  content: "";
  display: block;
  background-image: url(../img/Product_random/title_shape.svg);
  width: 79px;
  height: 14px;
  background-repeat: no-repeat;
  margin: 18px 0 33px;
}

.title{
  font-size: 46px;
  font-weight: 500;
  font-family: 'Oswald';

}


.features-product-quantity{
  font-size: 16px;
    text-transform: inherit;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0 0 24px;
}


.shape-img {
  position: absolute;
    bottom: 13px;
    left: 27px;
    z-index: 1;
    top: 15em;
    text-align: center;
    width: 44%;
    transition: .35s linear;
}

/* .main-img{
  display: inline-block;
  position: relative;
} */

.main-img::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7px;
  width: 230px;
  height: 46px;
  background: #464646;
  filter: blur(30px);
  border-radius: 99px;
  z-index: -1;
}


.main-img::before {
  content: "";
  position: absolute;
  left: 38%;
  top: 50%;
  background-image: url(../img/Product_random/features_product_dots.png);
  width: 706px;
  height: 706px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.features_products {
  margin-top: 6rem;
  margin-bottom: 5rem;
  background: #000000;
  padding: 48px;
}


.great-colour{
  background: #000000;
}


.shape-imgd{
  position: absolute;
  bottom: -16px;
  left: -16px;
  /* right: -130px; */
  /* rotate: 192deg; */
  width: 176px;
  z-index: 0;
  transition: .35s linear;
}


.main-ig::before{
  content: "";
  position: absolute;
  left: 61%;
  top: 50%;
  background-image: url(../img/Product_random/features_product_dots.png);
  width: 706px;
  height: 706px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);

}


/* .swiper-button-next::before,
.swiper-button-next::before
 {
  content: "";
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  background: #d54928;
  opacity: .5;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: -1;
} */


.footer-shape {
  position: absolute;
  z-index: -1;
}

.footer-shape .one {
  left: 0;
  bottom: 100px;
}


.footer-shape .two {
  right: 0;
  bottom: 170px;
}



.shop-thumb-shape {
  position: absolute;
  width: 98px;
  height: 98px;
  left: -81px;
  /* bottom: -11px; */
  background-color: rgba(213, 73, 40, 0.3);
  border-radius: 100%;
  /* border-radius: 50% / 100%; */
  /* border-top-left-radius: 0; */
  /* border-top-right-radius: 0; */
  z-index: 1;
}
.shop-thumb-shape.two {
  position: absolute;
  width: 98px;
  height: 98px;
  left: 271px;
  /* right: 83px; */
  bottom: -152px;
  background-color: rgba(213, 73, 40, 0.3);
  border-radius: 100%;
  /* border-radius: 50% / 100%; */
  /* border-top-left-radius: 0; */
  /* border-top-right-radius: 0; */
  z-index: 1;
}
.shop-thumb-shapes {
  position: absolute;
  width: 500px;
  height: 500px;
  /* left: 336px; */
  right: 324px;
  bottom: -34px;
  background-color: rgba(213, 73, 40, 0.08);
  border-radius: 100%;
  /* border-radius: 50% / 100%; */
  /* border-top-left-radius: 0; */
  /* border-top-right-radius: 0; */
  z-index: 1;
}
.shop-thumb-shapess {
 position: absolute;
  width: 500px;
  height: 500px;
  left: 50px;
  /* right: 83px; */
  bottom: -34px;
  background-color: rgba(213, 73, 40, 0.09);
  border-radius: 100%;
  z-index: -6;
  /* border-radius: 50% / 100%; */
  /* border-top-left-radius: 0; */
  /* border-top-right-radius: 0; */
  z-index: 1;
}

.swipeee{
padding: 95px;
}

.main-ig{
 text-align: center;
}

.main-img img{
  width: 300px;
  text-align: center;
  margin: auto;
}


.divider_tws {
  margin-top: -1rem;
}


/* marquee design */
.marquee-scroll-section {
  padding-top: 87px;
  padding-bottom: 32px;
  overflow: hidden;
}

.marquee-items {
  flex: none;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.marquee-item {
  flex: none;
  align-items: center;
  display: flex;
}

.scroll-divider {
  margin-left: 20px;
  margin-right: 20px;
}

.marquee-text {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
}

.text-slide-left {
  z-index: 1;
  width: 150vw;
  max-width: 200%;
  color: #ffffff;
  background-color: #d54928;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  overflow: hidden;
  transform: rotate(-4deg);
}


.text-slide-right {
  width: 150vw;
  max-width: 200%;
  background-color: #000000;
  flex: none;
  align-items: center;
  overflow: hidden;
  transform: rotate(53deg);
}


.blink {
  animation: blinker 1.5s linear infinite;
}





.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
}

.page_404  img{ width:100%;}

.four_zero_four_bg{
 
 background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
 }
 
 
 .four_zero_four_bg h1{
 font-size:80px;
 }
 
  .four_zero_four_bg h3{
			 font-size:80px;
			 }
			 
			 .link_404{			 
	color: #fff!important;
    padding: 10px 20px;
    background: #d54928;
    margin: 20px 0;
    display: inline-block;}
	.contant_box_404{ margin-top:-50px;}




  .background-img {
    /* background: url(img/Product_random/banner_round_bg.png); */
    background: url(../img/Product_random/banner_round_bg.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
  }


  .cart-shop{
    width: 89px;
  }


  /* parrallax */

/* 
  .divider-top{
    
    background-position: bottom center;
    background-repeat: no-repeat;
  } */


  .btn-two-outer {
    position: relative;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-right: 3px;
    left: 182px;
    top: 3em;
    padding-top: 6px;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
  .btn-two-outers {
    position: relative;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-right: 3px;
    top: 3em;
    padding-top: 6px;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.btn-two-outer:before,.btn-two-outers:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: -3px;
  width: 44px;
  height: 44px;
  z-index: -1;
  border-left: 2px solid #d54928;
  border-bottom: 2px solid #d54928;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.default-form button {
  cursor: pointer;
  background: none;
}
.btn-style-two {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 12px 40px;
  font-weight: 600;
  overflow: hidden;
  border-radius: 0px;
  text-transform: uppercase;
  background-color: #222222 !important;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}
.theme-btn {
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.btn-style-two:before {
  position: absolute;
  content: '';
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -50px;
  border-bottom: 55px solid #d54928;
  border-right: 30px solid transparent;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.btn-style-two .txt {
  position: relative;
  z-index: 1;
}

.btn-style-two:after {
  position: absolute;
  content: '';
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: -50px;
  border-left: 30px solid transparent;
  border-bottom: 55px solid #d54928;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.btn-two-outer:after,.btn-two-outers:after {
  position: absolute;
  content: '';
  right: 3px;
  top: 9px;
  width: 44px;
  height: 44px;
  opacity: 0;
  z-index: -1;
  border-right: 2px solid #d54928;
  border-top: 2px solid #d54928;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}


.benifits-ui{
  list-style: none;
  margin-bottom: 2em;
  margin-top: -1em;
}

.benfits{
  margin-top: -1em;
}
.benfits h3 {
  font-size: 22px;
  margin-bottom: 1em;}


  .product_description{
    margin-top: 3em;
    padding: 5px;
  }

  /* Product Image Styling - Remove Background, Increase Size */
  .product__item__pic {
    background: transparent !important;
  }

  .product__item__pic .product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
    padding: 15px 20px;
    max-width: 100%;
  }