/** Shopify CDN: Minification failed
Line 9:0 "@charset" must be the first rule in the file
Line 9466:0 Unexpected "}"
**/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@charset "UTF-8";
.button-fill-one, .brator-product-single-frequently-total button, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added button, .brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-add button, .cart__empty-text, .cart-total-area .cart-total-process button, .brator-cart-checkout-right .brator-cart-checkout-back a, .brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields button, .brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single-btn button.ac-trigger, .brator-current-vehicle .brator-current-vehicle-content a, .brator-parts-search-box-area.design-two .brator-parts-search-box-form a, .brator-parts-search-box-area.design-two .brator-parts-search-box-form button, .brator-banner-area.design-two .brator-banner-content .brator-banner-content-action a, .brator-parts-search-box-area.design-one .brator-parts-search-box-form a, .brator-parts-search-box-area.design-one .brator-parts-search-box-form button, #ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-item-btn-cart button, .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn button,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn a, .brator-offer-box-two a, .brator-offer-box-one a, .brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form button.wpcf7-form-control.wpcf7-submit, .brator-newsletter-form.design-one .news-letter-form button, .brator-newsletter-box .brator-newsletter-box-content button.wpcf7-submit, .brator-contact-form-fields .brator-contact-form-field input[type=submit],
.brator-contact-form-fields .brator-contact-form-field button, .brator-footer-top-element .brator-sub-form button, .brator-cart-item-list .brator-cart-total-money .brator-cart-total-action button, .brator-cart-item-list .brator-cart-total-money .brator-cart-total-action a {
font-size: 16px;
font-weight: 700;
line-height: 16px;
background: var(--color-two);
border: 2px solid var(--color-two);
color: white;
padding: 15px 20px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
span.for_search {
margin-left: 49px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.brator-product-hero-content-info .brator-product-text svg {
height: 20px;
width: 20px;
}
.brator-product-header-layout .image-container.js-tabs__content.brator-product-img-tab-item.product__media-item.grid__item.slider__slide .product__media.media img {
width: 100%;
height: 100%;
max-height: 80%;
max-width: 80%;
}
.brator-header-menu-area.scroll-menu.open li.store_locator_menu:hover a {
color: #000 !important;
}
span.sinle_product_red_price {
color: #ee3524;
font-size: 20px;
font-weight: 700;
font-family: 'Inter' !important;
}
.brator-product-single-tab-list.js-tabs.side-tabbar.product_details_apps {
margin: 35px 0px 0px -20px;
}
.brator-product-single-item-price.strikethrough {
text-align: left !important;
padding: 2px 0px;
}
span.bold_price {
font-size: 18px;
font-family: 'Inter' !important;
font-weight: 500 !important;
color: #000 !important;
}
span.cut_price {
font-size: 11px;
font-weight: 400 !important;
font-family: 'Inter' !important;
color: #7a7a7a;
padding-left: 5px;
}
section#shopify-section-template--18031171305728__164699414255e45b69 .brator-categories-list-area.design-two a.lazyimage {
padding: 0px !important;
height: 150px !important;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
li.store_locator_menu:hover a {
color: #fff !important;
}
.fancybox-opened {
z-index: 8030;
}
.brator-product-hero-content-info .brator-product-text-area p span.metafield-multi_line_text_field {
font-size: 20px !important;
font-family: 'Inter' !important;
font-weight: 700 !important;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0,0,0,0.5);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.brator-product-header-layout-img .product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile .warrenty-and-year.wrt.singleproduct span.warranty_in_image {
left: 17px !important;
top: 2px !important;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
.brator-product-hero-content-info .brator-product-text:before{
display: none;
}
#shopify-section-header-two > div.brator-header-menu-area.dark-bg.cat-header.ss > div.container-xxxl.container-xxl.container > div > div.col-xxl-7.col-xl-7.xxl-dextop-none > div > div > ul > li:nth-child(2) {
display: none;
}
.brator-product-hero-content-info {
padding-left: 70px;
}
.year_emi_icon {
justify-content: space-between;
display: flex;
}
.year_meta_btn strong {
display: flex;
background-color: #ee3524;
justify-content: center;
align-items: center;
color: #fff !important;
font-size: 12px;
padding: 0px 12px;
font-family: 'Inter';
}
.year_meta_btn p {
padding: 0;
color: #fff;
margin: 0;
font-family: 'Inter' !important;
font-size: 10px;
font-weight: 700 !important;
text-transform: uppercase;
}
.product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile .year_meta_btn p {
font-size: 12px !important;
font-family: 'Inter' !important;
font-weight: 700 !important;
}
strong.warranty_new img {
width: 92px !important;
height: 38px !important;
}
div#product-grid .brator-product-single-item-area.splide__slide.design-two.pp-type-grid-area .brator-product-single-item-mini .multi_prdct_brand_warranty strong.warranty_new img {
width: 71px !important;
height: 29px !important;
}
.warrenty-and-year.wrt.singleproduct span.warranty_in_image {
left: 14px;
color: #fff;
font-size: 25px;
font-weight: 700;
top: 0px;
}
.collection-brand-image.singleproductbrand {
text-align: right;
}
.collection-brand-image.singleproductbrand img {
height: 40px !important;
width: 76px !important;
margin-bottom: 15px;
}
/* .brator-product-single-item-area .brator-product-single-item-title h5 a {
-webkit-line-clamp: unset!important;
} */
/* Remove arrows in number input for all browsers */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* For Firefox */
.quantity__input[type="number"] {
-moz-appearance: textfield;
}
.brator-product-shop-page-area .brator-product-add-to-cart-quanty.product-form__input.product-form__quantity.multiprod_qty button {
max-height: 22px!important;
border: 1px solid #000 !important;
display: flex;
width: 40px;
flex-direction: column;
justify-content: center!important;
align-items: center!important;
font-weight:300 !important;
}
.multi_prdct_brand_warranty {
margin-bottom: 5px;
}
.brator-product-shop-page-area .inner_qty_cart .quantity__input {
font-family: Inter;
text-align: center;
background-color: #ee3524;
width: 63px;
color: #fff!important;
font-size: 30px;
font-weight: 800;
height: 44px!important;
}
.single_line_horizontal_rule_blank {
height: 1px;
background: #ee3524;
margin: 8px 0px 4px 0px;
}
/* .brator-product-shop-page-area .inner_qty_cart .innerbuttonqty {
border: 1px solid #ccc;
border-width: 1px 1px 1px 0px;
width: 40px;
height: 50px !important;
} */
.brator-product-shop-page-area .inner_qty_cart {
display: flex!important;
margin: 0 auto!important;
text-align: center!important;
justify-content: LEFT;
height: 47px;
gap: 6px;
}
.brator-product-shop-page-area .inner_qty_cart product-form.product-form {
height: 74px !important;
}
.brator-product-shop-page-area button.product-form__submit {
height: 44px!important;
border-radius: 0!important;
padding: 0 10px!important;
font-family: Inter !important;
font-weight: 700 !important;
font-size: 16px !important;
}
.brator-product-shop-page-area .product-list-items .brator-product-single-item-area {
padding-bottom: 20px;
text-align: center;
}
.collection-brand-image {
text-align: center;
}
img.brand_image_logo_custom {
height: 50% !important;
width: 50% !important;
}
.brator-product-add-to-cart-quanty.product-form__input.product-form__quantity.multiprod_qty button {
border: none !important;
background: unset !important;
font-size: 23px;
}
.brator-product-add-to-cart-quanty.product-form__input.product-form__quantity.multiprod_qty input#Quantity-template--18031171010816__1648098130ddf3c676 {
text-align: center !important;
}
.product-brand-image {
text-align: center; /* Center the brand image */
margin-bottom: 10px; /* Space below the brand image */
}
.product-brand-image img {
max-width: 100px; /* Adjust the size as needed */
height: auto;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added button{ text-align:center; padding:0px;}
img.part-banner {
width: 100%;
}
.loader-wrap {
z-index: 9999 !important;
}
.button-fill-one:hover, .brator-product-single-frequently-total button:hover, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added button:hover, .brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-add button:hover, .cart__empty-text:hover, .cart-total-area .cart-total-process button:hover, .brator-cart-checkout-right .brator-cart-checkout-back a:hover, .brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields button:hover, .brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single-btn button.ac-trigger:hover, .brator-current-vehicle .brator-current-vehicle-content a:hover, .brator-parts-search-box-area.design-two .brator-parts-search-box-form a:hover, .brator-parts-search-box-area.design-two .brator-parts-search-box-form button:hover, .brator-banner-area.design-two .brator-banner-content .brator-banner-content-action a:hover, .brator-parts-search-box-area.design-one .brator-parts-search-box-form a:hover, .brator-parts-search-box-area.design-one .brator-parts-search-box-form button:hover, #ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-item-btn-cart button:hover, .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn button:hover,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn a:hover, .brator-offer-box-two a:hover, .brator-offer-box-one a:hover, .brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form button.wpcf7-form-control.wpcf7-submit:hover, .brator-newsletter-form.design-one .news-letter-form button:hover, .brator-newsletter-box .brator-newsletter-box-content button.wpcf7-submit:hover, .brator-contact-form-fields .brator-contact-form-field input[type=submit]:hover,
.brator-contact-form-fields .brator-contact-form-field button:hover, .brator-footer-top-element .brator-sub-form button:hover, .brator-cart-item-list .brator-cart-total-money .brator-cart-total-action button:hover, .brator-cart-item-list .brator-cart-total-money .brator-cart-total-action a:hover {
background: var(--color-dark);
border: 2px solid var(--color-dark);
}
#shopify-section-template--15780117807360__164699414255e45b69 .brator-categories-list-area {
padding-top: 0 !important;
}
.width-100-pe {
width: 100%;
}
.brator-header-top-bar-area.design-one {
padding: 15px 0 !important;
}
.flex-start-start {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.flex-center-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex-between-center {
display: flex;
justify-content: space-between;
align-items: center;
}
.flex-end-end {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.flex-end-center {
display: flex;
justify-content: flex-end;
align-items: center;
}
.flex-start-center {
display: flex;
justify-content: flex-start;
align-items: center;
}
.d-flex-wrap {
flex-wrap: wrap;
}
.button-one {
padding: 5px 20px;
margin: 0;
font-size: 16px;
font-weight: 600;
font-family: var(--title-font);
line-height: 28px;
}
.button-two {
padding: 15px 50px;
margin: 0;
font-size: 16px;
font-weight: 600;
font-family: var(--title-font);
line-height: 28px;
background: var(--color-dark);
color: var(--color-white);
}
.ul-reset {
padding: 0px;
margin: 0px;
}
.ul-reset li {
list-style: none;
}
.background-cover {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.background-contain-center {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.background-center-cover-fixed {
background-position: center;
background-size: cover;
background-attachment: fixed;
}
.background-cover-no-repeat-left-top {
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}
.background-cover-no-repeat-right-bottom, .brator-offer-box-two, .brator-offer-box-one {
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
.element-after {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 2px;
}
.sf__sub-menu-link2 svg {
background: var(--color-two);
fill: #fff;
width: 1.3em;
height: 1.3em;
font-size: 17px;
padding: 4px;
border-radius: 3px;
}
.element-overlay {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
}
input:not([type=checkbox]) {
background: var(--color-white);
padding: 13px;
border: 0px;
width: 100%;
}
.square-box {
border: 8px solid var(--color-light-four);
background: transparent;
display: block;
width: 50px;
height: 50px;
}
.over-back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.button-three {
border: 1px solid var(--color-light-four);
padding: 12px 40px;
font-size: 20px;
text-transform: capitalize;
font-weight: 600;
}
.transparent-buton-one-radius {
background: transparent;
color: var(--color-dark);
border: 2px solid var(--color-dark);
font-weight: 600;
text-align: center;
padding: 10px 30px;
margin-bottom: 0;
cursor: pointer;
min-width: 180px;
border-radius: 30px;
}
.fill-buton-one-radius {
background: var(--color-dark);
color: var(--color-white);
border: 2px solid var(--color-dark);
min-width: 180px;
font-weight: 600;
text-align: center;
padding: 10px 30px;
margin-bottom: 0;
cursor: pointer;
border-radius: 30px;
}
.icon-btn-two {
position: relative;
padding-left: 65px;
}
.icon-btn-two:hover .span-icon {
box-shadow: 0 0 5px 5px var(--color-shado-color);
}
.icon-btn-two .span-icon {
position: absolute;
width: 52px;
height: 52px;
border-radius: 50%;
border: 2px solid var(--color-dark);
background: transparent;
left: 0;
top: 0;
color: var(--color-dark);
line-height: 57px;
font-size: 21px;
text-align: center;
display: block;
}
.round-icon {
width: 52px;
height: 52px;
border-radius: 50%;
border: 2px solid var(--color-dark);
background: transparent;
left: 0;
top: 0;
color: var(--color-dark);
line-height: 57px;
font-size: 21px;
text-align: center;
margin-right: 15px;
}
.round-icon:last-child {
margin-right: 0;
}
.round-icon:hover {
box-shadow: 0 0 5px 5px var(--color-shado-color);
}
.big-device-hide {
display: none;
}
.main-popup-form-area.design-one {
max-width: 637px;
margin: 0 auto;
background: #fff;
position: relative;
padding: 60px;
margin-top: 50px;
}
.main-popup-form-area.design-one .main-popup .main-popup-form-header .section-title h2 {
font-size: 35px;
}
.main-popup-form-area.design-one .main-popup .main-popup-form-header .section-title p {
margin-top: 5px;
margin-bottom: 0;
font-size: 16px;
}
.item-animate-y {
-webkit-animation-name: item-animate-y;
animation-name: item-animate-y;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.item-animate-x {
-webkit-animation-name: item-animate-x;
animation-name: item-animate-x;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.input-style-one, .brator-footer-top-element .brator-sub-form input, .brator-search-area .search-form input {
border-width: 1px;
border-color: var(--color-light-two);
border-style: solid;
border-radius: 4px;
background-color: var(--color-light);
font-size: 14px;
}
.input-style-one::-moz-placeholder, .brator-footer-top-element .brator-sub-form input::-moz-placeholder, .brator-search-area .search-form input::-moz-placeholder {
color: #999999;
}
.input-style-one:-ms-input-placeholder, .brator-footer-top-element .brator-sub-form input:-ms-input-placeholder, .brator-search-area .search-form input:-ms-input-placeholder {
color: #999999;
}
.input-style-one::placeholder, .brator-footer-top-element .brator-sub-form input::placeholder, .brator-search-area .search-form input::placeholder {
color: #999999;
}
.input-style-two, .brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input, .brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form span.wpcf7-form-control-wrap.email input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email, .brator-newsletter-form.design-one .news-letter-form input, .brator-newsletter-box .brator-newsletter-box-content span.wpcf7-form-control-wrap.email input.wpcf7-email, .brator-contact-form-fields .brator-contact-form-field textarea, .brator-contact-form-fields .brator-contact-form-field input {
font-size: 15px;
color: #999999;
line-height: 1.857;
border-radius: 4px;
border: 1px solid #cccccc;
padding: 12px 17px;
height: 52px;
}
.input-style-two::-moz-placeholder, .brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input::-moz-placeholder, .brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form span.wpcf7-form-control-wrap.email input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::-moz-placeholder, .brator-newsletter-form.design-one .news-letter-form input::-moz-placeholder, .brator-newsletter-box .brator-newsletter-box-content span.wpcf7-form-control-wrap.email input.wpcf7-email::-moz-placeholder, .brator-contact-form-fields .brator-contact-form-field textarea::-moz-placeholder, .brator-contact-form-fields .brator-contact-form-field input::-moz-placeholder {
color: #999999;
}
.input-style-two:-ms-input-placeholder, .brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input:-ms-input-placeholder, .brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form span.wpcf7-form-control-wrap.email input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:-ms-input-placeholder, .brator-newsletter-form.design-one .news-letter-form input:-ms-input-placeholder, .brator-newsletter-box .brator-newsletter-box-content span.wpcf7-form-control-wrap.email input.wpcf7-email:-ms-input-placeholder, .brator-contact-form-fields .brator-contact-form-field textarea:-ms-input-placeholder, .brator-contact-form-fields .brator-contact-form-field input:-ms-input-placeholder {
color: #999999;
}
.input-style-two::placeholder, .brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input::placeholder, .brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form span.wpcf7-form-control-wrap.email input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder, .brator-newsletter-form.design-one .news-letter-form input::placeholder, .brator-newsletter-box .brator-newsletter-box-content span.wpcf7-form-control-wrap.email input.wpcf7-email::placeholder, .brator-contact-form-fields .brator-contact-form-field textarea::placeholder, .brator-contact-form-fields .brator-contact-form-field input::placeholder {
color: #999999;
}
textarea {
font-family: var(--title-font);
}
textarea::-moz-placeholder {
color: #999999;
}
textarea:-ms-input-placeholder {
color: #999999;
}
textarea::placeholder {
color: #999999;
}
.brator-review {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-review svg {
font-size: 14px;
}
.brator-review svg.d-active {
fill: #cccccc;
}
.brator-review svg.active {
fill: #ffba00;
}
.brator-review-text p {
font-size: 14px;
color: #999999;
margin-bottom: 0;
margin-left: 10px;
font-weight: 300;
position: relative;
top: 1px;
}
.splide__pagination li {
background: #ececf2;
opacity: 1;
display: grid;
height: 24px;
width: 24px;
display: flex !important;
align-items: center;
justify-content: center;
}
.splide__pagination li button {
height: 10px;
width: 10px;
background-color: #cccccc;
}
.splide__pagination li button.is-active {
transform: scale(1);
background-color: var(--color-two);
}
.splide__pagination li:last-child {
width: 27px;
padding-right: 3px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.splide__pagination li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
width: 27px;
padding-left: 3px;
}
.a-batch-one, .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review .product-batch.off-batch, .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review .product-batch.yollow-batch, .yollow-batch, .brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left .stock-out-batch, .brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left .off-batch, .brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left .yollow-batch {
border-radius: 3px;
background-color: var(--color-two);
font-size: 12px;
line-height: 12px;
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 5px 10px;
}
.input-checkbox-one, .brator-contact-form-fields .brator-contact-form-field-info {
position: relative;
}
.input-checkbox-one input, .brator-contact-form-fields .brator-contact-form-field-info input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.input-checkbox-one input[type=checkbox]:checked + span::after, .brator-contact-form-fields .brator-contact-form-field-info input[type=checkbox]:checked + span::after {
background-color: var(--color-two);
border-color: var(--color-two);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
}
.input-checkbox-one span, .brator-contact-form-fields .brator-contact-form-field-info span {
position: relative;
font-size: 14px;
color: #666666;
padding-left: 30px;
}
.input-checkbox-one span::before, .brator-contact-form-fields .brator-contact-form-field-info span::before {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: white;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: -2px;
}
.input-checkbox-one span::after, .brator-contact-form-fields .brator-contact-form-field-info span::after {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: white;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: -2px;
}
.input-checkbox-two, .product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single {
position: relative;
}
.input-checkbox-two input, .product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox input, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.input-checkbox-two input[type=checkbox]:checked + .arow-check-right::after, .product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox input[type=checkbox]:checked + .arow-check-right::after, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single input[type=checkbox]:checked + .arow-check-right::after {
background-color: var(--color-two);
border-color: var(--color-two);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
}
.input-checkbox-two .arow-check-right, .product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox .arow-check-right, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single .arow-check-right {
position: relative;
font-size: 14px;
color: #666666;
padding-left: 30px;
}
.input-checkbox-two .arow-check-right::before, .product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox .arow-check-right::before, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single .arow-check-right::before {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: white;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: -2px;
}
.input-checkbox-two .arow-check-right::after, .product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox .arow-check-right::after, .brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single .arow-check-right::after {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: white;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: -2px;
}
@-webkit-keyframes item-animate-y {
0% {
transform: translateY(-20px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(-20px);
}
}
@keyframes item-animate-y {
0% {
transform: translateY(-20px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(-20px);
}
}
@-webkit-keyframes item-animate-x {
0% {
transform: translateX(-100px);
}
50% {
transform: translateX(-10px);
}
100% {
transform: translateX(-100px);
}
}
@keyframes item-animate-x {
0% {
transform: translateX(-100px);
}
50% {
transform: translateX(-10px);
}
100% {
transform: translateX(-100px);
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile {
padding-right: 0px!important;
}
.brator-product-hero-content-info {
padding-left: 0px;
}
.main-popup-form-area.design-one {
padding: 30px;
}
.main-popup-form-area.design-one .main-popup .main-popup-form-header .section-title h2::before {
width: 200px;
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.small-device-hide {
display: none;
}
.small-device-open {
display: block;
}
}
/*============================================
* 1. Base Css
* ===========================================*/
* {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-size: 100%;
line-height: 32px;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-family: var(--content-font);
text-rendering: optimizeLegibility;
word-wrap: break-word;
}
html {
height: 100%;
}
body {
height: 100%;
background: var(--color-white);
color: var(--color-dark);
overflow-x: hidden;
display: flex;
flex-direction: column;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill:hover, input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:focus {
outline: 0px;
}
button:focus, textarea {
outline: 0px;
}
select:focus {
outline: none;
}
a {
color: var(--color-dark);
display: grid;
word-wrap: break-word;
}
a:focus, a:hover, a:focus i, a:hover i {
text-decoration: none;
outline: 0px solid var(--color-two);
color: var(--color-two);
}
a {
display: inline-block;
}
img {
max-width: 100%;
height: auto;
}
u {
text-decoration: underline;
}
strike {
text-decoration: line-through;
}
small {
font-size: 80%;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-family: var(--title-font);
font-weight: 600;
margin: 0px;
transition: all 600ms ease;
line-height: 1.2;
}
h1 {
font-size: 2.5rem;
font-weight: 700;
}
h2 {
font-size: 2.2rem;
font-weight: 700;
}
h3 {
font-size: 1.95rem;
font-weight: 600;
}
h4 {
font-size: 1.65rem;
font-weight: 600;
}
h5 {
font-size: 1.45rem;
font-weight: 600;
}
h6 {
font-size: 1.25rem;
font-weight: 600;
}
p {
word-wrap: break-word;
font-size: 14px;
line-height: 1.5em;
line-height: 28px;
margin: 0 0 15px;
color: #666666;
}
p strong {
font-weight: 700;
}
b,
strong {
font-weight: 700;
color: var(--color-dark);
}
q {
quotes: "“" "”" "‘" "’";
}
sub {
bottom: -0.25em;
position: relative;
}
sup {
top: -0.5em;
position: relative;
}
del {
text-decoration: line-through;
}
mark,
ins {
background: var(--color-dark);
text-decoration: none;
color: var(--color-white);
padding: 0px 5px;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: var(--color-white);
background-color: var(--color-dark);
border-radius: 0.2rem;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 14px;
line-height: 1.42857143;
color: var(--color-dark);
white-space: pre-wrap;
word-wrap: break-word;
background-color: var(--color-white);
border-radius: 4px;
overflow: auto;
margin-top: 10px;
border: 1px solid var(--color-dark);
}
code {
color: var(--color-dark);
background: var(--color-light-five);
padding: 0px 5px;
}
abbr[title] {
border-bottom: 1px var(--color-dark) dotted;
}
abbr, acronym {
border-bottom: 1px dotted var(--color-dark);
cursor: help;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
acronym[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
ul,
ol {
margin: 1rem auto;
padding-left: 22px;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-top: 0;
margin-bottom: 0;
}
li {
word-wrap: break-word;
font-size: 18px;
line-height: 1.5em;
color: var(--color-dark);
}
dl {
display: block;
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
margin-inline-end: 0px;
margin-top: 0;
margin-bottom: 0.5rem;
}
dl dt {
font-weight: 700;
}
dl dd {
margin: 0 1.5em 0.5em;
}
svg {
width: 1em;
height: 1em;
font-size: 26px;
}
figure {
max-width: 100%;
}
select {
position: relative;
display: block;
width: 100%;
height: 52px;
border-radius: 3px;
background: var(--color-white);
padding: 10px 15px;
margin-bottom: 10px;
border-width: 1px;
border-color: #999999;
border-style: solid;
font-size: 17px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: 15px;
}
select:disabled {
border-color: #d4d4d4;
background-color: #f2f2f7;
}
table,
th,
td {
border: 1px solid #0d1b4c24 !important;
font-size: 15px;
text-align: center;
}
table a,
th a,
td a {
font-weight: 600;
}
th,
td {
padding: 7px;
font-size: 15px;
}
table {
border-collapse: separate;
margin-bottom: 10px;
margin-top: 10px;
border-spacing: 0;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
}
.screen-reader-text:focus {
background-color: var(--color-light-three);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--color-dark);
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.skip-link {
background: var(--color-light-three) !important;
visibility: visible;
box-shadow: inset 0px 0px 7px 3px var(--color-shado-color);
max-width: 210px;
font-weight: 700;
border: 1px solid var(--color-dark);
border-radius: 5px;
left: calc(50% - 105px) !important;
top: 40px !important;
text-align: center;
}
.wp-block-preformatted pre {
font-family: var(--content-font);
color: var(--color-dark);
font-size: 16px;
}
@media (min-width: 600px) {
.wp-block-preformatted pre {
font-size: 14px;
}
}
.gallery-caption {
opacity: 1;
}
.gallery {
overflow-x: hidden;
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-1 .gallery-item {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-1 .gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-2 figure.gallery-item {
flex: 0 0 50%;
max-width: 50%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-2 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-3 figure.gallery-item {
flex: 0 0 33.333333%;
max-width: 33.333333%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-3 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-4 figure.gallery-item {
flex: 0 0 25%;
max-width: 25%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-4 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-5 figure.gallery-item {
flex: 0 0 20%;
max-width: 20%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-5 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-6 figure.gallery-item {
flex: 0 0 16.666667%;
max-width: 16.666667%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-6 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-7 figure.gallery-item {
flex: 0 0 14.2857143%;
max-width: 14.2857143%;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
.gallery-columns-7 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-8 figure.gallery-item {
flex: 0 0 12.5%;
max-width: 12.5%;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
.gallery-columns-8 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-9 figure.gallery-item {
flex: 0 0 11.1111111%;
max-width: 11.1111111%;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
.gallery-columns-9 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.wp-block-archives-dropdown select {
color: var(--color-dark);
background-color: var(--color-white);
border-color: var(--color-light-two);
max-width: 280px;
}
.wp-block-calendar table th {
background-color: var(--color-white);
}
.wp-block-calendar table,
.wp-block-calendar th,
.wp-block-calendar td {
border: 1px solid var(--color-dark) !important;
background-color: var(--color-white);
}
.wp-block-calendar tfoot a {
color: var(--color-dark);
}
.wp-block-latest-comments a {
color: var(--color-two);
}
.wp-block-latest-posts.has-dates li time {
width: 100%;
text-align: left;
padding: 10px 20px;
float: left;
padding-top: 0;
}
.wp-caption-text {
list-style: outside none;
}
.bypostauthor {
list-style: outside none;
}
.aligncenter {
list-style: outside none;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.deafult-logo {
display: block;
text-align: center;
}
.wp-block-code {
font-family: var(--content-font);
font-size: 14px;
color: var(--color-white);
padding: 0.8em 1em;
border: 1px solid var(--color-dark);
border-radius: 4px;
}
.wp-block-embed figcaption {
color: var(--color-dark);
font-size: 14px;
text-align: center;
}
.wp-block-image figcaption {
color: var(--color-dark);
font-size: 14px;
text-align: center;
}
.wp-block-quote__citation {
color: var(--color-dark);
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal;
}
blockquote,
cite,
footer {
color: var(--color-dark);
font-size: 15px;
position: relative;
font-style: normal;
display: block;
}
blockquote[style*="text-align:right"], blockquote[style*="text-align: right"],
cite[style*="text-align:right"],
cite[style*="text-align: right"],
footer[style*="text-align:right"],
footer[style*="text-align: right"] {
border-left: none;
border-right: 0px solid var(--color-dark);
padding-left: 0;
padding-right: 1em;
}
blockquote[style*="text-align:center"], blockquote[style*="text-align: center"],
cite[style*="text-align:center"],
cite[style*="text-align: center"],
footer[style*="text-align:center"],
footer[style*="text-align: center"] {
border: none;
padding-left: 0;
}
blockquote.is-large, blockquote.is-style-large,
cite.is-large,
cite.is-style-large,
footer.is-large,
footer.is-style-large {
border: none;
}
blockquote:not(.is-large):not(.is-style-large) {
position: relative;
margin-bottom: 30px;
padding: 30px 26px;
margin: 20px 0;
}
blockquote.has-text-color.has-very-dark-gray-color {
border-left: 4px solid var(--color-dark) !important;
padding-left: 20px !important;
}
.wp-block-pullquote blockquote {
position: relative !important;
margin-bottom: 0 !important;
padding: 0 !important;
border-left: 0px !important;
background-color: transparent !important;
margin: 0px 0 !important;
}
.wp-block-pullquote blockquote:before, .wp-block-pullquote blockquote:after {
content: none !important;
}
.wp-block-pullquote blockquote cite, .wp-block-pullquote blockquote footer {
padding-left: 0px;
border-left: 0px solid var(--color-two);
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
color: var(--color-white);
}
.wp-block-pullquote {
position: relative;
margin-bottom: 30px;
padding: 50px 50px 45px;
border-left: 0px;
margin: 20px 0;
border-top: 4px solid var(--color-dark);
border-bottom: 4px solid var(--color-dark);
color: var(--color-light);
text-align: left;
}
.wp-block-pullquote p {
word-wrap: break-word;
font-size: 18px;
line-height: 1.8em;
color: var(--color-light);
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
color: var(--color-dark);
font-size: 14px;
margin-top: 1em;
position: relative;
font-weight: 600;
font-style: normal;
display: block;
}
.wp-block-pullquote cite:after, .wp-block-pullquote footer:after {
content: "";
display: block;
width: 50px;
height: 2px;
background: var(--color-two);
margin-top: 10px;
}
.wp-block-pullquote.aligncenter {
text-align: center;
}
.wp-block-pullquote.aligncenter cite:after,
.wp-block-pullquote.aligncenter footer:after {
margin: 0 auto;
display: block;
float: none;
margin-top: 10px;
}
.wp-block-pullquote__citation {
color: var(--color-light);
text-transform: uppercase;
font-size: 13px;
font-style: normal;
}
.wp-block-audio {
margin: 10px auto;
}
.wp-block-audio audio {
margin-top: 30px;
display: block;
margin-bottom: 5px;
min-width: auto;
}
.wp-block-audio figcaption {
color: var(--color-dark);
}
.wp-block-audio figcaption {
color: var(--color-dark);
font-size: 13px;
text-align: center;
}
.wp-block-button {
position: relative;
z-index: 1;
margin: 10px 0;
}
.wp-block-button__link,
.wp-block-file__button {
line-height: 1.25;
background-color: var(--color-light-two);
color: var(--color-dark) !important;
font-weight: 600 !important;
font-size: 18px !important;
}
.wp-block-button__link:hover,
.wp-block-file__button:hover {
color: var(--color-two);
}
.is-style-outline {
color: var(--color-dark);
}
.wp-block-categories-list {
list-style: unset;
}
.wp-block-categories-list li a {
font-size: 18px;
line-height: 1.8em;
color: var(--color-light);
}
.wp-block-categories-list li:hover a {
color: var(--color-two);
}
.wp-block-embed__wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.wp-block-archives-list li {
color: var(--color-dark);
}
.wp-block-archives-list li a {
font-size: 18px;
line-height: 1.8em;
color: var(--color-dark);
font-weight: 600 !important;
}
.wp-block-archives-list li:hover a {
color: var(--color-two);
}
.wp-block-categories-list.aligncenter {
text-align: center;
}
.wp-block-categories-list.aligncenter li {
color: var(--color-dark);
list-style: outside none;
}
.wp-block-categories-list.aligncenter li a {
position: relative;
color: var(--color-dark);
font-weight: 600 !important;
}
.wp-block-categories-list.aligncenter li a::after {
position: absolute;
content: "";
left: -18px;
top: 17px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--color-dark);
}
.wp-block-search .wp-block-search__label {
font-weight: 700;
}
.wp-block-group.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 15px;
}
.has-large-font-size {
font-size: 25px;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid var(--color-two);
margin: 1.65em auto;
margin-left: 0;
clear: both;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 50px;
}
.wp-block-separator.is-style-dots:before {
color: var(--color-two);
}
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
td, th {
padding: 0.8em;
border: 1px solid #0d1b4c26 !important;
word-wrap: break-word;
font-size: 16px;
line-height: 19px;
}
iframe {
width: 100%;
}
.wp-block-video figcaption {
color: var(--color-dark);
font-size: 13px;
text-align: center;
}
.wp-block-latest-posts {
list-style: outside none;
padding-left: 0;
}
.wp-block-latest-posts li {
padding: 0;
background: var(--color-light-five);
margin-bottom: 16px;
font-size: 16px;
overflow: hidden;
}
.wp-block-latest-posts li a {
padding: 10px 20px;
width: 100%;
float: left;
display: block;
margin-bottom: 0;
}
.wp-block-search {
margin-bottom: 10px;
}
.wp-block-search .wp-block-search__input {
position: relative;
width: 100%;
height: 50px;
border: 1px solid #c1f8ff;
border-radius: 5px;
font-size: 16px;
padding: 10px 50px 10px 20px;
max-width: 300px;
color: var(--color-dark);
margin-right: 10px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
background: transparent;
}
.wp-block-search button {
position: relative;
display: block;
margin-left: 0px !important;
margin-top: 5px !important;
width: 100%;
max-width: 120px;
height: 50px;
border: 1px solid var(--color-light-two);
border-radius: 10px;
background: var(--color-light-three);
padding: 10px 15px;
transition: all 600ms ease;
color: var(--color-dark);
cursor: pointer;
font-family: var(--title-font);
font-size: 16px;
box-shadow: inset 0px 0px 7px 3px var(--color-shado-color);
font-weight: 600;
}
.wp-block-search button:hover {
color: var(--color-two);
}
button {
cursor: pointer;
}
.post-password-form label {
display: inline-block;
}
.post-password-form input[type=password] {
position: relative;
width: 100%;
height: 50px;
border: 1px solid #c1f8ff;
border-radius: 5px;
font-size: 16px;
padding: 10px 50px 10px 20px;
max-width: 300px;
color: var(--color-dark);
margin-right: 10px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
background: transparent;
}
.post-password-form input[name=Submit] {
position: relative;
display: block;
margin-left: 0px !important;
margin-top: 5px !important;
width: 100%;
max-width: 120px;
height: 50px;
border: 1px solid var(--color-light-two);
border-radius: 10px;
background: var(--color-light-three);
padding: 10px 15px;
transition: all 600ms ease;
color: var(--color-dark);
cursor: pointer;
font-family: var(--title-font);
font-size: 16px;
box-shadow: inset 0px 0px 7px 3px var(--color-shado-color);
font-weight: 600;
}
.post-password-form input[name=Submit]:hover {
color: var(--color-two);
}
.mejs-time {
padding: 3px !important;
}
.wp-block-cover-text {
color: var(--color-white) !important;
font-size: 22px !important;
}
.wp-block-cover-text strong {
color: var(--color-white);
}
.wp-block-cover,
.wp-block-cover-image {
margin-bottom: 10px;
}
.alignwide {
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
width: auto;
max-width: 1000%;
}
.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
}
.alignleft {
display: inline;
float: left;
margin-right: 1.45em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.45em;
}
.with-sidebar-blog .wp-block-image.alignfull {
background: var(--color-light-three);
padding: 20px 0;
}
.with-sidebar-blog .alignwide {
margin-left: 0;
margin-right: 0;
max-width: 1000%;
}
.with-sidebar-blog .alignfull {
width: auto;
margin-left: 0;
max-width: 100%;
}
.with-sidebar-blog .alignfull img {
width: 100%;
}
.with-sidebar-blog .wp-block-media-text.alignfull.has-media-on-the-right {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.with-sidebar-blog .wp-block-media-text.alignfull.has-media-on-the-right::after {
content: "";
display: block;
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background: var(--color-light-three);
z-index: -1;
}
blockquote {
border-left: 2px solid var(--color-dark);
background-color: var(--color-light-five);
}
.preloader {
background: var(--color-white);
position: fixed;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.preloader .preloader-content .brator-site-title {
font-size: 40px;
font-weight: 600;
margin-bottom: 0;
}
.preloader .preloader-content .brator-site-description {
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
}
.preloader-area {
background: var(--color-white);
position: fixed;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.preloader-area .preloader-content .brator-site-title {
font-size: 40px;
font-weight: 600;
margin-bottom: 0;
}
.preloader-area .preloader-content .brator-site-description {
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
}
.preloader-area .preloader-content span {
color: var(--color-shado-color);
position: relative;
font-weight: 600;
font-size: 60px;
text-transform: capitalize;
}
.preloader-area .preloader-content span::before {
font-weight: 600;
font-size: 60px;
text-transform: capitalize;
content: attr(data-text);
width: 100%;
color: var(--color-dark);
position: absolute;
top: 31;
left: 0;
-webkit-animation: preloader 5s ease-in-out infinite both;
animation: preloader 5s ease-in-out infinite both;
}
@-webkit-keyframes preloader {
0%, 10%, 90%, 100% {
-webkit-clip-path: circle(0 at 50% 50%);
clip-path: circle(0 at 50% 50%);
}
40%, 60% {
-webkit-clip-path: circle(50vmax at 50% 50%);
clip-path: circle(50vmax at 50% 50%);
}
}
@keyframes preloader {
0%, 10%, 90%, 100% {
-webkit-clip-path: circle(0 at 50% 50%);
clip-path: circle(0 at 50% 50%);
}
40%, 60% {
-webkit-clip-path: circle(50vmax at 50% 50%);
clip-path: circle(50vmax at 50% 50%);
}
}
.brator-section-header.text-center .brator-section-header-title {
width: 100%;
}
.brator-section-header.text-center .brator-section-header-title h2 {
text-align: center;
margin-right: 0;
padding-right: 0;
margin-bottom: 0px;
}
.brator-section-header.text-left .brator-section-header-title {
width: 100%;
}
.brator-section-header.text-left .brator-section-header-title h2 {
text-align: left;
margin-right: 0;
}
.brator-section-header.text-right .brator-section-header-title {
width: 100%;
}
.brator-section-header.text-right .brator-section-header-title h2 {
text-align: right;
margin-right: 0;
}
.brator-section-header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px;
}
.brator-section-header h2 {
font-size: 30px;
color: var(--color-dark);
font-weight: 600;
margin-right: 35px;
}
.brator-section-header a {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 14px;
color: #666666;
line-height: 1.571;
min-width: 101px;
}
.brator-section-header a svg {
font-size: 16px;
position: relative;
top: 2px;
margin-left: 10px;
}
.brator-section-header a:hover {
color: var(--color-two);
}
.plan-pixel-area {
display: block;
width: 100%;
height: 1px;
background: #e5e5e5;
}
.splide__arrows.style-one .splide__arrow {
border-radius: 4px;
background-color: #f0f0f0;
left: auto;
right: 0;
top: -50px;
bottom: auto;
}
.splide__arrows.style-one .splide__arrow:hover {
background-color: var(--color-two);
}
.splide__arrows.style-one .splide__arrow:hover svg {
fill: #fff;
}
.splide__arrows.style-one .splide__arrow svg {
font-size: 13px;
}
.splide__arrows.style-one .splide__arrow--prev {
right: 35px;
}
.splide__arrows.style-two .splide__arrow {
background-color: transparent;
}
.splide__arrows.style-two .splide__arrow svg {
font-size: 23px;
}
.splide__arrows.style-two .splide__arrow svg:hover {
fill: var(--color-two);
}
.splide__arrows.style-two .splide__arrow--prev {
left: -100px;
}
.splide__arrows.style-two .splide__arrow--next {
right: -100px;
}
::marker {
color: #999999;
}
button.scroll-top.open {
bottom: 85px;
opacity: 1;
visibility: visible;
}
button.scroll-top {
border-radius: 3px;
background-color: var(--color-two);
width: 50px;
height: 50px;
text-align: center;
border: 0;
position: fixed;
bottom: 0px;
right: 35px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
button.scroll-top svg {
fill: #fff;
font-size: 24px;
transform: rotate(180deg);
display: block;
margin: 0 auto;
position: relative;
top: 3px;
}
button.scroll-top span {
font-size: 11px;
color: #f6f7fa;
text-transform: uppercase;
display: block;
margin: 0 auto;
position: relative;
top: -7px;
}
.brator-header-area.header-one {
padding-top: 35px;
padding-bottom: 15px;
}
.brator-header-area.header-one .row {
align-items: center;
}
.brator-header-area.header-one .brator-info-right {
padding-top: 6px;
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-end;
}
.brator-header-area.header-one .brator-icon-link-text a {
display: flex;
align-items: center;
font-weight: 600;
}
.brator-header-area.header-one .brator-user-link {
padding-left: 30px;
margin-right: 30px;
margin-left: 30px;
position: relative;
}
.brator-header-area.header-one .brator-user-link::after {
content: "";
display: block;
position: absolute;
left: 0;
top: -9px;
height: 41px;
width: 1px;
background: #e5e5e5;
}
.brator-header-area.header-one .brator-user-link a {
display: grid;
font-weight: 600;
}
.brator-header-area.header-one .brator-user-link a svg {
position: relative;
top: -4px;
}
.brator-header-area.header-one .brator-cart-link {
position: relative;
}
.brator-header-area.header-one .brator-cart-link a {
font-weight: 600;
display: flex;
flex-wrap: wrap;
}
.brator-header-area.header-one .brator-cart-link a b {
font-weight: 600;
}
.brator-logo-area .brator-logo {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-logo-area .brator-logo a {
display: grid;
padding-top: 0px;
}
.brator-logo-area .brator-logo button {
padding: 0;
margin: 0;
border: 0;
background: transparent;
margin-right: 20px;
position: relative;
top: 4px;
}
.brator-logo-area .brator-logo button svg {
font-size: 35px;
transform: rotate(0deg);
}
.click-item-count {
margin-right: 16px;
position: relative;
width: 30px;
}
.click-item-count svg {
font-size: 26px;
}
.click-item-count span {
background: var(--color-two);
border-radius: 50%;
color: var(--color-white);
position: absolute;
width: 20px;
height: 21px;
line-height: 20px;
font-size: 11px;
text-align: center;
right: -2px;
bottom: 4px;
}
.brator-search-area .search-quly {
margin-top: 5px;
display: flex;
align-items: center;
}
.brator-search-area .search-quly p {
margin: 0;
font-size: 13px;
color: var(--color-dark);
font-weight: 700;
text-transform: uppercase;
margin-right: 13px;
}
.brator-search-area .search-quly a {
font-size: 13px;
color: #999999;
position: relative;
margin-right: 4px;
}
.brator-search-area .search-quly a:hover {
color: var(--color-dark);
text-decoration: underline;
}
.brator-search-area .search-quly a::after {
content: ",";
}
.brator-search-area .search-quly a:last-child::after {
display: none;
}
.brator-search-area .search-form {
position: relative;
}
.brator-search-area .search-form input {
width: 100%;
}
.brator-search-area .search-form button {
background: transparent;
position: absolute;
right: 0;
top: 0;
border: 0;
height: 100%;
width: 60px;
}
.brator-search-area .search-form button svg {
font-size: 22px;
}
.brator-header-menu-bg .brator-header-menu-area {
position: relative;
}
.brator-header-menu-bg .brator-header-menu-area .brator-mega-menu-close {
left: 20px;
}
.brator-header-menu-bg .brator-header-menu-area .close-menu-bg {
visibility: visible;
opacity: 1;
}
.brator-header-menu-area {
position: relative;
}
.brator-header-menu-area .brator-mega-menu-close {
z-index: 99;
padding: 5px;
border-radius: 50%;
width: 35px;
height: 35px;
display: block;
position: absolute;
left: -100px;
top: 70px;
font-size: 27px;
background: var(--color-two);
cursor: pointer;
transition: 0.4s;
}
.brator-header-menu-area .brator-mega-menu-close svg {
fill: #fff;
}
.brator-header-menu-area .close-menu-bg {
content: "";
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #00000080;
z-index: 2;
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
.brator-header-menu-area .brator-header-menu-with-info {
display: flex;
justify-content: space-between;
align-items: center;
/* position: relative; */
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu {
position: relative;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu a {
position: relative;
}
ul.list-style-outside-none li.down-menu:hover a {
background: linear-gradient(0deg, rgba(255, 71, 71, 0) 0%, rgba(158, 0, 22, 1) 100%);
}
li.down-menu:hover.n-menu a {
background: unset;
}
ul.list-style-outside-none li.down-menu:hover ul li.n-menu-child a {
background: unset;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li.n-menu.sf-menu-item-parent a.sf-menu-item-parent_a:hover {
color: #fff !important;
}
/* .brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li.n-menu-child a:hover {
color: #fff !important;
background: linear-gradient(90deg, rgba(244, 99, 102, 1) 0%, rgba(158, 0, 22, 1) 100%);
} */
/* .brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none ul li a:hover {
color: #fff !important;
background: linear-gradient(90deg, rgba(244, 99, 102, 1) 0%, rgba(158, 0, 22, 1) 100%);
} */
.open ul.list-style-outside-none li.down-menu:hover a {
background: unset;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu a svg {
fill: var(--color-dark);
font-size: 12px;
position: relative;
top: 2px;
margin-left: 4px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu:hover ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu:hover ul li a {
color: #000;
line-height: 15px;
font-weight: 600;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu:hover ul li:hover a {
color: var(--color-two);
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu ul {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: calc(100% + 10px);
width: 200px;
background: #fff;
z-index: 1;
border-radius: 3px;
padding: 0;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu ul li a {
width: 100%;
padding: 10px 20px;
position: relative;
cursor: pointer;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu ul li ul {
position: absolute;
left: 100% !important;
top: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu ul li ul li a {
color: #000 !important;
text-transform: uppercase;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu ul li:hover ul {
opacity: 1 !important;
visibility: visible !important;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.down-menu ul li:hover ul li a {
width: 100%;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0;
margin: 0;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .active .mega-menu-area {
opacity: 1;
visibility: visible;
top: 62px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-li {
position: static;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-li:hover .mega-menu-area {
opacity: 1;
visibility: visible;
top: 62px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-li:hover .mega-menu-area {
top: 51px !important;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-li:hover svg {
fill: var(--color-two);
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-li svg {
fill: var(--color-dark);
font-size: 12px;
position: relative;
top: 2px;
margin-left: 4px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li {
list-style: outside none;
position: relative;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li .mega-menu-area {
position: absolute;
left: 0;
top: 82px;
background: #fff;
padding: 15px;
width: 100%;
z-index: 999;
border: 1px solid #e5e5e5;
transition: 0.3s;
opacity: 0;
visibility: hidden;
color: #000;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li a {
font-size: 14px;
padding: 15px 15px;
color: var(--color-dark);
font-weight: 700;
text-transform: capitalize;
position: relative;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li a .count-hot-beg {
position: absolute;
top: 4px;
right: -10px;
font-size: 9px;
font-family: "Inter";
color: white;
font-weight: 600;
width: 33px;
height: 18px;
border-radius: 3px;
background-color: var(--color-two);
line-height: 17px;
text-align: center;
letter-spacing: 1px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li:hover a {
color: var(--color-two);
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li:first-child a {
padding: 15px 0px;
padding-right: 15px;
}
.brator-header-menu-info {
text-align: right;
padding: 15px 0px;
}
.brator-header-menu-info span {
font-size: 14px;
color: #999999;
font-weight: 400;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #e5e5e5;
}
.brator-header-menu-info a.phomeee {
padding-left: 5px;
}
.brator-header-menu-info a {
font-size: 14px;
padding: 0px 15px;
color: var(--color-dark);
font-weight: 700;
padding-right: 5px;
}
.brator-header-menu-info a:last-child {
padding-right: 0;
}
.brator-header-menu-info a:hover {
color: var(--color-two);
}
.brator-slide-menu-area {
overflow-y: auto;
position: fixed;
left: -100%;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.brator-slide-menu-area .brator-slide-menu-bg {
position: fixed;
left: -100%;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: #0000007a;
transition: 0.4s;
}
.brator-slide-menu-area .brator-slide-menu-close {
cursor: pointer;
width: 100%;
text-align: right;
padding: 20px;
}
.brator-slide-menu-area .brator-slide-menu-close svg {
fill: var(--color-two);
float: right;
}
.brator-slide-menu-items {
background: #fff;
padding-bottom: 50px;
}
.brator-slide-menu-items ul li a svg.open {
transform: rotate(180deg);
transition: 0.3s;
}
.brator-slide-menu-items ul .down-menu-child ul li a {
padding-left: 70px !important;
}
.brator-slide-menu-items ul .down-menu {
display: block;
}
.brator-slide-menu-items ul .down-menu a {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-slide-menu-items ul .down-menu a span {
right: 60px;
}
.brator-slide-menu-items ul .down-menu a svg {
background: var(--color-two);
fill: #fff;
width: 1.3em;
height: 1.3em;
font-size: 17px;
padding: 4px;
border-radius: 3px;
}
.brator-slide-menu-items ul .down-menu ul {
display: none;
}
.brator-slide-menu-items ul .down-menu .mega-menu-area ul {
display: block;
}
.brator-slide-menu-items ul .down-menu ul li a {
padding-left: 50px;
}
.brator-slide-menu-items ul .mega-menu-li a {
display: flex;
justify-content: space-between;
align-items: center;
background:none;
}
.brator-slide-menu-items ul .mega-menu-li a svg {
background: var(--color-two);
fill: #fff;
width: 1.3em;
height: 1.3em;
font-size: 17px;
padding: 4px;
border-radius: 3px;
}
.brator-slide-menu-items ul .mega-menu-li a svg[fill="#000000"] {
display: none;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area {
display: none;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area .mega-menu-offer {
display: none;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area .mega-menu-cat-list {
display: block;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a {
padding-left: 45px !important;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a span {
top: 0;
right: 0;
position: relative;
background: transparent;
width: auto;
font-size: 12px !important;
}
.brator-slide-menu-items ul {
padding: 0px;
margin: 0;
}
.brator-slide-menu-items ul li {
list-style: outside none;
width: 100%;
}
.brator-slide-menu-items ul li a {
width: 100%;
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px;
font-size: 14px;
font-weight: 600;
color: var(--color-dark);
text-transform: uppercase;
border-bottom: 1px solid #e9e9e9;
}
.brator-slide-menu-items ul li a span {
position: absolute;
top: 13px;
right: 25px;
font-size: 9px;
font-family: "Inter";
color: white;
font-weight: 600;
width: 33px;
height: 18px;
border-radius: 3px;
background-color: var(--color-two);
line-height: 17px;
text-align: center;
letter-spacing: 1px;
}
/* .brator-slide-menu-items ul li:hover a {
background: #fbfbfb;
}
*/
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none .sf-menu__banner-inner .brator-hot-box-button a {
padding: 10px!important;
margin-top: 10px;
border: none !important;
line-height: 22px !important;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none .sf-menu__banner-inner .best-choise-batch {
margin-top: 0;
margin-bottom: 10px;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none .sf-menu__banner-inner .best-choise-description {
font-weight: 600;
}
.brator-slide-logo-items {
padding: 30px 0;
border-bottom: 1px solid #e9e9e9;
}
.brator-slide-logo-items a {
width: 100%;
text-align: center;
}
.brator-slide-logo-items a img {
display: grid;
margin: 0 auto;
}
.brator-slide-logo-items button {
display: none;
}
.brator-slide-menu-content {
float: right;
max-width: 300px;
background: #fff;
width: 100%;
height: 100%;
z-index: 100;
position: fixed;
left: -30px;
top: 0;
overflow: auto;
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
.mobile-menu-open {
overflow-y: hidden;
padding-right: 0px;
}
.mobile-menu-open .brator-slide-menu-content {
left: 0;
opacity: 1;
visibility: visible;
}
.mobile-menu-open .brator-slide-menu-area {
opacity: 1;
visibility: visible;
left: 0%;
}
.mobile-menu-open .brator-slide-menu-area .brator-slide-menu-bg {
left: 0%;
transition: 0.4s;
}
.brator-cart-item-list.mini-cart-open {
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
}
.brator-cart-item-list {
position: absolute;
right: -20px;
top: 55px;
opacity: 0;
visibility: hidden;
border: 1px solid #e5e5e5;
width: 475px;
padding: 35px 25px;
background: #fff;
z-index: 2;
transform: translate(0px, 50px);
transition: 0.3s;
}
.brator-cart-item-list .brator-cart-item-list-header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px;
}
.brator-cart-item-list .brator-cart-item-list-header::after {
content: "";
position: absolute;
right: 0;
top: -46px;
border: 1px solid #e5e5e5;
width: 20px;
height: 20px;
background: #fff;
transform: rotate(45deg);
border-bottom: 0;
border-right: 0;
}
.brator-cart-item-list .brator-cart-item-list-header h2 {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
}
.brator-cart-item-list .brator-cart-item-list-header h2 span {
font-weight: 400;
color: #999999;
}
.brator-cart-item-list .brator-cart-item-list-header button.brator-cart-close {
background: transparent;
padding: 0px;
border: 0;
}
.brator-cart-item-list .brator-cart-item-list-item-area-me {
height: 300px;
overflow: auto;
padding-right: 10px;
margin: 10px 0px;
}
.brator-cart-item-list .brator-cart-item-list-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
margin-bottom: 15px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-img {
max-width: 100px;
width: 100%;
height: 100px;
display: flex;
align-items: center;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-img img {
display: grid;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title {
width: 100%;
padding-left: 15px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one a h2 {
font-size: 14px;
color: var(--color-dark);
font-weight: 500;
line-height: 20px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one a::before {
text-decoration: underline;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo {
display: flex;
justify-content: flex-start;
align-items: center;
color: var(--color-dark);
gap: 5px;
height: 17px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo h4 {
font-size: 15px;
line-height: 15px;
color: var(--color-dark);
font-weight: 500;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo h5 {
font-size: 15px;
line-height: 15px;
color: #999999;
font-weight: 500;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo h6 {
font-size: 15px;
line-height: 15px;
font-weight: 500;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo h6 span {
color: var(--color-one);
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo h6 span:last-child {
color: #999999;
text-decoration: line-through;
margin-left: 5px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion p {
font-size: 12px;
color: #999999;
margin-bottom: 0;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part a {
width: 20px;
height: 15px20px;
display: block;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part a svg {
font-size: 17px;
fill: #999999;
display: grid;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part a:hover svg {
color: #0066ff;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part button.cart-item-close {
display: block;
width: 20px;
height: 20px;
background: transparent;
padding: 0px;
border: 0;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part button.cart-item-close svg {
fill: #999999;
display: grid;
position: relative;
top: -5px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion .brator-cart-item-list-item-title-accetion-part button.cart-item-close:hover svg {
color: #0066ff;
}
.brator-cart-item-list .brator-cart-item-list-money-area {
margin: 30px 0;
}
.brator-cart-item-list .brator-cart-item-list-money-area .brator-cart-item-money {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-cart-item-list .brator-cart-item-list-money-area .brator-cart-item-money span {
font-size: 14px;
color: #666666;
}
.brator-cart-item-list .brator-cart-item-list-money-area .brator-cart-item-money span:last-child {
color: var(--color-dark);
}
.brator-cart-item-list .brator-cart-item-list-money-area .discount-me.brator-cart-item-money span:last-child {
color: var(--color-two);
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-header span {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
text-transform: capitalize;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action {
margin-top: 35px;
display: flex;
justify-content: space-between;
gap: 10px;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action a {
text-align: center;
width: 100%;
display: block;
padding: 15px 10px;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action #cart-notification-form {
width: 100%;
display: block;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action button {
text-align: center;
width: 100%;
display: block;
padding: 15px 10px;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action a:first-child {
background: var(--color-dark);
border-color: var(--color-dark);
}
.toast.toast-success {
background: var(--color-dark) !important;
border: 0px !important;
border-radius: 0 !important;
box-shadow: 0 !important;
opacity: 1 !important;
padding: 10px !important;
}
.toast.toast-success .toast-title {
font-size: 15px;
font-weight: 600;
}
.toast.toast-success .toast-message {
font-size: 14px;
font-weight: 500;
}
.mega-menu-area {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
mega-menu-area .mega-menu-cat-list {
width: 100%;
/* display: flex;
justify-content: flex-start;
align-items: flex-start; */
}
.mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area {
width: 100%;
}
.mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
height: 65px;
padding-left: 0 !important;
}
.mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a img {
width: 50px;
height: auto;
}
.mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a span {
margin-left: 15px;
font-size: 14px;
height: auto;
color: var(--color-dark);
}
.mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a:hover span {
text-decoration: underline;
}
.mega-menu-area .mega-menu-offer {
width: 100%;
max-width: 600px;
margin-left: 50px;
}
.mega-menu-area .mega-menu-offer .brator-offer-box-two h6 span:last-child {
margin-left: 5px;
}
.mega-menu-area .mega-menu-offer .brator-offer-box-two a {
margin-top: 50px;
max-width: 170px !important;
width: 100%;
color: #fff !important;
padding: 15px !important;
text-align: center;
}
.brator-header-menu-area.red-variant {
background: var(--color-one);
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none .count-hot-beg {
background: var(--color-dark);
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none .mega-menu-li svg {
fill: #fff;
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none .down-menu svg {
fill: #fff;
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none li a {
color: #fff;
padding: 15px 15px;
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none li:hover a {
color: #fff;
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none .down-menu:hover ul li:hover a {
color: var(--color-one);
}
.brator-header-menu-area.red-variant .brator-header-menu-info a {
color: #fff;
}
.brator-header-area.header-three.header-one {
padding: 30px 0;
}
.brator-header-area.header-three.header-one .brator-logo-area .brator-logo button {
display: none;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-icon-link-text {
margin-left: 35px;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-icon-link-text:first-child {
margin-left: 0;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-icon-link-text a .click-item-count {
margin-right: 0;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-cart-link {
margin-left: 38px;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-cart-link a .click-item-count {
margin-right: 0;
}
.header-support-info h6 {
font-size: 12px;
color: #999999;
font-weight: 400;
}
.header-support-info a {
font-size: 18px;
color: var(--color-dark);
font-weight: 700;
}
.brator-header-top-bar-area.design-one {
padding: 15px 0;
padding-bottom: 0;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left p {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 4px;
font-size: 13px;
color: #666666;
margin-bottom: 0;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left p .c-ts {
color: var(--color-two);
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left p b {
font-style: italic;
color: var(--color-dark);
font-weight: 700;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left a {
font-size: 11px;
color: #0099ff;
margin-left: 13px;
text-decoration: underline;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-link a {
font-size: 13px;
color: #fff;
margin-right: 17px;
padding-right: 17px;
border-right: 1px solid #cccccc;
line-height: 20px;
position: relative;
top: 1px;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-link.last-child a {
border: 0;
margin-right: 0;
padding-right: 0;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content {
display: flex;
justify-content: flex-end;
align-items: center;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content p {
margin-bottom: 0;
font-size: 13px;
color: #666666;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content img {
margin-left: 15px;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content select {
border: 0;
padding: 0;
margin: 0;
height: auto;
font-size: 13px;
color: #666666;
background: transparent;
width: auto;
margin-left: 5px;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content svg {
font-size: 30px;
color: #666666;
font-size: 16px;
margin-left: 9px;
}
.brator-header-area.header-three.header-one .brator-logo-area .brator-logo button {
display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-header-layout-img {
padding: 20px 20px 0px 0px;
}
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.brator-icon-link-text.compa-list-slide {
width: auto !important;
}
.brator-header-area.header-three.header-one .lg-dextop-none {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left {
justify-content: center;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right {
justify-content: center;
}
}
@media only screen and (min-width: 1400px) and (max-width: 2400px) {
.brator-product-shop-page-area button.product-form__submit {
font-size:14px !important;
padding: 0 7px !important;
}
}
@media only screen and (min-width: 300px) and (max-width: 768.98px) {
.brator-header-top-bar-area.design-one {
display: block;
}
}
.brator-header-top-bar-area.design-one.light-bg .brator-header-top-bar-info-left {
justify-content: flex-start;
}
.brator-header-top-bar-area.design-one.light-bg .brator-header-top-bar-info-right .brator-header-top-bar-info-right-link a {
color: #666666;
}
.brator-header-top-bar-area.design-one.dark-bg {
padding: 15px;
background-color: #1e1e1f;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-left {
justify-content: flex-start;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-left p {
color: #fff;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-left p b {
color: #fff;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-right .brator-header-top-bar-info-right-link a {
color: #fff;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content p {
color: #999999;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content select {
color: #999999;
}
.brator-header-area.header-three.header-one.dark-bg {
background-color: #262627;
}
.brator-header-area.header-three.header-one.dark-bg .brator-logo-area .brator-logo button {
display: none;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
left: 0;
top: 0;
height: 100%;
max-width: 80px;
width: 100%;
background-color: #ebebeb;
height: 45px;
border-right: #cccccc 1px solid;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search select {
background: transparent;
font-size: 14px;
border-radius: 0;
color: var(--color-dark);
border: 0;
margin-bottom: 0;
font-weight: 600;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search svg {
fill: var(--color-dark);
font-size: 17px;
margin-right: 10px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form input {
height: 45px;
padding-left: 20px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form button {
background: var(--color-two);
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form button svg {
fill: #fff;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right {
padding-top: 0;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info {
display: flex;
justify-content: flex-start;
padding-right: 34px;
border-right: 1px solid #3c3c3d;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info .header-support-info-icon {
background-color: #383839;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 10px;
margin-right: 15px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info .header-support-info-icon svg {
fill: #fff;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info .header-support-info-l h6 {
color: #999;
margin-bottom: 3px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info .header-support-info-l a {
color: #fff;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right svg {
fill: #fff;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .brator-cart-link .brator-cart-item-list {
right: -20px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .brator-cart-link .brator-cart-item-list .brator-cart-item-list-header button svg {
fill: var(--color-dark);
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .brator-icon-link-text a b {
color: #fff;
top: 4px;
margin-left: 10px;
position: relative;
font-size: 13px;
font-weight: 400;
}
.brator-header-menu-area.dark-bg {
background-color: #262627;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li a{
padding-bottom: 0;
padding-top: 10px;
color: #fff;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.sf-megamenu-submenu__items,
.brator-header-menu-area.scroll-menu .brator-header-menu ul.sf-megamenu-submenu__items{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
/* .brator-hot-single-box.brator-hot-box-design-two {
min-height: auto !important;
} */
.brator-header-menu-area.dark-bg .brator-header-menu ul.sf-megamenu-submenu__items li a {
color: #000;
padding: 5px 10px 5px 45px!important;
background-repeat: no-repeat;
background-size: 35px;
margin-bottom:20px
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.sf-megamenu-submenu__items li.list-none a:hover {
background-color: transparent !important;
color: #fa4c06 !important;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.sf-megamenu-submenu__items li.n-menu a:hover{
color: #000 !important;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li a:hover {
color: var(--color-two);
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none .down-menu svg {
fill: #fff;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none .mega-menu-li svg {
fill: #fff;
}
.menu-cat-list-area {
border-radius: 5px 5px 0px 0px;
background-color: var(--color-two);
width: 275px;
height: 45px;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 20px;
padding-top: 15px;
padding-bottom: 12px;
}
.menu-cat-list-area:hover .menu-cat-list-item {
opacity: 1;
visibility: visible;
top: 100%;
}
.menu-cat-list-area span.icon {
height: 45px;
display: flex;
align-items: center;
margin-right: 12px;
}
.menu-cat-list-area span.icon svg {
font-size: 15px;
fill: #fff;
}
.menu-cat-list-area span.text {
font-size: 15px;
color: white;
}
.menu-cat-list-area .dropdown-icon-cat {
height: 45px;
display: flex;
align-items: center;
margin-left: auto;
}
.menu-cat-list-area .dropdown-icon-cat svg {
font-size: 15px;
fill: #fff;
}
.menu-cat-list-area .menu-cat-list-item {
transition: 0.3s;
position: absolute;
left: 0;
top: calc(100% + 10px);
background-color: var(--color-white);
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
z-index: 9;
}
.menu-cat-list-area .menu-cat-list-item a {
width: 100%;
color: var(--color-dark);
padding: 5px 20px;
border-bottom: 1px solid #0000000a;
}
.menu-cat-list-area .menu-cat-list-item a:hover {
color: var(--color-two);
}
.cat-menu-info-s {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 5px;
}
.cat-menu-info-s .cat-menu-info-s-item {
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 40px;
}
.cat-menu-info-s .cat-menu-info-s-item svg {
fill: #fff;
margin-right: 8px;
font-size: 15px;
}
.cat-menu-info-s .cat-menu-info-s-item span {
font-size: 15px;
color: white;
}
@media only screen and (min-width: 300px) and (max-width: 1599.98px) {
.brator-header-area.header-three.header-one.dark-bg .brator-logo-area .brator-logo button svg {
fill: #fff;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info {
display: block;
}
.cat-menu-info-s .cat-menu-info-s-item span {
font-size: 12px !important;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li a,
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none li a,
.brator-header-menu-info a{
font-size: 18px !important;
}
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none li a,
.brator-header-menu-info a{
font-family: 'bebas_neueregular' !important;
font-weight: 300;
letter-spacing: 1px;
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.custom-compare {
display: block !important;
}
.custom-compare b {
display: none;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-cart-link {
margin-left: 35px !important;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .header-support-info {
display: none;
}
.brator-header-menu-area.dark-bg.cat-header .xxl-dextop-none {
display: none;
}
.brator-header-area.header-three.header-one.dark-bg .brator-logo-area .brator-logo button {
display: block;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right {
padding-top: 20px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-icon-link-text.heart-icon {
margin-left: 0;
}
}
.brator-slide-menu-area.dark-bg .brator-slide-menu-close {
background: #1e1e1f;
}
.brator-slide-menu-area.dark-bg .brator-slide-logo-items {
background: #1e1e1f;
}
.brator-header-menu-area.scroll-menu {
opacity: 0;
visibility: hidden;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 4;
background: #fff;
border-bottom: 1px solid #e9e9e9;
}
.brator-header-menu-area.scroll-menu.open {
opacity: 1;
visibility: visible;
display: block;
}
@media only screen and (min-width: 300px) and (max-width: 992.98px) {
.brator-header-menu-area.scroll-menu {
display: none !important;
}
}
.brator-header-menu-bg {
overflow: hidden;
}
.brator-footer-top-area {
border-top: 1px solid #e5e5e5;
margin-top: auto;
padding-top: 100px;
padding-bottom: 50px;
}
.brator-footer-top-element h6.footer-top-title {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 35px;
}
.brator-footer-top-element .brator-footer-top-content p {
font-size: 14px !important;
color: #666666;
line-height: 1.714;
margin-bottom: 10px;
}
.brator-footer-top-element .brator-footer-top-content p a {
text-decoration: underline;
margin-left: 5px;
}
.brator-footer-top-element .brator-link-list-one a {
font-size: 14px;
color: #666666;
width: 100%;
}
.brator-footer-top-element .brator-link-list-one a span {
display: none;
}
.brator-footer-top-element .brator-link-list-one a i {
display: none;
}
.brator-footer-top-element .brator-link-list-one a:hover {
text-decoration: underline;
color: var(--color-dark);
}
.brator-footer-top-element .brator-sub-form {
margin-bottom: 15px;
margin-top: 25px;
position: relative;
}
.brator-footer-top-element .brator-sub-form input {
width: 100%;
}
.brator-footer-top-element .brator-sub-form button {
position: absolute;
right: 0;
top: 0;
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0px 20px;
}
.brator-footer-top-address h6.footer-top-title {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 40px;
}
.brator-footer-top-address .brator-footer-top-content p {
width: 100%;
}
.brator-footer-top-address .brator-footer-top-content a {
font-size: 24px;
color: var(--color-two);
width: 100%;
}
.brator-footer-top-address .brator-footer-top-content .call-top-p {
margin-bottom: 20px;
font-weight: 600;
}
.brator-footer-top-address .brator-footer-top-content .call-top-p + p {
margin-bottom: 0px;
}
.brator-footer-top-address .brator-footer-top-content img {
margin-top: 35px;
width: 300px;
}
.brator-footer-top-address .brator-footer-top-content .e-mail-to {
font-size: 14px;
color: #666666;
line-height: 1.714;
}
#comment_form h3.form-status {
font-size: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
}
#comment_form h3.form-status svg {
font-size: 17px;
margin-right: 5px;
}
.brator-contact-header-area {
padding: 90px 0;
}
.brator-contact-header-area .contact-header h4 {
font-weight: 700;
font-size: 72px;
color: var(--color-dark);
margin-bottom: 30px;
}
.brator-contact-header-area .contact-header p {
font-size: 16px;
color: #666666;
}
.brator-contact-area {
margin-bottom: 140px;
}
.brator-contact-list-area {
border-right: 1px solid #e5e5e5;
margin-right: 80px;
display: block;
overflow: hidden;
}
.brator-contact-list-area .brator-contact-list-header h2 {
font-size: 40px;
color: var(--color-dark);
margin-bottom: 70px;
}
.brator-contact-list-area .brator-contact-sub-header h3 {
font-size: 20px;
color: var(--color-dark);
margin-bottom: 20px;
}
.brator-contact-list-area .brator-contact-list-items {
margin-bottom: 50px;
}
.brator-contact-list-area .brator-contact-list-items span {
font-size: 12px;
text-transform: uppercase;
color: #999999;
margin-bottom: 15px;
display: block;
}
.brator-contact-list-area .brator-contact-list-items p {
font-size: 16px;
color: #999999;
text-transform: capitalize;
color: var(--color-dark);
margin-bottom: 0;
}
.brator-contact-list-area .brator-contact-list-items a {
width: 100%;
}
.brator-contact-list-social .brator-contact-list-social-items {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-contact-list-social .brator-contact-list-social-items a {
margin-right: 15px;
}
.brator-contact-list-social .brator-contact-list-social-items a svg {
font-size: 15px;
}
.brator-contact-form-area .brator-contact-form-header h2 {
font-size: 40px;
color: var(--color-dark);
margin-bottom: 70px;
}
.brator-contact-form-area .brator-contact-form span.info-text {
font-size: 14px;
color: #666666;
margin-bottom: 30px;
display: block;
}
.brator-contact-form-fields label {
display: none;
}
.brator-contact-form-fields .brator-contact-form-field input {
height: 45px;
line-height: 45px;
margin-bottom: 15px;
box-shadow: unset;
}
.brator-contact-form-fields .brator-contact-form-field input:focus {
border-color: var(--color-dark);
}
.brator-contact-form-fields .brator-contact-form-field .contact__field-error {
display: none;
}
.brator-contact-form-fields .brator-contact-form-field textarea {
box-shadow: unset;
width: 100%;
margin-bottom: 15px;
height: 150px;
display: block;
}
.brator-contact-form-fields .brator-contact-form-field textarea:focus {
border-color: var(--color-dark);
}
.brator-contact-form-fields .brator-contact-form-field-two-items {
display: flex;
gap: 15px;
}
.brator-contact-form-fields .brator-contact-form-field-two-items .brator-contact-form-field {
width: 100%;
}
.brator-contact-form-fields .brator-contact-form-field-two-items .brator-contact-form-field {
width: 100%;
}
.brator-contact-form-fields .brator-contact-form-field-info span {
padding-left: 0;
}
.brator-contact-form-fields .brator-contact-form-field-info span::after, .brator-contact-form-fields .brator-contact-form-field-info span::before {
display: none;
}
.brator-contact-form-fields .brator-contact-form-field input[type=submit],
.brator-contact-form-fields .brator-contact-form-field button {
min-width: 185px;
margin-top: 15px;
max-width: 200px;
margin-bottom: 0;
}
.brator-footer-area {
padding: 50px 0;
margin-top: auto;
}
.brator-copyright-area p {
font-size: 14px;
color: #666666;
line-height: 1.714;
text-align: left;
margin: 0;
}
.brator-copyright-area p a {
font-weight: 600;
color: var(--color-dark);
margin: 0px 4px;
}
.brator-payment-area {
justify-content: flex-end;
display: flex;
align-items: center;
}
.brator-payment-area h6.brator-payment-title {
font-size: 14px;
color: #666666;
line-height: 1.714;
text-align: left;
margin: 0;
margin-right: 35px;
}
.brator-payment-area a {
display: grid;
margin-right: 30px;
}
.brator-payment-area a:last-child {
margin-right: 0;
}
.brator-social-link {
display: flex;
justify-content: flex-end;
align-items: center;
}
.brator-social-link h6 {
font-size: 14px;
color: #666666;
line-height: 1.714;
text-align: left;
margin: 0;
margin-right: 25px;
}
.brator-social-link a {
display: grid;
margin-right: 14px;
}
.brator-social-link a svg {
font-size: 18px;
}
.brator-social-link a:last-child {
margin-right: 0px;
}
.brator-social-link a:hover {
fill: var(--color-two);
}
.brator-footer-area.gray-bg.design-two {
background-color: #f6f7fa;
}
.brator-footer-top-area.gray-bg.design-two {
background-color: #f6f7fa;
}
.brator-footer-top-area.gray-bg.design-two .brator-footer-top-element.brator-footer-top-address img.title-img {
margin-bottom: 20px;
}
.brator-footer-top-area.gray-bg.design-two .brator-footer-top-element.brator-footer-top-address .brator-footer-top-content h6 {
font-size: 14px;
color: var(--color-dark);
font-weight: 700;
margin-bottom: 30px;
line-height: 24px;
}
.brator-footer-top-area.gray-bg.design-two .brator-footer-top-element.brator-footer-top-address .brator-footer-top-content .brator-social-link.svg-link {
margin-top: 20px;
justify-content: flex-start;
}
.brator-footer-top-content {
margin-top: 15px;
}
.brator-footer-top-area.gray-bg.design-two .brator-footer-top-element.brator-footer-top-address .brator-footer-top-content .brator-social-link.svg-link a {
width: auto;
margin-right: 20px;
}
.brator-plan-pixel-area.gray-bg.footer-line {
background-color: #f6f7fa;
}
.padding-left-0-lg {
padding-left: 0;
}
.brator-footer-area.design-three .brator-copyright-area p {
text-align: center;
}
.brator-footer-top-area.gray-bg.design-two.design-three {
border-top: 0;
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.padding-left-0-lg {
padding-left: 15px;
}
}
.brator-banner-slider-area.blog-desing-slider-one .splide__pagination li {
background: #0000009e;
}
.brator-banner-slider-area.blog-desing-slider-one .splide__pagination li button {
background-color: #999999;
}
.brator-banner-slider-area.blog-desing-slider-one .splide__pagination li button.is-active {
background-color: #fff;
}
.brator-banner-slider-area {
margin-top: 30px;
}
.brator-banner-slider-area .splide__pagination {
left: calc(100% - 80px);
bottom: 40px;
}
.brator-banner-slider-area .splide__pagination .splide__pagination__page.is-active {
transform: scale(1);
opacity: 1;
}
.brator-banner-area.design-one {
border-radius: 15px;
padding-left: 175px;
padding-right: 85px;
padding-top: 300px;
padding-bottom: 35px;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
.brator-banner-area.design-one::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(#ff000000, #ffff0000, #000000);
}
.brator-banner-area.design-one .brator-banner-content {
max-width: 665px;
z-index: 1;
position: relative;
}
.brator-banner-area.design-one .brator-banner-content h2 {
font-size: 24px;
color: white;
line-height: 1.25;
margin-bottom: 20px;
}
.brator-banner-area.design-one .brator-banner-content h2 a {
color: white;
font-weight: 600;
}
.brator-banner-area.design-one .brator-banner-content p {
font-size: 14px;
color: #999999;
line-height: 1.714;
}
.brator-blog-post-area {
padding: 100px 0;
}
.brator-pagination-box {
text-align: center;
padding-top: 100px;
}
.brator-pagination-box .navigation.pagination h2.screen-reader-text {
display: none;
}
.brator-pagination-box .navigation.pagination .nav-links {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.brator-pagination-box .navigation.pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
margin: 0 4px 10px;
width: 35px;
border: 1px solid #edeef2;
text-align: center;
color: #a7a8bc;
font-size: 16px;
transition: 0.5s ease;
border-radius: 3px;
background-color: var(--color-white);
padding: 0px 15px;
}
.brator-pagination-box .navigation.pagination .page-numbers.current {
color: var(--color-white) !important;
border-color: var(--color-two) !important;
background-color: var(--color-two) !important;
}
.brator-pagination-box .navigation.pagination .page-numbers:hover {
background: var(--color-white);
border-color: var(--color-two);
color: var(--color-two);
}
.brator-pagination-box .navigation.pagination a.next.page-numbers {
width: auto !important;
}
.brator-pagination-box .navigation.pagination a.next.page-numbers svg {
font-size: 16px;
margin-left: 5px;
}
.brator-pagination-box .navigation.pagination a.prev.page-numbers {
width: auto !important;
}
.brator-pagination-box .navigation.pagination a.prev.page-numbers svg {
font-size: 14px;
margin-right: 5px;
}
.brator-blog-listing-single-item-area.list-type-one {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
}
.brator-blog-listing-single-item-area.list-type-one:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px solid #e5e5e5;
}
.brator-blog-listing-single-item-area.list-type-one .type-post {
display: flex;
justify-content: flex-start;
align-items: stretch;
}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 380px;
margin-right: 30px;
}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content {
display: flex;
flex-direction: column;
}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-info-2 {
margin-top: auto;
}
.brator-blog-listing-single-item-info {
margin-bottom: 5px;
}
.brator-blog-listing-single-item-info a {
font-size: 13px;
color: var(--color-dark);
line-height: 2.308;
text-transform: capitalize;
}
.brator-blog-listing-single-item-info time {
border-left: 1px solid #e5e5e5;
margin-left: 12px;
padding-left: 12px;
font-size: 13px;
color: #666666;
line-height: 2.308;
}
h3.brator-blog-listing-single-item-title {
margin-bottom: 15px;
font-size: 24px;
color: var(--color-dark);
font-weight: 600;
line-height: 1.333;
}
h3.brator-blog-listing-single-item-title a {
color: var(--color-dark);
}
.brator-blog-listing-single-item-excerpt p {
font-size: 14px;
color: #666666;
line-height: 1.714;
}
.brator-blog-listing-single-item-info-2 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-blog-listing-single-item-info-2 a {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 13px;
color: #999999;
line-height: 2.308;
margin-right: 35px;
}
.brator-blog-listing-single-item-info-2 a svg {
fill: #999999;
font-size: 18px;
margin-right: 14px;
}
.brator-blog-listing-single-item-info-2 .post-by span {
margin-left: 5px;
color: var(--color-dark);
}
.brator-blog-listing-single-item-thumbnail {
width: 100%;
overflow: hidden;
}
.brator-blog-listing-single-item-thumbnail a.blog-listing-single-item-thumbnail-link {
display: grid;
}
.brator-blog-listing-single-item-thumbnail a.blog-listing-single-item-thumbnail-link img {
width: 100%;
transition: 0.4s;
border-radius: 4px;
}
.brator-blog-listing-single-item-thumbnail:hover a.blog-listing-single-item-thumbnail-link img {
transform: scale(1.2);
}
.brator-blog-listing-single-item-area.list-type-two .brator-blog-listing-single-item-thumbnail {
margin-bottom: 10px;
}
.brator-blog-listing-single-item-area.list-type-two .brator-blog-listing-single-item-thumbnail img {
width: 100%;
border-radius: 4px;
}
.brator-blog-listing-single-item-area.list-type-two .brator-blog-listing-single-item-excerpt p {
margin-bottom: 0;
}
.blog-section-layout.grid-type .col-12 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 60px;
}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2) {
position: relative;
}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2)::after {
content: "";
width: 1px;
height: 100%;
display: block;
position: absolute;
right: -29px;
top: 0;
background: #e5e5e5;
}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2)::before {
content: "";
width: 1px;
height: 100%;
display: block;
position: absolute;
left: -29px;
top: 0;
background: #e5e5e5;
}
.template-search--empty {
padding: 20px;
}
.template-search--empty .advance-search-result-area {
max-width: 700px;
margin: 0 auto;
}
.template-search--empty .advance-search-result-area p {
font-size: 30px;
line-height: 50px;
text-align: center;
color: var(--color-dark);
margin-bottom: 0;
}
.advance-search-result-area {
padding: 40px 10px;
}
.advance-search-result-area form {
max-width: 400px;
margin: 0 auto;
}
.advance-search-result-area form .field {
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
position: relative;
padding: 10px;
border-radius: 4px;
}
.advance-search-result-area form .field input {
padding: 0 !important;
margin: 0;
}
.brator-blog-post-sidebar .sidebar-widget {
margin-bottom: 50px;
}
.brator-blog-post-sidebar .sidebar-widget h2 {
font-size: 24px;
color: var(--color-dark);
font-weight: 600;
line-height: 1.083;
margin-bottom: 25px;
}
.brator-blog-post-sidebar .sidebar-widget form.search-form {
position: relative;
}
.brator-blog-post-sidebar .sidebar-widget form.search-form .search-field {
font-size: 14px;
color: #999999;
padding: 0;
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
}
.brator-blog-post-sidebar .sidebar-widget form.search-form button {
background: transparent;
border: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
}
.brator-blog-post-sidebar .sidebar-widget form.search-form button svg {
font-size: 20px;
}
.wp-block-categories {
padding-left: 0px;
}
.wp-block-categories li {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
padding: 10px 0px;
color: #666666;
text-transform: capitalize;
}
.wp-block-categories li:last-child {
border-bottom: 0px solid #e5e5e5;
}
.wp-block-categories li a {
position: relative;
display: block;
color: #666666;
padding: 0px 0px;
width: 100%;
font-size: 16px;
}
.wp-block-categories li::after {
content: "";
position: absolute;
left: -20px;
top: 19px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #efa286;
}
.wp-block-categories li:hover {
color: #52547c;
}
.wp-block-categories li::after {
background: #52547c;
}
.wp-block-categories ul {
padding-left: 12px;
width: 100%;
}
.brator-blog-post-sidebar-items .brator-blog-listing-single-item-area.list-type-one {
margin-bottom: 20px;
padding-bottom: 20px;
}
.brator-blog-post-sidebar-items .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 110px;
margin-right: 20px;
}
.brator-blog-post-sidebar-items .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail img {
border-radius: 4px;
}
.brator-blog-post-sidebar-items .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-title {
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-bottom: 10px;
}
.brator-blog-post-sidebar-items .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-title a {
line-height: 14px;
line-height: 22px;
}
.brator-blog-post-sidebar-items .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-excerpt p {
margin: 0;
font-size: 13px;
}
.brator-product-single-posts h2 {
font-size: 24px;
color: var(--color-dark);
margin-bottom: 25px;
}
.brator-newsletter-box {
border-radius: 10px;
background: #f2f2f7;
padding: 45px 35px;
}
.brator-newsletter-box .brator-newsletter-box-header {
margin-bottom: 25px;
}
.brator-newsletter-box .brator-newsletter-box-header h2 {
font-size: 24px;
color: var(--color-dark);
font-weight: 600;
line-height: 1.083;
margin-bottom: 15px;
}
.brator-newsletter-box .brator-newsletter-box-header p {
font-size: 15px;
color: #999999;
margin-bottom: 0;
}
.brator-newsletter-box .brator-newsletter-box-content button.wpcf7-submit {
width: 100%;
margin-top: 15px;
}
.brator-newsletter-box .brator-newsletter-box-content span.ajax-loader {
display: none;
}
.brator-blog-featured-area.grid-type {
margin-bottom: 120px;
}
.brator-blog-featured-area.grid-type .row {
align-items: stretch;
}
.brator-blog-featured-area.grid-type .hug-padding-right {
padding-right: 80px;
position: relative;
height: 100%;
}
.brator-blog-featured-area.grid-type .hug-padding-right::after {
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
right: -16px;
top: 0;
background: #e5e5e5;
}
.brator-blog-featured-area.grid-type .hug-padding-left {
padding-left: 80px;
}
.brator-blog-featured-area.grid-type .hug-padding-left .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 265px;
}
.brator-blog-featured-area.grid-type .brator-blog-listing-single-item-area.hug-padding-right .type-post .brator-blog-listing-single-item-thumbnail {
margin-bottom: 20px;
}
.blog-section-layout.grid-type {
padding: 100px 0;
}
.brator-newsletter-area.design-one.gray-bg {
background-color: #f6f7fa;
}
.brator-newsletter-area.design-one.gray-bg.border-top-1px-dark-shallow {
border-top: 1px solid #e5e5e5;
}
.brator-newsletter-area.design-one {
padding: 90px 0;
}
.brator-newsletter-content h2 {
font-size: 30px;
color: var(--color-dark);
margin-bottom: 15px;
}
.brator-newsletter-content h2 span {
color: var(--color-two);
}
.brator-newsletter-form.design-one .news-letter-form {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.brator-newsletter-form.design-one .news-letter-form .wpcf7-form-control-wrap {
width: 100%;
}
.brator-newsletter-form.design-one .news-letter-form input {
box-shadow: unset;
}
.brator-newsletter-form.design-one .news-letter-form button {
position: relative;
left: -5px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-width: 130px;
}
.brator-newsletter-form.design-one .news-letter-form label {
display: none;
}
.brator-newsletter-form.design-one p {
margin-top: 5px;
}
.brator-newsletter-form.design-one p a {
margin-left: 5px;
text-decoration: underline;
}
.newsletter-form__message {
position: fixed;
top: 20px;
right: 10px;
z-index: 9;
background: var(--color-dark);
padding: 20px;
border-radius: 6px;
color: #fff;
font-size: 14px;
margin-top: 0;
transition: 0.3s;
display: flex;
justify-content: center;
line-height: 15px;
}
.newsletter-form__message svg {
font-size: 16px;
margin-right: 5px;
}
.newsletter-form__message--success-hide {
opacity: 0;
visibility: hidden;
right: 50px;
transition: 0.3s;
}
.shopify-challenge__container .shopify-challenge__button {
box-shadow: unset;
border: 1px solid var(--color-dark);
height: auto;
width: 100%;
min-height: auto;
background: var(--color-dark);
border-radius: 3px;
max-width: 230px;
margin: 0 auto;
font-size: 15px;
color: #fff;
padding: 15px 10px;
}
.shopify-challenge__container .shopify-challenge__button:placeholder {
color: red;
}
.brator-app-content-area {
border-radius: 8px;
background-color: #f2f2f7;
padding: 65px 85px;
display: flex;
justify-content: space-between;
align-items: center;
background-repeat: no-repeat;
}
.brator-app-content-area .brator-app-content h2 {
font-size: 32px;
color: var(--color-dark);
margin-bottom: 25px;
}
.brator-app-content-area .brator-app-btn {
text-align: right;
}
.brator-app-content-area .brator-app-btn a {
margin-bottom: 10px;
width: 100%;
display: grid;
}
.brator-app-content-area .brator-app-btn a:last-child {
margin-bottom: 0;
}
.brator-brand-slider.design-one {
padding-top: 70px;
padding-bottom: 70px;
}
.brator-brand {
padding-top: 10px;
}
.brator-brand .splide__list {
align-items: center;
}
.brator-brand .splide__list a {
display: grid;
margin-bottom: 0px;
cursor: auto;
}
.brator-coming-soon-area {
padding-top: 100px;
padding-bottom: 130px;
}
.brator-coming-soon-area .brator-coming-soon-content {
margin-bottom: 55px;
}
.brator-coming-soon-area .brator-coming-soon-content h6 {
font-size: 80px;
color: var(--color-dark);
font-weight: 700;
margin-bottom: 25px;
}
.brator-coming-soon-area .brator-coming-soon-content p {
font-size: 18px;
color: #999999;
padding-right: 155px;
}
.brator-coming-soon-area .brator-coming-soon-counter {
margin-bottom: 100px;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul {
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li {
list-style: outside none;
font-size: 16px;
color: var(--color-dark);
text-transform: uppercase;
margin-right: 70px;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li span {
font-size: 72px;
line-height: 90px;
width: 100%;
display: block;
margin-bottom: 5px;
position: relative;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li span::after {
position: absolute;
right: -40px;
top: 0;
content: ":";
width: 10px;
font-size: 36px;
height: 100%;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li:last-child span::after {
display: none;
}
.brator-coming-soon-area .brator-coming-soon-subs-area p {
font-size: 18px;
color: var(--color-dark);
margin-bottom: 40px;
}
.brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form {
position: relative;
max-width: 380px;
}
.brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form button.wpcf7-form-control.wpcf7-submit {
position: absolute;
right: 0;
top: 0;
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0px 30px;
}
.brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form span.ajax-loader {
display: none;
}
.brator-offer-slider-area {
padding-bottom: 120px;
}
.brator-offer-slider-area .splide__pagination {
bottom: -50px;
}
.brator-offer-box-one {
padding: 40px;
}
.brator-offer-box-one p {
font-size: 24px;
color: var(--color-dark);
text-transform: uppercase;
line-height: 1.25;
margin-bottom: 0;
}
.brator-offer-box-one h6 {
font-size: 50px;
color: var(--color-two);
font-weight: bold;
text-transform: uppercase;
text-shadow: 2px 2px #f8c601;
margin-bottom: 11px;
}
.brator-offer-box-one h2 {
font-size: 15px;
color: var(--color-dark);
line-height: 1.467;
font-weight: 400;
}
.brator-offer-box-one h2 span {
font-weight: 700;
margin-right: 5px;
}
.brator-offer-box-one a {
line-height: 15px;
margin-top: 30px;
}
.brator-offer-box-one a:hover {
color: #fff;
}
.brator-offer-box-two {
padding: 40px;
}
.brator-offer-box-two .budget-area {
background-color: #f8c600;
position: relative;
display: inline-flex;
padding-left: 20px;
margin-bottom: 10px;
}
.brator-offer-box-two .budget-area::before {
content: "";
display: block;
right: 0;
top: 0;
height: 100%;
width: 30px;
background-color: #f8c600;
position: absolute;
right: -20px;
top: 0;
transform: skewX(-20deg);
}
.brator-offer-box-two .budget-area span {
font-size: 12px;
color: #003bd2;
font-weight: bold;
text-transform: uppercase;
}
.brator-offer-box-two h2 {
margin-bottom: 20px;
font-size: 24px;
color: var(--color-dark);
}
.brator-offer-box-two p {
font-size: 12px;
color: #666666;
text-transform: uppercase;
margin-bottom: 5px;
}
.brator-offer-box-two h6 span:first-child {
font-size: 36px;
color: #669900;
font-weight: bold;
text-transform: uppercase;
}
.brator-offer-box-two h6 span:nth-child(2) {
font-size: 14px;
color: #666666;
font-weight: bold;
text-decoration: line-through;
margin-left: 10px;
}
.brator-offer-box-two a {
line-height: 15px;
margin-top: 20px;
}
.brator-offer-box-two a:hover {
color: #fff;
}
.brator-categories-slider.design-one .brator-categories-single:hover {
border-width: 1px;
border-color: var(--color-two);
border-style: solid;
border-radius: 5px;
background-color: #fffbfa;
}
.brator-categories-slider-area {
padding-bottom: 75px;
padding-top: 75px;
}
.brator-categories-single {
border-width: 1px;
border-color: #d4d4d4;
border-style: solid;
border-radius: 5px;
background-color: white;
padding: 60px 17px 25px 17px;
text-align: center;
display: flex;
flex-direction: column;
}
.brator-categories-single .brator-categories-single-img {
margin-bottom: 30px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.brator-categories-single .brator-categories-single-img a {
display: grid;
max-width: 150px;
}
.brator-categories-single .brator-categories-single-img a img {
margin: 0 auto;
}
.brator-categories-single .brator-categories-single-title {
margin-top: auto;
}
.brator-categories-single .brator-categories-single-title p {
line-height: 14px;
margin-bottom: 0;
}
.brator-categories-single .brator-categories-single-title p a {
font-size: 14px;
color: var(--color-dark);
font-weight: bold;
line-height: 1.714;
}
.brator-categories-single .brator-categories-single-sub a {
line-height: 14px;
font-size: 12px;
color: #666666;
position: relative;
margin-right: 2px;
cursor: auto;
}
.brator-categories-single .brator-categories-single-sub a::after {
content: ",";
}
.brator-categories-single .brator-categories-single-sub a:last-child {
margin-right: 0px;
}
.brator-categories-single .brator-categories-single-sub a:last-child::after {
content: "";
}
.brator-categories-list-area.design-two {
padding: 65px 0;
}
.brator-categories-list-area.design-two .brator-categories-list {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 30px;
flex-wrap: wrap;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(14.2857143% - 30px);
width: 100%;
border: 0;
background-color: #f5f5fa;
transition: 0.3s;
}
.brator-categories-list-area.design-two .brator-categories-single:hover {
background-color: white;
box-shadow: 0px 70px 100px 0px rgba(115, 115, 130, 0.2);
}
.brator-categories-list-area.design-two .brator-categories-single:hover .brator-categories-single-title a {
text-decoration: underline;
}
.brator-deal-product-slider {
padding: 75px 0;
}
.brator-product-single-item-area {
border-width: 1px;
border-color: #d4d4d4;
border-style: solid;
border-radius: 5px;
padding: 20px;
padding-bottom: 28px;
position: relative;
margin-bottom: 1px !important;
background: var(--color-white);
}
.brator-product-single-item-area .brator-product-single-item-info.info-content-left {
justify-content: flex-end;
}
.brator-product-single-item-area .brator-product-single-item-info {
position: absolute;
padding: 0px 15px;
padding-bottom: 0;
left: 0;
top: 0px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left .yollow-batch {
background-color: #ffb500;
color: var(--color-dark);
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left .stock-out-batch {
background-color: var(--color-dark);
color: #fff;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right a {
display: grid;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right a svg {
font-size: 17px;
fill: #cccccc;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .brator-wish-list-custom.active svg {
fill: var(--color-two);
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .brator-wish-list-custom {
display: grid;
border: 0;
background: transparent;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .brator-wish-list-custom svg {
font-size: 17px;
fill: #cccccc;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .compa-incdec-area .compa-incdec {
display: grid;
border: 0;
background: transparent;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .compa-incdec-area .compa-incdec svg {
font-size: 17px;
fill: #cccccc;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .compa-incdec-area .compa-incdec.active svg {
fill: var(--color-two);
}
.brator-product-single-item-area .brator-product-single-item-img {
display: flex;
justify-content: center;
align-items: center;
}
.brator-product-single-item-area .brator-product-single-item-img a {
display: grid;
text-align: center;
}
.brator-product-single-item-area .brator-product-single-item-img a img {
margin: 0 auto;
}
.brator-product-single-item-area .brator-product-single-item-mini {
transition: 0.3s all;
background: #fff;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-cat a {
font-size: 14px;
color: var(--color-dark);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-title h5 a {
line-height: 22px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box!important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
text-align: left;
font-size: 18px;
font-weight: 700;
font-family: 'Inter' !important;
margin-top: -10px !important;
}
.brator-product-single-item-price .price .price__regular span.price-item.price-item--regular {
font-size: 18px!important;
color: #000!important;
font-family: Inter!important;
font-weight: 400!important;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-review {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price .price .price__regular .price-item--regular {
color: var(--color-two);
font-size: 20px;
font-weight: 500;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price .price .price__sale .price-item--sale {
color: var(--color-two);
font-size: 20px;
font-weight: 500;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price .price .price__sale .price-item--regular {
font-size: 14px;
color: #999999;
line-height: 14px;
margin-left: 10px;
font-weight: 400;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p {
margin-bottom: 0;
font-size: 20px;
color: var(--color-dark);
font-weight: 500;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p sub {
color: var(--color-two);
line-height: 28px;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p b.pub {
text-decoration: line-through;
font-size: 14px;
color: #999999;
line-height: 14px;
margin-left: 10px;
font-weight: 400;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-bar {
border-radius: 3px;
background-color: #f2f2f7;
height: 10px;
position: relative;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-bar span.border-yollow {
background: #fbab00;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-bar span.border-green {
background: #50bc0f;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-bar span {
border-radius: 3px;
content: "";
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: var(--color-two);
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-sold p {
margin-bottom: 0;
font-size: 13px;
color: #999999;
font-weight: 600;
text-transform: capitalize;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-sold p span {
color: var(--color-dark);
margin-left: 10px;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn {
height: 0;
transition: 0.3s all;
overflow: hidden;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn button,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn a {
position: relative;
color: #fff;
width: 100%;
padding: 0px 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
font-weight: 500;
overflow: hidden;
height: 44px;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn button .loading-overlay__spinner,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn a .loading-overlay__spinner {
position: absolute;
right: 5px;
top: 6px;
}
.brator-product-single-item-area:hover .brator-product-single-item-mini {
transition: 0.3s all;
/* /* margin-top: -44px;
position: relative; */
}
.brator-product-single-item-area:hover .brator-product-single-item-mini .brator-product-single-item-title h5 a {
text-decoration: underline;
}
.brator-product-single-item-area:hover .brator-product-single-item-mini .brator-product-single-item-btn {
height: 44px;
transition: 0.3s all;
overflow: hidden;
}
.brator-product-single-item-area.design-one .brator-product-single-item-mini {
padding-top: 10px;
}
.brator-product-single-item-area.design-one .brator-product-single-item-mini .brator-product-single-item-review {
margin-bottom: 25px;
margin-top: 10px;
}
.brator-product-single-item-area.design-one .brator-product-single-item-mini .brator-product-single-item-title {
margin-top: 10px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini {
padding-top: 10px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-cat {
margin-bottom: 5px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-title {
margin-bottom: 5px;
}
.brator-product-single-item-review {
display: none !important;
}
/* .brator-product-single-item-area.design-two:hover .brator-product-single-item-mini {
margin-top: -59px;
} */
.brator-product-single-item-area.design-two:hover .brator-product-single-item-mini .brator-product-single-item-title a {
text-decoration: underline;
}
/* .brator-product-single-item-area.design-two:hover .brator-product-single-item-mini .brator-product-single-item-btn {
margin-top: 15px;
} */
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn {
height: 74px !important;
width:100% !important;
}
.yollow-batch {
background-color: #ffb500;
color: var(--color-dark);
}
.brator-related-product-slider-singlle {
padding-bottom: 100px;
padding-top: 50px;
}
.brator-related-product-slider-singlle .brator-product-slider {
margin-left: -1px;
}
.brator-related-product-slider-singlle .brator-product-single-item-area {
margin-left: -1px;
}
.brator-pagination-box.brator-product-pagination.type-list {
padding-bottom: 100px;
}
#ProductGridContainer.type-list .brator-product-single-item-area.splide__slide.design-two.pp-type-grid-area {
display: none;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three {
width: calc(100% - 0px);
display: flex;
justify-content: flex-start;
align-items: stretch;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-left {
max-width: 300px;
width: 100%;
padding-right: 45px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl {
width: 100%;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu {
margin-top: 20px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu p {
font-size: 13px;
margin-bottom: 0;
color: #666666;
position: relative;
padding-left: 15px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu p::after {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #666666;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu p span {
color: var(--color-dark);
margin-left: 5px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right {
max-width: 250px;
width: 100%;
display: flex;
flex-direction: column;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price .price .price__regular .price-item--regular {
color: var(--color-two);
font-size: 20px;
font-weight: 500;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price .price .price__sale .price-item--sale {
color: var(--color-two);
font-size: 20px;
font-weight: 500;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price .price .price__sale .price-item--regular {
font-size: 14px;
color: #999999;
line-height: 14px;
margin-left: 10px;
font-weight: 400;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price p {
margin-bottom: 0;
font-size: 20px;
color: var(--color-dark);
font-weight: 500;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price p sub {
color: var(--color-two);
line-height: 28px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price p b.pub {
text-decoration: line-through;
font-size: 14px;
color: #999999;
line-height: 14px;
margin-left: 10px;
font-weight: 400;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price span {
font-size: 13px;
color: #999999;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn {
margin-top: auto;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-item-btn-cart button {
position: relative;
width: 100%;
margin-bottom: 15px;
height: 48px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-item-btn-cart button .loading-overlay__spinner {
position: absolute;
right: 20px;
top: 8px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-item-btn-cart button .loading-overlay__spinner svg {
fill: #fff;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action {
margin-bottom: 0;
padding-bottom: 0;
border: 0;
justify-content: space-between;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action .brator-product-single-cart-wish {
width: 100%;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action .brator-product-single-cart-wish button {
width: calc(100% - 20px);
padding: 0;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action .brator-product-single-cart-wish button span {
line-height: 25px;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action .brator-product-single-cart-compare {
width: 100%;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action .brator-product-single-cart-compare button {
border: 0;
padding: 0;
}
#ProductGridContainer.type-list .product-list-items .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn .brator-product-single-cart-action .brator-product-single-cart-compare button.compa-incdec.active svg {
fill: var(--color-two);
}
#ProductGridContainer.type-list .product-list-items:hover .brator-product-single-item-mini {
margin-top: 0;
}
.brator-parts-search-box-area.design-one {
background: var(--color-white);
padding: 35px 25px;
border-radius: 5px;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-header h2 {
font-size: 24px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 10px;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-header p {
margin-bottom: 30px;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-form select {
margin-bottom: 15px;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-form button {
width: 100%;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-form a {
width: 100%;
text-align: center;
}
.brator-banner-slider.design-two {
height: 100%;
background-color: var(--color-white);
border-radius: 5px;
overflow: hidden;
}
.brator-banner-slider.design-two .splide__track {
height: 100%;
}
.brator-banner-slider.design-two .splide__track .splide__list {
height: 100%;
}
.brator-banner-slider.design-two .splide__pagination {
justify-content: flex-start;
width: 100%;
padding-left: 55px;
bottom: 55px;
}
.brator-banner-area.design-two {
height: 100%;
padding: 55px;
background-position: right bottom;
background-size: contain;
background-repeat: no-repeat;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-sell {
margin-bottom: 10px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-sell span {
font-size: 14px;
color: #003bd2;
font-weight: bold;
text-transform: uppercase;
border-radius: 3px;
background-color: #f8c600;
padding: 5px 10px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off {
margin-bottom: 30px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off p {
font-size: 150px;
color: var(--color-two);
font-weight: 800;
text-transform: uppercase;
line-height: 130px;
margin: 0;
margin-right: 15px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off span {
font-size: 90px;
color: var(--color-two);
font-weight: 800;
text-transform: uppercase;
line-height: 90px;
margin: 0;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off span strong {
font-size: 35px;
float: left;
width: 100%;
color: var(--color-two);
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-title h5 {
font-size: 30px;
color: var(--color-dark);
font-weight: 300;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-title h5 span {
font-weight: 700;
background: linear-gradient(to right, var(--color-dark) 20%, var(--color-two) 40%, var(--color-two) 60%, var(--color-dark) 80%);
background-size: 200% auto;
color: var(--color-dark);
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: shine 3s linear infinite;
animation: shine 3s linear infinite;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-code {
margin-top: 10px;
margin-bottom: 40px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-code h5 {
font-size: 15px;
color: #666666;
font-weight: 400;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-code h5 span {
color: var(--color-dark);
font-weight: 500;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-action a {
background-color: var(--color-dark);
border-color: var(--color-dark);
padding: 15px 35px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-action a:hover {
background: var(--color-two);
border-color: var(--color-two);
}
@-webkit-keyframes shine {
to {
background-position: 200% center;
}
}
@keyframes shine {
to {
background-position: 200% center;
}
}
.brator-features-area.design-one {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--color-white);
border-radius: 5px;
overflow: hidden;
padding: 25px 0;
}
.brator-features-area.design-one a.brator-features-single {
width: 25%;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0px 45px;
border-right: 1px solid #e5e5e5;
cursor: auto;
}
.brator-features-area.design-one a.brator-features-single img {
margin-right: 20px;
}
.brator-features-area.design-one a.brator-features-single p {
font-size: 15px;
color: var(--color-dark);
font-weight: 700;
margin: 0;
position: relative;
}
.brator-features-area.design-one a.brator-features-single p:hover::after {
width: 100%;
}
.brator-features-area.design-one a.brator-features-single p::after {
content: "";
background-color: red;
display: block;
position: absolute;
bottom: 2px;
width: 0%;
transition: width 0.2s linear;
height: 2px;
margin: auto;
left: 0;
right: 0;
}
.brator-features-area.design-one a.brator-features-single:last-child {
border-right: 0px solid #e5e5e5;
}
.brator-banner-area.design-four {
padding: 135px 0 135px 165px;
background-size: cover;
background-repeat: no-repeat;
background-position: right top;
border-radius: 5px;
}
.brator-banner-area.design-four .brator-banner-content h2 {
font-size: 72px;
color: var(--color-dark);
font-weight: 700;
margin-bottom: 20px;
}
.brator-banner-area.design-four .brator-banner-content h2 a {
color: var(--color-dark);
}
.brator-banner-area.design-four .brator-banner-content p {
margin-bottom: 0;
color: #666666;
}
.brator-breadcrumb-area.gray-bg {
padding: 25px 0;
background: #f2f2f7;
}
.brator-breadcrumb-area.shop-two-brad {
padding: 25px 0;
padding-top: 40px;
}
.brator-breadcrumb-area {
padding: 25px 0;
}
.brator-breadcrumb ul {
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-breadcrumb ul li {
position: relative;
font-size: 14px;
list-style: outside none;
}
.brator-breadcrumb ul li a {
font-size: 14px;
color: #999999;
}
.brator-breadcrumb ul li.active-link {
color: var(--color-dark);
}
.brator-breadcrumb ul li::after {
content: "/";
color: #999999;
margin-left: 5px;
margin-right: 5px;
}
.brator-breadcrumb ul li:last-child::after {
display: none;
}
.brator-parts-search-box-area.design-two {
background: var(--color-white);
border-radius: 5px;
margin-top: 30px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header h2 {
font-size: 30px;
color: var(--color-dark);
font-weight: 700;
margin-bottom: 10px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header p {
margin-bottom: 30px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form {
padding: 30px;
border-width: 1px;
border-color: var(--color-two);
border-style: solid;
border-radius: 8px;
background-color: #fff5f3;
display: flex;
justify-content: space-between;
margin-bottom: 0;
gap: 30px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select {
background-position-y: 16px;
background-position-x: 95%;
margin-bottom: 0px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select:disabled {
background-color: transparent;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button {
width: 100%;
max-width: 160px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form a {
width: 100%;
max-width: 160px;
text-align: center;
}
.brator-brand-slider.design-two {
padding-top: 70px;
padding-bottom: 0px;
}
.brator-brand-slider.design-two .brator-brand-img a {
margin-bottom: 50px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
cursor: auto;
}
.gray-img img {
filter: grayscale(1);
opacity: 0.5;
}
.gray-img img:hover {
filter: grayscale(0);
opacity: 1;
}
.brator-makes-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
flex-wrap: wrap;
}
.brator-makes-list-single.disable.current {
display: block;
}
.brator-makes-list-single.disable {
display: none;
}
.brator-makes-list-single {
border-width: 1px;
border-color: lightgray;
border-style: solid;
border-radius: 3px;
background-color: white;
padding: 10px 15px;
width: calc(20% - 15px);
}
.brator-makes-list-single a {
display: flex;
font-size: 16px;
color: var(--color-dark);
line-height: 16px;
justify-content: space-between;
align-items: center;
}
.brator-makes-list-single a svg {
font-size: 20px;
}
.brator-makes-list-single:hover {
border-color: var(--color-two);
}
.brator-makes-list-single:hover a {
text-decoration: underline;
}
.brator-makes-list-view-more {
text-align: center;
padding: 70px 0;
}
.brator-makes-list-view-more button.current svg {
transform: rotate(-180deg);
transition: 0.3s;
}
.brator-makes-list-view-more button {
margin: 0 auto;
background: transparent;
border: 0;
font-size: 15px;
color: var(--color-dark);
font-weight: 600;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
}
.brator-makes-list-view-more button span b {
margin-right: 15px;
font-weight: 600;
}
.brator-makes-list-view-more button span svg {
display: inline-block;
position: relative;
top: 3px;
font-size: 20px;
}
.brator-more-text-area.design-one {
background: #f2f2f7;
padding: 100px 0;
margin-top: 50px;
}
.brator-more-text-content .brator-more-text-main-title {
margin-bottom: 30px;
}
.brator-more-text-content .brator-more-text-sub-title {
margin-bottom: 20px;
margin-top: 40px;
}
.brator-more-text-content p {
font-size: 16px;
color: #666666;
line-height: 1.875;
}
.brator-more-text-content p.disable {
display: none;
}
.brator-more-text-content p.disable.current {
display: block;
}
.brator-more-text-view-more {
margin-top: 45px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-more-text-view-more button {
background: transparent;
border: 0px;
font-size: 14px;
color: var(--color-dark);
font-weight: 700;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-content: center;
margin: 0;
padding: 0;
}
.brator-more-text-view-more button svg {
position: relative;
top: 8px;
font-size: 15px;
margin-left: 8px;
}
.brator-more-text-view-more.current button svg {
transform: rotate(-180deg);
transition: 0.3s;
}
.brator-current-vehicle-area {
margin: 50px auto;
width: 100%;
margin-top: 30px;
}
.brator-current-vehicle {
padding: 25px 35px;
border-width: 1px;
border-color: var(--color-two);
border-style: solid;
border-radius: 8px;
background-color: #fff5f3;
display: flex;
align-items: center;
justify-content: space-between;
}
.brator-current-vehicle .brator-current-vehicle-content p {
font-size: 13px;
color: #666666;
text-transform: uppercase;
line-height: 1.692;
margin-bottom: 10px;
}
.brator-current-vehicle .brator-current-vehicle-content h4 {
font-size: 30px;
color: var(--color-dark);
font-weight: 700;
line-height: 0.733;
}
.brator-current-vehicle .brator-current-vehicle-content h4 span {
font-weight: 400;
}
.brator-sidebar-single-item {
padding: 30px 25px;
border-radius: 5px;
background-color: #f4f5f9;
margin-bottom: 30px;
}
.brator-sidebar-single-item .active-facets facet-remove a span {
border-radius: 3px;
background-color: #fff;
font-size: 12px;
line-height: 12px;
color: #222;
font-weight: bold;
text-transform: uppercase;
padding: 5px 10px;
display: flex;
justify-content: center;
align-items: center;
}
.brator-sidebar-single-item .active-facets facet-remove a span svg {
font-size: 12px;
background: #fff;
margin-left: 2px;
}
.brator-sidebar-single-item .active-facets facet-remove + .active-facets__button-wrapper {
display: block;
}
.brator-sidebar-single-item .active-facets .active-facets__button-wrapper {
display: none;
margin-bottom: 15px;
}
.brator-sidebar-single-item .shop-sidebar-title.fillter-list-title {
margin-bottom: 30px;
}
.brator-sidebar-single-item .shop-sidebar-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.brator-sidebar-single-item .shop-sidebar-title h2 {
font-size: 20px;
color: var(--color-dark);
font-weight: 700;
line-height: 1.8;
}
.brator-sidebar-single-item .shop-sidebar-title button {
background: transparent;
padding: 0;
margin: 0;
border: 0;
font-size: 12px;
color: var(--color-dark);
text-transform: uppercase;
margin-bottom: 0;
display: flex;
align-items: center;
}
.brator-sidebar-single-item .shop-sidebar-title button svg {
margin-right: 5px;
font-size: 18px;
position: relative;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul {
padding: 0;
margin: 0;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul li {
list-style: outside none;
font-size: 14px;
color: #666666;
padding: 2px 0;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul li a {
font-size: 14px;
color: #666666;
font-weight: 600;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul li ul {
padding-left: 20px;
height: 0;
max-height: 0;
overflow: hidden;
transition: 0.4s;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul .sub-cat {
position: relative;
cursor: pointer;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul .sub-cat svg {
position: absolute;
right: 0;
font-size: 18px;
top: 9px;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul .sub-cat.current a {
font-weight: 700;
color: var(--color-dark);
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul .sub-cat.current ul {
max-height: unset;
height: auto;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul .sub-cat.current ul li a {
width: 100%;
font-weight: 500;
}
.brator-sidebar-single-item .shop-sidebar-content .shop-cat-list ul .sub-cat.current ul li:hover a {
color: var(--color-two);
}
.brator-filter-item-content-area .facets__header {
margin-bottom: 10px;
}
.brator-filter-item-content-area .facets__header .facets__selected {
font-size: 14px;
}
.brator-filter-item-content-area .brator-rang-item-input {
display: flex;
gap: 10px;
justify-content: space-between;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single-btn button.ac-trigger {
width: 85px;
height: 57px;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single {
position: relative;
height: 57px;
width: 110px;
border-radius: 5px;
background: #fff;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single:hover .brator-rang-item-input-single-text {
top: 0px;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single input {
background: transparent;
font-size: 15px;
color: #222;
position: relative;
height: 100%;
width: 100%;
z-index: 1;
padding-bottom: 0;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single input[class=focus-visible] {
border: 2px solid var(--color-two);
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single input[class=focus-visible] + .brator-rang-item-input-single-text {
top: 0px;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single input.current-yaps + .brator-rang-item-input-single-text {
top: 0px;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single input.current + .brator-rang-item-input-single-text {
top: 0px;
}
.brator-filter-item-content-area .brator-rang-item-input .brator-rang-item-input-single .brator-rang-item-input-single-text {
transition: 0.3s;
position: absolute;
top: 13px;
left: 13px;
font-size: 13px;
color: #999999;
}
.brator-rang-item-slider {
margin-top: 20px;
}
.brator-rang-item-slider .noUi-target {
background: transparent;
border-radius: 10px;
border: 0px solid #D3D3D3;
box-shadow: unset;
}
.brator-rang-item-slider .noUi-connects {
height: 6px;
background: #d2d4da;
}
.brator-rang-item-slider .noUi-connects .noUi-connect {
background: var(--color-two);
}
.brator-rang-item-slider .noUi-handle {
width: 15px;
height: 15px;
background: var(--color-two);
border-radius: 50%;
opacity: 1;
box-shadow: unset;
border: 0;
cursor: pointer;
right: 0;
top: -5.5px;
}
.brator-rang-item-slider .noUi-handle::before, .brator-rang-item-slider .noUi-handle::after {
display: none;
}
.brator-rang-item-slider .noUi-handle-lower {
right: -15px;
}
.brator-filter-item-area {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.brator-filter-item-area:last-child {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom: 0px;
}
.brator-filter-item-area .brator-filter-item-title.current .ac-trigger {
transform: rotate(180deg) translate(0px, 0px);
}
.brator-filter-item-area .brator-filter-item-title.current + .brator-filter-item-content-area {
margin-top: 20px;
height: auto;
max-height: unset;
transition: 0.3s;
}
.brator-filter-item-area .brator-filter-item-title {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-filter-item-area .brator-filter-item-title h4 {
font-size: 14px;
color: var(--color-dark);
font-weight: 700;
text-transform: capitalize;
}
.brator-filter-item-area .brator-filter-item-title .ac-trigger {
background: transparent;
padding: 0;
margin: 0;
border: 0;
font-size: 12px;
color: var(--color-dark);
text-transform: uppercase;
margin-bottom: 0;
display: flex;
align-items: center;
transform: translate(5px, 0px);
}
.brator-filter-item-area .brator-filter-item-title .ac-trigger svg {
margin-right: 5px;
font-size: 18px;
position: relative;
}
.brator-filter-item-content-area {
margin-top: 0px;
overflow: hidden;
height: 0px;
max-height: 0px;
transition: 0.3s;
}
.brator-filter-item-content-area .brator-filter-item-content {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.brator-filter-item-content-area .brator-filter-item-content input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.brator-filter-item-content-area .brator-filter-item-content input[type=checkbox]:checked + .brator-filter-item-check-box-content::after {
background-color: var(--color-two);
border-color: var(--color-two);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
}
.brator-filter-item-content-area .brator-filter-item-content .brator-filter-item-check-box-content {
padding-left: 30px;
font-size: 14px;
color: #666666;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.brator-filter-item-content-area .brator-filter-item-content .brator-filter-item-check-box-content::before {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: white;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 6px;
}
.brator-filter-item-content-area .brator-filter-item-content .brator-filter-item-check-box-content::after {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: white;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 6px;
}
.brator-filter-item-content-area .brator-filter-item-content .brator-filter-item-check-box-content span {
font-size: 14px;
color: #666666;
text-transform: uppercase;
}
.brator-product-shop-page-area .brator-best-product-slider {
padding-bottom: 50px;
}
.product-list-items {
display: flex;
justify-content: center;
align-items: stretch;
gap: 30px;
flex-wrap: wrap;
}
.product-list-items .brator-product-single-item-area {
width: calc(25% - 23px);
min-height: 365px;
}
.brator-product-shop-page-area {
margin-bottom: 70px;
}
.brator-product-shop-page-area .close-fillter {
display: none;
}
.shop-filter-open .brator-product-shop-page-area .close-fillter {
display: block;
z-index: 99;
padding: 4px;
border-radius: 50%;
width: 35px;
height: 35px;
display: block;
position: absolute;
right: 25px;
top: 25px;
font-size: 27px;
background: var(--color-two);
cursor: pointer;
transition: 0.4s;
}
.shop-filter-open .brator-product-shop-page-area .close-fillter svg {
fill: #fff;
}
.shop-filter-open .brator-product-shop-page-area .lg-display-none {
display: block;
position: fixed;
left: 0%;
top: 0;
transition: 0.3s;
width: 100%;
height: 100%;
z-index: 3;
overflow-y: auto;
background-color: #0000009c;
}
.shop-filter-open .brator-product-shop-page-area .lg-display-none .brator-sidebar-area.design-one {
max-width: 300px;
margin: 15px 0;
}
.brator-inline-product-filter-area {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-result {
width: 100%;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-result p {
margin-bottom: 0;
font-size: 14px;
color: #999999;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-result p span {
color: var(--color-dark);
margin-right: 5px;
font-weight: 600;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items p {
margin-bottom: 0;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items .brator-filter-show-items-count {
margin-left: 20px;
padding: 0px 10px;
border-radius: 5px;
background-color: #f4f5f9;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items .brator-filter-show-items-count a.current {
color: var(--color-dark);
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items .brator-filter-show-items-count a {
padding: 5px;
font-size: 14px;
color: #999999;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items .brator-filter-show-items-count .active {
color: var(--color-dark);
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items .brator-filter-show-items-count:hover {
color: var(--color-dark);
}
.brator-inline-product-filter-area .brator-inline-product-filter-right {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-short-by {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-short-by p {
margin-bottom: 0;
margin-right: 20px;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-short-by .brator-filter-show-items-count select {
margin-bottom: 0;
border-radius: 5px;
background-color: #f4f5f9;
width: 200px;
border: 0;
height: auto;
background-position-y: 11px;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 180px;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type .brator-filter-view-type-link.current {
background: var(--color-two);
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type .brator-filter-view-type-link.current svg {
fill: #fff;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type .brator-filter-view-type-link {
border: 0;
height: auto;
width: 100%;
max-width: 40px;
border-radius: 5px;
background-color: #f4f5f9;
margin-left: 10px;
text-align: center;
line-height: 45px;
display: inline-block;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type .brator-filter-view-type-link svg {
font-size: 17px;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type button.filter-enable {
height: 40px;
border-radius: 5px;
background-color: #f4f5f9;
margin-left: 10px;
text-align: center;
line-height: 40px;
display: inline-block;
border: 0;
width: 100px;
display: none;
}
.brator-cart-area {
padding-bottom: 20px;
}
.brator-cart-area .brator-forget-product-slider {
margin-top: 50px;
padding-right: 70px;
}
.brator-cart-area .brator-forget-product-slider .splide__slide {
margin-left: -1px;
}
.brator-cart-area .brator-app-content-area {
margin-top: 85px;
margin-right: 70px;
padding: 35px 70px;
background-position-y: center;
padding-top: 65px;
padding-bottom: 60px;
padding-left: 70px;
background-size: 131%;
}
.brator-cart-area .brator-app-content-area .brator-app-content h2 {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.brator-cart-header-area {
padding: 80px 0;
}
.brator-cart-header-area h3 {
font-size: 72px;
color: var(--color-dark);
font-weight: 700;
}
.brator-cart-info {
padding-right: 70px;
}
.brator-cart-info .brator-cart-h {
margin-bottom: 40px;
}
.brator-cart-info .brator-cart-h h3 {
font-size: 24px;
color: var(--color-dark);
font-weight: 600;
}
.brator-cart-info .brator-cart-list {
position: relative;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items.title-me h6 {
font-size: 13px;
color: #999999;
text-transform: uppercase;
font-weight: 400;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20px 0;
border-top: 1px solid #e5e5e5;
position: relative;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items p {
margin-bottom: 0;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title {
max-width: 400px;
width: 100%;
padding: 0 0px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .img-cart {
margin-right: 20px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .img-cart a {
display: grid;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info h5 {
font-size: 15px;
color: var(--color-dark);
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info h5 a {
font-size: 15px;
font-weight: 400;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info h5 a:hover {
text-decoration: underline;
color: var(--color-dark);
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info p {
font-size: 12px;
color: #999999;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info a {
font-size: 12px;
color: var(--color-dark);
margin-top: 10px;
text-transform: uppercase;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info a:hover {
color: #0066ff;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price {
max-width: 160px;
width: 100%;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price .hinn-dx {
display: none;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price p {
display: flex;
justify-content: flex-start;
align-items: flex-end;
color: var(--color-dark);
font-size: 15px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price p sup {
line-height: 15px;
font-size: 15px;
color: var(--color-two);
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price p b.pub {
font-size: 15px;
line-height: 28px;
margin-left: 5px;
color: #999999;
text-decoration: line-through;
font-weight: 400;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-subtotal .hinn-dx-sub {
display: none;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-subtotal p {
font-size: 15px;
color: var(--color-dark);
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-removed {
position: absolute;
right: 0;
top: 0;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-removed a {
background: transparent;
border: 0;
padding: 0;
margin: 0;
color: #adadad;
}
.brator-cart-info .brator-cart-checkout {
display: flex;
justify-content: space-between;
align-items: center;
padding: 35px 0;
border-top: 1px solid #e5e5e5;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input {
height: 48px;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input:placeholder {
color: var(--color-dark);
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 205px;
height: 48px;
font-size: 14px;
position: relative;
left: -10px;
}
.brator-cart-checkout-right .brator-cart-checkout-back a {
border-color: var(--color-dark);
color: var(--color-dark);
background: #fff;
border-width: 1px;
font-weight: 700;
}
.brator-cart-checkout-right .brator-cart-checkout-back:hover a {
color: #fff;
}
.cart-total-area {
background-color: #f2f2f7;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
padding: 40px;
background-repeat-y: no-repeat;
background-position: bottom left;
padding-bottom: 50px;
border-radius: 3px;
margin-top: 30px;
}
.cart-total-area .cart__footer .cart__note {
display: block;
margin-bottom: 10px;
}
.cart-total-area .cart__footer .cart__note label {
font-weight: 600;
margin-bottom: 10px;
width: 100%;
}
.cart-total-area .cart__footer .cart__note textarea {
padding: 15px;
width: 100%;
margin-top: 14px;
display: block;
border-color: #6a6a6d;
background: transparent;
border-radius: 3px;
height: 90px;
margin-bottom: 20px;
}
.cart-total-area .cart-total-header {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.cart-total-area .cart-total-header h2 {
font-size: 24px;
color: var(--color-dark);
font-weight: 500;
}
.cart-total-area .cart-total-header h2 span {
color: #adadad;
margin-left: 5px;
font-weight: 300;
}
.cart-total-area .cart-total-cost {
margin-bottom: 20px;
}
.cart-total-area .cart-total-cost .item-ditels-cart-total {
display: flex;
justify-content: space-between;
align-items: center;
}
.cart-total-area .cart-total-cost .item-ditels-cart-total p {
margin-bottom: 0;
}
.cart-total-area .cart-total-cost .item-ditels-cart-total span {
font-size: 15px;
color: var(--color-dark);
}
.cart-total-area .cart-total-cost .cart-total-dis span {
color: var(--color-one);
}
.cart-total-area .cart-total-shiping {
margin: 30px 0;
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.cart-total-area .cart-total-amount {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.cart-total-area .cart-total-amount p {
margin-bottom: 0;
font-size: 20px;
color: var(--color-dark);
font-weight: 500;
line-height: 1.5;
}
.cart-total-area .cart-total-amount span {
margin-bottom: 0;
font-size: 20px;
color: var(--color-dark);
font-weight: 500;
line-height: 1.5;
}
.cart-total-area .cart-total-process {
margin: 17px 0;
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.cart-total-area .cart-total-process button {
width: 100%;
}
.cart-total-area .cart-total-accpect-payment p {
margin-bottom: 20px;
}
.cart-total-area .cart-total-accpect-payment .list-img-pay {
justify-content: flex-start;
display: flex;
align-items: center;
}
.cart-total-area .cart-total-accpect-payment .list-img-pay a {
display: grid;
margin-right: 10px;
}
.brator-cart-list-items-qty-area {
max-width: 170px;
width: 100%;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty {
max-width: 100px;
width: 100%;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
border-radius: 3px;
background-color: white;
position: relative;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty button {
background-color: #f2f2f7;
position: absolute;
z-index: 1;
left: 0;
top: 0;
border: 0;
padding: 0;
margin: 0;
height: 100%;
width: 24px;
font-size: 20px;
color: #9595ab;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty input {
width: 100%;
text-align: center;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty input[type=number]::-webkit-inner-spin-button,
.brator-cart-list-items-qty-area .brator-cart-list-items-qty input[type=number]::-webkit-outer-spin-button {
opacity: 1 !important;
-webkit-appearance: none;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty button.add-count-qty {
right: 0;
left: auto;
}
.cart-loader-me {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
display: flex;
justify-content: center;
font-size: 40px;
font-weight: 600;
opacity: 0;
visibility: hidden;
}
.cart-loader-me[aria-hidden=false] {
visibility: visible;
opacity: 0.9;
padding-top: 100px;
}
.cart__empty-text {
max-width: 200px;
margin-bottom: 10px;
}
.is-empty .cart__warnings {
display: block;
}
.is-empty form {
display: none;
}
.cart__warnings {
display: none;
}
.main-cart-footer-me {
padding-bottom: 100px;
}
.main-cart-footer-me .row {
justify-content: flex-end;
}
.brator-features-area.design-two {
padding: 90px 0;
}
.brator-features-area.design-two .brator-section-header {
margin-bottom: 70px;
}
.brator-features-area.design-two a.brator-features-single {
cursor: auto;
padding-right: 75px;
width: 100%;
}
.brator-features-area.design-two a.brator-features-single .brator-features-single-img {
margin-bottom: 50px;
position: relative;
width: 100px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.brator-features-area.design-two a.brator-features-single .brator-features-single-img::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: #fff5f3;
position: absolute;
left: 0;
top: 0;
transform: skewY(340deg);
}
.brator-features-area.design-two a.brator-features-single .brator-features-single-img img {
position: relative;
z-index: 1;
}
.brator-features-area.design-two a.brator-features-single h5 {
font-size: 20px;
margin-bottom: 20px;
color: var(--color-dark);
font-weight: 600;
line-height: 30px;
cursor: auto;
}
.brator-features-area.design-two a.brator-features-single h5:hover {
color: var(--color-two);
}
.brator-features-area.design-two a.brator-features-single p {
font-size: 15px;
color: #666666;
line-height: 1.733;
margin-bottom: 0;
}
.brator-our-story-area {
padding: 90px 0;
}
.brator-our-story-area .brator-our-story h2 {
font-size: 30px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 35px;
}
.brator-our-story-area .brator-our-story p {
font-size: 16px;
line-height: 28px;
color: #666666;
}
.brator-our-story-area .brator-our-story-type {
padding-left: 150px;
}
.brator-our-story-area .brator-our-story-type-single {
padding: 40px 0px;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #e5e5e5;
}
.brator-our-story-area .brator-our-story-type-single:first-child {
padding-top: 0;
}
.brator-our-story-area .brator-our-story-type-single:last-child {
border-bottom: 0px solid #e5e5e5;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-icon {
width: 150px;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-content {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-content .brator-our-story-count {
margin-right: 50px;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-content .brator-our-story-count p {
font-size: 60px;
line-height: 70px;
color: var(--color-dark);
font-weight: 700;
margin-bottom: 0;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-content .brator-our-story-count-text p {
font-size: 20px;
color: #999999;
margin: 0;
}
.brator-client-review-area {
padding-top: 100px;
}
.brator-client-review-area .splide__pagination {
display: none;
}
.brator-client-review-author-slider .splide__arrows,
.brator-client-review-author-slider .splide__pagination {
display: none;
}
.brator-client-review-author-slider.thub-also {
margin-bottom: 100px;
}
.brator-client-review-item .brator-client-review-content-area.design-two {
margin-bottom: 50px;
}
.brator-client-review-item .brator-client-review-content-area.design-two::after {
content: "";
position: absolute;
left: 35px;
bottom: -50px;
transform: scaleX(0.6);
display: block;
background: #f2f2f7;
border: 25px solid white;
border-left-color: white;
border-right-color: white;
border-bottom-color: white;
border-top-color: #f2f2f7;
opacity: 1;
}
.brator-client-review-item .brator-client-review-content-area {
border-radius: 8px;
background-color: #f2f2f7;
padding: 50px;
position: relative;
margin-bottom: 0px;
}
.brator-client-review-item .brator-client-review-content-area .brator-client-review-title {
margin-bottom: 15px;
}
.brator-client-review-item .brator-client-review-content-area .brator-client-review-title h3 {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
}
.brator-client-review-item .brator-client-review-content-area .brator-review.brator-client-review-star {
margin-bottom: 35px;
}
.brator-client-review-item .brator-client-review-content-area .brator-review.brator-client-review-star svg {
fill: #81c100;
}
.brator-client-review-item .brator-client-review-content-area .brator-review.brator-client-review-star .d-active {
fill: #b2b2b3;
}
.brator-client-review-item .brator-client-review-content-area .brator-client-review-content p {
font-size: 15px;
color: #666666;
margin-bottom: 0;
}
.brator-client-review-item .brator-client-review-autho {
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
z-index: 1;
background: #fff;
}
.brator-client-review-item .brator-client-review-autho .brator-client-review-autho-img {
padding-left: 30px;
margin-right: 15px;
}
.brator-client-review-item .brator-client-review-autho .brator-client-review-autho-content span {
font-size: 16px;
color: var(--color-dark);
}
.brator-client-review-item .brator-client-review-autho .brator-client-review-autho-content p {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
font-size: 14px;
line-height: 17px;
}
.brator-client-review-item .brator-client-review-autho .brator-client-review-autho-content p a {
display: block;
margin-left: 5px;
color: #0099cc;
}
.brator-client-review-author-slider .brator-client-review-item {
padding-top: 48px;
opacity: 0.5;
}
.brator-client-review-author-slider .brator-client-review-item::after {
content: "";
position: absolute;
left: 35px;
top: 0px;
display: block;
background: #f2f2f7;
border: 25px solid white;
border-left-color: white;
border-right-color: white;
border-bottom-color: white;
border-top-color: #f2f2f7;
transform: scaleX(0.6);
opacity: 0;
}
.brator-client-review-author-slider .brator-client-review-item.is-active {
opacity: 1;
}
.brator-client-review-author-slider .brator-client-review-item.is-active::after {
opacity: 1;
}
.brator-brand-item-area.design-two {
padding: 90px 0;
}
.brator-brand-item-area.design-two .row {
justify-content: space-between;
align-items: center;
}
.brator-brand-item-area.design-two .brator-brand-img a {
display: grid;
cursor: auto;
margin: 40px 0;
}
.brator-map-area .brator-map {
margin-top: 20px;
}
.brator-map-area .brator-map a {
display: block;
}
.brator-map-area .brator-map iframe {
display: block;
min-height: 400px;
}
.brator-team-slider-area {
padding: 90px 0;
}
.brator-section-header.all-item-left {
justify-content: flex-start;
}
.brator-section-header.all-item-left .brator-section-header-title {
width: auto;
}
.brator-section-header.all-item-left a {
margin-left: 20px;
}
.brator-team-single-item {
border-width: 1px;
border-color: lightgray;
border-style: solid;
border-radius: 5px;
background-color: white;
padding: 20px 20px 25px 20px;
margin-bottom: 1px !important;
}
.brator-team-single-item .brator-team-single-item-img {
margin-bottom: 25px;
}
.brator-team-single-item .brator-team-single-item-img img {
width: 100%;
}
.brator-team-single-item .brator-team-single-item-position {
margin-bottom: 5px;
}
.brator-team-single-item .brator-team-single-item-position h6 {
font-size: 12px;
color: #666666;
text-transform: uppercase;
font-weight: 400;
}
.brator-team-single-item .brator-team-single-item-title {
margin-bottom: 15px;
}
.brator-team-single-item .brator-team-single-item-title h4 {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
}
.brator-team-single-item .brator-team-single-item-content {
margin-bottom: 20px;
}
.brator-team-single-item .brator-team-single-item-content p {
font-size: 14px;
color: #666666;
}
.brator-team-single-item .brator-team-single-item-social {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.brator-team-single-item .brator-team-single-item-social a {
display: block;
width: 35px;
height: 35px;
border: 1px solid lightgray;
border-radius: 50%;
text-align: center;
line-height: 37px;
}
.brator-team-single-item .brator-team-single-item-social a svg {
fill: #787878;
font-size: 15px;
}
.brator-team-single-item .brator-team-single-item-social a:hover {
background: var(--color-two);
border-color: var(--color-two);
}
.brator-team-single-item .brator-team-single-item-social a:hover svg {
fill: #fff;
}
.brator-product-header-layout-area {
background: #f2f2f7;
padding: 0px 0px;
padding-top: 0px;
}
.brator-product-header-layout-area .brator-product-header-layout {
padding: 50px 50px;
background: #fff;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
padding: 50px 0 0 0;
border-radius: 8px;
}
.brator-product-header-layout-area .brator-product-header-layout .brator-product-header-layout-img {
width: 50%;
}
.brator-product-layout-header-content {
width: 50%;
}
.brator-review-product {
width: 300px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.brator-product-hero-content {
position: relative;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-brand a {
font-size: 13px;
color: #0066ff;
font-weight: 700;
text-transform: uppercase;
line-height: 24px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-brand-img {
position: absolute;
right: 0;
top: 0;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-brand-img a img {
display: block;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-title {
margin-bottom: 5px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-title h2 {
font-size: 20px;
font-weight: 700;
color: var(--color-dark);
line-height: 30px;
font-family: 'Inter' !important;
padding-right:20px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review .product-batch.yollow-batch {
background-color: #ffb500;
color: var(--color-dark);
font-size: 10px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review .product-batch.off-batch {
margin-right: 20px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-price {
margin-bottom: 30px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-price h6 {
font-size: 26px;
color: var(--color-dark);
font-weight: 600;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock {
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 0px;
padding-bottom: 20px;
}
.tags_data_info {
margin-bottom: 15px;
}
.product-logo-content-single-product {
margin-bottom: 14px;
}
.brator-product-text-area p {
margin-bottom: 3px;
}
.brator-product-hero-content-info .brator-product-text-area {
margin-bottom: 4px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h6 {
font-size: 16px;
color: var(--color-dark);
position: relative;
padding-left: 20px;
font-weight: 700;
font-family: 'Inter' !important;
margin-bottom: 14px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h6:after {
content: "";
display: block;
width: 11px;
height: 11px;
border-radius: 50%;
background: #00ba00;
position: absolute;
left: 0;
top: 4px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h5 {
padding: 10px 15px;
font-size: 14px;
color: var(--color-dark);
font-weight: 600;
border-width: 1px;
border-color: #3abe00;
border-style: solid;
border-radius: 3px;
background-color: #f5fbf3;
margin: 20px 0;
margin-bottom: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h5 svg {
fill: #3abe00;
font-size: 20px;
margin-right: 10px;
position: relative;
top: -1px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-select p {
font-size: 14px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 5px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-select select {
height: 40px;
line-height: 39px;
font-size: 14px;
padding: 0 10px;
background-position-x: 98%;
background-position-y: 10px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-sub-total {
margin: 30px 0;
margin-bottom: 30px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-sub-total p {
font-size: 26px;
color: var(--color-dark);
font-weight: 400;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-sub-total p span {
color: #666666;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-count {
max-width: 130px;
width: 100%;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-count .brator-brator-cart-list-items-qty {
max-width: 130px;
width: 100%;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
border-radius: 3px;
background-color: white;
position: relative;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-count .brator-brator-cart-list-items-qty button {
background-color: #f2f2f7;
position: absolute;
left: 0;
top: 0;
border: 0;
padding: 0;
margin: 0;
height: 100%;
width: 40px;
font-size: 20px;
color: #9595ab;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-count .brator-brator-cart-list-items-qty input {
width: 100%;
text-align: center;
padding-left: 25px;
height: 50px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-count .brator-brator-cart-list-items-qty button.add-count-qty {
right: 0;
left: auto;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-add {
margin-left: 10px;
width: 100%;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-add button {
width: 100%;
}
.brator-product-single-cart-action {
border-bottom: 1px solid #e5e5e5;
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 10px;
margin-bottom: 0px;
margin-top: 5px;
}
.brator-product-single-cart-action button {
background: transparent;
padding: 2px 23px;
display: flex;
justify-content: flex-start;
align-items: center;
border: 0;
border-right: 1px solid #e5e5e5;
}
.brator-product-single-cart-action button svg {
margin-right: 10px;
font-size: 17px;
fill: #666666;
}
.brator-product-single-cart-action button span {
font-size: 14px;
color: #666666;
}
.brator-product-single-cart-action .brator-product-single-cart-wish button.brator-wish-list-custom.active svg {
fill: var(--color-two);
}
.brator-product-single-cart-action .brator-product-single-cart-wish button {
padding-left: 0;
}
.brator-product-single-hr {
border-top: 1px solid #e5e5e5;
margin-top: 30px;
padding-top: 20px;
}
.brator-product-single-light-info-share {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.brator-product-single-light-info-share svg {
margin-right: 10px;
font-size: 19px;
fill: #666666;
}
.brator-product-single-light-info-share p {
font-weight: 600;
font-size: 14px;
color: var(--color-dark);
margin-bottom: 0;
}
.brator-product-single-light-info-share p span {
color: var(--color-dark);
font-weight: 400;
}
.brator-product-single-light-info-s.cat a:hover {
color: #0066ff;
}
.brator-product-single-light-info-s {
display: flex;
align-items: center;
justify-content: flex-start;
}
.brator-product-single-light-info-s h5 {
font-size: 14px;
color: var(--color-dark);
margin-right: 5px;
font-weight: 400;
}
.brator-product-single-light-info-s a {
font-size: 14px;
color: #666666;
margin-right: 5px;
position: relative;
}
.brator-product-single-light-info-s a::after {
content: ",";
}
.brator-product-single-light-info-s a:last-child::after {
content: none;
}
.brator-product-single-light-info-s a:hover {
text-decoration: underline;
color: var(--color-dark);
}
.brator-product-single-light-info-s span {
font-size: 14px;
color: #666666;
}
.brator-product-header-layout-area.desing-two {
background: #fff;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-header-layout-img {
width: 100%;
display: flex;
justify-content: flex-end;
}
.product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile {
width: 80%;
MARGIN-RIGHT:30PX;
}
.js-tabs__content.brator-product-img-tab-item.product__media-item.grid__item.slider__slide .product__media.media {
text-align: center;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-layout-header-content {
width: 100%;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content {
width: 100%;
padding-right: 85px;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock {
padding: 0;
border: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-alert-box {
padding: 10px 15px;
font-size: 14px;
color: var(--color-dark);
font-weight: 600;
border-width: 1px;
border-color: var(--color-two);
border-style: solid;
border-radius: 3px;
background-color: #fff5f3;
margin: 20px 0;
margin-bottom: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-alert-box svg {
fill: var(--color-two);
font-size: 2px;
margin-right: 10px;
position: relative;
top: -1px;
width: 30px;
height: 30px;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-alert-box .brator-product-hero-content-alert-box-content p {
font-size: 14px;
color: var(--color-dark);
margin-bottom: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-alert-box .brator-product-hero-content-alert-box-content span {
color: #666666;
font-size: 14px;
margin-bottom: 5px;
display: inline-block;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-alert-box .brator-product-hero-content-alert-box-content a {
font-size: 13px;
color: #0066ff;
font-weight: 500;
margin-right: 15px;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-alert-box .brator-product-hero-content-alert-box-content a:hover {
text-decoration: underline;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart {
width: 100%;
border-radius: 6px 6px 0px 0px;
background-color: #f2f2f7;
padding: 35px 25px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price {
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: 1px solid #e5e5e5;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price h6,
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price .price {
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price h6 .price__regular .price-item--regular,
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price .price .price__regular .price-item--regular {
font-size: 26px;
color: var(--color-two);
font-weight: 700;
margin-right: 15px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price .price--on-sale .price__sale .price-item--last {
font-size: 26px;
color: var(--color-two);
font-weight: 700;
margin-right: 15px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price .price--on-sale .price__sale .price-item--regular {
font-size: 24px;
color: #999999;
font-weight: 300;
text-decoration: line-through;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p {
display: block;
width: 100%;
margin-bottom: 15px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p:last-child {
margin-bottom: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color h6 {
font-size: 14px;
color: var(--color-dark);
font-weight: 600;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color span {
font-size: 14px;
color: var(--color-dark);
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox.type-Color .brator-product-add-to-cart-color-checkbox-single input[type=radio] {
width: 45px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox.type-Color .brator-product-add-to-cart-color-checkbox-single label {
width: 45px;
padding: 0;
background: #fff;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox.type-Color .brator-product-add-to-cart-color-checkbox-single input[type=radio]:checked + label {
border: 2px solid var(--color-dark);
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox.type-Color .brator-product-add-to-cart-color-checkbox-single:hover label {
border: 2px solid var(--color-dark);
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single {
margin-top: 10px;
margin-right: 10px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single:hover label {
background: transparent;
color: var(--color-dark);
color: #fff;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single input[type=radio] {
width: auto;
margin: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single label {
border-radius: 3px;
width: auto;
height: 45px;
margin: 0;
display: block;
justify-content: center;
align-items: center;
background: #fff;
cursor: pointer;
font-size: 14px;
color: #666666;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 15px;
transition: 0.3s;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single label img {
display: block;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .product-form__input_variant_single_p .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single input[type=radio]:checked + label {
background: var(--color-two);
color: #fff;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty {
margin-top: 25px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty h6 {
font-size: 14px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 10px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty .brator-brator-cart-list-items-qty {
width: 100%;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
border-radius: 3px;
background-color: #fff;
position: relative;
border-radius: 4px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty .brator-brator-cart-list-items-qty button {
background-color: transparent;
position: absolute;
left: 0;
top: 0;
border: 0;
padding: 0;
margin: 0;
height: 100%;
width: 44px;
font-size: 20px;
color: #9595ab;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty .brator-brator-cart-list-items-qty input {
width: 100%;
text-align: center;
padding-left: 25px;
height: 43px;
border-radius: 4px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty .brator-brator-cart-list-items-qty button.add-count-qty {
right: 0;
left: auto;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added {
margin-bottom: 0px;
margin-top: 20px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .product-form__error-message-wrapper {
margin-bottom: 10px;
line-height: 23px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .product-form__error-message-wrapper .product-form__error-message {
font-size: 15px;
line-height: 23px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added button {
height: 48px;
width: 100%;
font-size: 14px;
margin-bottom: 10px;
display: block;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .shopify-payment-button__button {
margin-bottom: 0;
background: var(--color-dark);
border-color: var(--color-dark);
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .shopify-payment-button__more-options {
display: none;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action button {
padding: 0px;
margin-right: 10px;
margin: 10px auto;
margin-bottom: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action button span {
font-size: 14px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action .brator-product-single-cart-wish button {
margin-right: 20px;
padding-right: 20px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action .brator-product-single-cart-compare button.compa-incdec.active svg {
fill: var(--color-two);
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action .brator-product-single-cart-compare button {
border: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty img {
display: grid;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-quanty h6 {
font-size: 12px;
color: #666666;
text-transform: uppercase;
margin-bottom: 15px;
}
.brator-product-frequently-area {
padding: 80px 0;
padding-bottom: 50px;
}
.brator-product-single-frequently {
border-width: 1px;
border-color: #cccccc;
border-style: solid;
border-radius: 8px;
background-color: white;
padding: 50px;
}
.brator-product-single-frequently h2 {
font-size: 30px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 30px;
}
.brator-product-single-frequently-list {
display: flex;
justify-content: space-between;
align-content: flex-start;
}
.brator-product-single-frequently-total {
max-width: 160px;
width: 100%;
}
.brator-product-single-frequently-total h6 {
font-size: 18px;
font-weight: 400;
color: #666666;
}
.brator-product-single-frequently-total span {
margin-top: 10px;
margin-bottom: 35px;
display: block;
font-size: 26px;
font-weight: 600;
color: var(--color-dark);
}
.product-list-items.check-box-product {
width: 100%;
gap: 50px;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two {
position: relative;
width: calc(33.33333333% - 50px);
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two::after {
content: "+";
color: var(--color-dark);
position: absolute;
right: -40px;
top: 97px;
width: 30px;
height: 100%;
font-size: 25px;
display: flex;
justify-content: center;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two:hover .brator-product-single-item-mini {
margin-top: 0;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two:last-child::after {
display: none;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox {
margin-top: 20px;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two .brator-product-single-item-checkbox .arow-check-right {
width: 20px;
height: 20px;
}
.brator-product-single-tab-area.design-two {
padding-top: 5px;
padding-bottom: 50px;
}
.brator-product-single-tab-list.js-tabs.side-tabbar {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .js-tabs__content.brator-product-single-tab-item {
width: 100%;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header {
max-width: 350px;
width: 100%;
margin-right: 95px;
border-radius: 8px;
background-color: #f2f2f7;
padding: 50px;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
border: 0;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li {
width: 100%;
padding: 0;
margin: 0;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #d9d9d9;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li a {
font-size: 20px;
color: #666666;
padding: 0;
margin: 0;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li a:after {
display: none;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li .js-tabs__title-active {
color: var(--color-dark);
font-weight: 700;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul {
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 50px;
margin-top: 50px;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li {
list-style: outside none;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li a {
font-size: 24px;
margin-right: 55px;
padding-bottom: 20px;
font-weight: 400;
color: #666666;
position: relative;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li a:after {
content: "";
display: block;
width: 0%;
height: 2px;
background: #222;
position: absolute;
left: 0;
bottom: 0;
transition: 0.4s;
opacity: 0;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li .js-tabs__title-active {
color: var(--color-dark);
font-weight: 700;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li .js-tabs__title-active:after {
width: 100%;
opacity: 1;
}
.brator-product-single-tab-list .brator-product-single-tab-item img {
margin: 40px auto;
margin-bottom: 10px;
border-radius: 5px;
}
.brator-product-single-tab-list .brator-product-single-tab-item ul li {
font-size: 15px;
color: #666666;
padding-left: 10px;
margin-bottom: 10px;
}
.brator-product-single-tab-list .brator-product-single-tab-item h6 {
font-size: 20px;
text-transform: capitalize;
color: var(--color-dark);
margin-top: 35px;
margin-bottom: 35px;
font-weight: 600;
}
.brator-product-single-tab-list .brator-product-single-tab-item p {
font-size: 15px !important;
color: #666666;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .brator-product-img-tab-header.js-tabs__header {
margin-right: 20px;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .brator-product-img-tab-header.js-tabs__header ul {
display: block;
gap: 0;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .brator-product-img-tab-header.js-tabs__header ul li a {
display: block;
width: 80px;
height: 80px;
background-position: center;
background-size: cover;
border: 1px solid #f2f2f7;
margin-bottom: 15px;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .brator-product-img-tab-header.js-tabs__header ul li .js-tabs__title-active {
border: 1px solid var(--color-two);
}
/* .brator-product-img-tab-list.js-tabs#tabs-product-img {
padding-right: 100px;
} */
.brator-product-img-tab-list.js-tabs#tabs-product-img .js-tabs__content.brator-product-img-tab-item p {
text-align: center;
margin-top: 30px;
text-transform: capitalize;
}
.brator-product-img-tab-header.js-tabs__header ul {
padding: 0;
margin: 0;
list-style: outside none;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
.brator-product-img-tab-header.js-tabs__header ul li {
position: relative;
width: 80px;
height: 80px;
overflow: hidden;
}
.brator-product-img-tab-header.js-tabs__header ul li a {
display: block;
width: 100%;
height: 100%;
border: 1px solid #f2f2f7;
position: absolute;
left: 0;
top: 0;
}
.brator-product-img-tab-header.js-tabs__header ul li .js-tabs__title-active {
border: 1px solid var(--color-two);
}
/* img[data-action=zoom] {
cursor: zoom-in;
} */
.zoom-img, .zoom-img-wrap {
position: relative;
z-index: 666;
transition: all 300ms;
}
img.zoom-img {
cursor: zoom-out;
}
.zoom-overlay {
cursor: zoom-out;
z-index: 420;
background: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: "alpha(opacity=0)";
opacity: 0;
transition: opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
filter: "alpha(opacity=100)";
opacity: 1;
}
.brator-review-comment-area h5 {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
margin: 0;
padding: 0;
}
.brator-review-comment-area .brator-review-comment {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 45px;
}
.brator-review-comment-area .brator-review-comment .brator-review-pint-count h6 {
margin: 0;
padding: 0;
font-size: 20px;
color: #669900;
font-weight: 600;
}
.brator-review-comment-area .brator-review-comment .brator-review-comment-count {
align-items: center;
display: flex;
justify-content: flex-start;
margin-left: 15px;
}
.brator-review-comment-area .brator-review-comment .brator-review-comment-count .brator-review-text {
margin-left: 5px;
}
.brator-review-comment-area .brator-review-comment .brator-review-comment-count .brator-review-text p {
margin: 0;
padding: 0;
}
.brator-review-comment-single-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #edeef2;
position: relative;
}
.brator-review-comment-single-item .brator-review-comment-single-img {
margin-right: 35px;
border-radius: 50%;
height: 70px;
max-width: 70px;
width: 100%;
}
.brator-review-comment-single-item .brator-review-comment-single-img img {
height: 70px;
width: 70px;
border-radius: 50%;
margin: 0;
padding: 0;
}
.brator-review-comment-single-item .brator-review-comment-single-content {
position: relative;
overflow: hidden;
width: 100%;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review {
position: absolute;
right: 0;
top: 0;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review-comment-single-title h6 {
margin: 0;
padding: 0;
font-size: 18px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 15px;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review-comment-single-title p {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-size: 15px;
color: #666666;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review-comment-date h6 {
margin: 0;
padding: 0;
font-size: 14px;
color: #666666;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review-comment-date h6 a {
color: var(--color-dark);
font-weight: 600;
margin-right: 5px;
}
.brator-contact-form-area.product-review-form .brator-contact-form-header h2 {
font-size: 20px;
color: var(--color-dark);
margin-bottom: 5px;
}
.brator-contact-form-area.product-review-form .brator-contact-form span.info-text {
margin-bottom: 20px;
}
.brator-contact-form-area.product-review-form .product-review-tag {
display: inline-flex;
margin-bottom: 10px;
}
.brator-contact-form-area.product-review-form .product-review-tag p {
margin-right: 20px;
margin-bottom: 0;
}
.brator-blog-header-area.grid-type {
padding-top: 45px;
padding-bottom: 100px;
}
.brator-blog-header-area.grid-type .brator-blog-header h2 {
font-size: 72px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 15px;
}
.brator-blog-post-area.grid-type-one {
padding-top: 100px;
}
.brator-blog-post-area.grid-type-one .brator-blog-listing-single-item-area.list-type-two {
margin-bottom: 65px;
}
.brator-blog-post-area.grid-type-one .brator-blog-listing-single-item-area.list-type-two .type-post .brator-blog-listing-single-item-thumbnail {
margin-bottom: 20px;
}
.brator-blog-post-area.grid-type-one .brator-blog-listing-single-item-area.list-type-two .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-info-2 {
margin-top: 15px;
}
.brator-blog-post-area.grid-type-one .brator-pagination-box {
padding-top: 70px;
}
.brator-blog-single-post-area {
margin-top: 70px;
}
.brator-blog-single-post-content-area {
margin-right: 70px;
}
.brator-blog-single-post-header .brator-blog-single-post-title {
margin-bottom: 20px;
}
.brator-blog-single-post-header .brator-blog-single-post-title h2 {
font-size: 48px;
color: var(--color-dark);
font-weight: 700;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area .brator-blog-listing-single-item-info {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area .brator-blog-listing-single-item-info a {
font-size: 13px;
color: var(--color-dark);
line-height: 20px;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area .brator-blog-listing-single-item-info time {
font-size: 13px;
color: #666666;
line-height: 20px;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area .brator-blog-listing-single-item-info-2 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area .brator-blog-listing-single-item-info-2 a {
font-size: 13px;
color: #999999;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area .brator-blog-listing-single-item-info-2 a:last-child {
margin-right: 0;
}
.brator-blog-single-post-fe-img {
margin-top: 10px;
border-top: 1px solid #e5e5e5;
padding-top: 50px;
}
.brator-blog-single-post-fe-img img {
display: grid;
width: 100%;
}
.brator-blog-single-post-content {
margin-right: 70px;
margin-top: 60px;
}
.brator-blog-single-post-content h3 {
font-size: 24px;
line-height: 34px;
color: var(--color-dark);
margin-bottom: 50px;
font-weight: 500;
}
.brator-blog-single-post-content h3 span {
color: var(--color-one);
margin: 0 5px;
}
.brator-blog-single-post-content p {
font-size: 16px;
color: #666666;
margin-bottom: 40px;
}
.brator-blog-single-post-content p a {
color: #00ccff;
margin: 0px 5px;
text-decoration: underline;
}
.brator-blog-single-post-content .brator-blog-single-post-img-2 {
margin: 50px auto;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.brator-blog-single-post-content .brator-blog-single-post-img-2 .brator-blog-single-post-img {
width: 100%;
text-align: center;
}
.brator-blog-single-post-content .brator-blog-single-post-img-2 .brator-blog-single-post-img img {
display: block;
width: 100%;
margin-bottom: 20px;
border-radius: 10px;
}
.brator-blog-single-post-content .brator-blog-single-post-img-2 .brator-blog-single-post-img a {
font-size: 13px;
color: #999999;
font-style: italic;
text-align: center;
}
.brator-blog-single-post-content .brator-blog-single-post-img-2 .brator-blog-single-post-img a span {
color: var(--color-dark);
margin-left: 5px;
}
.brator-blog-single-post-content .brator-blog-single-post-qu {
position: relative;
border-width: 1px;
border-color: #d6d6d6;
border-style: solid;
border-radius: 5px;
background-color: #f5f5fa;
padding: 65px;
margin-bottom: 70px;
}
.brator-blog-single-post-content .brator-blog-single-post-qu svg {
position: absolute;
right: 65px;
top: 65px;
fill: #999999;
font-size: 60px;
}
.brator-blog-single-post-content .brator-blog-single-post-qu .head-q {
margin-bottom: 40px;
color: #999999;
}
.brator-blog-single-post-content .brator-blog-single-post-qu .head-q strong {
color: var(--color-dark);
}
.brator-blog-single-post-content .brator-blog-single-post-qu p {
margin-bottom: 0;
font-size: 26px;
color: var(--color-dark);
font-weight: 300;
line-height: 35px;
}
.brator-blog-single-post-content h3.bold-600 {
font-size: 30px;
color: var(--color-dark);
font-weight: 600;
}
.brator-blog-single-post-content ul {
margin-left: 35px;
margin-bottom: 40px;
}
.brator-blog-single-post-content ul li {
font-size: 16px;
color: #666666;
margin-bottom: 10px;
}
.blog-single-tag-share-area {
margin-bottom: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-single-tag-share-area .blog-single-tag-area {
display: flex;
justify-content: flex-start;
align-items: center;
}
.blog-single-tag-share-area .blog-single-tag-area a {
border-radius: 5px;
background-color: #f2f2f7;
font-size: 13px;
color: #666666;
display: block;
padding: 5px 10px;
line-height: 15px;
margin-bottom: 5px;
margin-right: 5px;
}
.blog-single-tag-share-area .blog-single-tag-area a:hover {
background: var(--color-one);
color: var(--color-white);
}
.blog-single-tag-share-area .blog-single-social-area {
display: flex;
justify-content: flex-end;
align-items: center;
}
.blog-single-tag-share-area .blog-single-social-area p {
font-size: 14px;
color: #666666;
line-height: 1.714;
text-align: left;
margin: 0;
margin-right: 25px;
}
.blog-single-tag-share-area .blog-single-social-area a {
display: grid;
margin-right: 15px;
}
.blog-single-tag-share-area .blog-single-social-area a svg {
font-size: 16px;
}
.blog-single-tag-share-area .blog-single-social-area a:last-child {
margin-right: 0px;
}
.brator-post-single-author-area {
border-radius: 8px;
background-color: #f2f2f7;
padding: 50px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 80px;
}
.brator-post-single-author-area .brator-post-single-author-img {
width: 100%;
height: 80px;
max-width: 80px;
margin-right: 35px;
}
.brator-post-single-author-area .brator-post-single-author-img img {
height: 80px;
width: 80px;
display: block;
border-radius: 50%;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-name h6 {
font-size: 20px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 10px;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-name h5 {
font-size: 12px;
text-transform: uppercase;
color: #999999;
margin-bottom: 20px;
font-weight: 400;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-name p {
font-size: 15px;
color: #666666;
margin-bottom: 0px;
line-height: 26px;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-social {
display: flex;
justify-content: flex-start;
align-items: center;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-social a {
display: grid;
margin-right: 15px;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-social a svg {
font-size: 16px;
}
.brator-post-single-author-area .brator-post-single-author-content .brator-post-single-author-social a:last-child {
margin-right: 0px;
}
.blog-single-pagination-area {
padding: 60px 0;
margin-bottom: 50px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.blog-single-pagination-area .blog-single-pagination-content {
width: 100%;
}
.blog-single-pagination-area .blog-single-pagination-content a {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.blog-single-pagination-area .blog-single-pagination-content a svg {
font-size: 65px;
fill: #cccccc;
}
.blog-single-pagination-area .blog-single-pagination-content a span b {
font-size: 12px;
color: #666666;
text-transform: uppercase;
width: 100%;
display: block;
font-weight: 400;
}
.blog-single-pagination-area .blog-single-pagination-content a span i {
font-size: 24px;
color: var(--color-dark);
font-weight: 600;
}
.blog-single-pagination-area .blog-single-pagination-content:hover a svg {
fill: var(--color-one);
}
.blog-single-pagination-area .right-side a {
float: right;
}
.blog-single-pagination-area .right-side a span {
text-align: right;
margin-right: 30px;
}
.blog-single-pagination-area .left-side a svg {
transform: rotate(180deg);
}
.blog-single-pagination-area .left-side a span {
margin-left: 30px;
}
.brator-post-list-slider {
border-bottom: 1px solid #e5e5e5;
margin-top: 80px;
margin-bottom: 75px;
padding-bottom: 70px;
}
.blog-comment-list-area {
margin-bottom: 20px;
overflow: hidden;
}
.blog-comment-list-area .blog-comment-list-header {
margin-bottom: 35px;
}
.blog-comment-list-area .blog-comment-list-header h4 {
font-size: 30px;
color: var(--color-dark);
font-weight: 700;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item {
margin-bottom: 35px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item:last-child {
margin-bottom: 0px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-img {
width: 100%;
height: 70px;
max-width: 70px;
margin-right: 20px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-img img {
height: 70px;
width: 70px;
display: block;
border-radius: 50%;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content {
position: relative;
width: 100%;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor h6 {
font-size: 18px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 20px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor span {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
color: #999;
text-transform: uppercase;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor p {
font-size: 14px;
color: #666666;
margin-bottom: 25px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor .replay-btn button {
border-radius: 5px;
font-size: 11px;
color: #666666;
border: 1px solid;
display: block;
padding: 6px 10px;
line-height: 15px;
margin-bottom: 5px;
margin-right: 5px;
text-transform: uppercase;
border-color: #f2f2f7;
background-color: #f2f2f7;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor .replay-btn button:hover {
border-color: var(--color-one);
background-color: var(--color-one);
color: #fff;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item.sub-commnets {
margin-top: 35px;
margin-bottom: 0px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item.sub-commnets .blog-comment-single-item-img {
height: 45px;
max-width: 45px;
margin-right: 15px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item.sub-commnets .blog-comment-single-item-img img {
height: 45px;
width: 45px;
}
.brator-contact-form-area.blog-post-comment-header-area .brator-contact-form-header h2 {
margin-bottom: 40px;
font-size: 30px;
}
.brator-contact-form-fields.blog-post-comment-box-area {
margin-bottom: 100px;
}
.product_related_post {
margin-right: 70px;
padding-bottom: 50px;
}
.product_related_post .price__regular {
display: none;
}
.specification-product-item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #d9d9d9;
padding: 14px 0;
}
.specification-product-item .specification-product-item-left {
width: 100%;
}
.specification-product-item .specification-product-item-left p {
font-size: 15px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 0;
}
.specification-product-item .specification-product-item-right {
width: 100%;
}
.specification-product-item .specification-product-item-right p {
font-size: 15px;
color: var(--color-dark);
margin-bottom: 0;
}
.specification-product-item .specification-product-item-right.header-light p {
color: #0066ff;
}
body {
overflow-x: hidden;
}
@media only screen and (min-width: 300px) and (max-width: 1599px) {
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action button {
margin: auto 0 !important;
}
.brator-product-header-layout-area.desing-two .brator-product-single-cart-action .brator-product-single-cart-wish {
margin-bottom: 0 !important;
margin-top: 5px !important;
}
.brator-blog-featured-area.grid-type .hug-padding-left .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 200px;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two {
width: calc(50% - 50px);
}
.brator-product-header-layout-area.desing-two .brator-product-single-cart-action {
flex-wrap: wrap;
}
.brator-product-header-layout-area.desing-two .brator-product-single-cart-action .brator-product-single-cart-wish {
width: 100%;
margin-bottom: 10px;
}
.brator-product-header-layout-area.desing-two .brator-product-single-cart-action .brator-product-single-cart-wish button {
border: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-single-cart-action .brator-product-single-cart-compare {
width: 100%;
}
.brator-blog-featured-area.grid-type .hug-padding-right {
padding-right: 40px;
}
.brator-blog-featured-area.grid-type .hug-padding-left {
padding-left: 40px;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(16.6666667% - 30px);
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-removed {
top: -50px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .img-cart {
width: 120px;
}
.brator-features-area.design-two a.brator-features-single {
padding-right: 0;
}
.brator-our-story-area .brator-our-story-type {
padding: 0;
}
.brator-banner-area.design-four {
position: relative;
}
.brator-banner-area.design-four::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #00000070;
}
.brator-banner-area.design-four .brator-banner-content {
position: relative;
z-index: 1;
}
.brator-banner-area.design-four .brator-banner-content h2 a {
color: #fff;
line-height: 90px;
}
.brator-banner-area.design-four .brator-banner-content p {
color: #fff;
font-weight: 500;
}
.brator-payment-area h6.brator-payment-title {
display: none;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-area {
flex-wrap: wrap;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-area .mega-menu-cat-list {
width: 100%;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-area .mega-menu-offer {
display: none;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-area .mega-menu-offer {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
}
@media only screen and (min-width: 300px) and (max-width: 1399px) {
.brator-product-frequently-area .brator-product-single-posts {
margin-top: 50px;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img {
padding-right: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action .brator-product-single-cart-compare button {
margin: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-single-cart-action .brator-product-single-cart-wish button {
margin-right: 0;
padding-right: 0;
float: left;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-header-layout-img {
width: 100% !important;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-layout-header-content {
width: 100%;
margin-top: 40px;
}
.brator-banner-area.design-one {
padding: 100px;
position: relative;
}
.brator-banner-area.design-one::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #232323e0;
}
.brator-banner-area.design-one .brator-banner-content {
position: relative;
z-index: 1;
}
.brator-banner-area.design-one .brator-banner-content p {
color: #fff;
}
.brator-banner-area.design-one {
padding: 100px;
}
.brator-blog-listing-single-item-info-2 a {
margin-right: 20px;
}
.brator-blog-featured-area.grid-type .hug-padding-left .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 155px;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(20% - 30px);
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type button.filter-enable {
display: block;
}
.brator-product-shop-page-area .lg-display-none {
display: none;
}
.brator-header-area.header-one .xl-dextop-none {
display: none;
}
.brator-header-menu-info a:first-child {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 1330px) {
.splide__arrows.style-two .splide__arrow--prev {
left: -40px;
}
.splide__arrows.style-two .splide__arrow--next {
right: -40px;
}
}
@media (min-width: 300px) and (max-width: 1200px) {
#shopify-section-template--18031171698944__1648013223a1656d17 > div > div > div > div.col-md-9 {
margin-top: 0px !important;
}
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.brator-header-menu-area {
display: none;
}
.brator-brand-item-area.design-two .brator-brand-img a img {
margin: 0 auto;
}
.brator-blog-featured-area.grid-type .hug-padding-right::after {
display: none;
}
.product_related_post {
margin-right: 0px;
}
.brator-blog-single-post-content-area {
margin-right: 0px;
}
.brator-blog-single-post-content {
margin-right: 0px;
}
.brator-page-404 .brator-footer-area {
margin-top: 60px;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two {
width: calc(100% - 50px);
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-header-layout-img {
width: 100%;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-layout-header-content {
width: 100%;
}
.brator-header-area.header-one.comming-sson-pag-header {
padding: 50px 0;
}
.brator-header-area.header-one.comming-sson-pag-header .brator-info-right {
padding: 0;
margin: 0;
border: 0;
}
.brator-coming-soon-area .row {
flex-direction: column-reverse;
}
.brator-coming-soon-area .brator-coming-soon-img {
text-align: center;
margin-bottom: 50px;
}
.brator-coming-soon-area .brator-coming-soon-img img {
margin: 0 auto;
}
.brator-contact-list-area {
margin-right: 40px;
}
.brator-blog-featured-area.grid-type .hug-padding-left {
padding-left: 0;
margin-top: 100px;
}
.brator-blog-featured-area.grid-type .hug-padding-right {
padding-right: 0;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(25% - 30px);
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form {
flex-wrap: wrap;
justify-content: flex-start;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select {
width: calc(33.3333333% - 30px);
}
.brator-cart-info {
padding-right: 0;
}
.brator-cart-area .brator-forget-product-slider {
padding-right: 0;
}
.brator-cart-area .brator-app-content-area {
margin: 0;
border-radius: 5px;
padding: 30px;
margin-bottom: 50px;
margin-top: 50px;
}
.brator-features-area.design-two a.brator-features-single {
margin-top: 50px;
}
.brator-our-story-area .brator-our-story-type {
margin-top: 50px;
}
.brator-features-area.design-one {
flex-wrap: wrap;
}
.brator-features-area.design-one a.brator-features-single {
margin: 15px 0;
width: 50%;
border: 0;
}
.brator-footer-area {
padding-top: 0;
}
.brator-footer-top-element {
margin-bottom: 40px;
}
.brator-logo-area .brator-logo button {
margin-right: 0;
}
.brator-header-area.header-one {
padding: 20px 0;
}
.brator-header-area.header-one .brator-info-right {
justify-content: center;
border-top: 1px solid #e5e5e5;
margin-top: 15px;
padding-top: 15px;
}
.brator-header-area.header-one .brator-info-right .brator-icon-link-text a b {
display: none;
}
.brator-header-area.header-one .brator-info-right .brator-icon-link-text .click-item-count {
margin-right: 0;
}
.brator-header-area.header-one .brator-info-right .brator-user-link {
margin: 0 40px;
padding: 0;
}
.brator-header-area.header-one .brator-info-right .brator-user-link::after {
content: none;
}
.brator-header-area.header-one .brator-info-right .brator-cart-link {
margin: 0;
padding: 0;
}
.brator-header-area.header-one .brator-info-right .brator-cart-link::after {
content: none;
}
.brator-header-area.header-one .brator-info-right .brator-cart-link a b {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 1030.98px) {
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header {
max-width: 260px;
margin-right: 45px;
}
.brator-deal-product-slider .splide__arrow {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-left {
justify-content: center;
}
.blog-single-pagination-area {
flex-wrap: wrap;
}
.blog-single-pagination-area .blog-single-pagination-content {
margin-bottom: 20px;
}
.brator-features-area.design-one {
margin-top: 60px;
}
.brator-product-single-tab-area.design-one-m .brator-product-single-tab-list .brator-product-single-tab-header ul {
flex-wrap: wrap;
}
.brator-product-single-tab-area.design-one-m .brator-product-single-tab-list .brator-product-single-tab-header ul li {
width: 50%;
}
.brator-product-single-tab-area.design-one-m .brator-product-single-tab-list .brator-product-single-tab-header ul li a {
margin-right: 0;
margin-top: 10px;
font-size: 16px;
margin-bottom: 10px;
padding: 0;
}
.brator-product-single-tab-area.design-one-m .brator-product-single-tab-list .brator-product-single-tab-header ul li a.js-tabs__title.js-tabs__title-active {
border: 0;
font-weight: 600;
}
.brator-product-single-tab-area.design-one-m .brator-product-single-tab-list .brator-product-single-tab-header ul li a.js-tabs__title.js-tabs__title-active::after {
display: none;
}
.brator-product-single-frequently-list {
flex-wrap: wrap;
gap: 0;
}
.brator-product-single-frequently-list .product-list-items.check-box-product {
width: 100%;
}
.brator-product-single-frequently-list .brator-product-single-frequently-total {
width: 100%;
}
.brator-breadcrumb ul {
flex-wrap: wrap;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-layout-header-content {
flex-wrap: wrap;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-layout-header-content .brator-product-hero-content {
width: 100%;
padding-right: 0;
margin-bottom: 30px;
}
.brator-contact-header-area {
padding: 40px 0;
}
.brator-contact-list-area {
margin-right: 0px;
margin-bottom: 40px;
border: 0;
}
.brator-banner-area.design-one {
padding: 50px;
}
.brator-product-single-tab-list.js-tabs.side-tabbar {
flex-wrap: wrap;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
margin-bottom: 40px;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li {
width: 50%;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .js-tabs__content.brator-product-single-tab-item {
width: 100%;
}
.brator-makes-list .brator-makes-list-single {
width: calc(50% - 15px);
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(33.3333333% - 30px);
}
.brator-inline-product-filter-area {
flex-wrap: wrap;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left {
width: 100%;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items {
justify-content: flex-end;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right {
justify-content: flex-start;
width: 100%;
margin-top: 30px;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-short-by {
justify-content: flex-start;
}
.product-list-items .brator-product-single-item-area {
width: calc(33.3333333% - 23px);
}
.brator-current-vehicle .brator-current-vehicle-content {
padding-right: 20px;
}
.brator-current-vehicle .brator-current-vehicle-content h4 {
font-size: 20px;
}
.brator-banner-area.design-four {
padding: 100px;
}
.cart-total-area .cart-total-header h2 {
font-size: 17px;
}
.brator-banner-slider.design-two {
margin-top: 30px;
}
.blog-section-layout.grid-type .col-12 {
flex-wrap: wrap;
gap: 30px;
}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area.list-type-two {
width: calc(50% - 30px);
}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2)::before,
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2)::after {
display: none;
}
.brator-app-content-area {
position: relative;
box-shadow: 0px 0px 6px 2px #2323230d;
}
.brator-app-content-area::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #232323e0;
}
.brator-app-content-area .brator-app-content {
padding-right: 15px;
}
.brator-app-content-area .brator-app-content h2 {
font-size: 28px;
color: #fff;
}
.brator-app-content-area .brator-app-content p {
color: #fff;
}
.brator-app-content-area .brator-app-content,
.brator-app-content-area .brator-app-btn {
position: relative;
z-index: 1;
}
.brator-deal-product-slider .splide__arrow {
display: block;
}
.brator-banner-area.design-two {
padding-bottom: 100px;
}
.brator-payment-area {
justify-content: flex-end;
}
.brator-header-area.header-one.comming-sson-pag-header .brator-social-link {
margin-top: 0px;
}
.brator-social-link {
justify-content: center;
margin-top: 20px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three {
flex-wrap: wrap;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-left {
padding: 0;
margin-bottom: 10px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 300px) and (max-width: 800.98px) {
.brator-blog-single-post-content .brator-blog-single-post-qu {
padding: 30px;
}
.brator-blog-single-post-content .brator-blog-single-post-img-2 {
flex-wrap: wrap;
}
.brator-blog-listing-single-item-info-2 a {
margin-right: 10px;
}
.brator-deal-product-slider .splide__arrows.style-two {
display: none;
}
.brator-cart-item-list {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
padding: 110px;
}
.brator-cart-item-list .brator-cart-item-list-header::after {
display: none;
}
}
.blog-single-pagination-area .blog-single-pagination-content a span i {
font-size: 18px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price {
display: flex;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price .hinn-dx {
display: block;
margin-right: 10px;
font-weight: 500;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-subtotal {
display: flex;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-subtotal .hinn-dx-sub {
display: block;
margin-right: 10px;
font-weight: 500;
}
.template-404 {
padding: 80px 0 !important;
}
.brator-product-single-frequently {
padding: 20px;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-header-layout-img .brator-product-img-tab-list.js-tabs#tabs-product-img.design-two {
flex-wrap: wrap-reverse;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-layout-header-content .brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-brand-img {
position: relative;
margin-bottom: 10px;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-layout-header-content .brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-action {
flex-wrap: wrap;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-layout-header-content .brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-action button {
padding: 2px 17px;
border: 0;
width: 100%;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-layout-header-content .brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add {
flex-wrap: wrap;
}
.brator-product-header-layout-area.desing-one .brator-product-header-layout .brator-product-layout-header-content .brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-count-add .brator-product-single-cart-add {
margin-left: 0;
margin-top: 10px;
}
.brator-blog-header-area.grid-type .brator-blog-header h2 {
font-size: 50px;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li {
width: 100%;
padding-left: 0;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .js-tabs__content.brator-product-single-tab-item {
width: 100%;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .js-tabs__content.brator-product-single-tab-item ul li {
width: 100%;
padding-left: 0;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(33.3333333% - 30px);
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select {
width: calc(50% - 30px);
}
.product-list-items .brator-product-single-item-area {
width: calc(50% - 23px);
}
.brator-cart-info .brator-cart-checkout {
flex-wrap: wrap;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left {
width: 100%;
margin-bottom: 15px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items.title-me {
display: none;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items {
flex-wrap: wrap;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-removed {
top: 0;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title {
margin-bottom: 20px;
width: 100%;
max-width: 100%;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-price {
margin-bottom: 10px;
width: 100%;
max-width: 100%;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-qty-area {
margin-bottom: 10px;
width: 100%;
max-width: 100%;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-subtotal {
margin-bottom: 10px;
width: 100%;
max-width: 100%;
}
.brator-our-story-area .brator-our-story-type-single {
flex-wrap: wrap;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-icon {
margin-bottom: 20px;
}
.brator-our-story-area .brator-our-story-type-single:last-child {
padding-bottom: 0;
}
.brator-banner-area.design-four {
padding: 50px;
}
.brator-banner-area.design-four .brator-banner-content h2 a {
font-size: 50px;
line-height: 60px;
}
.brator-banner-area.design-four .brator-banner-content p br {
display: none;
}
.brator-app-content-area {
padding: 30px;
}
.brator-app-content-area .brator-app-content h2 {
font-size: 20px;
line-height: 30px;
}
.blog-section-layout.grid-type .col-12 {
gap: 0px;
}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area.list-type-two {
width: 100%;
margin-bottom: 40px;
}
.brator-section-header {
flex-wrap: wrap;
}
.brator-section-header h2 {
width: 100%;
font-size: 25px;
padding-right: 60px;
}
.brator-section-header a {
justify-content: flex-start;
}
.brator-features-area.design-one a.brator-features-single {
padding: 0px 25px;
justify-content: center;
}
.brator-banner-area.design-two {
padding: 35px 25px;
padding-bottom: 100px;
}
.brator-banner-slider.design-two .splide__pagination {
padding-left: 25px;
}
.brator-payment-area {
justify-content: center;
}
.brator-copyright-area p {
text-align: center;
margin-bottom: 22px;
}
}
@media only screen and (min-width: 300px) and (max-width: 680.98px) {
.brator-coming-soon-area .brator-coming-soon-subs-area p br {
display: none;
}
.brator-coming-soon-area .brator-coming-soon-content h6 {
font-size: 40px;
}
.brator-coming-soon-area .brator-coming-soon-content p {
padding-right: 0;
}
.brator-coming-soon-area .brator-coming-soon-counter {
margin-bottom: 0px;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul {
flex-wrap: wrap;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li {
width: 50%;
margin-right: 0px;
margin-bottom: 50px;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li span {
font-size: 40px;
line-height: 50px;
font-weight: 800;
}
.brator-coming-soon-area .brator-coming-soon-counter #countdown ul li span::after {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 625.98px) {
.brator-parts-search-box-area.design-two .brator-parts-search-box-form {
gap: 0;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select {
width: calc(100% - 0px);
margin-bottom: 10px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form select:last-child {
margin-bottom: 0;
}
.brator-cart-header-area {
padding: 30px 0;
}
.brator-cart-header-area h3 {
font-size: 40px;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-content {
flex-wrap: wrap;
}
.brator-our-story-area .brator-our-story-type-single .brator-our-story-content .brator-our-story-count-text {
width: 100%;
margin-top: 20px;
}
.brator-banner-area.design-four {
padding: 30px;
}
.brator-cart-item-list {
padding: 30px;
}
}
@media only screen and (min-width: 300px) and (max-width: 615.98px) {
.brator-client-review-item .brator-client-review-content-area {
padding: 30px;
}
.brator-client-review-item .brator-client-review-autho .brator-client-review-autho-content p {
flex-wrap: wrap;
}
.brator-client-review-item .brator-client-review-autho .brator-client-review-autho-content p a {
width: 100%;
display: block;
margin-left: 0;
}
.brator-offer-box-one,
.brator-offer-box-two {
padding: 20px;
position: relative;
}
.brator-offer-box-one::before,
.brator-offer-box-two::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffffa6;
}
.brator-offer-box-one *,
.brator-offer-box-two * {
position: relative;
}
.brator-deal-product-slider .splide__arrow {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 576.98px) {
.brator-post-single-author-area {
flex-wrap: wrap;
}
.brator-post-single-author-area .brator-post-single-author-img {
margin-bottom: 20px;
}
.brator-blog-single-post-header .brator-blog-single-post-title h2 {
font-size: 30px;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area {
flex-wrap: wrap;
}
.brator-coming-soon-area {
padding-top: 0px;
}
.brator-coming-soon-area div#PasswordLoginForm-password-error {
display: none;
}
.brator-product-single-light-info-area .brator-product-single-light-info-s {
flex-wrap: wrap;
}
.brator-product-img-tab-header.js-tabs__header ul li a {
width: 100%;
height: 100%;
}
.brator-product-header-layout-area .brator-product-header-layout {
padding: 20px;
}
.brator-pagination-box {
margin-bottom: 50px;
}
.brator-blog-featured-area.grid-type .hug-padding-left .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
width: 100%;
margin-right: 0;
max-width: 100%;
}
.brator-blog-listing-single-item-area.list-type-one .type-post {
flex-wrap: wrap;
}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
width: 100%;
max-width: 100%;
-webkit-margin-after: 20px;
margin-block-end: 20px;
}
.brator-categories-list-area.design-two {
gap: 0;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(33.3333333% + -25px);
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items p {
display: none;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right {
flex-wrap: wrap;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-short-by-a {
width: 100%;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type {
width: 100%;
margin-top: 15px;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type a:first-child {
margin-left: 0;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-short-by p {
display: none;
}
.brator-current-vehicle {
flex-wrap: wrap;
}
.brator-current-vehicle .brator-current-vehicle-content a {
margin-top: 30px;
}
.brator-banner-area.design-four .brator-banner-content h2 a {
font-size: 30px;
}
.product-list-items .brator-product-single-item-area {
width: calc(100% - 0px);
}
}
@media only screen and (min-width: 300px) and (max-width: 567.98px) {
.brator-review-comment-single-item {
flex-wrap: wrap;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review {
position: relative;
margin-bottom: 20px;
}
.brator-review-comment-single-item .brator-review-comment-single-img {
margin-bottom: 20px;
}
.brator-blog-header-area.grid-type .brator-blog-header h2 {
font-size: 30px;
}
.brator-app-content-area {
flex-wrap: wrap;
}
.brator-app-content-area .brator-app-content {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 300px) and (max-width: 575.98px) {
.brator-header-area.header-one.comming-sson-pag-header .brator-logo-area {
margin-bottom: 20px;
text-align: center;
}
.brator-header-area.header-one.comming-sson-pag-header .brator-logo-area a {
margin: 0 auto;
}
}
@media only screen and (min-width: 300px) and (max-width: 500.98px) {
.brator-section-header .brator-section-header-left {
flex-wrap: wrap;
}
.brator-features-area.design-one a.brator-features-single {
width: 100%;
border: 0;
}
}
@media only screen and (min-width: 300px) and (max-width: 455.98px) {
.brator-product-shop-page-area button.product-form__submit {
padding: 0 1px!important;
}
.product-form__buttons button span {
font-size: 16px !important;
font-weight: bold;
}
.brator-product-shop-page-area .inner_qty_cart .innerbuttonqty {
width: 30px;;
}
.brator-product-shop-page-area .inner_qty_cart .quantity__input {
width: 50px !important;
padding: 0px !important;
text-align: center;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header {
padding: 30px;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields {
flex-wrap: wrap;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields input {
max-width: 100%;
margin-bottom: 15px;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-left .brator-cart-checkout-fields button {
left: 0;
height: 52px;
max-width: 190px;
border-radius: 4px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one {
flex-wrap: wrap;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one .price-pdo {
width: 100%;
margin-top: 10px;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(33.3333333% - 15px);
}
}
@media only screen and (min-width: 300px) and (max-width: 425.98px) {
.brator-makes-list {
gap: 0;
}
.brator-makes-list .brator-makes-list-single {
width: calc(100% - 0px);
margin-bottom: 15px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off {
margin-bottom: 0px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off p {
font-size: 80px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off span {
line-height: 40px;
font-size: 35px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-off span strong {
font-size: 25px;
}
}
@media only screen and (min-width: 300px) and (max-width: 400.98px) {
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
margin-right: 0;
}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-info-2 {
display: none;
}
.brator-categories-list-area.design-two .brator-categories-single {
max-width: calc(33.3333333% - 15px);
}
.brator-categories-single .brator-categories-single-title p a {
font-size: 11px !important;
line-height: 16px !important;
}
}
#admin-bar-iframe {
display: none;
}
.main-cart-footer-me {
margin-top: 30px;
}
.cart-page-slider {
padding-top: 30px;
padding-bottom: 0;
}
.cart-page-slider .brator-section-header {
margin-bottom: 50px;
}
.cart-page-slider .splide__arrows.style-one .splide__arrow {
top: -70px;
}
.search-single-product {
margin-bottom: 30px;
}
.collection-list-area {
padding: 110px 0;
padding-bottom: 85px;
}
.collection-list-area .card__text {
text-align: center;
padding: 20px;
}
.collection-list-area .card__text h2 {
font-size: 20px;
font-weight: 500;
}
.collection-list-area .card {
border-width: 1px;
border-color: #d4d4d4;
border-style: solid;
border-radius: 5px;
padding: 20px;
position: relative;
margin-bottom: 1px;
margin-bottom: 25px;
}
.collection-list-header {
padding: 70px 20px;
text-align: center;
background: #ededed45;
}
.collection-list-area img {
display: grid;
}
cart-notification .cart-tostare-wrapper .cart-notification.active {
top: 20px;
opacity: 1;
visibility: visible;
}
cart-notification .cart-tostare-wrapper .cart-notification {
position: fixed;
right: 20px;
top: -40px;
opacity: 0;
visibility: hidden;
padding: 20px;
margin: 0;
background: var(--color-dark);
border: 1px solid var(--color-dark);
max-width: 320px;
transition: 0.3s all;
z-index: 9;
border-radius: 5px;
padding-bottom: 5px;
margin-left: 20px;
}
cart-notification .cart-tostare-wrapper .cart-notification .tostare__header {
position: relative;
}
cart-notification .cart-tostare-wrapper .cart-notification .tostare__header .tostare__heading {
color: #fff;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
cart-notification .cart-tostare-wrapper .cart-notification .tostare__header .tostare__heading svg {
font-size: 16px;
color: #fff;
margin-right: 10px;
}
cart-notification .cart-tostare-wrapper .cart-notification .tostare__header .modal__close-button.link {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
height: 20px;
width: 20px;
background-color: transparent;
color: var(--color-two);
border-radius: 50%;
position: absolute;
right: -10px;
top: -10px;
}
cart-notification .cart-tostare-wrapper .cart-notification .tostare__header .modal__close-button.link svg {
fill: #fff;
width: 16px;
height: 16px;
}
cart-notification .cart-tostare-wrapper .cart-notification #cart-notification-product {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
}
cart-notification .cart-tostare-wrapper .cart-notification #cart-notification-product img {
height: 70px;
width: auto;
border-radius: 5px;
}
cart-notification .cart-tostare-wrapper .cart-notification #cart-notification-product h3 {
font-size: 16px;
color: #fff;
font-weight: 500;
line-height: 20px;
margin-left: 20px;
}
cart-notification .cart-tostare-wrapper .cart-notification #cart-notification-product h3 + dl {
display: none;
}
cart-notification .cart-tostare-wrapper .cart-notification .toster-action {
display: flex;
justify-content: space-around;
align-items: flex-start;
gap: 5px;
border-top: 1px solid #fff;
margin-top: 15px;
padding-top: 20px;
padding-bottom: 15px;
}
cart-notification .cart-tostare-wrapper .cart-notification .toster-action #cart-notification-button {
font-size: 13px;
font-weight: 500;
line-height: 19px;
background: var(--color-dark);
border: 2px solid var(--color-dark);
color: #fff;
padding: 10px;
border-radius: 4px;
text-transform: capitalize;
transition: 0.3s;
}
cart-notification .cart-tostare-wrapper .cart-notification .toster-action #cart-notification-form button {
font-size: 13px;
font-weight: 500;
line-height: 19px;
background: var(--color-dark);
border: 2px solid #fff;
color: #fff;
padding: 10px;
border-radius: 4px;
text-transform: capitalize;
transition: 0.3s;
box-shadow: none;
min-width: 100px;
}
cart-notification .cart-tostare-wrapper .cart-notification button.link.link-toster-close {
font-size: 16px;
font-weight: 700;
line-height: 16px;
background: var(--color-two);
border: 2px solid var(--color-two);
color: #fff;
padding: 15px 20px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
.brator-contact-form-fields .form__message {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
color: #666;
font-weight: 300;
}
.brator-contact-form-fields .form__message svg {
margin-right: 5px;
font-size: 20px;
}
.brator-contact-form-fields h2.form-status {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
color: #666;
font-weight: 300;
}
.brator-contact-form-fields h2.form-status svg {
margin-right: 5px;
font-size: 20px;
}
.brator-contact-form-fields .form-status-list {
margin: 0;
margin-top: 10px;
margin-bottom: 15px;
}
.brator-contact-form-fields .form-status-list li a {
font-size: 14px;
color: #999999;
text-transform: capitalize;
color: var(--color-dark);
margin-bottom: 0;
text-decoration: none;
}
.wpl-area.active {
top: 20px;
opacity: 1;
visibility: visible;
}
.wpl-area {
position: fixed;
right: 20px;
top: 40px;
z-index: 9;
background: var(--color-dark);
box-shadow: 0px 0px 3px 1px #22222217;
padding: 13px 12px;
border-radius: 3px;
max-width: 290px;
transition: 0.3s all;
opacity: 0;
visibility: hidden;
}
.wpl-area p.tostare__heading {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 7px;
}
.wpl-area p.tostare__heading svg {
margin-right: 10px;
font-size: 15px;
}
.wpl-area .brator-product-wpl-area {
display: flex;
justify-content: flex-start;
align-items: center;
}
.wpl-area .brator-product-wpl-area .brator-product-single-item-img {
width: 80px;
margin-right: 10px;
height: auto;
overflow: hidden;
border-radius: 5px;
}
.wpl-area .brator-product-wpl-area a {
display: grid;
}
.wpl-area .brator-product-wpl-area .brator-product-single-item-title h5 {
font-size: 13px;
}
.wpl-area .brator-product-wpl-area a {
color: #fff;
line-height: 20px;
}
.wpl-area .brator-product-wpl-area .brator-product-single-item-img a img {
border-radius: 3px;
}
.no-wish-product-link .wpl-dwar {
display: none;
}
.no-wish-product-link .wpl-dwar-area .no-product-fount-wish {
display: block;
}
.no-wish-product-link .wpl-dwar-area .wpl-dwar-action {
display: none;
}
.no-product-fount-wish {
display: none;
}
.no-product-fount-wish .not-fund-sidebar h5 {
border-bottom: 1px solid #222;
font-size: 14px;
padding-bottom: 10px;
margin-bottom: 15px;
}
.no-product-fount-wish .not-fund-sidebar button {
color: #fff;
width: 100%;
padding: 0 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
font-weight: 500;
overflow: hidden;
height: 44px;
background: var(--color-two);
border: 2px solid var(--color-two);
border-radius: 4px;
text-transform: capitalize;
transition: 0.3s;
line-height: 38px;
}
.wpl-dwar-area {
position: fixed;
z-index: 9;
background: #fff;
box-shadow: 0px 0px 3px 1px #22222217;
padding: 13px 12px;
border-radius: 3px;
max-width: 320px;
transition: 0.3s all;
opacity: 0;
visibility: hidden;
padding: 30px 20px;
right: -100%;
top: 0;
height: 100%;
}
.wpl-dwar-area .no-product-fount-wish.brator-product-wpl-area {
display: none;
}
.wpl-dwar-area .wpl-dwar-action {
width: 100%;
display: block;
margin-top: 20px;
border-top: 1px solid #0000004f;
padding-top: 13px;
}
.wpl-dwar-area .wpl-dwar-action button {
color: #fff;
width: 100%;
padding: 0 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
font-weight: 500;
overflow: hidden;
height: 44px;
background: var(--color-two);
border: 2px solid var(--color-two);
border-radius: 4px;
text-transform: capitalize;
transition: 0.3s;
line-height: 38px;
}
.wpl-dwar-area .wpl-dwar-close-area {
border: 0;
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
background: transparent;
margin-bottom: 10px;
}
.wpl-dwar-area .wpl-dwar-close-area button {
background: var(--color-dark);
width: 25px;
height: 25px;
border: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-right: 1px;
}
.wpl-dwar-area .wpl-dwar-close-area button svg {
font-size: 10px;
fill: #fff;
}
.wpl-dwar-area .wpl-dwar {
height: calc(100% - 100px);
overflow: auto;
}
.wpl-dwar-area .brator-product-wpl-area {
display: flex;
justify-content: flex-start;
align-items: center;
border-radius: 3px;
padding: 10px;
border: 1px solid #00000009;
margin-bottom: 10px;
}
.wpl-dwar-area .brator-product-wpl-area:hover .brator-product-single-item-img {
border-color: var(--color-two);
}
.wpl-dwar-area .brator-product-wpl-area:hover .brator-product-single-item-title h5 a {
color: var(--color-two);
}
.wpl-dwar-area .brator-product-wpl-area .brator-product-single-item-img {
width: 80px;
margin-right: 10px;
height: auto;
overflow: hidden;
border-radius: 5px;
border: 1px solid #fff;
}
.wpl-dwar-area .brator-product-wpl-area .brator-product-single-item-title h5 {
font-size: 13px;
}
.wpl-dwar-area .brator-product-wpl-area .brator-product-single-item-title h5 a {
color: var(--color-dark);
display: grid;
line-height: 20px;
}
.wpl-dwar-area .brator-product-wpl-area .brator-product-single-item-title .brator-wish-list-custom {
font-size: 11px;
color: #fff;
font-weight: 600;
height: 24px;
border-radius: 3px;
background-color: var(--color-two);
line-height: 17px;
text-align: center;
border: 0;
letter-spacing: 1px;
text-transform: capitalize;
}
.wpl-dwar-area .brator-product-wpl-area .brator-product-single-item-img a img {
border-radius: 3px;
}
.wpl-dwar-overlay {
position: fixed;
right: -100%;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
background: #00000070;
transition: 0.3s all;
opacity: 0;
visibility: hidden;
}
.mini-wish-open {
overflow: hidden;
}
.mini-wish-open .wpl-dwar-overlay {
right: 0;
opacity: 1;
visibility: visible;
}
.mini-wish-open .wpl-dwar-area {
right: 0;
opacity: 1;
visibility: visible;
}
.mini-compa-open {
overflow: hidden;
}
.mini-compa-open .compa-dwar-area {
left: 0;
opacity: 1;
visibility: visible;
}
.mini-compa-open .compa-dwar-area .brator-compar-products {
display: block;
}
.compa-dwar-area {
overflow-y: auto;
position: fixed;
z-index: 9;
background: #fff;
padding: 20px;
border-radius: 3px;
transition: 0.3s all;
opacity: 0;
visibility: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.compa-dwar-area .brator-section-header h2 {
padding-right: 0 !important;
line-height: 50px;
}
#shopify-product-reviews {
margin: 0 !important;
}
#shopify-product-reviews .spr-container {
padding: 0;
border: 0;
}
#shopify-product-reviews .spr-container .spr-header .spr-header-title {
margin: 0;
padding: 0;
font-size: 18px;
color: var(--color-dark);
font-weight: 600;
}
#shopify-product-reviews .spr-container .spr-header .spr-summary .spr-starrating {
margin-right: 4px;
}
#shopify-product-reviews .spr-container .spr-header .spr-summary .spr-starrating .spr-icon {
font-size: 12px;
}
#shopify-product-reviews .spr-container .spr-header .spr-summary .spr-starrating .spr-icon::before {
color: #ffba00;
}
#shopify-product-reviews .spr-container .spr-header .spr-summary .spr-summary-caption {
font-size: 14px;
color: var(--color-dark);
}
#shopify-product-reviews .spr-container .spr-header .spr-summary .spr-summary-actions {
display: none;
}
#shopify-product-reviews .spr-container .spr-header .spr-summary .spr-summary-actions .spr-summary-actions-newreview {
border-radius: 3px;
background-color: var(--color-two);
font-size: 12px;
line-height: 12px;
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 5px 10px;
}
#shopify-product-reviews .spr-container .spr-content {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews {
margin-top: 0;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-header {
position: relative;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-starratings {
position: absolute;
right: 0;
top: 0;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-starratings .spr-icon {
font-size: 14px;
color: #ffba00;
height: 30px;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-title {
margin: 0;
padding: 0;
font-size: 18px;
color: var(--color-dark);
font-weight: 600;
margin-bottom: 0px;
text-transform: capitalize;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-byline {
font-style: normal;
text-transform: capitalize;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-byline strong {
font-weight: 600;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-content p {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 27px;
color: #666666;
}
#shopify-product-reviews .spr-container .spr-content .spr-reviews .spr-review .spr-review-footer a {
border-radius: 3px;
background-color: var(--color-dark);
font-size: 12px;
line-height: 12px;
color: white;
display: inline-block;
padding: 6px 10px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-message-error {
background: #f53314;
color: #FFF;
height: 45px;
padding: 5px 20px;
border-radius: 3px;
font-size: 13px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-title {
font-size: 20px;
color: var(--color-dark);
margin-bottom: 20px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form fieldset .spr-form-label {
display: none;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form fieldset input {
font-size: 15px;
color: #999999;
border-radius: 4px;
border: 1px solid #cccccc;
padding: 12px 17px;
height: 45px;
line-height: 45px;
margin-bottom: 15px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-contact {
display: flex;
justify-content: flex-start;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-contact .spr-form-contact-name {
margin-bottom: 0;
width: calc(100% - 15px);
margin-right: 15px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-contact .spr-form-contact-email {
margin-bottom: 0;
width: 100%;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-review textarea {
font-size: 15px;
color: #999999;
border-radius: 4px;
border: 1px solid #cccccc;
padding: 12px 17px;
height: 105px;
margin-bottom: 15px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-review .spr-form-review-body {
margin-bottom: 0;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-review .spr-form-review-rating {
display: flex;
justify-content: flex-start;
align-items: center;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-review .spr-form-review-rating .spr-form-label {
display: block;
font-size: 17px;
font-weight: 600;
color: var(--color-dark);
margin-bottom: 0px;
margin-right: 10px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-review .spr-form-review-rating .spr-form-input a {
font-size: 14px;
color: #ffba00;
height: 30px;
}
#shopify-product-reviews .spr-container .spr-content .spr-form form .spr-form-actions input {
font-size: 16px;
font-weight: 700;
line-height: 16px;
background: var(--color-two);
border: 2px solid var(--color-two);
color: white;
padding: 15px 20px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
height: 48px;
width: 100%;
font-size: 14px;
margin-bottom: 10px;
display: block;
cursor: pointer;
}
.predictive-search-area-me .predictive-search.predictive-search--header {
display: none;
}
.predictive-search-area-me[data-loading-text="Loading..."][results=true] .predictive-search.predictive-search--header {
display: block;
}
.predictive-search-area-me[loading=true] .predictive-search-status {
z-index: 9;
opacity: 1;
visibility: visible;
}
.predictive-search-area-me[loading=true] .the-search-overlay {
z-index: 9;
opacity: 1;
visibility: visible;
}
.predictive-search-area-me[loading=true] .search-form {
z-index: 10;
}
.predictive-search-area-me[loading=true] .the-search-overlay {
z-index: 9;
opacity: 1;
visibility: visible;
}
.predictive-search-area-me[results=true] .search-form {
z-index: 10;
}
.predictive-search-area-me[results=true] .the-search-overlay {
z-index: 9;
opacity: 1;
visibility: visible;
}
.predictive-search-status {
position: fixed;
width: auto;
height: auto;
background: #222;
right: 10px;
top: 20px;
color: #fff;
padding: 3px 20px;
font-size: 12px;
border-radius: 3px;
font-weight: 700;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.predictive-search.predictive-search--header {
max-height: 75vh;
overflow-y: scroll;
position: absolute;
background: #fff;
padding: 0 10px;
}
.the-search-overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
}
#predictive-search-results .brator-product-single-item-area {
padding: 16px 15px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
}
#predictive-search-results .brator-product-single-item-area .brator-product-single-item-info {
justify-content: flex-end;
}
#predictive-search-results .brator-product-single-item-area .brator-product-single-item-info .off-batch {
position: relative;
z-index: 1;
}
#predictive-search-results .brator-product-single-item-area .brator-product-single-item-img {
margin-right: 15px;
max-width: 100px;
width: 100%;
}
#predictive-search-results .brator-product-single-item-area .brator-product-single-item-img img {
border-radius: 3px;
}
#predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini {
width: 100%;
}
#predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn button {
position: relative;
}
#predictive-search-results .brator-product-single-item-area:hover .brator-product-single-item-mini {
margin-top: 0;
}
.result-count-area {
background: #222;
color: #fff;
padding: 10px;
font-size: 16px;
border-radius: 3px;
font-weight: 500;
margin-top: 30px;
text-align: center;
text-transform: capitalize;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.no-price-show-inc-count #cart-icon-bubble b {
display: none;
}
.compa-area.active {
top: 20px;
opacity: 1;
visibility: visible;
}
.compa-area {
position: fixed;
right: 20px;
top: 40px;
z-index: 9;
background: var(--color-dark);
box-shadow: 0px 0px 3px 1px #22222217;
padding: 13px 12px;
border-radius: 3px;
max-width: 290px;
transition: 0.3s all;
opacity: 0;
visibility: hidden;
}
.compa-area p.tostare__heading {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 7px;
}
.compa-area p.tostare__heading svg {
margin-right: 10px;
font-size: 15px;
}
.compa-area .brator-product-compa-area {
display: flex;
justify-content: flex-start;
align-items: center;
}
.compa-area .brator-product-compa-area .brator-product-single-item-img {
width: 80px;
margin-right: 10px;
height: auto;
overflow: hidden;
border-radius: 5px;
}
.compa-area .brator-product-compa-area a {
display: grid;
}
.compa-area .brator-product-compa-area .brator-product-single-item-title h5 {
font-size: 13px;
}
.compa-area .brator-product-compa-area a {
color: #fff;
line-height: 20px;
}
.compa-area .brator-product-compa-area .brator-product-single-item-img a img {
border-radius: 3px;
}
.brator-plan-pixel-area {
overflow: hidden;
}
button[disabled] {
cursor: not-allowed;
opacity: 0.7;
}
.post-view-count {
display: none !important;
}
.template-404 {
text-align: center;
padding: 190px 0;
}
.template-404 p {
font-size: 90px;
line-height: 100px;
display: block;
font-weight: 600;
text-shadow: 4px 3px #f8ac00;
color: #f53314;
}
.template-404 h1 {
margin-bottom: 20px;
}
.template-404 a {
font-size: 16px;
font-weight: 700;
line-height: 16px;
background: var(--color-two);
border: 2px solid var(--color-two);
color: white;
padding: 15px 20px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
body.pp-type-list .pp-type-grid-list {
display: flex;
}
body.pp-type-list .pp-type-grid-area {
display: none;
}
body.pp-type-grid .pp-type-grid-list {
display: none;
}
body.pp-type-grid .pp-type-grid-area {
display: block;
}
.brator-page-404 .brator-header-menu-area {
display: none;
}
.brator-page-404 .brator-footer-top-area {
display: none;
}
.brator-page-404 .brator-search-area {
display: none;
}
.brator-page-404 .header-support-info {
display: none;
}
.brator-cart-item-list-overlay.open {
opacity: 1;
visibility: visible;
}
.brator-cart-item-list-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 1;
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 50px;
opacity: 0;
visibility: hidden;
}
.brator-cart-item-list-overlay svg {
font-size: 50px;
fill: var(--color-dark);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.brator-compare-table-content {
overflow-x: auto;
position: relative;
}
.brator-compare-table-content .compa-incdec-area .compa-incdec {
background: var(--color-dark) !important;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
cursor: pointer;
justify-content: center;
align-items: center;
}
.brator-compare-table-content .compa-incdec-area .compa-incdec svg {
fill: #fff !important;
}
.compa-dwar-area .brator-compar-products {
display: none;
}
.brator-product-slider.compa-dwar {
display: flex;
}
.brator-product-slider.compa-dwar .brator-product-single-item-area {
width: 230px;
}
.brator-product-slider.compa-dwar .brator-product-single-item-area.design-two:hover .brator-product-single-item-mini {
margin-top: 0;
}
.compa-dwar-close-area {
position: fixed;
left: 10px;
top: 10px;
}
.compa-dwar-close-area button {
background: var(--color-dark);
width: 25px;
height: 25px;
border: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-right: 1px;
}
.compa-dwar-close-area button svg {
fill: #fff;
}
.no-copare-found-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
z-index: 2;
opacity: 0;
visibility: hidden;
padding: 10px;
text-align: center;
}
.no-copare-found-text p {
font-weight: 500;
font-size: 30px;
color: var(--color-dark);
}
.no-compare-product-link .compa-dwar-action {
display: none;
}
.no-compare-product-link .no-copare-found-text {
opacity: 1;
visibility: visible;
}
.compa-dwar-action {
position: fixed;
right: 30px;
top: 10px;
z-index: 1;
}
.compa-dwar-action button {
color: #fff;
width: 100%;
padding: 0 20px;
font-size: 14px;
line-height: 14px;
text-align: center;
font-weight: 500;
overflow: hidden;
height: 44px;
background: var(--color-two);
border: 2px solid var(--color-two);
border-radius: 4px;
text-transform: capitalize;
transition: 0.3s;
line-height: 38px;
}
.brator-menu-item-tab button {
font-size: 14px;
padding: 10px 12px;
color: var(--color-dark);
font-weight: 600;
border-radius: 3px;
transition: 0.2s;
border: 0;
background: transparent;
}
.brator-menu-item-tab button i {
display: none;
}
.brator-menu-item-tab button span {
display: none;
}
.brator-menu-item-tab button:last-child {
padding-right: 0;
}
.brator-menu-item-tab button:last-child:hover {
padding-right: 12px;
}
.brator-menu-item-tab button:hover {
background-color: var(--color-white);
color: var(--color-two);
}
.svg-loading-area-overlay {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.svg-loading-area-overlay svg {
font-size: 100%;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.loading-overlay .brator-product-single-item-area {
overflow: hidden;
border: 0;
}
.loading-overlay .brator-product-single-item-area .svg-loading-area-overlay {
display: block;
}
#cookies-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding: 20px;
background: #222;
z-index: 9;
text-align: center;
}
#cookies-banner button {
border: 1px solid #f53304;
background: #f53304;
color: #fff;
padding: 7px 20px;
border-radius: 2px;
}
#cookies-banner span {
color: #ffff;
font-size: 13px;
}
.brator-news-letter-main-popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #00000061;
z-index: 9999;
justify-content: center;
align-items: center;
display: none;
}
.brator-news-letter-main-popup .col-12 {
padding: 0;
}
.brator-news-letter-main-popup .brator-newsletter-area.design-one {
background: #fff;
width: 100%;
max-width: 880px;
padding: 20px;
border-radius: 2px;
}
.brator-news-letter-main-popup .brator-newsletter-area.design-one .brator-newsletter-pops-text {
text-align: center;
}
.brator-news-letter-main-popup .brator-newsletter-area.design-one form {
max-width: 400px;
margin: 0px auto;
margin-top: 20px;
}
.brator-news-letter-main-popup .brator-newsletter-form.design-one {
border: 1px solid #f5331469;
padding: 50px 50px;
position: relative;
}
.brator-news-letter-main-popup .brator-newsletter-form.design-one .brator-newsletter-pops-close {
position: absolute;
right: 10px;
top: 10px;
border: 1px solid #f5331469;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.brator-news-letter-main-popup .brator-newsletter-form.design-one .brator-newsletter-pops-close svg {
font-size: 16px;
}
.loader-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: #fff;
z-index: 9;
}
.brator-product-shop-page-area.grid-enable-me .row {
flex-direction: row-reverse;
}
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
.brator-section-header {
flex-wrap: wrap;
}
.brator-section-header .brator-section-header-left {
margin-bottom: 20px;
justify-content: space-between;
width: 100%;
}
.brator-section-header .brator-section-header-right {
width: 100%;
}
.brator-section-header .brator-section-header-right .brator-menu-item-tab {
margin: 0 auto;
align-items: center;
justify-content: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.splide__arrows.style-two {
display: none;
}
.brator-categories-list-area.design-two .brator-section-header.text-center {
margin-top: 35px;
}
}
@media only screen and (min-width: 300px) and (max-width: 465.98px) {
.brator-news-letter-main-popup .brator-newsletter-form.design-one {
padding: 20px;
}
.brator-news-letter-main-popup .brator-newsletter-form.design-one form {
flex-wrap: wrap;
}
.brator-news-letter-main-popup .brator-newsletter-form.design-one form input {
width: 100%;
}
.brator-news-letter-main-popup .brator-newsletter-form.design-one form button {
left: 0;
margin: 0 auto;
margin-top: 20px;
border-radius: 3px;
}
}
.brator-main-banner-content h2 a {
line-height: 70px;
}
.brator-section-header.center {
justify-content: center;
}
/* Color custom properties */
.brator-product-header-layout-area.desing-two .brator-product-hero-content {
max-width: 500px;
}
.brator-product-single-light-info-s {
flex-wrap: wrap;
}
.color-area {
display: flex;
position: fixed;
right: 20px;
top: 49%;
z-index: 1;
display: flex;
justify-content: flex-start;
align-items: center;
}
.color-area .svg-icon-picer {
display: block;
cursor: pointer;
}
.color-area .svg-icon-picer svg {
display: grid;
border-radius: 50%;
font-size: 40px;
border: 4px solid #000000;
box-shadow: 0 0 9px 1px #ffffffb0;
}
.color-area button {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
border: 0px;
margin-right: 5px;
opacity: 0;
visibility: hidden;
transform: scale(0);
transition: 0.3s;
}
.open-plate.color-area button {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.slider-active-for-blog h3.brator-blog-listing-single-item-title {
margin-top: 20px;
}
.slider-active-for-blog .brator-blog-listing-single-item-info-2 {
margin-top: 20px;
}
.brator-brand-item-area.design-two .sponser-row {
border: 1px solid #d3d3d3;
border-bottom: 0;
border-right: 0;
align-items: center;
border-radius: 5px;
padding-left: 0;
padding-right: 0;
margin-left: 15px;
}
.brator-brand-item-area.design-two .sponser-row .brator-brand-img {
text-align: center;
border-bottom: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.brator-brand-item-area.design-two .sponser-row .col-xl-2 {
padding-left: 0;
padding-right: 0;
}
.brator-service-area .col-lg-3 {
padding-left: 0;
padding-right: 0;
}
.brator-service-area .row {
border-bottom: 1px solid #e5e5e5;
margin-left: 1px;
margin-right: 1px;
}
.brator-service-area .brator-single-service-item {
padding: 55px 0 40px 125px;
position: relative;
}
.brator-service-area .brator-single-service-item::before {
position: absolute;
content: "";
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 60px;
background: #e5e5e5;
}
.brator-service-area .brator-single-service-item .iocn {
position: absolute;
left: 55px;
top: 60px;
transition: all linear 0.4s;
}
.brator-service-area .brator-single-service-item:hover .iocn {
transform: rotatex(360deg);
}
.brator-service-area .brator-single-service-item.last-item::before {
display: none;
}
.brator-service-area .brator-single-service-item h4 {
font-size: 18px;
font-weight: 700;
color: #000;
}
.brator-service-area .brator-single-service-item p {
font-size: 13px;
color: #999999;
}
.brator-megasell-area .brator-megasell-box {
background: #fa4b2e;
padding: 60px 175px 40px;
border-radius: 10px;
position: relative;
margin-top: 20px;
overflow: hidden;
z-index: 10;
}
.brator-megasell-box .brator-megasell-content-box .sub-title {
position: relative;
font-size: 18px;
font-weight: 700;
font-family: var(--content-font);
display: inline-block;
z-index: 10;
padding: 2px 35px 2px 15px;
}
.brator-megasell-box .brator-megasell-thumb {
position: absolute;
bottom: -10px;
right: 130px;
}
.brator-megasell-box .thumb-shape {
position: absolute;
right: 95px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.brator-megasell-box .brator-megasell-content-box .sub-title::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #fbab00;
display: inline-block;
z-index: -1;
-webkit-clip-path: polygon(0 0, 100% 0, 86% 99%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 86% 99%, 0% 100%);
}
.brator-megasell-box .brator-megasell-content-box h1 {
font-size: 200px;
font-weight: 800;
color: #fff;
line-height: 200px;
margin-top: -6px;
margin-bottom: 10px;
}
.brator-megasell-box .brator-megasell-content-box h4 {
font-size: 30px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
margin-bottom: 12px;
}
.brator-megasell-box .brator-megasell-content-box h4 span {
font-weight: 300;
font-style: italic;
}
.brator-megasell-box .brator-megasell-content-box p {
font-size: 14px;
line-height: 24px;
color: #fff;
}
.brator-megasell-area .splide__pagination {
bottom: 32px;
}
.brator-megasell-area .splide__pagination li {
background-color: rgba(0, 0, 0, 0.5);
}
.brator-megasell-area .splide__pagination li button.is-active {
background: #fff;
opacity: 1;
}
.brator-megasell-area.brator-banner-slider-area {
margin-top: 0;
}
.brator-megasell-area.brator-banner-slider-area .splide__pagination {
left: 50%;
transform: translateX(-50%);
}
@media only screen and (min-width: 300px) and (max-width: 1600.98px) {
.brator-megasell-box {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 0 !important;
}
.brator-megasell-box .brator-megasell-thumb {
position: relative;
bottom: 0;
right: 0;
}
}
@media only screen and (min-width: 300px) and (max-width: 1500.98px) {
.brator-megasell-box {
flex-wrap: wrap;
}
.brator-megasell-box .brator-megasell-content-box {
margin: 0 auto;
margin-bottom: 25px;
}
.brator-megasell-box .brator-megasell-thumb {
margin: 0 auto;
}
}
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
.brator-megasell-area .brator-megasell-box {
padding: 50px;
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.brator-brand-item-area.design-two .sponser-row {
margin-left: 0;
}
.brator-brand-item-area.design-two {
padding-right: 10px;
padding-left: 10px;
}
.brator-megasell-box .brator-megasell-content-box h1.title {
font-size: 50px;
line-height: 60px;
margin-top: 20px;
}
.brator-megasell-box .brator-megasell-content-box p {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 1399.98px) {
.brator-service-area .brator-single-service-item {
padding: 55px 0 40px 80px;
}
.brator-service-area .brator-single-service-item .iocn {
left: 25px;
}
}
.brator-brand-item-area.design-two.img-gray-ri .brator-brand-img img {
filter: grayscale(100%);
}
.brator-brand-item-area.design-two.img-gray-ri .brator-brand-img:hover img {
filter: grayscale(0%);
}
.brator-service-area .col-sm-6:last-child .brator-single-service-item:before {
display: none;
}
@media (max-width: 1200px) {
.zoomContainer {
display: none !important;
}
#shopify-section-template--18031171698944__1648013223a1656d17 > div > div > div > div.col-md-9 {
margin-top: 0px !important;
}
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile {
width: 100%;
}
.brator-service-area .row {
border: 0;
margin: 0;
}
.brator-service-area .brator-single-service-item:before {
display: none;
}
.brator-service-area .brator-single-service-item {
padding-bottom: 0;
}
}
.brator-header-area.header-three.header-one .brator-icon-link-text.heart-icon.search-icon-for-mobile {
display: none;
}
.brator-search-area-for-mobile {
float: right;
max-width: 300px;
background: #fff;
width: 100%;
height: 100%;
z-index: 100;
position: fixed;
left: -30px;
top: 0;
overflow: auto;
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
.brator-search-area-for-mobile .brator-search-area-for-mobile-close {
float: right;
width: 100%;
margin-bottom: 10px;
padding: 15px;
}
.brator-search-area-for-mobile .brator-search-area-for-mobile-close svg {
float: right;
display: grid;
border: 1px solid;
padding: 5px;
border-radius: 50%;
background: var(--color-dark);
fill: #fff;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area {
border: 0;
border-bottom: 1px solid #f2f2f7;
border-radius: 0;
padding: 0;
padding-bottom: 10px;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area .brator-product-single-item-img {
max-width: 70px;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-title h5 {
font-size: 14px;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-title h5 a {
color: #646464;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price {
margin-top: 10px;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price .price .price__regular .price-item--regular {
font-size: 16px;
}
.brator-search-area-for-mobile #predictive-search-results .brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price .price .price__sale .price-item--sale {
font-size: 16px;
}
.brator-search-area-for-mobile .the-search-overlay {
display: none;
}
.brator-search-area-for-mobile .predictive-search-area-me {
padding: 20px;
display: block;
}
.brator-search-area-for-mobile .predictive-search-area-me .brator-product-single-item-info.info-content-flex {
display: none;
}
.brator-search-area-for-mobile .predictive-search-area-me .search-bar-advance-typo {
border-bottom: 1px solid #222;
}
.brator-search-area-for-mobile .predictive-search-area-me .search-bar-advance-typo input {
padding-left: 0;
}
.brator-search-area-for-mobile .predictive-search-area-me .search-bar-advance-typo button {
height: 40px;
width: auto;
}
.brator-search-area-for-mobile .predictive-search-area-me .search-bar-advance-typo button svg {
font-size: 18px;
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.brator-header-area.header-three.header-one .brator-icon-link-text.heart-icon.search-icon-for-mobile {
display: block;
margin-right: 30px;
}
.brator-header-area.header-three.header-one .brator-icon-link-text.heart-icon.search-icon-for-mobile.hea-three {
margin-right: 0px;
}
.slide-search-open .brator-search-area-for-mobile {
position: fixed;
left: 0;
top: 0;
opacity: 1;
visibility: visible;
}
}
.brator-main-banner-area.banner-style-two {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.brator-main-banner-content {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
.brator-main-banner-content p {
font-size: 30px;
font-weight: 400;
color: #ffffff;
text-transform: uppercase;
}
.brator-main-banner-content h2 {
font-size: 60px;
font-weight: 700;
}
.brator-main-banner-content h2 a {
color: #ffffff;
}
.brator-parts-search-box-area.search-box-with-banner.design-two {
background: transparent;
border-radius: 0px;
}
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-header {
text-align: center;
}
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-header h2, .brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-header p {
color: #ffffff;
}
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-form {
border-color: transparent;
background-color: #ffffff;
border-radius: 8px 8px 0px 0px;
}
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-form select:disabled {
background-color: #f2f2f7;
}
.brator-categories-list-area.design-two.categories-with-load-more.gray-bg {
padding: 75px 0;
background-color: #f2f2f7;
}
.brator-categories-list-area.categories-with-load-more .brator-section-header {
justify-content: center;
}
.brator-categories-list-area.categories-with-load-more .brator-section-header-title h2 {
margin-right: 0px;
}
.brator-categories-list-area.categories-with-load-more .brator-categories-list {
justify-content: center;
}
.brator-categories-list-area.design-two .brator-categories-single {
background-color: #f5f5fa;
}
.brator-categories-list-area.design-two.categories-with-load-more .brator-categories-single {
background-color: #ffffff;
}
.brator-categories-list-load-more {
margin-top: 50px;
text-align: center;
}
.brator-categories-list-load-more .brator-categories-more-button {
font-size: 16px;
font-weight: 700;
line-height: 16px;
background: #ffffff;
border: 1px solid #cccccc;
color: #000000;
padding: 15px 53px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
.brator-categories-list-load-more .brator-categories-more-button:hover {
border-color: var(--color-two);
color: var(--color-two);
}
.brator-makes-list-area.design-two {
padding-top: 85px;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul {
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 35px;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li {
list-style: outside none;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li a {
font-size: 30px;
font-weight: 400;
color: #999999;
margin: 0px 28px;
padding: 10px 0px;
position: relative;
display: inline-block;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li a::after {
content: "";
display: block;
width: 0%;
height: 1px;
background: #000000;
position: absolute;
left: 0;
bottom: 0;
transition: 0.4s;
opacity: 0;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li a.js-tabs__title.js-tabs__title-active {
color: #000000;
font-weight: 700;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li a.js-tabs__title.js-tabs__title-active::after {
width: 100%;
opacity: 1;
}
.brator-brand-item-area.design-three {
padding: 90px 0;
background-color: #fff;
}
.brator-brand-item-area.design-three .brator-section-header {
justify-content: center;
}
.brator-brand-item-area.design-three .row {
justify-content: space-between;
align-items: center;
}
.brator-brand-item-area.design-three .brator-section-header h2 {
margin-right: 0px;
}
.brator-brand-item-area.design-three .brator-brand-img a {
display: grid;
justify-content: center;
margin: 40px 0;
}
.brator-blog-featured-area .brator-section-header {
margin-bottom: 40px;
}
.brator-deal-product-slider.brator-best-seller {
background-color: #f2f2f7;
padding-top: 85px;
padding-bottom: 0px;
}
.brator-best-seller-section-header-area {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px;
}
.brator-best-seller-section-header-area .brator-section-header.all-item-left {
width: auto;
margin-bottom: 0px;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0;
margin: 0;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list {
list-style: outside none;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list a {
font-size: 14px;
padding: 0px 12px;
color: var(--color-dark);
font-weight: 600;
border-radius: 3px;
transition: 0.2s;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list a:hover {
background-color: #ffffff;
color: var(--color-two);
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:last-child a {
padding-right: 0;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:last-child a:hover {
padding-right: 12px;
}
.brator-deal-product-slider.brator-best-seller .brator-product-slider .splide__list .brator-product-single-item-area.splide__slide.design-two, .brator-deal-product-slider.brator-essential-items .brator-product-slider .splide__list .brator-product-single-item-area.splide__slide.design-two, .brator-deal-product-slider.brator-new-arrivals .brator-product-slider .splide__list .brator-product-single-item-area.splide__slide.design-two {
background-color: #ffffff;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left .brator-product-batch {
border-radius: 3px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 5px 10px;
}
.brator-product-batch.stock-number-batch {
background-color: #7faf2b;
color: white;
}
.brator-product-batch.stock-recommended-batch {
background-color: #0033cc;
color: white;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p.brator-price-black-text sub {
color: #000000;
}
.brator-deal-product-slider.brator-essential-items {
background-color: #f2f2f7;
padding-top: 65px;
padding-bottom: 0px;
}
.brator-deal-product-slider.brator-new-arrivals {
background-color: #f2f2f7;
padding-top: 65px;
padding-bottom: 100px;
}
.brator-blog-featured-area.grid-type.design-two {
margin-top: 95px;
margin-bottom: 110px;
}
.brator-offer-slider-area.brator-whats-hot-area {
padding-top: 90px;
padding-bottom: 90px;
}
.brator-offer-slider-area.brator-whats-hot-area .brator-section-header {
justify-content: center;
}
.brator-offer-slider-area.brator-whats-hot-area .brator-section-header h2 {
margin-right: 0px;
}
a.sf-sub-menu__link.whitespace-normal.block {
padding-left: 40px !important;
}
.brator-hot-single-box {
padding: 40px;
min-height: 207px;
height: 100%;
border-radius: 4px;
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
.brator-hot-box-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.brator-hot-box-design-one .brator-hot-box-content .brator-hot-box-text p {
font-size: 18px;
font-weight: 400;
color: #000000;
}
.brator-hot-box-design-one .brator-hot-box-content .brator-hot-box-text h2 {
font-size: 35px;
line-height: 35px;
color: #000000;
text-transform: uppercase;
}
.brator-hot-single-box .brator-hot-box-content .brator-hot-box-button a {
font-size: 14px;
font-weight: 700;
line-height: 15px;
background: var(--color-two);
border: 2px solid var(--color-two);
color: white;
padding: 10px 25px;
border-radius: 4px;
height: 40px;
text-transform: capitalize;
transition: 0.3s;
}
.brator-hot-single-box .brator-hot-box-content .brator-hot-box-button a:hover {
color: #fff;
background: #000;
border: 2px solid #000;
}
.brator-hot-box-design-two .brator-hot-box-content .brator-hot-box-text h2 {
font-size: 22px;
font-weight: 600;
color: #000;
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none .sf-menu__banner-inner .best-choise-batch {
margin-top: 0;
margin-bottom: 9px;
}
.brator-hot-box-design-two .brator-hot-box-content .brator-hot-box-text h2 span {
font-weight: 700;
}
.brator-hot-single-box .best-choise-batch {
background-color: #f8c600;
display: inline-flex;
padding: 0px 14px;
margin-top: 20px;
}
.brator-hot-single-box .best-choise-batch span {
font-size: 14px;
color: #003bd2;
font-weight: 700;
text-transform: uppercase;
}
.brator-hot-box-design-three .brator-hot-box-content .brator-hot-box-text p {
font-size: 18px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
}
.brator-hot-box-design-three .brator-hot-box-content .brator-hot-box-text h6 {
font-size: 60px;
color: var(--color-two);
font-weight: 700;
text-transform: uppercase;
margin-bottom: 11px;
}
.brator-hot-box-design-three .brator-hot-box-content .brator-hot-box-text h2 {
font-size: 14px;
color: #000000;
font-weight: 400;
text-transform: uppercase;
line-height: 1.3;
}
.brator-hot-box-design-four .brator-hot-box-content .brator-hot-box-text h2 {
font-size: 32px;
font-weight: 800;
color: #000000;
text-transform: uppercase;
font-style: italic;
margin-bottom: 12px;
}
.brator-hot-box-design-four .brator-hot-box-content .brator-hot-box-text p {
font-size: 18px;
font-weight: 400;
color: #666666;
line-height: 1.3em;
}
.best-choise-batch.best-use-code-batch {
background-color: #7faf2b;
margin-top: 5px;
}
.best-choise-batch.best-use-code-batch span {
font-weight: 300;
color: #ffffff;
}
.best-choise-batch.best-use-code-batch span.use-code-code {
font-weight: 700;
}
.best-use-code-batch .use-code-off {
display: flex;
justify-content: center;
align-items: center;
}
.best-use-code-batch .use-code-off .use-code-separator {
opacity: 0.5;
padding: 0px 8px;
}
.brator-newsletter-area.design-one.design-for-home-two {
padding-top: 60px;
padding-bottom: 60px;
}
@media only screen and (min-width: 300px) and (max-width: 1199px) {
.brator-product-single-item-img img.motion-reduce {
max-width: 300px !important;
width: 100% !important;
height: 100% !important;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button {
width: calc(33.3333333% - 30px);
max-width: 262px;
}
.brator-best-seller-sub-filter-area {
margin-top: 10px;
}
.brator-best-seller-section-header-area {
display: inline-block;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:first-child a {
padding-left: 0;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:first-child a:hover {
padding-left: 12px;
}
}
@media only screen and (min-width: 300px) and (max-width: 1030.98px) {
.brator-offer-slider-area.brator-whats-hot-area .splide__arrow {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-form {
gap: 15px;
}
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-form select {
width: 100%;
}
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-form button {
width: 100%;
max-width: unset;
}
.brator-offer-slider-area.brator-whats-hot-area .splide__arrow {
display: block;
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.brator-main-banner-content h2 {
font-size: 50px;
line-height: 60px;
}
.brator-main-banner-content p {
font-size: 25px;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li a {
font-size: 25px;
}
.brator-best-seller-sub-filter-content {
flex-wrap: wrap;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list {
width: 50%;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list a {
padding: 0px 0px;
background-color: transparent;
font-size: 14px;
line-height: 32px;
color: #666666;
width: 100%;
font-weight: 400;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list a:hover {
padding: 0px 0px;
background-color: transparent;
text-decoration: underline;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:first-child a:hover, .brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:last-child a:hover {
padding: 0px 0px;
background-color: transparent;
text-decoration: underline;
}
}
@media only screen and (min-width: 300px) and (max-width: 625.98px) {
.brator-parts-search-box-area.search-box-with-banner.design-two .brator-parts-search-box-form {
gap: 0px;
}
}
@media only screen and (min-width: 300px) and (max-width: 615.98px) {
.brator-offer-slider-area.brator-whats-hot-area .splide__arrow {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 576.98px) {
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul {
flex-wrap: wrap;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li:first-child a {
margin-bottom: 10px;
}
.brator-main-banner-content h2 {
font-size: 35px;
line-height: 40px;
}
.brator-main-banner-content p {
font-size: 20px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header h2 {
font-size: 25px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header p {
margin-bottom: 13px;
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.brator-banner-area.design-four .brator-banner-content h2 a {
font-size: 50px;
line-height: 60px;
}
}
.brator-compare-table-content {
border: 1px solid #e5e5e5;
width: 100%;
height: 100%;
}
.brator-compare-title-full-area {
width: 200px;
float: left;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.brator-compare-title-full-area:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
right: -1px;
top: 0;
z-index: 1;
background-color: #e5e5e5;
}
.brator-compare-item-title-area .brator-compare-title-item p {
text-align: right;
color: #000;
}
.brator-compare-item-box .brator-product-single-item-area {
border-width: 0px;
border-right: 1px solid #e5e5e5;
border-radius: 0px;
padding: 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.brator-compare-product-content {
padding: 20px;
padding-bottom: 28px;
}
.brator-compare-info-list, .brator-compare-title-item {
border-top: 1px solid #e5e5e5;
}
.brator-compare-info-list p, .brator-compare-title-item p {
font-size: 14px;
line-height: 22px;
padding: 6px 20px 6px 20px;
margin: 0px;
}
.brator-compare-info-list:nth-child(odd), .brator-compare-title-item:nth-child(odd) {
background-color: #f2f2f7;
}
.sd-promo-products-content {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
background-color: #fff;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
padding: 10px;
overflow: hidden;
position: fixed;
bottom: 22px;
left: 22px;
z-index: 1;
min-width: 351px;
max-width: 361px;
margin-right: 20px;
opacity: 0;
visibility: hidden;
border: 1px solid #d4d4d47a;
border-radius: 4px;
transform: translateX(-500px) scale(0);
transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
}
.fomo-open .sd-promo-products-content {
opacity: 1;
visibility: visible;
transform: translateX(0px) scale(1);
}
.sd-promo-products-single-content {
display: flex;
align-items: center;
}
.sd-promo-products-single-content .sd-promo-products-image {
width: 79px;
min-width: 79px;
}
.sd-promo-products-single-content .sd-promo-products-image img {
width: 100%;
height: auto;
}
.sd-promo-products-description {
margin-left: 13px;
margin-top: -3px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: stretch;
align-items: flex-start;
padding-right: 17px;
color: #999;
height: 100%;
}
.sd-promo-products-description > :nth-child(1) {
margin-top: 0;
}
.sd-promo-products-description .sd-promo-products-box-top p {
margin: 0;
font-size: 14px;
line-height: 18px;
}
.sd-promo-products-description .sd-promo-products-box-top p a {
color: #191919;
display: inline-block;
text-decoration: none;
transition: color 0.2s linear;
}
.sd-promo-products-description .sd-promo-products-box-top p a:hover {
color: var(--color-two);
}
.sd-promo-products-description .sd-promo-products-bt-info {
color: #999;
font-size: 12px;
padding-top: 15px;
}
.sd-promo-products-description .sd-promo-products-bt-info span {
color: #999999;
line-height: 20px;
}
.sd-promo-btn-close {
border: none;
outline: none;
color: #999;
position: absolute;
display: block;
cursor: pointer;
transition: color 0.2s linear;
opacity: 0.5;
right: 7px;
top: 6px;
background: transparent;
padding: 10px;
display: flex;
align-items: center;
text-align: center;
}
.sd-promo-btn-close:hover {
opacity: 1;
}
.sd-promo-btn-close:before, .sd-promo-btn-close:after {
position: absolute;
content: "";
height: 14px;
width: 1px;
background-color: #333;
}
.sd-promo-btn-close:hover:before, .sd-promo-btn-close:hover:after {
background-color: red;
}
.sd-promo-btn-close:before {
transform: rotate(45deg);
}
.sd-promo-btn-close:after {
transform: rotate(-45deg);
}
.sd-promo-products-area.remove-sd-promo-products-area {
display: none;
transition: 0.3s;
}
.sd-promo-products-info-check-icon svg {
width: 1em;
height: 1em;
font-size: 12px;
margin-right: 5px;
}
.sd-promo-products-info-power-by-text {
display: inline-flex;
align-items: center;
}
.sd-promo-products-info-power-by-text a {
text-decoration: none;
color: #0095f7;
font-size: 12px;
font-weight: 300;
}
.sd-promo-products-info-power-by-text .sd-promo-products-info-check-icon {
display: inline-flex;
}
.sd-promo-products-bt-info, .sd-promo-products-info-time-content {
line-height: 10px;
}
.sd-promo-products-info-power-by-text {
line-height: 10px;
}
.sd-promo-products-info-power-by-text a {
line-height: 10px;
}
.sd-promo-products-box-top > p > a, .sd-promo-products-box-top p {
line-height: 10px;
}
@media only screen and (max-width: 480px) {
.brator-product-single-item-mini .warrenty-and-year {
flex-direction: column;
align-items: baseline !important;
}
.brator-product-single-item-area {
padding: 10px 10px 20px !important;
}
.brator-product-single-item-info-left {
display: none;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-review {
align-items: flex-start !important;
flex-direction: column !important;
}
.brator-product-single-item-cat a {
padding: 4px 8px !important;
margin: 3px 0;
line-height: 13px;
}
.price__sale span.price-item.price-item--sale.price-item--last {
font-size: 16px !important;
line-height: 22px !important;
}
.brator-review-text p {
margin-left: 0 !important;
}
.sd-promo-products-content {
width: 100%;
min-width: 100%;
max-width: auto;
left: 0;
right: 0;
bottom: 0px;
margin-right: 0px;
}
.sd-promo-btn-close {
right: 27px;
top: 7px;
}
}
@media (min-width: 1600px) {
.container-xxxl {
max-width: 1520px;
}
}
@media (min-width: 1400px) {
.container-lg-c {
max-width: 1169px;
}
}
:root {
--color-one: #ff3300;
--color-two: #f73312;
--color-white: #ffffff;
--color-dark: #000000;
--title-font: "Inter", sans-serif;
--content-font: "Inter", sans-serif;
--color-light: #f2f2f7;
--color-light-two: #d9d9d9;
--color-light-three: #FBFAF7;
--color-light-four: #b99c74;
--color-light-five: #f7f4ee;
--color-light-six: #F3F0EE;
--color-light-seven: #D6B992;
--color-light-eight: #f1e8e2;
--color-shado-color: #C4AB891c;
}
.brator-product-single-tab-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column !important;
background: #f5f5f5 !important;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header {
max-width: 100%;
}
.brator-product-single-tab-list .brator-product-single-tab-header {
background: unset !important;
margin-right: 0 !important;
padding: 10px 30px 30px 20px!important;
}
.brator-product-single-tab-list .js-tabs__content {
padding: 0 20px;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul {
flex-wrap: nowrap !important;
gap: 15px;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li {
text-align: center;
border-bottom: unset !important;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li a {
background: #ebebeb;
width: 100%;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.brator-product-single-tab-list .brator-product-single-tab-header ul li a.js-tabs__title.js-tabs__title-active {
background: #ee3524;
color: #fff !important;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content {
padding-right: 15px !important;
}
.brator-product-layout-header-content .price__regular .price-item--regular {
font-size: 23px !important;
}
.brator-product-layout-header-content .price__sale .price-item--last {
font-size: 15px;
}
.brator-product-single-light-info-s.tags_data_info {
display: block;
}
.brator-product-single-light-info-s.tags_data_info .tags_data span.tagFirst {
font-size: 18px;
font-weight: 600;
color: #000;
}
.brator-product-single-light-info-s.tags_data_info .tags_data span.tagSecond strong a {
font-size: 18px !important;
color: #000;
font-weight: 700;
text-decoration: none;
}
.comfort ul.comfort-block {
margin: 0;
padding: 0;
}
.comfort ul.comfort-block li {
list-style:none;
line-height: 22px;
}
.comfort h3 {
font-size: 28px;
margin: 15px 0 0 0;
}
.brator-product-single-light-info-s.tags_data_info .tags_data {
height: 24px;
}
.mobile-service-block .mobile-service .mobile-service-only {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.mobile-service a.learn-btn {
padding-left: 90px;
width: 100%;
}
.mobile-service-block .mobile-service .mobile-service-only p {
margin: 0;
font-size: 14px !important;
color: #000;
font-weight: 500;
line-height: 20px;
}
.mobile-service-block .mobile-service {
padding: 20px 0;
position: relative;
}
.mobile-service-block .mobile-service:before {
position: absolute;
content: '';
background: #000;
width: 300px;
height: 1px;
top: 0;
}
.mobile-service-only button.add-btn {
background: #dddd;
padding: 6px 15px;
border-radius: 4px;
}
.mobile-service-block .mobile-service button.add-btn {
font-size: 14px;
}
.frequently-sidebar h3 {
font-size: 18px;
font-weight: 600;
}
.frequently-sidebar {
margin-top: 20px;
}
.specification-product-applicable h4 {
font-size: 22px;
margin-bottom: 10px;
}
.specification-product-applicable p {
margin: 0;
}
.price {
flex-wrap: nowrap !important;
}
.brator-product-single-light-info-s h5 {
font-size: 18px;
font-weight: 600;
color: #000;
}
.brator-product-single-light-info-s a {
font-size: 20px!important;
color: #000;
font-weight: 700;
text-decoration: none;
text-transform: lowercase;
text-decoration: none !important;
}
.brator-product-single-light-info-s .product-brand {
display: flex;
align-items: center;
justify-content: flex-start;
height: 15px;
}
.brator-product-single-light-info-s {
display: block !important;
}
.frequently-sidebar .ba-products-box {
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1199px) {
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-header-layout-img {
gap: 10px;
display: flex;
}
.brator-product-header-layout-area .brator-product-header-layout {
align-items: flex-start;
padding:0px !important;
}
.brator-product-layout-header-content .price--large.price--sold-out {
flex-direction: column;
align-items: flex-start !important;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li a {
font-size: 18px;
}
.brator-hot-single-box .best-choise-batch {
margin-top: 0px;
margin-bottom: 10px;
}
.brator-slide-menu-items ul .mega-menu-li a {
background: none!important;
}
.mega-menu-cat-list .brator-hot-single-box .brator-hot-box-button a {
display: inline-block;
width: auto;
}
}
@media screen and (max-width: 1024px) {
.brator-product-shop-page-area .inner_qty_cart .quantity__input {
width: 53px;
}
}
@media screen and (max-width: 992px) {
.brator-product-hero-content-info {
padding-left: 0px;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-header-layout-img {
gap: 30px;
flex-direction:column;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li a {
font-size: 16px;
}
.brator-product-header-layout-area.desing-two .container-xxxl.container-xxl.container {
max-width: 960px !important;
}
.brator-product-single-tab-area.design-two .container-xxxl.container-xxl.container {
max-width: 960px !important;
}
.n-ppost-name {
flex-direction: column !important;
width: 53% !important;
left: 11%;
}
}
@media screen and (max-width: 767px) {
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-header-layout-img {
align-items: flex-start;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .col-md-9 {
width: 100%;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .col-md-3 {
width: 100%;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .col-md-3 .brator-product-layout-header-content {
justify-content: flex-start;
display: block !important;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .col-md-3 .brator-product-layout-header-content .brator-product-add-to-cart {
max-width: 100%;
}
}
@media screen and (max-width: 575px) {
.brator-product-header-layout-area.desing-two .brator-product-header-layout .col-md-3 .brator-product-layout-header-content .brator-product-add-to-cart {
max-width: 100%;
}
.brator-product-single-tab-list.js-tabs.side-tabbar .brator-product-single-tab-header ul li a {
font-size: 15px;
}
}
@media screen and (max-width: 480px) {
.brator-product-single-tab-list .brator-product-single-tab-header ul {
flex-wrap: wrap !important;
gap: 0;
}
}
.brator-product-text-heading h3 {
font-size: 28px;
font-weight: 600;
color: #000;
margin-top: 20px;
margin-bottom: 0;
}
.brator-product-text {
font-family: 'Inter' !important;
font-size: 14px!important;
font-weight: 400!important;
color: #000!important;
line-height: 24px!important;
padding-left: 0px;
}
.mobile-service-block {
display: none !important;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
.brator-product-single-item-title h5 a {
color: #000;
font-weight: 500;
}
.brator-product-wpl-area .brator-product-single-item-title h5 a {
color: #fff;
}
.compa-area .brator-product-compa-area .brator-product-single-item-title h5 a {
color: #fff!important;
font-weight: 500;
}
.why-not-upsell .splide__slide.design-one.slick-slide {
margin: 0 10px;
}
#shopify-section-mini-cart-upsell .why-not-upsell .splide__list {
width: unset !important;
}
.why-not-upsell .slick-next {
top: 50% !important;
right: -70px !important;
}
.why-not-upsell .slick-prev:before {
opacity: 1 !important;
color: #000000 !important;
}
.why-not-upsell .slick-prev {
z-index: 9 !important;
left: -70px !important;
}
.modal-content {
padding: 20px 50px 20px 50px !important;
}
.mobile-service-block {
margin-top: 15px !important;
}
.mobile-service-block a.learn-btn {
color: #000;
font-size: 15px;
}
.collection-hero.collection-hero--with-image .collection-hero__inner.page-width:before {
position: absolute;
content: '';
top: 0;
background: #00000042;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 100px) and (max-width: 555px) {
.siqembed[embedtheme], .siqembed[embedtheme] iframe {
width: 70%!important;
height: 60%!important;
}
section#shopify-section-template--18031171305728__164699414255e45b69 .brator-categories-list-area.design-two a.lazyimage {
padding: 0 !important;
height: 100% !important;
}
section#shopify-section-template--18031171305728__164699414255e45b69 .brator-categories-list-area.design-two a.lazyimage img {
position: unset !important;
}
}
@media only screen and (min-width: 440px) and (max-width: 555px) {
.warrenty-and-year.wrt.singleproduct span.warranty_in_image {
left: 13px;
color: #fff;
font-weight: 700;
top: 1px;
}
.brator-product-shop-page-area button.product-form__submit {
font-size: 13px !important;
}
}
.brator-icon-link-text.compa-list-slide {
display: block !important;
}
.cat-menu-info-s .cat-menu-info-s-item {
width: auto;
}
.brator-icon-link-text.compa-list-slide {
width: auto;
}
.brator-icon-link-text.compa-list-slide a .click-item-count svg {
fill: #fff !important;
}
.brator-icon-link-text.compa-list-slide a b {
color: #fff;
font-size: 15px;
font-weight: 500;
}
.brator-icon-link-text.compa-list-slide a {
display: flex;
}
.custom-compare {
margin-left: 35px;
}
.custom-compare a {
display: flex;
}
.custom-compare a b {
color: #fff;
font-size: 15px;
font-weight: 500;
}
.custom-compare {
display: none;
}
.compa-list-slide b {
display: none !important;
}
.warrenty-and-year {
display: flex;
grid-gap: 15px;
margin-bottom: 10px;
}
/* @media only screen and (min-width: 300px) and (max-width: 1199px)
.brator-header-area.header-three.header-one.dark-bg .brator-logo-area .brator-logo button {
display: block !important;
}
.brator-header-menu-area.dark-bg.cat-header.ss {
display: none !important;
}
} */
.wrt strong {
font-size: 9px !important;
}
.wrt strong>p {
font-size: 9px !important;
justify-content: center;
}
.brator-product-single-item-area {
padding: 8px 8px 18px !important;
}
.brator-product-single-item-info-right {
z-index: 9;
}
/* .brator-product-single-item-area:hover .brator-product-single-item-title h5 a {
-webkit-line-clamp: unset !important;
} */
.brator-product-single-item-area .brator-product-single-item-img a {
position: relative;
}
.brator-product-single-item-img a .emi-button-icon img {
height: 31px;
}
.brator-product-single-item-img a .emi-button-icon {
position: absolute;
right: -12px;
top: 3px;
}
.stock-out-batch {
z-index: 09;
position: relative;
}
.brator-header-menu-area.scroll-menu svg {
top: 1px !important;
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.sf-megamenu-submenu__items li a {
color: #000;
padding: 5px 10px 5px 45px!important;
background-repeat: no-repeat;
background-size: 35px;
margin-bottom: 20px;
font-weight: 300;
letter-spacing: 1px;
font-family: 'bebas_neueregular' !important;
font-size: 15px!important;
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none li:hover a {
color: #000;
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none li:hover svg {
fill: #000;
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none li a{
padding-top: 0 !important;
}
.brator-header-menu-area.scroll-menu .brator-header-menu ul.list-style-outside-none .sf-menu__banner-inner .brator-hot-box-button a {
padding: 10px!important;
margin-top: 10px;
color: #fff;
border: none !important;
line-height: 22px !important;
}
/* new css */
@media(min-width:1199px){
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.sf__menu-item-level3 {
padding: 0px 10px 0px 10px!important
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.sf__menu-item-level3 a.sf-sub-menu__link {
padding: 0 !important;
margin-bottom: 0px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.sf__menu-item-level3 img {
width: 25px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.sf__menu-item-level2 a.sf__sub-menu-link2 {
margin-bottom: 5px;
border-bottom: 2px solid #ccc !important;
padding: 0 0 0 0px !important;
font-size: 21px !important;
}
.sf__menu-item-level2_items {
display: flex;
flex-wrap: nowrap;
gap: 10px;
}
.sf__menu-item-level2_image {
background-size: contain;
background-repeat: no-repeat;
width: 32px;
height: 35px;
}
.brator-header-menu-area .brator-header-menu ul.sf-menu-submenu__items--tyres img.brand-sub-menu_image {
width: 60px !important;
}
.brator-header-menu-area .brator-header-menu ul.sf-menu-submenu__items--lubricant img.lubricant-brand-sub-menu_image{
width: 40px !important;
}
.brator-header-menu-area .brator-header-menu ul.sf-menu-submenu__items--lubricant img.lubricant-grade-sub-menu_image{
width: 25px !important;
}
.sf-menu-submenu__items--tyres ul.leading-8.mb-2 {
-webkit-column-count: 2;
-moz-column-count: 3;
column-count: 2;
}
}
.sf-menu-submenu__item.sf-megamenu-submenu__items.col-lg-12.col-xl-3.col-xxl-8 {
display: flex;
flex-wrap: wrap;
}
.sf-menu-submenu__item a {
color: #000 !important;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li.n-menu .mega-menu-area .sf-menu-submenu__item .sf-menu-submenu__items a:hover {
color: #de0807 !important;
}
@media (min-width: 1200px){
.mega-menu-cat-list.container .col-xl-3 {
width: 66.66666667% !important;
}
svg.sf__sub_menu_svg {
display: none;
}
}
@media(max-width:1199px){
.sf__menu-item-level3 img {
display: none;
}
.sf-menu-submenu__item.sf-megamenu-submenu__items.col-lg-12.col-xl-3.col-xxl-8 {
display: block;
}
.mega_sub_menu {
display: none;
}
.sf__menu-item-level2_items a.sf__sub-menu-link2 {
padding: 10px 35px 10px 30px;
}
}
@media only screen and (min-width: 1199px) and (max-width: 1399px){
.mega-menu-cat-list.container {
max-width: 1320px;
}
}
@media only screen and (min-width: 1199px) and (max-width: 1267px){
.mega-menu-cat-list.container ul.ff.sf-menu-submenu__items {
padding-left: 0;
}
}
@media(max-width:767px){
.mega-menu-cat-list .brator-hot-single-box {
padding: 15px;
margin:20px 0;
min-height:140px;
}
.mega-menu-cat-list .brator-hot-single-box .brator-hot-box-button a {
display: inline-block;
width: auto;
}
.mega-menu-cat-list .brator-hot-single-box .best-choise-description {
margin: 10px 0;
}
.brator-slide-menu-items ul .mega-menu-li a{
background:none !important;
}
div#cookies-banner {
display: none;
}
}
.pickup-availability-info p{line-height:normal !important;}
.pickup-availability-info p span{line-height:normal !important;}
@media(max-width:1200px){
.sf__menu-item-level2_image{
display:none;
}
.brator-product-shop-page-area .inner_qty_cart {
display: flex !important;
}
.brator-product-shop-page-area .inner_qty_cart quantity-input.brator-brator-cart-list-items-qty.quantity {
width: 100%;
}
.brator-product-shop-page-area .brator-product-add-to-cart-quanty.product-form__input.product-form__quantity.multiprod_qty button {
width: 100%;
}
.brator-product-shop-page-area .inner_qty_cart .quantity__input {
width: 63px;
border-width: 2px 1px 2px 2px;
}
}
/* .inner_qty_cart_main {
display: none;
background: #fff !important;
}
/* .brator-product-single-item-area.splide__slide.design-two.pp-type-grid-area:hover .inner_qty_cart_main {
display: block !important;
margin-top: -52px !important;
transition: 2s !important;
z-index: 999999;
position: relative;
}
.brator-product-single-item-area:hover .grid-content {
transform: translateY(-52px);
transition: transform 0.5s ease;
}
.brator-product-single-item-area {
position: relative !important;
} */
.grid-content {
background: #fff !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
span.year_in_image {
left: 25px !important;
}
span.warranty_in_image {
left: 14px !important;
top: 0px !important;
}
.product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile .warrenty-and-year.wrt.singleproduct span.warranty_in_image {
left: 15px!important;
top: 4px!important;
}
}
div#ProductGridContainer .collection.page-width div#product-grid .year_meta_btn {
height: 20px !important;
margin-bottom: 10px;
}
.new_year_prdct_page .year_meta_btn strong {
font-size: 10px;
padding: 0px 10px;
height: 20px !important;
}
@media(max-width:440px){
div#product-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.collection-grid-section .product-list-items .brator-product-single-item-area {
width: 100% !IMPORTANT;
}
}
.new_year_prdct_page {
padding-top: 10px;
}
.Cstm_space_set {
width: 34px !important;
}