:root {
  --color-black:#000000;
  --color-white:#ffffff;
  --globalcolorone:#ff6600;
  --off-white2:#eeeeee;
  --off-white:#c9c9c9;
  --off-gray:#3d3d3d;
  --off-gray1:#4b4a4a;
}
:root {
  --common-font-body: 'Poppins';
  --font-montserrat: 'Montserrat';
  --font-Lato: 'Lato', sans-serif;
}
/* ----------------------------------------- SLIDER ---------------------- */
#slider{ 
  max-width:100%;
  position:relative;
}
#slider .carousel-caption{
  text-align:left;
  max-width: 450px;
  width: 100%;
  left: 5%;
}
#slider .carousel-caption p.heading,#slider .carousel-caption p.sub_heading{
  color: var(--color-black);
}
#slider .carousel-caption p.heading{
  font:bold 14px var(--font-montserrat);
}
#slider .carousel-caption p.sub_heading{
  font:bold 30px var(--font-montserrat);
  line-height: 34px;
}
#slider .carousel-caption p.sub_content{
  color: var(--color-black);
  width: 400px;
  font-size: 13px;
  line-height: 22px;
  font-family: var(--common-font-body);
}
.btn_square a{
  font:bold 14px var(--common-font-body);
  color:white;
}
.btn_square{
  background-color: var(--globalcolorone);
  border: 1px dashed var(--off-white);
  width: 117px;
  height: 33px;
}
.carousel-indicators li.active{
  max-width: 30px;
  height: 8px;
  border-radius: 12px;
  background-color: var(--globalcolorone);
}
.carousel-indicators li{
  max-width: 8px;
  height: 8px !important;
  background: var(--color-black);
  border-radius: 4px;
  border-bottom: none !important;
  border-top: none !important;
}
.carousel-indicators{
  bottom:10px;
}
.red_line{
  width: 34px;
  height: 3px;
  background: var(--globalcolorone);
  border-radius: 10%;
}
#slider .carousel-item.active,#slider .carousel-item-next,#slider .carousel-item-prev{
  display: block !important;
}
#slider .carousel-item img {
   width: 100%;
}
/* --------------------for slider width to change slide-----------------------*/
.carousel-control-prev, .carousel-control-next{  
  width:7%;
}
/*------------------------------------------- Owl Carousel -------------------------------------------*/
button.owl-prev, button.owl-next {
   background: var(--color-white);
   border: 1px solid var(--off-white2);
   padding: 15px 15px !important;
}
#ourproducts .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    padding: 15px 15px !important;
}
.owl-nav, #ourproducts .owl-nav {
   margin: 12px auto;
   display: table;
   position: absolute;
   top: -69px;
   right: 0;
}
button.owl-prev, button.owl-next {
   margin: 2px;
}
/*----------------------Lower banner-------------------------*/
.banner-lower-content{
  background-color: var(--globalcolorone);
}
#lowerbanner .first_block, #lowerbanner .second_block {
  border-right: 1px solid white;
}
p.section_block,p.sub_section{
  color: var(--color-white);
  text-align: center;
}
p.section_block{
  font:bold 13px var(--font-montserrat);
  letter-spacing: 2px;
}
p.sub_section{
  font:normal 13px var(--common-font-body);
}
/*----------------------------Trending in Our Store--------------------------------*/
#trending-loop,#featured-loop,#products-loop{
  display:none;
}
/*---------------------------------------Our Product Tabs--------------------------*/
h1.prod_head {
  font-size: 24px;
  font-weight: bold;
  color: var(--color-black);
}
.ui-widget.ui-widget-content{
  border-bottom: 1px solid var(--color-black);
}
.ui-tabs .ui-tabs-nav{
  margin: 0;
  padding: 10px 0;
  float: right;
}
.ui-tabs .ui-tabs-nav li{
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-state-default a, .ui-state-default a:link, a.ui-button, a:link.ui-button, .ui-button{
  color: var(--off-gray);
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
  float: left;
  padding: 0 1em;
  text-decoration: none;
  font-family: var(--font-Lato);
  font-size: 15px;
}
.ui-tabs .ui-tabs-panel{
  display: block;
  border-width: 0;
  background: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,.ui-state-default a:active{
  font-weight: normal;
}
ul.ui-tabs-nav a:focus,ul.ui-tabs-nav a:hover{
  color: #f10e34 !important;
  outline: none !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color:transparent !important;
    border: none !important;
}
#ourproducts {
    background-size: cover;
    background-repeat: no-repeat;
}
.sale-banner:before {
    background: rgba(255,102,0,0.8) !important;
}
.sale-banner {
  background: rgba(255,102,0,0.8);
  height: 100%;
  width: 50%;
  transition: .5s ease;
  position: absolute;
  text-align: center;
  opacity: 1;
  top: 0px;
  left: 0px;
  color: var(--color-white);
}
#product_banner_new h4.percent-off {
  color: var(--color-white);
  font-weight: 1000;
  margin-top: -10px;
  font-size: 30px;
}
section#product_banner_new img{
  width:100%;
}
#our_products h1,h1.featured_head {
  color: var(--color-black);
}
h3.prodtitle{
  text-transform: capitalize;
}
span.price del {
  padding-right: 8px;
}
section#recentprod .prodimg_box{
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0s ease;
  backface-visibility: hidden;
}
section#recentprod .lead ul.nav-tabs li.nav-item.active a{
  color:var(--globalcolorone);
  font-weight: 800;
  font-size: 15px;
}
.adjust1:hover .add_to_cart_button{
  display: block;
  position: absolute;
  top: 36%;
  left: 52%;
  transform: translate(-50%, -50%);
}
#featuredproducts .owl-dots {
  display: none;
}
#featuredproducts h3,#our_products h3{
  font:normal 16px var(--common-font-body);
  text-align: center;
  margin-bottom: 12px;
  padding: 12px 0 0 0;
  color: var(--off-gray);
}
#featuredproducts a:hover h3,#featuredproducts a:hover .price,#our_products a:hover h3,#our_products a:hover .price{
  color:var(--globalcolorone);
}
section#featuredproducts .nav-link{
  font-size: 12px;
  font-family: var(--common-font-body);
}
#featuredproducts .title,#our_products .title{
  float: left;
}
#ourproducts h3,#our_products h3,#new-arrivals h3,#menubox ul.product_list_widget_single,#featuredproducts a.added_to_cart.wc-forward,#our_products a.added_to_cart.wc-forward{
  text-align: center;
}
#featuredproducts a.added_to_cart.wc-forward,#our_products a.added_to_cart.wc-forward{
  color: var(--globalcolorone);
  margin:0 auto;
}
#ourproducts h3,#our_products h3,#new-arrivals h3{
  font:normal 16px var(--common-font-body);
  color: var(--off-gray);
}
#ourproducts a:hover h3,#ourproducts a:hover .price,#our_products a:hover h3,#our_products a:hover .price,.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
  color:var(--globalcolorone);
}
 section#ourproducts .nav-link{
  font-size: 15px;
  font-family: var(--common-font-body);
}
#ourproducts .title,#our_products .title{
  float: left;
}
#ourproducts a.added_to_cart.wc-forward,#our_products a.added_to_cart.wc-forward{
  color: var(--globalcolorone);
  margin:0 auto;
  text-align: center;
}
.rio-promos{
  margin-bottom: 90px;
  align-items: center;
  padding-left:50px;
}
section#sponsers_sec {
  margin-top: 25px;
}
#product-banner-new figure img{
  width: 100%;
  height: 110px;
  margin-top: 15px;
}
#featured_banner, #arrival_banner, #gift_banner{
  padding:15px;
  text-align: center;
}
.nav-tabs,.nav-tabs .nav-link{
  border: none !important;
  display: flex !important;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: 12px;
}
#ourproducts .nav-icon {
  padding: 10px;
  top:-50px;
}
aside .textwidget .nav-icon {
  padding: 10px;
  display: -webkit-inline-box;
}
#ourproducts .nav-item.active a.nav-link, .nav-tabs .nav-link:hover{
  color: var(--globalcolorone);  
  font-weight: bold;
}
section#recentprod{
  margin:3em 0 0 0;
  padding:1em 0;
  clear:both;
}
#recentprod h3,#our_products h3{
  font:normal 15px var(--font-Lato);
  text-align: center;
  margin: 0 0 0px;
  padding: 12px 0 0 0;
  color: var(--off-gray);
}
#recentprod a:hover h3,#recentprod a:hover .price,#our_products a:hover h3,#our_products a:hover .price{
  color:var(--globalcolorone);
}
span.price{
  font:bold 16px var(--common-font-body);
  margin: 0px auto;
  display: table;
  padding: 12px 0 0 0;
}
 section#recentprod .nav-link{
  font-size: 12px;
  font-family: var(--common-font-body);
}
#recentprod .title,#our_products .title{
  float: left;
}
#recentprod a.added_to_cart.wc-forward,#our_products a.added_to_cart.wc-forward{
  color: var(--globalcolorone);
  margin:0 auto;
  text-align: center;
}
.hidedesktop{
  display: none ! important;
}
.title h1{
  font:bolder 25px var(--font-montserrat);
  margin-left:-15px;
}
.prodimg_box{
  height: 150px;
  margin: 0 auto;
  display: table;
}
.prodimg_box img {
  width: 100%;
}
.heading.row {
  margin: 0 0 15px 0;
}
.star-space{
  height: 1em;
  margin: 10px auto 10px;
}
.ban_txt h4{
  font-size: 19px;
  font-family: var(--font-montserrat);
}
.ban_txt p,.ban_txt1 p,.ban_txt2 p{
  color: var(--color-black);
  font-size: 14px;
  font-family: var(--font-montserrat);
}
.ban_txt1 p,.ban_txt1 h4{
  color: var(--color-white);
}
.ban_txt1 h4{
  font:bolder 24px var(--font-montserrat);
}
.ban_txt2 h4{
  font:bolder 19px var(--font-montserrat);
}
/*-----------------------Home page sidebar-------------------------------*/
#menubox{
  padding: 20px 8px;
}
#menubox ul li{
  padding: 8px;
  cursor: pointer;
  background-color: var(--off-white3);
  border-bottom: 1px solid var(--off-white2);
}
#menubox form{
  display: table;
  width: 100%;
}
#menubox input[type="search"]{
  background:var(--off-white2);
  padding:9px 10px;
  border:none;
  font-size:15px;
  color:var(--color-black);width:100%;
}
#menubox label{
  width:70%;
  float:left;
}
#menubox input[type="submit"]{
  background:var(--color-black);
  border:none;
  color:var(--color-white);
  padding:12px 0;
  width:30%;
  font-size:14px;
  float:left;
  margin:0;
  border-radius: 0;
}
#menubox aside.widget_search{
  padding-bottom:0;color: var(--globalcolorone);
  margin:0 auto;
  text-align: center;
}
#menubox ul{
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#menubox ul li a{
  background: url('../../images/bullets-sidebar.png') no-repeat 15px 12px;
  margin: 0 0 0px;
  padding: 7px 0 7px 43px;
  font: bold  12px var(--common-font-body); 
  text-transform: capitalize;
  color: var(--off-gray1);
}
#menubox ul.product_list_widget_single a{
  background:none;
  margin:0;
  padding:0;
}
#menubox .tagcloud a{
  background:var(--off-white2);
  color:var(--color-black);
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#menubox .tagcloud a:hover{
  background:#ffd34e;
}
#menubox h3,#menubox a.single-product-details{
  background-color: var(--globalcolorone);
  color: var(--color-white);
}
#menubox h3{
  margin: 0;
  padding: 20px 20px;
  text-transform: uppercase;
  font: bold 14px var(--font-montserrat);
}
#menubox a.single-product-details {
  text-align: center;
  width: 100px;
  height: 25px;
  margin: 0 auto;
}
#menubox a.single-product-details:hover {
  background: var(--color-black);
}
#menubox aside{
  padding-bottom: 30px;
}
#menubox .datebox {
    background-color: #f66602;
    padding: 5px;
    margin: 20px 0;
    color: #fff;
}