@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body{ font-family: "Rubik", serif; font-optical-sizing: auto; font-style: normal; font-size: 14px; color: #000;}
.navbar-brand img{width: 180px;}
.footer_logo{width: 70px;}
ul{list-style: none; margin: 0; padding: 0;}
a{text-decoration: none; color: #000;}
.header{ border-bottom: #D9D9D9 solid 1px;}
.header .nav-item{margin-left: 10px;}
.header .nav-item a{color: #4B4B4B; font-size: 16px; text-transform: uppercase;}
.header .nav-item a:hover,.active_nav{color: #E03636 !important; }
.banner_heading{font-size: 60px; font-weight: 800; text-transform: uppercase;}
.heading_1{font-size: 45px; font-weight: 500; text-transform: uppercase;}
.heading_2{font-size: 32px; font-weight: 500; }
.heading_3{font-size: 60px; font-weight: 500; text-transform: uppercase; line-height: 60px;} 
.heading_5{font-size: 20px; font-weight: 400; }
.product_cat_sec .heading_5{ line-height:22px;}
.product_cat a{color: #1E1E1E;}
.product_cat a:hover{color: #E03636;}
.product_cat .image-box {position: relative;  width: 100%; overflow: hidden;  border-radius: 10px; margin-bottom: 15px; }
.product_cat .image-box img { width: 100%;   height: 350px;  object-fit: cover;  transition: transform 0.3s ease;  }
.product_cat .image-box:hover img { transform: scale(1.1); }
.product_cat .button-container{ position: absolute;bottom: 0px; right:10px;  opacity: 0;   transition: transform 0.3s ease, opacity 0.3s ease; }
.product_cat .image-box:hover .button-container {  transform: translate(-50%, -50%) scale(1);   opacity: 1;  }
.btn_icon{background: #ffffffbe; color: #000000; padding: 15px 0px; width: 60px; height: 60px; border-radius: 50%; font-size: 20px; display: inline-block; text-align: center;}
.btn_icon:hover{background: #E03636; color: #ffffff !important;}
.fx_120{font-size: 90px; text-transform: uppercase; line-height: 80px; margin: 0; padding: 0; }
.gel_card{position: relative;  width: 100%; overflow: hidden; }   
.gel_card img { width: 100%; height: 250px; object-fit: cover;  transition: transform 0.3s ease;  }
.gel_card:hover img { transform: scale(1.2); }
.advice_card{ border: #EFECEC solid 1px;}
.advice_card_cont {padding: 20px 20px 0 20px;}
.advice_card_cont h4{font-size: 14px; font-weight: 500; text-transform: uppercase; color: #1E1E1E; }
.footer_top{background: #E03636; color: #ffffff; padding: 30px 0; text-transform: uppercase;}
.footer_top h2{font-size: 38px; font-weight: 500; text-transform: uppercase; color: #ffffff; }
.social_links li{margin-left: 20px;transition: all .5s;}
.social_links li:hover{ margin-top: -10px; transition: all .5s;}
.footer_bottom h5{font-size: 22px; font-weight: 500; text-transform: uppercase; color: #1E1E1E; padding-bottom: 10px; }
.footer_bottom{font-size: 16px;}
.banner{position: relative;}
.banner_cont{position: absolute; top:0; left: 0; width: 100%; background: #00000042; height: 100%; color: #fff;display: flex; text-transform: uppercase;}
.btn1{background: #E03636; color: #ffffff;  border-radius: 5px; font-size: 19px; font-weight: 400;}
.btn2{background: #2D2D2D; color: #ffffff;  border-radius: 5px; font-size: 19px; font-weight: 400;}
.btn1:hover{background: #2D2D2D; color: #E03636;}
.btn2:hover{background: #E03636; color: #ffffff; }
.section{padding: 70px 0;}
.banner2{position: relative;}
.banner_1_img{width: 100%;}
.banner2 h2{width: 100%}
.odd_bg{background: #F2F2F2;}
.copy_r{text-align: center; background: #fff; padding: 15px; margin: 0; font-size: 16px;}
.footer_links li{color: #1E1E1E; text-transform: uppercase; padding-bottom: 10px; }
.footer_links li a{color: #1E1E1E;  }
.footer_links li a:hover{color: #E03636;  }

#creative_banner .owl-prev{position: absolute; top: 45%; left: 0;  background: #e03636d3; color: #fff; border-radius: 0; padding: 10px !important; font-size: 20px; }
#creative_banner .owl-next{position: absolute; top: 45%; right: 0;  background: #e03636d3; color: #fff; border-radius: 0; padding: 10px !important; font-size: 20px; }

#main_banner .owl-prev{position: absolute; top: 45%; left: 0;  background: #e03636d3; color: #fff; border-radius: 0; padding: 10px !important; font-size: 20px; }
#main_banner .owl-next{position: absolute; top: 45%; right: 0;  background: #e03636d3; color: #fff; border-radius: 0; padding: 10px !important; font-size: 20px; }
.flot_btn{position: fixed; top:20%; right: -50px; z-index: 999; background: #E03636; color: #fff;rotate: 90deg; padding: 7px 15px; border-radius: 0 0 8px 8px;  font-size: 19px; font-weight: 400; }
.flot_btn:hover{background: #ffd8d8; color: #E03636;}
.t_color{color: #E03636;}
.porduct_tab .nav-pills .nav-link{ color: #1E1E1E; text-transform: uppercase; border-radius: 25px; border: #D9D9D9 solid 1px; margin: 8px; }
.porduct_tab .nav-pills .nav-link.active{ background: #E03636; color: #fff; text-transform: uppercase; border-radius: 25px;}
.contact_info h6{ font-size: 16px; font-weight: normal;}

.product_box{ border: #D9D9D9 solid 1px; border-radius: 5px; text-align: center; padding: 20px; margin-top: 15px;}
.product_box img{height: 200px; object-fit: cover;}
.product_card h5{font-size: 15px; text-transform: uppercase; color: #4B4B4B; margin-top: 10px; margin-bottom: 0;font-weight: 400;  }
.product_card p{font-size: 18px; text-transform: uppercase; color: #000; font-weight: 400;  }
.product_card .btn1{font-size: 16px !important; }
.product_feature_box{background: #F4F4F4; padding: 40px; margin-top: 50px; color: #666666;}
.product_feature_box h3{ color: #000000; font-size: 26px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px;}
.characteris_list li{text-align: center; width: 12.5%; background: url(../img/border-1.png) right center no-repeat;}
.characteris_list li:last-child{background: none;}
.characteris_list span{font-size: 14px; color: #000000; font-weight: 400;  display: block; padding-top: 15px; line-height: 14px;}
.contact_box{background: #F4F4F4; padding: 30px;  border-radius: 5px;}
.contact_box h4{font-size: 26px; font-weight: 500; text-transform: uppercase; color: #000000; margin-bottom: 20px;}

#product_1 .item img, #product_2 .item img ,#product_3 .item img,#product_4 .item img{height: 300px !important; object-fit: cover;}
.banner img{width: 100%;}
.porduct_tab table p{ margin: 0; padding-left: 10px;}

/* product image gallery start */
.product-viewer{ display: flex; flex-wrap: wrap;  overflow: hidden;}
.product-viewer .thumbnail-gallery{  display: none;  margin-right: 1rem;  }
.product-viewer .thumbnail-gallery .thumbnail-container{ border-radius: 10px; border: 1px solid #D9D9D9; margin-bottom: 10px; padding:10px; height: 80px; width:80px; display: flex;align-items: center;  cursor: pointer; }
.product-viewer .thumbnail-gallery .thumbnail-container:last-child{  margin-bottom: 0; }
.product-viewer .thumbnail-gallery .thumbnail-container:hover{  border: #E03636 solid 1px; }
.product-viewer .thumbnail-gallery .thumbnail-container.is-active{ border: #E03636 solid 1px; }
.product-viewer .product-img-container{  height: 280px;  width: 100%;  min-width: 200px;  display: flex; align-items: center;  justify-content: center;  }
.paginator{ display: flex; justify-content: space-between; align-items: center;  margin: 1rem;}
.paginator .button{ cursor: pointer;  color:#E03636; border: 0; padding: 0;background: none; font-size: 25px;  }
.badge{ background-color: #333; color: white; padding: .5em 1em;  border-radius: 50px; letter-spacing: nowrap;  font-size: 12px;}
@media only screen and (min-width: 600px) {
.product-viewer .product-img-container{  height: 440px; width: 450px;  border: #D9D9D9 solid 1px; border-radius: 25px; padding: 50px;}
.product-viewer .thumbnail-gallery{   display: inline-block; }    
.product-viewer  .thumbnail-gallery .thumbnail-container.is-active{ border: #E03636 solid 1px;     }
.paginator{  display: none;  }
} 
@media only screen and (min-width: 768px) {
  .product-viewer .product-img-container{  width: 550px;  }
} 
@media only screen and (min-width: 992px) {
  .product-viewer .product-img-container{   width: 520px; }
} 

@media only screen and (min-width: 1200px) {
product-viewer .product-img-container{ width: 750px; }
}
/* product image gallery end */

.owl_custom_arrow .owl-nav .owl-prev{position: absolute; top: 80%; left: 5%; background: #ffffffbe !important;
color: #000000;  width: 40px; height: 40px;  border-radius: 50%;  font-size:30px !important; 
display: inline-block;  text-align: center;}
.owl_custom_arrow .owl-nav .owl-next{position: absolute; top: 80%; right: 5%;  background: #ffffffbe !important;
color: #000000;  width: 40px;  height: 40px;  border-radius: 50%;  font-size: 30px !important;
display: inline-block; text-align: center;}
.owl_custom_arrow .owl-nav .owl-prev:hover{background: #E03636 !important;}
.owl_custom_arrow .owl-nav .owl-next:hover{background: #E03636 !important;}

.owl-nav button{display: none !important;  }
.owl-carousel:hover .owl-nav button{ display: block !important; }



@media only screen and (max-width:700px) {
    .footer_top{text-align: center;}
    .social_links li{margin: 10px !important;}
    .footer_top h2{font-size: 32px;}
    .banner_heading{font-size: 20px;}
    .fx_120{font-size: 50px; line-height: 50px;}
    .heading_1{font-size: 35px;}
    .banner .owl-carousel .owl-item img { display: block;width: 100%; height: 300px; object-fit: cover; }
    .heading_3 { font-size: 44px; line-height: 50px; }
    .characteris_list li{text-align: center; width: 50%; background: none; margin-bottom: 15px;}
}