.sliding-topbar {
background-color: #031424;
}
.topbar_text{
color: white;
display: inline-block;
width: 100%;
}
.topbar_text i {
font-size: 3px;
padding: 10px 10px;
}
.simple-marquee-container {
width: 100%;
background: grey;
float: left;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
height: 45px;
position: relative;
cursor: pointer;
}
.simple-marquee-container .marquee-sibling {
padding: 0;
background: rgb(61, 61, 61);
width: 20%;
height: 45px;
line-height: 42px;
font-size: 12px;
font-weight: normal;
color: #ffffff;
text-align: center;
float: left;
left: 0;
z-index: 2000;
}
.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
display: inline-block;
white-space: nowrap;
position:absolute;
}
.simple-marquee-container .marquee{
margin-left: 25%;
}
.simple-marquee-container .marquee-content-items{
display: inline-block;
margin: 0;
position: relative;
}
.simple-marquee-container .marquee-content-items li{
display: inline-block;
line-height: 35px;
color: #fff;
}
.simple-marquee-container .marquee-content-items li:after{
content: "";
}
.sliding-topbar {
background-color: #031424;
padding: 9px 0;
}
#topbar{
background-color: white;
border-bottom: 2px solid #d2d2d2;
}
.topbar-note, .my_account_box a, .need_help_box span, .need_help_box a {
padding-right: 28px;
font: 600 14px/24px var(--font-archivo);
color: black;
}
.top_social a i {
color: black;
padding-right: 15px;
font-size: 12px;
}
.top_social {
padding-right: 2.5em;
border-right: 2px solid #d2d2d2;
}
.topbar_translate{
padding-left: 2.5em;
}
.location-box {
background-color: var(--color-031424);
padding: 7px 10px;
border-radius: 7px;
}
.location-box {
color: white;
line-height: 16px;
}
.location-box i {
font-size: 1.5em;
margin-right: 10px;
}
.topbar-location-title, .topbar-location-text {
font-size: 10px;
}
.topbar-location-text {
font-weight: 600;
} .side_search {
width: 60%;
text-align: right;
height: 100%;
display: flex;
align-items: center;
}
.search_form {
width: 100%;
} .site-location {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 9999999;
opacity: 0;
visibility: hidden;
will-change: opacity;
-webkit-transition: all 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-location.active {
opacity: 1;
visibility: visible;
}
.site-location.active .site-location-inner {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.site-location-inner {
max-width: 21rem;
width: 100%;
background-color: #fff;
padding: 1.25rem;
border-radius: 6px;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
will-change: opacity, transform;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
padding: 1.875rem;
}
.site-location-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-location-header .entry-title {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0;
line-height: 1;
color: black;
}
.site-location-header .site-location-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
width: 2.25rem;
height: 2.25rem;
border: 1px solid var(--color-border);
border-radius: 50%;
cursor: pointer;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-location-header .site-location-close i {
position: relative;
top: 1px;
color: black;
font-size: 18px;
border: 1px solid black;
padding: 8px 12px;
border-radius: 50%;
}
.site-location-header .site-location-close:hover {
background-color: var(--color-background-light);
border-color: transparent;
}
.site-location-items {
position: relative;
height: 21.6875rem;
overflow-y: scroll;
}
.site-location-body {
border-top: 1px solid var(--color-border);
margin-top: 1.25rem;
padding-top: 0.5rem;
}
.site-location-body .site-scroll {
position: relative;
}
.site-location-body .site-scroll.ps--active-y {
padding-right: 0.625rem;
}
.site-location-body .site-scroll.ps--active-y a {
padding-right: 0.625rem;
}
.site-location-body ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-location-body ul li {
display: block;
}
.site-location-body ul li + li {
border-top: 1px solid var(--color-border);
}
.site-location-body ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: currentColor;
font-size: 0.9375rem;
text-decoration: none;
padding: 0.625rem 0;
-webkit-transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
color: black;
}
.site-location-body ul li a span {
font-size: 0.8125rem;
color: #999;
}
.site-location-body ul li a:hover {
color: #000;
}
.site-location-body ul:hover a {
color: #bbb;
}
.site-location.active {
opacity: 1;
visibility: visible;
}
.site-location.active .site-location-inner {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
} #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;
}
.toggle-nav {
display: none;
}
.stickynavbar {
background-color: white !important;
box-shadow: 0 0 8px grey;
}
.sticky {
position: fixed;
top: 0px;
width: 100%;
left: 0;
z-index: 99;
margin: 0;
}
.sticky.stickynavbar div#cart_animate {
display: none;
}
.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;
}
.sticky .main-navigation ul {
text-align: center;
}
.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;
text-align: right;
}
.main-navigation li {
position: relative;
margin: 0 20px;
}
.main-navigation ul li a {
cursor: pointer;
font: 700 14px/20px var(--font-archivo);
color: black;
margin: 0 12px;
display: inline-block;
padding: 10px 0;
}
.main-navigation .current-menu-item.current_page_item a {
border-bottom: 5px solid black;
}
.main-navigation ul li:before{
color: black;
}
.main-navigation ul ul {  
display: none;
position: absolute;
left: 20%;
top: 50px;
background: white;
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 var(--color-yellow);
animation: flipInY 1s linear;
text-align: left;
}
.main-navigation ul ul li a{
font: 600 12px/20px var(--font-archivo);
text-transform: capitalize;
padding-left: 0;
}
.main-navigation ul ul li{
display: block;
margin: 0;
padding: 8px 2px;
border-bottom: 1px solid var(--color-yellow);
}
.main-navigation ul ul li:last-child{
border-bottom: 0;
}
.main-navigation .current-menu-item.current_page_item a,
.main-navigation .current-menu-item.current_page_item:before,
.main-navigation ul .current_page_item a{
color: black;
}
.menu-item-has-children:after{
position: relative;
content: '\f107';
top: 0;
right: 5px;
height: 100%;
color: black;
font-size: 12px;
font-weight: 600;
border-radius: 8px;
font-family: 'Font Awesome 5 Free';
transition-duration: 1.2s;
}
.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: black;
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;
}
.menu-item-has-children li:hover a{
margin-left: 5px;
transition-duration: 1s;
}
.middle-header-off-col{
display: none;
} #cart {
background: white;
width: 330px;
right: 0px;
top: 22px;
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: black;
}
.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: 500 14px/20px var(--font-hindmadurai);
color: white;
letter-spacing: 0.5px;
cursor: pointer;
border-right: 1px solid #cdcaca;
height: 100%;
background-color: var(--color-031424);
display: flex;
align-items: center;
}
.cat_togglee i {
padding-right: 6px;
}
.product-categories{
margin-bottom: 0;
}
.product-categories li {
border-bottom: 2px solid #E5E5E5;
padding: 16px 15px;
}
.product-categories li:hover a{
color: var(--color-yellow);
}
.product-categories li:last-child{
border-bottom: none;
}
.product-categories a{
font: 600 14px/20px var(--font-hindmadurai);
color: black;
}
#cart_animate{
padding: 0;
border: 2px solid #E5E5E5;
border-radius: 0;
min-width: 9rem;
width: 100%;
margin-top: 40px;
z-index: 9;
}
.page-template-home-page #cart_animate{
display: block;
} .widget_product_search button i {
color: black;
margin: 0 !important;
}
.widget_product_search button {
background-color: var(--color-yellow);
padding: 13px 17px;
border-radius: 5px;
border: none;
position: absolute;
right: 0;
top: 0;
}
form.woocommerce-product-search {
position: relative;
}
.widget_product_search input{
padding: 0;
width: 100%;
background-color: #F3F3F3;
border: none;
padding: 13px 10px;
border-radius: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.widget_product_search input::placeholder{
font: 400 12px/33px var(--font-archivo);
color: #8A8888;  
}
.header-logo-box{
align-self: center;
}
.topbar-cart-icon i{
font-size: 30px;
color: black;
}
.wishlist_view i, .user-icon i, .top-cart i {
font-size: 16px;
color: black;
}
.middle-header{
border-bottom: 1px solid #e7e5e5;
}
.side_search:after{
content: '';
background-color: #d2d2d2;
height: 100%;
width: 2px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
} .order-track{
cursor: pointer;
}
form.track_order {
display: none;
}
.shipping-box:hover form.track_order {
box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
position: absolute;
top: 34px;
display: block;
background: #fff;
padding: 15px;
width: 350px;
right: 1px;
z-index: 3;
left: 0;
}
.order-track-hover form p{
font-weight: 500;
}
.order-track-hover .woocommerce form .form-row{
width: 100%;
} .topbar_translate .switcher a img{
display: none;
}
.topbar_translate .switcher .option{
position: fixed;
background-color: white;
padding: 5px 15px 5px 8px;
width: 7%;
border: 1px solid var(--color-yellow);
}
#topbar .topbar_translate .option a{
color: black !important;
border-bottom: 1px solid 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%;
width: 84px;
}
.topbar_translate .switcher .selected,.switcher .selected a:hover{
background: transparent !important;
}
.switcher .selected a{
font: 600 14px/20px var(--font-archivo) !important;
color: black !important;
border: none !important;
padding: 0px !important;
max-width: 100% !important;
}
.topbar_translate .switcher a{
font: 400 12px/25px var(--font-archivo);
}
.topbar_translate .switcher .selected a:after {
content: "\f0d7" !important;
height: auto !important;
left: 51px !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
} #alg_currency_select,#alg_currency_selector select{
font: 600 14px/33px var(--font-archivo);
color: black !important;
background: transparent;
border: none;
}
#alg_currency_select option{
font: 400 14px/33px var(--font-archivo);
color: var(--color-yellow);
}
.topbar_currency_switcher{
padding-top: 3px;
}
#topbar .topbar-location a,.topbar-regiter a,.my-account a span,.topbar-location,.topbar-regiter,.topbar-wishlist a{
font: 400 14px/33px var(--font-archivo);
color: white;
}
.topbar-location{
cursor: pointer;
} .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 {
font-size: 14px;
font-family: roboto;
font-weight: 700;
line-height: 16px;
}
.woocommerce-mini-cart-item a {
color: black;
}
.woocommerce a.remove:hover{
background-color: 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;
} .bwt-copyright{
background-color: black;
}
.copyright-text p, .copyright-text p a, .copyright-text a, .copyright-text span{
font: 400 15px/23px var(--font-archivo);
color: white;
margin-bottom: 0;
display: inline;
}
.last_copy_head{
font-weight: 700 !important;
}
.widget_media_image img{
width: auto;
}
#bwt-footer aside .textwidget p,
#bwt-footer aside .textwidget{
margin: 16px 0px 25px 0px;
font: 400 12px/20px var(--font-archivo);
letter-spacing: 0.7px;
color: var(--color-grey) !important;
}
.about_me span{
font: 400 14px/20px var(--font-archivo);
color: black;
letter-spacing: 0.2px;
}
.about_me i{
color: var(--color-yellow);
font-size: 14px;
}
.widget-title{
font: bold 18px/19px var(--font-archivo);
letter-spacing: 0.99px;
color: white;
text-transform: uppercase;
}
.widget_nav_menu li{
margin: 8px 0;
}
.widget_text{
color: white;
}
.widget_nav_menu a{
font: 400 14px/30px var(--font-archivo);
letter-spacing: 0.71px;
color: white;
}
.widget_nav_menu .current_page_item{
background: transparent;
color: #4c4949;
} #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: white;
border: 1px solid white;
font: 400 15px/18px var(--font-archivo);
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-archivo);
}
#bwt-footer_box [type=submit]{
position: absolute;
right: 0;
left: auto;
top: 0px;
font: bold 13px/22px var(--font-archivo);
color: white;
background-color: var(--color-yellow);
padding: 8px 22px;
border: 1px solid var(--color-yellow);
font: bold 13px/22px var(--font-archivo);
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::before, .icon::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
transition: all 0.25s ease;
border-radius: 30px;
}
.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: black;
}
.social_icon{
position: relative;
width: 30px;
height: 30px;
overflow: hidden;
}
.social_icon i{
position: relative;
transition: all 0.25s ease;
}
.footer-social-icon a i{
width: 30px;
height: 30px;
color: white;
padding: 13px 9px;
border-radius: 50%;
}  
.footer-social-icon a .fa-facebook-f{
padding: 13px 10px;
} #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: black;
}
#return-to-top i{
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: white;
}
.main-menu {
background-color: var(--color-yellow);
} .custom-social-icons span {
display: none;
}
.custom-social-icons a {
color: white;
padding-right: 14px;
font-size: 14px;
}
.custom-social-icons {
border-top: 1px solid white;
padding-top: 20px;
}
.footer-col1 {
padding-right: 69px;
} #footer-navigation ul li a {
color: white;
text-transform: uppercase;
font-weight: 600;
}
#footer-navigation ul li {
display: inline-block;
padding-right: 15px;
}
#footer-navigation ul li:last-child {
padding-right: 0px;
}
#footer-navigation{
text-align: right;
}
#menu-footer-menu {
margin-bottom: 0;
}
.copy_row{
border-top: 2px solid #354350;
}
#bwt-footer {
z-index: 9;
background-color: #0a1b2a;
}
#cart_animate .product-categories::-webkit-scrollbar-track{ }
#cart_animate .product-categories::-webkit-scrollbar{
width: 6px; }
#cart_animate .product-categories::-webkit-scrollbar-thumb{
background-color: #d5d1d1;
}
.copyright-text {
color: white;
font-size: 15px;
}