root {
  --color-yellow: #fac717;
  --color-black: #1e1d1b;
  --color-white: #FFFFFF;
  --color-black1: #2b2728;
  --color-red: #dc3836;
}
:root {
  --font-jost: "Jost";
}

/*-----------------Topbar--------------*/
#topbar{
  background-color: var(--color-black);
}
#topbar .icon-img img {
  height: auto;
  width: 50px;
  position: absolute;
}
#topbar .topbar-text {
  padding: 0;
  font: 400 14px/25px var(--font-jost);
  color: var(--color-white);
  padding-left: 34px;
}
#topbar .topbar-text a {
  color: var(--color-yellow);
  font-size: 13px;
  font-weight: 800;
  line-height: 32px;
}
#topbar .topbar-note p{
  font: 500 16px/33px var(--font-jost);
  color: var(--color-white);
  margin-bottom: 0;
}
.topbar-social-icons .social_icon{
  color: var(--color-white);
    padding-right: 20px;
    font-size: 15px;
  }
.topbar-social-icons .wishlist_view i :break-before:{
    position: absolute;
    z-index: 9999;
    right: 25px;
    top: 35px;
}
.topbar-social-icons .wishlist_view i {
    color: var(--color-white);
    /*padding-right: 20px;*/
    font-size: 15px;
}
.topbar-social-icons .wishlist_view:hover i {
  color: var(--color-yellow);
}
#topbar .user-icon:hover i{
  color: var(--color-yellow);
}
.header-search-box:hover i {
    color: var(--color-yellow);
}
.topbar-cart-icon:hover i {
    color: var(--color-yellow);
}
.wishlist-counter {
    display: none;
}
.icom-img {
  color: var(--color-white);
  padding-right: 23px;
  font-size: 15px;
}
.header-search-box{
  position: relative;
  overflow: visible;
}
.header-search-box form{
  position: absolute;
  display: none;
  transition: all 0.5s width;
  top: -16px;
  right: -82px;
}
.header-search-box:hover form{
  display: flex;
  width: 280px;
  z-index: 999;
}
.header-search-box form input[type='submit']{
  height: 100%;
  width: 45px;
}
#topbar .header-submit-btn i{
  color: var(--color-yellow);
    position: absolute;
    top: 20px;
    right: 18px;
}
#topbar .social-cls {
    justify-content: end;
    display: flex;
}
#topbar .topbar-social-icons {
  position: relative;
}
#topbar .topbar-cart-icon img{
  height: auto;
  cursor: pointer;
}
#topbar .topbar-btn{
  /*position: relative;*/
  background-color: var(--color-yellow);
  display: flex;
    width: 160px;
    flex-grow: inherit;
    align-items: center;
    padding: 9px 10px;
    justify-content: space-around;
    font-size: 12px;
  color: var(--color-black) !important;
}
#topbar .topbar-btn:hover {
  background: var(--color-red);
}
#topbar .topbar-btn img {
  width: 21px;
}
#topbar .topbar-btn img {
  height: auto;
  right: 16px;
  top: 10px;
}
.topbar-btn a {
  color: var(--color-black);
  font-weight: 700;
}

/*--------Header---------*/
#header .middle-header {
  background-color: #2b2728;
}
#bwt_header-menu .header-logo-box{
  padding:0px 0px;
}
#site-sticky-menu1 {
    border-radius: 50%;
    position: absolute;
    top: 17px;
    left: 47%;
    z-index: 999;
}
#header .logo img {
  height: auto;
  width: 75%;
  border-radius: 50%;
  background: #2b2728;
  padding: 0px 8px 17px 7px
}
#bwt_header-menu header-bar{
  position: relative;
}
.side-navigation ul li.current_page_item a {
    color: var(--color-yellow);
}

.menubar-box ul li a {
  position: relative;
  font-size: 15px;
  font-family:var(--font-jost) ;
  margin: 0 8px;
  font-weight: 500;

}
.side-navigation ul li a {
  position: relative;
  cursor: pointer;
  color: var(--color-white);
}
.side-navigation {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.side-navigation ul {
  list-style: none;
  margin: 0;
  display: inline-block;
}

.side-navigation li {
  position: relative;
  display: inline-block;
}

/*--------Header---------*/
#bwt_header-menu .header-content{
  border-bottom: 1px solid #ddd;
}
.responsive-menu-title,
.mobile-menu {
  display: none;
}
amp-sidebar#sidebar1 {
  display: none;
}
[class*="amphtml-sidebar-mask"] {
  background: none;
  z-index: 99;
}
.i-amphtml-sidebar-mask {
  position: static !important;
}
ul.list_nav {
  margin: 0 auto;
  display: block;
  text-align: right;
}
.header-wrap #mySidenav {
  display: unset;
}
#site-navigation {
    padding: 14px 4px 0px;
}
#site-navigation1 {
    padding: 14px 4px 0px;
}
.toggle-nav {
  display: none;
}
.stickynavbar {
  background-color: var(--color-black1);
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 9999;
  margin: 0;
  padding: 4px 0;
  background-color: #2b2728
}
.sticky .header-search,.sticky .header-button{
  display: none;
}
.sticky #main-menu{
  width: 75%;
}
/* .sticky .header-logo-box{
  width: 25%;
} */
.sticky .header-logo-box .logo{
  text-align: right;
}
.sticky .nav {
  display: block;
}
#sticky-onoff {
  display: none;
}
#site-sticky-menu .sub-menu li a {
    color: white;
}
#site-sticky-menu .sub-menu li:hover a {
    color: var(--color-yellow);
}
.sticky .main-navigation ul ul{
  text-align: left;
}
#sticky-menu.sticky {
  margin-top: 0;
}
.main-navigation li {
  display: inline-block;
}
.main-navigation ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.main-navigation li{
  position: relative;
  padding: 12px 2px 9px;
}
#site-navigation ul li:hover a {
    color: var(--color-yellow);
}
.main-navigation ul>li:hover .sub-menu{
  display: block;
}
.main-navigation ul li a{
  cursor: pointer;
  font: 400 15px/0 var(--font-jost);
  color: var(--color-white);
  padding: 10px 10px 10px 12px;
}
.main-navigation li:hover a {
  color: var(--color-yellow);
}
.main-navigation ul li.current-menu-item a {
    color: var(--color-yellow) !important;
}
.end-menu .main-navigation ul li a:last-child{
  padding-right:0;
}
.start-menu .main-navigation ul li a:first-child{
  padding-left:17px;
}

.main-navigation ul li:before{
  color: var(--color-black);
}
.main-navigation ul ul {
  display: none;
  position: absolute;
  left: 20%;
  top: 40px;
  background: #2b2728;
  min-width: 220px;
  z-index: 9999;
  border-top: none;
  box-shadow: 0 4px 20px -8px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 4px 20px -8px rgb(0 0 0 / 20%);
  border: 1px solid #2b2728;
  padding: 10px;
  animation: flipInY 1s linear;
}
.main-navigation ul ul li a{
  /*font: 600 12px/20px var(--font-Jost);*/
  padding-left: 0;
  color: #000;
}
.main-navigation ul ul li{
  display: block;
  margin: 0;
  padding: 8px 2px;
  border-bottom: 1px solid #0000004a;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
#site-navigation ul li a {
    color: #fff;
}
#site-navigation1 ul li a {
    color: #fff ;
    padding: 0px 10px 0px 20px;
}
.sticky.stickynavbar :is(.start-menu, .end-menu){
  justify-content: center;
}
.start-menu{
  justify-content: start;
}
.end-menu{
  justify-content: end;
}
.sub-menu.menu-item-has-children:after{
  content: none;
}
.menu-item-has-children li a:before{
  position: relative;
  content: '\2212';
  top: 0;
  left: -5px;
  height: 100%;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  font-family: 'Font Awesome 5 Free';
  transition-duration: 1.2s;
  opacity: 0;
}
.menu-item-has-children li:hover a:before{
  transform: translateX(10px);
  left: -3px;
  opacity: 1;
  color: var(--color-yellow);
}
.menu-item-has-children li a {
    /*color: #000000 !important;*/
}
.menu-item-has-children li:hover a{
  margin-left: 5px;
  transition-duration: 1s;
}
.sub-menu .menu-item-has-children li:hover a {
    margin-left: 5px;
    transition-duration: 1s;
}
.middle-header-off-col{
  display: none;
}
/*-------------Cart Box-------------*/
#cart {
  background: white;
  width: 330px;
  right: 0px;
  top: 45px;
  margin: 0px auto;
  text-align: left;
  padding: 17px 0px 0px 17px;
  position: absolute;
  z-index: 6;
  display:none;
  webkit-animation: bounceIn .8s ease-in-out;
  animation: fadeInRight 0.8s ease-in-out;
  box-shadow: 4px 2px 12px 1px #ccc;
}
.cart-btn-box{
  cursor: pointer;
}
.cart-btn-box:hover #cart {
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.cart-btn-box:hover #cart {
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.cart-btn-box>div{
  font: normal normal normal 11px/6px Raleway;
  letter-spacing: 0.52px;
  color: var(--color-black);
}
.cart-customlocation{
  font: bold 14px/22px var(--font-exo2);
  letter-spacing: 0.99px;
  color: #0A0A0A;
  padding-right: 15px;
}
.header-search-bar .row{
  border-radius: 9px;
  background-color: #F3F3F3;
  padding: 10px 0;
}
.search_form input[type=search]:focus{
  box-shadow : unset;
  -moz-box-shadow : unset;
  -webkit-box-shadow : unset;
  background-color: inherit;
}
.cat_togglee{
  font: 600 12px/20px var(--font-raleway);
  color: var(--color-black);
  letter-spacing: 0.5px;
  cursor: pointer;
  border-right: 1px solid #cdcaca;
}
.product-categories{
  margin-bottom: 0;
  padding: 0px 10px 0px 12px;
}
.product-categories li{
  border-bottom: 1px solid #00000099;
}
.product-categories li:hover a{
  color: var(--color-yellow);
}
.product-categories li:last-child{
  border-bottom: none;
}
.product-categories a{
  font: 500 12px/20px var(--font-raleway);
  color: var(--color-black);
}
#cart_animate{
  padding: 6px 0;
  margin-top: 6px;
  border: 1px solid var(--color-yellow);
  border-radius: 0;
  min-width: 9rem;
}
/*----------search bar-----------*/
.widget_product_search button{
  border: none;
}
.widget_product_search button i{
  color: #717171;
}
.widget_product_search input{
  padding: 0;
  width: 85%;
  background-color: #F3F3F3;
  border: none;
}
.widget_product_search input::placeholder{
  font: 400 12px/33px var(--font-raleway);
  color: #8A8888;
}
.header-logo-box,.header-search-bar,.support-box{
  align-self: center;
}
.topbar-support-box i{
  color: #FFCC05;
  font-size: 35px;
}
.topbar-cart-icon i{
  font-size: 15px;
    color: #ffff;
}
.header-search-box i{
    font-size: 14px;
    top: 17px;
    color: #fff;
}
.topbar-support-title{
  font: bold 14px/14px var(--font-exo2);
  color: #0A0A0A;
}
.topbar-support-text a{
  font: 400 12px/16px var(--font-raleway);
  color: var(--color-black);
}
.topbar-social-icons i.fa.fa-search:after {
    color: #fff;
}
#topbar .user-icon i {
    font-size: 15px;
    color: #fdfafa;
}
/*------Tracking------------------*/
.order-track{
  cursor: pointer;
}
form.track_order {
  display: none;
}
.shipping-box:hover form.track_order {
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  position: absolute;
  top: 111%;
  display: block;
  background: #fff;
  padding: 15px;
  width: 350px;
  right: 1px;
  z-index: 3;
}
.order-track-hover form p{
  font-weight: 500;
}
.order-track-hover .woocommerce form .form-row{
  width: 100%;
}
/*----------------Translate----------------*/
.topbar_translate .switcher a img{
  display: none;
}
.topbar_translate .switcher .option{
  position: fixed;
  background-color: var(--color-white);
  padding: 5px 15px 5px 8px;
  width: 7%;
  border: 1px solid var(--color-yellow);
}
#topbar .topbar_translate .option a{
  color: var(--color-black) !important;
  border-bottom: 1px solid var(--color-black) !important;
}
#topbar .topbar_translate .option a:hover{
  color: var(--color-yellow) !important;
}
#topbar .topbar_translate .option a:last-child{
  border-bottom: none !important;
}
.topbar_translate .switcher{
  max-width: 100%;
}
.topbar_translate .switcher .selected,.switcher .selected a:hover{
  background: transparent !important;
}
.switcher .selected a{
  font: 500 16px/33px var(--font-raleway) !important;
  color: var(--color-white) !important;
  border: none !important;
  padding: 0px !important;
  max-width: 100% !important;
}
.topbar_translate .switcher a{
  font: 400 12px/25px var(--font-raleway);
}
.topbar_translate .switcher .selected a:after{
  content: "" !important;
  height: 30px !important;
  left: 60px !important;
}
/*---------------Currency Switch---------------*/
#alg_currency_select,#alg_currency_selector select{
  font: 500 16px/33px var(--font-raleway);
  color: var(--color-white) !important;
  background: transparent;
  border: none;
}
#alg_currency_select option{
  font: 400 14px/33px var(--font-raleway);
  color: var(--color-yellow);
}
.topbar_currency_switcher{
  padding-top: 3px;
}
#topbar .topbar-location a,.topbar-regiter a,.order-track,.my-account a span,.topbar-location,.topbar-regiter,.topbar-wishlist a{
  font: 500 16px/33px var(--font-raleway);
  color: var(--color-white);
}
.topbar-location{
  cursor: pointer;
}
/*--------------------cart Box-------------------*/
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 0;
  color: #000!important;
  font-size: 15px;
  font-family: roboto;
  font-weight: 700;
  padding: 12px;
}
li.woocommerce-mini-cart-item.mini_cart_item:last-child {
    border: none;
}
 #cart .quantity{
  display: block;
  margin-top: 20px;
}
.woocommerce-mini-cart__total{
  border-top: 1px solid #ebe9eb !important;
  border-bottom: 1px solid #ebe9eb !important;
  padding: 4px 5px 6px 22px !important;
}
.woocommerce-mini-cart__buttons a{
  width: 47%;
  text-align: center;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  right: 0;
  left: 87%;
}
#cart a, #cart strong, #cart .quantity, #cart .woocommerce-Price-amount {
    color: #000!important;
    font-size: 14px;
    font-family: roboto;
    font-weight: 700;
    line-height: 16px;
}
.woocommerce a.remove:hover{
  background: var(--color-yellow);
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  width: 55px;
  object-fit: cover;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  float: left;
  margin-right: 15px;
}
/*---------------------Footer-----------------------*/
.outer-footer {
    background-color: #2b2728;
}
.copyright-text p{
  font: 400 15px/23px var(--font-raleway);
  color: var(--color-white);
}
.copyright-text p a{
  color: var(--color-yellow);
}
.copyright-text p {
    text-align: center !important;
}
.last_copy_head{
  font-weight: 700 !important;
}
.widget_media_image img{
  width: auto;
}
.about_me span{
  font: 400 14px/20px var(--font-raleway);
  color: var(--color-black);
  letter-spacing: 0.2px;
}
.about_me i{
  color: var(--color-yellow);
  font-size: 14px;
}

.widget_nav_menu li{
  margin: 8px 0;
}
.widget_nav_menu a{
  font: 400 14px/30px var(--font-raleway);
  letter-spacing: 0.71px;
  color: var(--color-black) !important;
}
.widget_nav_menu .current_page_item{
  background: transparent;
  color: #4c4949;
}
/*-------------------newsletter------------*/
#bwt-footer_box .wpcf7 input[type="url"],#bwt-footer_box .wpcf7 input[type="email"],
#bwt-footer_box .wpcf7 input[type="tel"]{
  width: 90%;
  padding: 10px;
  font-size: 15px;
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  font: 400 15px/18px var(--font-raleway);
  color: var(--color-placeholder);
  border: 1px solid #ada6a6;
  border-radius: 10px;
}
#bwt-footer_box .wpcf7 input[type="email"]::placeholder{
  color: #ada6a6;
  font: 400 13px/22px var(--font-raleway);
}
#bwt-footer_box [type=submit]{
  position: absolute;
  right: 0;
  left: auto;
  top: 0px;
  font: bold 13px/22px var(--font-exo2);
  color: var(--color-white);
  background: var(--color-yellow);
  padding: 8px 22px;
  border: 1px solid var(--color-yellow);
  font: bold 13px/22px var(--font-exo2);
  letter-spacing: 0.58px;
  border-radius: 10px;
  width: 30%;
}
#bwt-footer_box form{
  position: relative;
}
aside:nth-child(2) h3{
  margin-top: 20px !important;
}
.icon-fill::before {
  transition-duration: 0.5s;
  box-shadow: inset 0 0 0 60px #000;
}
.icon-fill:hover::before {
  box-shadow: inset 0 0 0 60px #fff;
}
.icon-fill:hover i{
  color: var(--color-black);
}

.social_icon i{
  position: relative;
  transition: all 0.25s ease;
}
.topbar-social-icons .social_icon:hover i {
  color: var(--color-yellow);
}
.footer-social-icon .social_icon:hover i {
  color: #ffffff;
  background-color: var(--color-red);
  border: 1px solid var(--color-red);
}
.footer-social-icon a i{
  color: #939090;
  border-radius: 50%;
  border: 1px solid #939090;
  padding: 11px 11px;
}
.footer-social-icon .social_icon .fa-twitter, .footer-social-icon .social_icon .fa-youtube-play{
  padding: 11px 11px;
  background-color: #2b2728;
}
.footer-social-icon .social_icon .fa-facebook-f, .footer-social-icon .social_icon .fa-vimeo{
    padding: 11px 13px;
    background-color: #2b2728;
}
.footer-social-icon .social_icon {
    padding-right: 14px;
}
/*----------Return To Top------------*/
#return-to-top{
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 99;
  background-color: var(--color-red);
}
#return-to-top i{
  color: var(--color-white);
  position: relative;
  top: 13px;
  padding: 3px 16px;
  font-size: 19px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.textwidget ul li a:hover{
  color: var(--color-white);
}
 .search {
   width: 300px;
   height: 90px;
   position: relative;
   overflow: hidden;
}
 .search-input {
   width: 100%;
   height: 100%;
   padding: 0 65px 25px 60px;
   position: absolute;
   z-index: 1;
   border: none;
   outline: none;
   background-color: rgba(255, 255, 255, .15);
   color: #ddd;
   font-size: 28px;
   letter-spacing: 0.3px;
   transform-origin: 10%;
   transform: scaleX(0);
   font-family: 'PT Sans', sans-serif;
}
 .search-button {
   position: absolute;
   right: 60px;
   bottom: 33px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   border: 3px solid #fff;
   background-color: transparent;
   cursor: pointer;
   outline: none;
   transform: rotate(45deg);
   -webkit-tap-highlight-color: transparent;
}
 .search-button::-moz-focus-inner {
   border: 0;
}
 .search-label {
   position: absolute;
   top: 0;
   left: 60px;
   width: 325px;
   height: 77px;
   line-height: 95px;
   color: #ddd;
   font-size: 28px;
   letter-spacing: 0.3px;
   pointer-events: none;
   overflow: hidden;
}
 .search-label div {
   white-space: pre;
}
 .search-border {
   width: 25px;
   height: 3px;
   position: absolute;
   right: 47px;
   bottom: 32px;
   transform: rotate(45deg);
   background-color: #fff;
   cursor: pointer;
}
 .search-text {
   opacity: 0;
   pointer-events: none;
}
 .search:before {
   content: '';
   position: absolute;
   width: 3px;
   height: 18px;
   left: 40px;
   top: 40px;
   background-color: #fff;
   opacity: 0;
   transition: opacity 0.3s;
}
 .search.edge:before {
   opacity: 1;
}
 .search-close {
   position: absolute;
   right: 15px;
   top: 5px;
   z-index: 5;
   color: #fff;
   font-size: 24px;
   cursor: pointer;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.4s;
}
 .search-close.visible {
   opacity: 1;
   pointer-events: auto;
   transition-delay: 0.4s;
}
 input::-ms-clear {
   display: none;
}
#bwt-footer .widget-title{
  font-size: 20px;
    color: #fac717;
    font-weight: 500;
    font-family: "Jost";
    text-align: center;
}
#bwt-footer  .widget_media_image {
    text-align: center;
}
#bwt-footer aside .textwidget p, #bwt-footer aside .textwidget {
    margin: 16px 0px 25px 0px;
    font: 400 14px/20px var(--font-jost);
    letter-spacing: 0.7px;
    color: var(--color-white) !important;
    text-align: center;
}
#bwt-footer .row.footer-details {
    justify-content: center;
}
#menu-footer-menu-1{
  display: flex;
  justify-content: center;
  padding: 25px 0;
}
#menu-footer-menu-1 .current_page_item a{
  font-size: 17px;
  color: #fac717 !important;
  font-weight: 400;
  font-family: "Jost";
}
#menu-footer-menu-1 .menu-item a {
    font-size: 17px;
    color: #f1f1ee;
    font-weight: 400;
    margin: 0 16px;
    font-family: "Jost";
    cursor: pointer;  
}