:root {
--title-font: "Inter", sans-serif;
--content-font: "Inter", sans-serif;
--color-white: #ffffff;
--color-dark: #000000;
--color-high-dark: #f73312;
--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;
}
.button-fill-one,
.woocommerce .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-total-area .cart-total-process a,
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-right .brator-cart-checkout-back button,
.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-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 button,
.product-list-items.type-list .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 a.add_to_cart_button,
.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 button,
.brator-footer-top-element .brator-sub-form 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-high-dark);
border: 2px solid var(--color-high-dark);
color: #fff;
padding: 15px 20px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
.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-total-area .cart-total-process a:hover,
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-right .brator-cart-checkout-back button: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 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 button:hover,
.product-list-items.type-list .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 a.add_to_cart_button: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 button:hover,
.brator-footer-top-element .brator-sub-form button:hover,
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action a:hover {
background: #000;
border: 2px solid #000;
color: #fff;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-right .brator-cart-checkout-back button:disabled[disabled] {
cursor: not-allowed;
opacity: .5;
}
.width-100-pe {
width: 100%;
}
.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;
}
input[type="search"],
input[type="text"],
input[type="number"],
input[type="email"] {
background: var(--color-white);
padding: 13px;
border: 0px;
width: 100%;
}
.big-device-hide {
display: none;
}
.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 input,
.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;
}
.brator-contact-form-field-info {
margin-bottom: 15px;
}
.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: 12px;
color: #999999;
margin-bottom: 0;
margin-left: 10px;
line-height: 26px;
}
.splide__pagination li {
background: #ececf2;
opacity: 1;
display: grid;
height: 24px;
width: 24px;
display: flex;
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-high-dark);
}
.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 .stock-out-batch,
.brator-product-single-item-area .brator-product-single-item-info .off-batch,
.brator-product-single-item-area .brator-product-single-item-info .yollow-batch {
border-radius: 3px;
background-color: var(--color-high-dark);
font-size: 12px;
line-height: 12px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 5px 6px;
}
.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-high-dark);
border-color: var(--color-high-dark);
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
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: #fff;
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 .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 .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 .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-high-dark);
border-color: var(--color-high-dark);
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
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 .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 .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: #fff;
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 .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: #fff;
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) {
.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;
}
} * {
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;
}
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-high-dark);
color: var(--color-high-dark);
}
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.8em;
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;
}
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: 15px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/> </svg>");
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: 17px;
color: #2d2727;
}
select:disabled {
border-color: #d4d4d4;
background-color: #f2f2f7;
}
table,
th,
td {
border: 1px solid #0d1b4c24;
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-high-dark);
}
.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-high-dark);
}
.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-high-dark);
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-high-dark);
}
.is-style-outline {
color: var(--color-dark);
}
.wp-block-categories-list {
list-style: unset;
}
.wp-block-categories-list li a {
position: relative;
display: block;
color: #666666;
padding: 0px 0px;
font-size: 16px;
}
.wp-block-categories-list li:hover a {
color: var(--color-high-dark);
}
.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);
}
.wp-block-archives-list li:hover a {
color: var(--color-high-dark);
}
.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-high-dark);
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-high-dark);
}
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
td,
th {
padding: 0.5em 0.8em;
border: 1px solid #0d1b4c26;
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-high-dark);
}
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: 5px;
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: #fff;
}
.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-color: 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-color: var(--color-white);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999;
}
.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 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px;
}
.brator-section-header h2 {
font-size: 30px;
color: black;
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;
}
.brator-section-header a svg {
font-size: 16px;
position: relative;
top: 2px;
margin-left: 10px;
}
.brator-section-header a:hover {
color: var(--color-high-dark);
}
.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-high-dark);
}
.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-high-dark);
}
.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-high-dark);
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: flex-start;
}
.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-icon-link-text::after {
content: "";
display: block;
position: absolute;
right: -30px;
top: -8px;
height: 45px;
width: 1px;
background: #e5e5e5;
}
.brator-header-area.header-one .brator-user-link a {
display: grid;
font-weight: 600;
}
.brator-header-area.header-three.header-one .brator-icon-link-text::after {
display: none;
}
.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-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 a img {
max-width: 191px;
}
.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(90deg);
}
.click-item-count {
margin-right: 5px;
position: relative;
width: 30px;
line-height: 1;
}
.click-item-count svg {
font-size: 26px;
}
.click-item-count span {
background: var(--color-high-dark);
border-radius: 50%;
color: var(--color-white);
position: absolute;
width: 20px;
height: 21px;
line-height: 20px;
font-size: 11px;
text-align: center;
right: 16px;
top: -9px;
}
.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: black;
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;
display: flex;
}
.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;
cursor: auto;
}
.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-high-dark);
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.menu-item-has-children {
position: relative;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children a {
position: relative;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children a svg {
fill: #fff;
font-size: 14px;
position: relative;
top: 2px;
margin-left: 4px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none>li.menu-item-has-children:hover>ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children:hover ul li a {
color: #000;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children:hover ul li a:hover {
color: var(--color-high-dark);
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children ul {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: calc(100% + 10px);
width: 200px;
background: #fff;
z-index: 1;
padding: 10px 0;
z-index: 99;
box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children ul li a {
width: 100%;
padding: 5px 20px;
position: relative;
cursor: pointer;
line-height: 23px;
font-size: 13px;
font-weight: 600;
}
.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 li.menu-item-has-children ul ul {
left: 100%;
top: -10px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children ul li:hover ul {
opacity: 1;
visibility: visible;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-li:hover .mega-menu-area,
.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 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: 50px;
width: 100%;
z-index: 9;
border-top: 1px solid #e5e5e5;
box-shadow: -1px 10px 15px rgb(0 0 0 / 10%);
transition: 0.3s;
opacity: 0;
visibility: hidden;
z-index: 99;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li a {
font-size: 14px;
padding: 15px 15px;
color: black;
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: 2px;
font-size: 9px;
font-family: "Inter";
color: #fff;
font-weight: 600;
min-width: 33px;
height: 18px;
border-radius: 3px;
background-color: var(--color-high-dark);
line-height: 17px;
text-align: center;
letter-spacing: 1px;
padding: 0 5px;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li a .count-hot-beg {
top: -5px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li a:hover {
color: var(--color-high-dark);
}
.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 {
font-size: 14px;
padding: 0px 15px;
color: black;
font-weight: 700;
padding-right: 5px;
}
.brator-header-menu-info a:last-child {
padding-right: 0;
padding-left: 5px;
}
.brator-header-menu-info a:hover {
color: var(--color-high-dark);
}
.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;
right: 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-high-dark);
float: right;
}
.brator-slide-menu-items {
background: #fff;
padding-bottom: 50px;
}
.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 svg {
background: var(--color-high-dark);
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 ul li a {
padding-left: 50px;
}
.brator-slide-menu-items ul .menu-item-has-children a {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-slide-menu-items ul li svg {
background: var(--color-high-dark);
fill: #fff;
width: 1.3em;
height: 1.3em;
font-size: 17px;
padding: 4px;
border-radius: 3px;
position: absolute;
right: 10px;
top: 11px;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area,
.brator-slide-menu-items ul .menu-item-has-children .sub-menu {
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 .menu-item-has-children ul li a {
padding-left: 35px;
display: flex;
justify-content: flex-start;
align-items: center;
color: #000;
font-weight: 600;
text-transform: uppercase;
}
.brator-slide-menu-items ul .menu-item-has-children ul li a:hover {
color: var(--color-high-dark);
}
.brator-slide-menu-items ul .menu-item-has-children ul li ul li a {
padding-left: 50px;
}
.brator-slide-menu-items ul .mega-menu-li .mega-menu-area .mega-menu-cat-list .mega-menu-cat-list-single-area a {
padding-left: 30px;
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;
}
.brator-slide-menu-items ul {
padding: 0px;
margin: 0;
}
.brator-slide-menu-items ul li {
list-style: outside none;
width: 100%;
position: relative;
}
.brator-slide-menu-items ul li a {
width: 100%;
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px;
font-size: 14px;
font-weight: 700;
color: #000;
text-transform: uppercase;
border-bottom: 1px solid #e9e9e9;
}
.brator-slide-menu-items ul li a span {
position: absolute;
top: 13px;
right: 10px;
font-size: 9px;
font-family: "Inter";
color: #fff;
font-weight: 600;
width: 33px;
height: 18px;
border-radius: 3px;
background-color: var(--color-high-dark);
line-height: 17px;
text-align: center;
letter-spacing: 1px;
}
.brator-slide-menu-items ul li:hover a {
background: #fbfbfb;
}
.brator-slide-logo-items {
padding: 30px 0;
border-bottom: 1px solid #e9e9e9;
}
.brator-slide-logo-items a {
display: inline-block;
padding-left: 25px;
}
.brator-slide-logo-items a img {
display: grid;
max-width: 191px;
}
.brator-slide-logo-items button {
display: none;
}
.brator-slide-menu-content {
float: left;
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: 15px;
}
.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 {
right: 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: 0;
top: 55px;
opacity: 0;
visibility: hidden;
border: 1px solid #e5e5e5;
width: 475px;
padding: 35px 25px;
background: #fff;
z-index: 9;
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: 46px;
top: -44px;
border: 1px solid #e5e5e5;
width: 16px;
height: 16px;
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: black;
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;
}
.elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item,
.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;
}
.elementor-menu-cart__product-image.product-thumbnail,
.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: baseline;
padding-right: 15px;
}
a.elementor-button.elementor-button--view-cart.elementor-size-md {
margin-bottom: 10px;
margin-top: 10px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-img img {
display: grid;
width: 100%;
margin-left: 0;
float: unset;
border: none;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title {
width: 100%;
}
.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 {
max-width: 60%;
}
.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: black;
font-weight: 400;
line-height: 20px;
transition: .3;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-one a:hover h2 {
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: black;
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: black;
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: #000;
}
.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 {
fill: #0066ff;
}
.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: 20px;
}
.brator-cart-item-list .brator-cart-item-list-item .brator-cart-item-list-item-title .brator-cart-item-list-item-title-accetion p a,
.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;
font-weight: 400;
}
.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: unset;
height: unset;
}
.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: 14px;
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 .cart-item-close:hover {
color: #999999;
background: transparent;
}
.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 .cart-item-close svg {
position: relative;
top: -5px;
font-size: 23px;
margin-left: 5px;
}
.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: #000;
}
.brator-cart-item-list .brator-cart-item-list-money-area .discount-me.brator-cart-item-money span:last-child {
color: var(--color-high-dark);
}
.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: black;
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;
}
.brator-cart-item-list .brator-cart-total-money .brator-cart-total-action a:first-child {
background: #000;
border-color: #000;
}
h3#ship-to-different-address {
font-size: 1.2rem;
}
.toast.toast-success {
background: #000 !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-items {
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;
padding: 10px 0;
height: 65px;
}
.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;
color: black;
font-weight: 600;
}
.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: #ff3300 !important;
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none li a {
color: #fff;
}
.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.dark-bg .brator-search-area {
padding-right: 10px;
}
.brator-header-area.header-three.header-one .brator-info-right .brator-icon-link-text {
margin-left: auto;
}
.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: auto;
}
.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: black;
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: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left.center-info {
justify-content: center;
}
.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 span {
color: var(--color-high-dark);
line-height: 28px;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left p b {
font-style: italic;
color: #000;
font-weight: 700;
line-height: 28px;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left a {
font-size: 11px;
color: #0099ff;
margin-left: 10px;
text-decoration: underline;
line-height: 28px;
}
.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: #666666;
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-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: 35px;
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: -13px;
cursor: inherit;
}
.brator-header-area.header-three.header-one .brator-logo-area .brator-logo button {
display: block;
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.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: 300px) and (max-width: 768.98px) {
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left p {
display: block;
text-align: center;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-left p span {
margin: 0 5px;
}
.brator-header-top-bar-area.design-one .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content {
margin-top: 5px;
}
.brator-header-area.header-one .brator-icon-link-text::after {
display: none;
}
}
.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 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: #999999;
}
.brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-right .brator-header-top-bar-info-right-content p {
color: #fff;
}
.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: static;
height: 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: #000;
border: 0;
margin-bottom: 0;
font-weight: 600;
width: auto;
text-align: center;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search svg {
fill: #000;
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;
border-radius: 0 3px 3px 0;
border-left: 0;
padding-right: 70px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form button {
background: var(--color-high-dark);
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,
.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: -64px;
}
.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: #000;
}
.brator-header-area.header-three.header-one.dark-bg .brator-info-right .brator-icon-link-text a b {
color: #fff;
margin-left: 10px;
font-size: 14px;
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.hover-menu-enable li a {
position: relative;
padding-top: 5px;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none.hover-menu-enable li a:hover {
color: var(--color-high-dark);
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none.hover-menu-enable li a svg {
fill: #fff;
font-size: 14px;
position: relative;
top: 2px;
margin-left: 4px;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none.hover-menu-enable li.down-menu {
position: relative;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none.hover-menu-enable li.down-menu:hover ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none.hover-menu-enable li.down-menu ul {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: calc(100% + 10px);
width: 200px;
background: #262627;
z-index: 1;
border-radius: 3px;
padding: 0;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none.hover-menu-enable li.down-menu ul li a {
width: 100%;
padding: 5px 20px;
position: relative;
cursor: pointer;
}
.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: 15px;
font-weight: 400;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li.menu-item-has-children ul {
margin-top: 8px;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none li:before {
position: absolute;
content: "";
bottom: -10px;
height: 10px;
width: 100%;
left: 0;
}
.menu-cat-list-area {
border-radius: 5px 5px 0px 0px;
background-color: var(--color-high-dark);
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: #fff;
}
.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: #fff;
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
z-index: 9;
border: 1px solid rgba(0, 0, 0, .1);
}
.menu-cat-list-area ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.menu-cat-list-area .menu-cat-list-item li {
position: relative;
}
.menu-cat-list-area .menu-cat-list-item a {
font-size: 14px;
width: 100%;
color: rgba(0, 0, 0, .7);
padding: 5px 20px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
-webkit-transition: all 0.15s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.15s cubic-bezier(0.28, 0.12, 0.22, 1);
text-transform: capitalize;
position: relative;
}
.menu-cat-list-area .menu-cat-list-item li a:hover {
color: var(--color-high-dark);
}
.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: #fff;
}
@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 {
display: block;
}
.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: none;
}
.brator-header-menu-area.dark-bg.cat-header .xxl-dextop-none {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.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.sticky-menu {
display: none !important;
}
}
.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: black;
font-weight: 600;
margin-bottom: 35px;
}
.brator-footer-top-element .brator-footer-top-content p {
font-size: 14px;
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 ul {
list-style: none;
margin: 0;
padding: 0;
}
.brator-footer-top-element .brator-link-list-one ul li {
display: block;
}
.brator-footer-top-element .brator-link-list-one a {
font-size: 14px;
color: #666666;
display: inline-block;
}
.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: black;
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-high-dark);
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;
max-width: 330px;
}
.brator-footer-top-address .brator-footer-top-content .e-mail-to {
font-size: 14px;
color: #666666;
line-height: 1.714;
}
.brator-contact-header-area {
padding: 90px 0;
}
.brator-contact-header-area .contact-header h4 {
font-weight: 700;
font-size: 72px;
color: black;
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: black;
margin-bottom: 70px;
}
.brator-contact-list-area .brator-contact-sub-header h3 {
font-size: 20px;
color: black;
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: #000000;
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-list-social .brator-contact-list-social-items a:hover svg {
fill: var(--color-high-dark);
}
.brator-contact-form-area .brator-contact-form-header h2 {
font-size: 40px;
color: black;
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 .brator-contact-form-field input {
height: 45px;
line-height: 45px;
margin-bottom: 15px;
}
.brator-contact-form-fields .brator-contact-form-field input:focus {
border-color: #000;
}
.brator-contact-form-fields .brator-contact-form-field textarea {
width: 100%;
margin-bottom: 15px;
height: 150px !important;
display: block;
}
.brator-contact-form-fields .brator-contact-form-field textarea:focus {
border-color: #000;
}
.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 button {
min-width: 185px;
margin-top: 5px;
}
.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: center;
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-high-dark);
}
.brator-footer-area.gray-bg.design-two {
background-color: #f6f7fa;
}
.brator-footer-top-area.gray-bg.design-two {
background-color: #f6f7fa;
}
.brator-footer-top-element.brator-footer-top-address img.title-img {
margin-bottom: 20px;
max-width: 191px;
}
.brator-footer-top-area.design-two .brator-footer-top-element.brator-footer-top-address .brator-footer-top-content h6 {
font-size: 14px;
color: black;
font-weight: 700;
margin-bottom: 30px;
line-height: 24px;
}
.brator-footer-top-area.design-two .brator-footer-top-element.brator-footer-top-address .brator-footer-top-content .brator-social-link.svg-link {
margin-top: 35px;
justify-content: flex-start;
}
.brator-footer-top-area.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;
color: #000;
}
.brator-plan-pixel-area.gray-bg.footer-line {
background-color: #f6f7fa;
}
.padding-left-0-lg {
padding-left: 0;
}
footer.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;
}
.brator-banner-area.design-one:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
border-radius: 15px;
}
.brator-banner-area.design-one .brator-banner-content {
max-width: 665px;
}
.brator-banner-area.design-one .brator-banner-content h2 {
font-size: 24px;
color: #fff;
line-height: 1.25;
margin-bottom: 20px;
}
.brator-banner-area.design-one .brator-banner-content h2 a {
color: #fff;
font-weight: 600;
}
.brator-banner-area.design-one .brator-banner-content p {
font-size: 14px;
color: #fff;
line-height: 1.714;
opacity: .7;
}
.brator-blog-post-area {
padding: 100px 0;
}
.brator-pagination-box {
text-align: center;
}
.brator-pagination-box .navigation.pagination h2.screen-reader-text {
display: none;
}
.brator-pagination-box .navigation.pagination .nav-links {
position: relative;
display: block;
}
.brator-pagination-box .navigation.pagination .page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 4px 10px;
width: 35px;
height: 35px;
line-height: 35px;
border: 1px solid #edeef2;
text-align: center;
color: #a7a8bc;
font-size: 16px;
transition: 0.5s ease;
border-radius: 3px;
background-color: #ffffff;
padding: 15px 15px;
}
.brator-pagination-box .navigation.pagination .page-numbers.current {
color: #ffffff !important;
border-color: var(--color-high-dark) !important;
background-color: var(--color-high-dark) !important;
}
.brator-pagination-box .navigation.pagination .page-numbers:hover {
background: #ffffff;
border-color: var(--color-high-dark);
color: var(--color-high-dark);
}
.brator-pagination-box .navigation.pagination a.prev.page-numbers,
.brator-pagination-box .navigation.pagination a.next.page-numbers {
width: auto !important;
}
.brator-pagination-box .navigation.pagination a.prev.page-numbers svg,
.brator-pagination-box .navigation.pagination a.next.page-numbers svg {
font-size: 14px;
margin-left: 5px;
}
.brator-pagination-box .navigation.pagination a.prev.page-numbers svg {
margin-right: 5px;
margin-left: 0;
}
.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;
min-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;
position: relative;
}
.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: black;
line-height: 2.308;
}
.brator-blog-listing-single-item-info time {
font-size: 13px;
color: #666666;
line-height: 2.308;
}
.brator-blog-listing-single-item-info a+time {
border-left: 1px solid #e5e5e5;
margin-left: 12px;
padding-left: 12px;
}
h3.brator-blog-listing-single-item-title {
margin-bottom: 15px;
margin-top: 15px;
font-size: 28px;
color: black;
font-weight: 600;
line-height: 1.333;
word-break: break-word;
}
.brator-blog-area.style-two-blog h3.brator-blog-listing-single-item-title {
font-family: Rajdhani;
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
letter-spacing: 0px;
text-align: left;
}
h3.brator-blog-listing-single-item-title a {
color: black;
}
.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: auto;
}
.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: 5px;
}
.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%;
}
.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;
}
.brator-blog-post-sidebar .sidebar-widget {
margin-bottom: 50px;
}
.brator-blog-post-sidebar .sidebar-widget h2 {
font-size: 20px;
color: black;
font-weight: 600;
line-height: 1.083;
margin-bottom: 20px;
}
.sidebar-widget form.search-form {
position: relative;
}
.sidebar-widget form.search-form .search-field {
font-size: 14px;
color: #999999;
padding: 0;
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
}
.sidebar-widget form.search-form button {
background: transparent;
border: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
}
.sidebar-widget form.search-form button svg {
font-size: 20px;
}
.widget_categories ul {
padding-left: 0px;
}
ul.wp-block-categories li,
.widget_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;
}
ul.wp-block-categories li:last-child,
.widget_categories li:last-child {
border-bottom: 0px solid #e5e5e5;
padding-bottom: 0;
}
ul.wp-block-categories li a,
.widget_categories li a {
position: relative;
display: block;
color: #666666;
padding: 0px 0px;
font-size: 16px;
}
ul.wp-block-categories li a:hover,
.widget_categories li a:hover {
color: var(--color-high-dark);
}
.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;
min-width: unset;
}
.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: black;
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: black;
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: 32px;
}
.brator-blog-listing-single-item-thumbnail {
border-radius: 5px;
}
.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: black;
margin-bottom: 15px;
}
.brator-newsletter-content h2 span {
color: var(--color-high-dark);
}
.brator-newsletter-form.design-one .news-letter-form form p {
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 button {
position: relative;
left: -5px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.brator-newsletter-form.design-one .news-letter-form span.ajax-loader {
display: none;
}
.brator-newsletter-form.design-one p {
margin-top: 5px;
}
.brator-newsletter-form.design-one p a {
margin-left: 5px;
text-decoration: underline;
}
.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;
background-size: cover;
}
.brator-app-area.design-one .brator-app-content-area {
background-position: 48.2271% -25px;
}
.brator-app-content-area .brator-app-content h2 {
font-size: 32px;
color: black;
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;
border: 1px solid #cccccc;
border-radius: 10px;
}
.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;
}
.brator-coming-soon-area {
padding-top: 130px;
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: black;
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: black;
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: black;
margin-bottom: 40px;
}
.brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form {
position: relative;
max-width: 580px;
}
.brator-coming-soon-area .brator-coming-soon-subs-area .brator-sub-form .news-letter-form button {
position: absolute;
right: 0;
top: 0;
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0px 20px;
}
.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: black;
text-transform: uppercase;
line-height: 1.25;
margin-bottom: 0;
}
.brator-offer-box-one h6 {
font-size: 50px;
color: var(--color-high-dark);
font-weight: bold;
text-transform: uppercase;
text-shadow: 2px 2px #f8c601;
margin-bottom: 11px;
}
.brator-offer-box-one h2 {
font-size: 15px;
color: black;
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: 15px;
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;
z-index: 1;
}
.brator-offer-box-two h2 {
margin-bottom: 20px;
font-size: 24px;
color: black;
}
.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;
}
.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-high-dark);
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: #fff;
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;
}
.brator-categories-single .brator-categories-single-img a img {
margin: 0 auto;
max-width: 114px;
}
.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: black;
font-weight: bold;
line-height: 1.714;
}
.brator-categories-single .brator-categories-single-sub {
line-height: 32px;
font-size: 12px;
color: #666666;
}
.brator-categories-single .brator-categories-single-sub a {
color: #666666;
margin-right: 2px;
position: relative;
}
.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-grid,
.brator-categories-list-area.design-two .brator-categories-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 30px;
flex-wrap: wrap;
}
.brator-categories-grid .brator-categories-single {
max-width: calc(20% - 30px);
width: 100%;
}
.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: #fff;
box-shadow: 0px 0px 20px 0px rgb(115 115 130 / 20%);
}
.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-tab-area {
padding-bottom: 75px;
}
.brator-product-single-tab-area+.brator-deal-product-slider {
padding-top: 0;
}
.brator-product-single-item-area {
border-width: 1px;
border-color: #d4d4d4;
border-style: solid;
background-color: #fff;
border-radius: 5px;
padding: 20px 20px 20px 20px;
}
.brator-product-single-item-area.splide__slide {
margin-bottom: 1px !important;
}
.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 {
display: flex;
justify-content: space-between;
align-items: center;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right {
position: absolute;
right: 10px;
top: 2px;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-left {
position: absolute;
left: 10px;
top: 2px;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .yollow-batch {
background-color: #ffb500;
color: #000;
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .stock-out-batch {
background-color: #000;
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-img a {
display: grid;
text-align: center;
}
.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: 13px;
color: #000000;
font-weight: 700;
text-transform: uppercase;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-title h5 {
font-size: 16px;
color: black;
font-weight: 400;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-title h5 a {
line-height: 24px;
}
.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 p {
margin-bottom: 0;
font-size: 20px;
color: black;
font-weight: 600;
display: flex;
justify-content: flex-start;
align-items: flex-end;
line-height: 26px;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p span {
line-height: 26px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-price h6 ins,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p ins,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p sub {
color: var(--color-high-dark);
line-height: 28px;
background: transparent;
padding: 0;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-price h6 del,
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p del,
.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;
order: 1;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-price h6 del {
order: 2;
font-size: 20px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-price h6 ins {
order: 1;
}
.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;
margin-top: 25px;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-bar span.border-yellow {
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-high-dark);
}
.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: uppercase;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-sold p span {
color: #000;
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 a.add_to_cart_button {
color: #fff;
width: 100%;
padding: 13px 20px;
font-size: 14px;
line-height: 14px;
height: auto;
text-align: center;
font-weight: 500;
overflow: hidden;
}
.brator-product-single-item-area .brator-product-single-item-mini {
position: relative;
z-index: 1;
padding-top: 11px;
}
.brator-product-single-item-area .brator-product-single-item-area-mdl .brator-product-single-item-mini {
padding-top: 0px;
}
.brator-product-single-item-area:hover .brator-product-single-item-mini {
transition: 0.3s all;
margin-top: -44px;
}
.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 .brator-product-single-item-review {
margin-top: 3px;
}
.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 .brator-product-single-item-cat {
margin-bottom: 3px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-cat,
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-cat a {
line-height: 24px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-title {
margin-bottom: 5px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-price {
margin-top: 15px;
}
.brator-product-single-item-area.design-two:hover .brator-product-single-item-mini {
margin-top: -59px;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-title a {
transition: .3s;
}
.brator-product-single-item-area.design-two .brator-product-single-item-mini .brator-product-single-item-title a:hover {
text-decoration: underline;
color: #000000;
}
.brator-product-single-item-area.design-two:hover .brator-product-single-item-mini .brator-product-single-item-btn {
margin-top: 15px;
}
.yollow-batch {
background-color: #ffb500;
color: #000;
}
.brator-related-product-slider-singlle {
padding-bottom: 60px;
padding-top: 50px;
}
.brator-pagination-box.brator-product-pagination {
margin-top: 90px;
}
.brator-product-shop-page-area .row+.brator-plan-pixel-area {
margin-top: 90px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three {
width: calc(100% - 0px);
display: flex;
justify-content: flex-start;
align-items: stretch;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-left {
max-width: 225px;
width: 100%;
margin-right: 55px;
position: relative;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl {
width: 100%;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-single-item-featu,
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu {
margin-top: 15px;
}
.brator-blog-listing-single-item-excerpt ul li,
.brator-product-hero-content .brator-product-hero-content-info .brator-product-single-item-featu ul li,
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu ul li {
font-size: 13px;
margin-bottom: 0;
color: #666666;
position: relative;
padding-left: 15px;
line-height: 24px;
list-style: none;
margin-bottom: 5px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu ul li:last-child {
margin-bottom: 0px;
}
.woocommerce a.added_to_cart {
display: none;
}
.brator-product-single-item-area.design-three .brator-product-single-item-info .brator-product-single-item-info-right {
right: -10px;
top: -17px;
}
.brator-blog-listing-single-item-excerpt ul li::after,
.brator-product-hero-content .brator-product-hero-content-info .brator-product-single-item-featu ul li::after,
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu ul li::after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 5px;
height: 5px;
border-radius: 50%;
background: #666666;
margin-top: -2.5px;
}
.woocommerce .products .star-rating {
margin: 0;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-single-item-featu ul li span,
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu ul li span {
color: #000;
margin-left: 5px;
line-height: 24px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-single-item-featu ul,
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-mdl .brator-product-single-item-featu ul {
margin: 0;
padding: 0;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-single-item-featu ul {
margin-bottom: 25px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right {
max-width: 250px;
width: 100%;
display: flex;
flex-direction: column;
}
.product-list-items.type-list .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;
line-height: 26;
color: black;
font-weight: 600;
display: flex;
justify-content: flex-start;
align-items: center;
max-height: 26px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price p span {
line-height: 26px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price>span {
font-size: 13px;
color: #999999;
line-height: 26px;
vertical-align: top;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price p ins {
color: var(--color-high-dark);
line-height: 28px;
background: transparent;
padding: 0;
order: 1;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-price p del {
text-decoration: line-through;
font-size: 14px;
color: #999999;
line-height: 14px;
margin-left: 10px;
font-weight: 400;
order: 2;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right .brator-product-single-item-btn {
margin-top: auto;
}
.product-list-items.type-list .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 {
width: 100%;
margin-bottom: 8px;
height: 48px;
text-align: center;
}
.product-list-items.type-list .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.button.product_type_external {
font-size: 11px;
}
.product-list-items.type-list .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;
}
.product-list-items.type-list .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%;
}
.product-list-items.type-list .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;
}
.product-list-items.type-list .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;
}
.product-list-items.type-list .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%;
}
.product-list-items.type-list .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;
}
.product-list-items.type-list: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: black;
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-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: 15px;
}
.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-high-dark);
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-high-dark);
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-high-dark);
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-title h5 {
font-size: 30px;
color: black;
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, #000 20%, var(--color-high-dark) 40%, var(--color-high-dark) 60%, #000 80%);
background-size: 200% auto;
color: #000;
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: 30px;
}
.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: black;
font-weight: 500;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-action a {
background-color: black;
border-color: black;
padding: 15px 35px;
}
.brator-banner-area.design-two .brator-banner-content .brator-banner-content-action a:hover {
background: var(--color-high-dark);
border-color: var(--color-high-dark);
}
@-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;
}
.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: black;
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 165px 135px 165px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5px;
background-color: #f2f2f7;
}
.brator-banner-area.design-four .brator-banner-content h2 {
font-size: 72px;
color: black;
font-weight: 700;
text-transform: capitalize;
}
.brator-banner-area.design-four .brator-banner-content h2 a {
color: black;
}
.brator-banner-area.design-four .brator-banner-content p {
margin-bottom: 0;
color: #666666;
margin-top: 20px;
word-break: break-word;
}
.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: #000;
}
.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;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-header h2 {
font-size: 30px;
color: black;
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-high-dark);
border-style: solid;
border-radius: 8px;
background-color: #fff5f3;
display: flex;
justify-content: space-between;
margin-bottom: 0;
gap: 20px;
}
.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-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;
}
.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;
margin-right: -15px;
}
.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: #fff;
padding: 10px 15px;
width: calc(20% - 15px);
}
.brator-makes-list-single a {
display: block;
font-size: 16px;
color: black;
line-height: 16px;
position: relative;
}
.brator-makes-list-single a:after {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='blcak' class='bi bi-chevron-left' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 0px;
top: 50%;
margin-top: -10px;
}
.brator-makes-list-single:hover {
border-color: var(--color-high-dark);
}
.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: black;
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;
}
.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: black;
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 {
width: 100%;
margin-top: 30px;
}
.brator-current-vehicle {
padding: 25px 35px;
border-width: 1px;
border-color: var(--color-high-dark);
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: black;
font-weight: 700;
line-height: 0.733;
text-transform: capitalize;
}
.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 .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: black;
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: black;
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 .product-categories,
.brator-sidebar-single-item .shop-cat-list {
padding: 0;
margin: 0;
}
.brator-sidebar-single-item .product-categories li,
.brator-sidebar-single-item .shop-cat-list li {
list-style: outside none;
font-size: 14px;
color: #666666;
padding: 2px 0;
}
.brator-sidebar-single-item .product-categories li a,
.brator-sidebar-single-item .shop-cat-list li a {
font-size: 14px;
color: #666666;
font-weight: 600;
text-transform: capitalize;
}
.brator-sidebar-single-item .product-categories li ul,
.brator-sidebar-single-item .shop-cat-list li ul {
padding-left: 20px;
height: 0;
max-height: 0;
overflow: hidden;
transition: 0.4s;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat2,
.brator-sidebar-single-item .shop-cat-list .sub-cat {
position: relative;
cursor: pointer;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat2 svg,
.brator-sidebar-single-item .shop-cat-list .sub-cat svg {
position: absolute;
right: 0;
font-size: 18px;
top: 9px;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat.current>a {
font-weight: 700;
color: #000;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat.current > ul {
max-height: unset;
height: auto;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat2.current > ul {
max-height: unset;
height: auto;
}
.brator-section-header.all-item-left {
justify-content: flex-start;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat.current ul li a {
font-weight: 400;
color: #000;
}
.brator-sidebar-single-item .shop-cat-list .sub-cat.current ul li:hover a {
color: var(--color-high-dark);
}
.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: 85px;
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-high-dark);
}
.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-high-dark);
}
.brator-rang-item-slider .noUi-handle {
width: 15px;
height: 15px;
background: var(--color-high-dark);
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 button {
transform: rotate(180deg);
}
.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: black;
font-weight: 700;
}
.brator-filter-item-area .brator-filter-item-title button {
background: transparent;
padding: 0;
margin: 0;
border: 0;
font-size: 12px;
color: black;
text-transform: uppercase;
margin-bottom: 0;
display: flex;
align-items: center;
}
.brator-filter-item-area .brator-filter-item-title button 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 {
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 ul {
padding: 0;
margin: 0;
list-style: none;
}
ul.woocommerce-widget-layered-nav-list li a,
.brator-filter-item-content ul li a {
position: relative;
padding-left: 30px;
}
ul.woocommerce-widget-layered-nav-list li.chosen a:after,
.brator-filter-item-content ul li.chosen a:after {
background-color: var(--color-high-dark);
border-color: var(--color-high-dark);
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
content: "";
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 6px;
}
ul.woocommerce-widget-layered-nav-list li a,
.brator-filter-item-content ul li a {
padding-left: 30px !important;
font-size: 14px;
color: #666666;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
ul.woocommerce-widget-layered-nav-list li a:before,
.brator-filter-item-content ul li a:before {
content: "";
display: block;
border-width: 1px;
border-color: #c4c4c4;
border-style: solid;
border-radius: 3px;
background-color: #fff;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 6px;
}
ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term,
.brator-filter-item-content li.wc-layered-nav-term {
display: flex;
}
ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term span,
.brator-filter-item-content li.wc-layered-nav-term span {
font-size: 14px;
color: #666666;
}
.brator-product-shop-page-area {
margin-top: 50px;
margin-bottom: 100px;
}
.brator-product-shop-page-area .brator-best-product-slider {
padding-bottom: 50px;
}
.product-list-items {
display: flex;
justify-content: flex-start;
gap: 30px;
flex-wrap: wrap;
}
.product-list-items .brator-product-single-item-area {
width: calc(25% - 23px);
}
.products.columns-3 .product-list-items:not(.type-list) .brator-product-single-item-area {
width: calc(33.33% - 23px);
}
.products.columns-2 .product-list-items:not(.type-list) .brator-product-single-item-area {
width: calc(50% - 23px);
}
.products.columns-5 .product-list-items:not(.type-list) .brator-product-single-item-area {
width: calc(19.9% - 23px);
}
.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: 5px;
border-radius: 50%;
width: 35px;
height: 35px;
display: block;
position: absolute;
left: -11px;
top: -11px;
font-size: 27px;
background: var(--color-high-dark);
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;
position: relative;
}
.brator-inline-product-filter-area {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
margin-top: -12px;
}
.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: black;
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: #000;
}
.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: black;
}
.brator-inline-product-filter-area .brator-inline-product-filter-left .brator-filter-show-items .brator-filter-show-items-count:hover {
color: black;
}
.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 a.current {
background: var(--color-high-dark);
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type a.current svg {
fill: #fff;
}
.brator-inline-product-filter-area .brator-inline-product-filter-right .brator-filter-view-type a {
height: 40px;
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 a 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 .brator-forget-product-slider {
margin-top: 50px;
padding-right: 70px;
}
.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 h3 {
font-size: 72px;
color: black;
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: black;
font-weight: 600;
}
.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 {
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: 145px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .img-cart {
width: 85px;
position: absolute;
}
.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 {
padding-left: 102px;
padding-right: 10px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info h5 {
font-size: 15px;
color: black;
font-weight: 400;
}
.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;
line-height: 24px;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info h5 a:hover {
text-decoration: underline;
color: black;
}
.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 p a {
color: #999999;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title .prodct-info>a {
font-size: 12px;
color: black;
text-transform: uppercase;
font-weight: 400;
line-height: 24px;
}
.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 p {
display: flex;
justify-content: flex-start;
align-items: flex-end;
color: black;
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-high-dark);
}
.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 p {
font-size: 15px;
color: black;
}
.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 !important;
}
.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: #000;
}
.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 !important;
height: 48px;
font-size: 14px;
position: relative;
left: -10px;
}
.brator-cart-info .brator-cart-checkout .brator-cart-checkout-right .brator-cart-checkout-back button {
border-color: #000;
color: #000;
background: #fff;
border-width: 1px;
font-weight: 700;
}
.brator-cart-info .brator-cart-checkout .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;
padding-bottom: 50px;
position: relative;
overflow: hidden;
}
.cart-total-area:after {
background-image: url(//scooterfama.pt/home/wp-content/themes/brator/assets/images/cat-bg.png);
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 14px;
right: 0;
}
.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: black;
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 .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: black;
}
.cart-total-area .cart-total-cost .cart-total-dis span {
color: #ff3300;
}
.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;
}
.cart-total-area .cart-total-amount p {
margin-bottom: 0;
font-size: 20px;
color: black;
font-weight: 500;
line-height: 1.5;
}
.cart-total-area .cart-total-amount span {
margin-bottom: 0;
font-size: 20px;
color: black;
font-weight: 500;
line-height: 1.5;
}
.cart-total-area .cart-total-process {
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.cart-total-area .cart-total-process a {
text-align: center;
display: block;
}
.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: #fff;
position: relative;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty button {
background-color: #f2f2f7;
position: absolute;
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;
padding-right: 0;
}
.brator-cart-list-items-qty-area .brator-cart-list-items-qty button.add-count-qty {
right: 0;
left: auto;
}
.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 {
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: black;
font-weight: 600;
line-height: 30px;
cursor: pointer;
}
.brator-features-area.design-two a.brator-features-single h5:hover {
color: var(--color-high-dark);
}
.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: black;
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: black;
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 #fff;
border-left-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
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: black;
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: black;
}
.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 #fff;
border-left-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
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 .brator-brand-img a {
display: inline-block;
}
.brator-brand-item-area.design-two .brator-brand-img a {
margin: 40px 0;
}
.brator-map-area .brator-map {
margin-top: 20px;
}
.brator-map-area .brator-map a {
display: block;
}
.brator-team-slider-area {
padding: 90px 0;
}
.brator-section-header.all-item-left {
justify-content: flex-start;
}
.brator-team-single-item {
border-width: 1px;
border-color: lightgray;
border-style: solid;
border-radius: 5px;
background-color: #fff;
padding: 20px 20px 25px 20px;
margin-bottom: 1px;
}
.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: black;
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-high-dark);
border-color: var(--color-high-dark);
}
.brator-team-single-item .brator-team-single-item-social a:hover svg {
fill: #fff;
}
.brator-product-header-layout-area {
background: #f2f2f7;
padding: 50px 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;
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-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: 34px;
font-weight: 700;
color: black;
line-height: 46px;
}
.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: #000;
font-size: 10px;
margin-right: 10px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review .product-batch.off-batch {
margin-right: 10px;
min-width: 65px;
text-align: center;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-review .brator-review-product {
width: 300px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.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: black;
font-weight: 600;
display: flex;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock {
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
padding-bottom: 20px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h6 {
font-size: 14px;
color: black;
position: relative;
padding-left: 20px;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h6::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #84c601;
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: black;
font-weight: 400;
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;
text-transform: capitalize;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h5 span span {
font-size: 12px;
color: #999;
font-weight: 400;
}
.brator-product-hero-content .brator-product-hero-content-info .brator-product-hero-content-stock h5 svg {
fill: #fff;
font-size: 10px;
margin-right: 10px;
position: relative;
top: -1px;
background: #3abe00;
border-radius: 50%;
width: 25px;
height: 25px;
padding: 5px;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .brator-product-single-cart-select p {
font-size: 14px;
color: black;
font-weight: 600;
margin-bottom: 5px;
}
.woocommerce div.product form.cart .variations select {
height: 40px;
line-height: 39px;
font-size: 14px;
padding: 0 10px;
background-position-x: 98%;
background-position-y: 11px;
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations td.label {
padding: 0;
}
.woocommerce div.product form.cart .reset_variations {
display: none;
line-height: 1;
margin-top: 10px;
text-align: left;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
color: var(--color-high-dark);
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
opacity: 1;
color: #999999;
}
.woocommerce div.product .stock {
color: #666666;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: var(--color-dark);
font-weight: 600;
}
.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: #000;
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 .grouped_form.brator-product-single-cart-count-add {
flex-wrap: wrap;
}
table.woocommerce-grouped-product-list.group_table {
width: 100%;
}
.brator-product-hero-content .brator-product-hero-content-add-to-cart .grouped_form.brator-product-single-cart-count-add .brator-product-single-cart-add {
margin-left: 0px;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: auto;
padding-left: 10px;
}
.brator-product-header-layout-area.desing-one .brator-product-single-cart-count {
max-width: 130px;
width: 100%;
margin-right: 10px !important;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .quantity.brator-product-single-cart-count {
width: 100%;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .brator-product-single-cart-count .brator-brator-cart-list-items-qty,
.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: #fff;
position: relative;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .brator-product-single-cart-count .brator-brator-cart-list-items-qty {
max-width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
margin-bottom: 25px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added .brator-product-single-cart-count .brator-brator-cart-list-items-qty span {
cursor: pointer;
}
.brator-product-single-cart-count .brator-brator-cart-list-items-qty span {
background-color: #f2f2f7;
position: absolute;
left: 0;
top: 0;
border: 0;
padding: 0;
margin: 0;
height: 100%;
width: 40px;
font-size: 20px;
color: #9595ab;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.brator-product-header-layout-area.desing-two .brator-product-single-cart-count .brator-brator-cart-list-items-qty span {
background-color: transparent;
}
.brator-product-single-cart-count .brator-brator-cart-list-items-qty input {
width: 53% !important;
text-align: center !important;
padding: 0;
height: 50px;
margin-left: 31px !important;
}
.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,
.brator-product-single-cart-count .brator-brator-cart-list-items-qty span.plus-btn {
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 {
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: 20px;
margin-bottom: 25px;
}
.brator-product-single-cart-action button {
background: transparent;
padding: 2px 23px;
display: flex;
justify-content: flex-start;
align-items: center;
border: 0;
}
.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 {
padding-left: 0;
}
.brator-product-single-light-info-area .brator-product-single-light-info-share {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.brator-product-single-light-info-area .brator-product-single-light-info-share svg {
margin-right: 10px;
font-size: 19px;
fill: #666666;
}
.brator-product-single-light-info-area .brator-product-single-light-info-share p {
font-weight: 600;
font-size: 14px;
color: black;
margin-bottom: 0;
}
.brator-product-single-light-info-area .brator-product-single-light-info-share p span {
color: #000;
font-weight: 400;
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s.cat a:hover {
color: #0066ff;
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s h5 {
font-size: 14px;
color: #000;
margin-right: 5px;
font-weight: 400;
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s a {
font-size: 14px;
color: #666666;
margin-right: 5px;
position: relative;
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s a::after {
content: ",";
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s a:last-child::after {
content: none;
}
.brator-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s a:hover {
text-decoration: underline;
color: #000;
}
.brator-product-single-light-info-area .brator-product-single-light-info .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: 40%;
}
.brator-product-header-layout-area.desing-two .brator-product-header-layout .brator-product-layout-header-content {
width: 60%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.brator-product-header-layout-area.desing-two .brator-product-hero-content {
width: 100%;
padding-right: 55px;
}
.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: black;
font-weight: 600;
border-width: 1px;
border-color: var(--color-high-dark);
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-high-dark);
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: black;
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-hero-content .brator-product-hero-content-info .brator-product-single-light-info-area {
border-top: 1px solid #e5e5e5;
margin-top: 30px;
padding-top: 20px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart {
max-width: 320px;
width: 100%;
border-radius: 8px;
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 {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 26px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price h6 ins {
font-size: 26px;
color: var(--color-high-dark);
font-weight: 600;
margin-right: 15px;
background: transparent;
padding: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-price h6 del {
font-size: 20px;
color: #999999;
font-weight: 400;
order: 2;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .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 .brator-product-add-to-cart-color h6 {
font-size: 14px;
color: black;
font-weight: 600;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color span {
font-size: 14px;
color: black;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .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 .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 .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single input {
width: 30px;
height: 30px;
margin: 0;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single .arow-check-right {
width: 30px;
height: 30px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single .arow-check-right::after,
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single .arow-check-right::before {
width: 30px;
height: 30px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single.red .arow-check-right::after {
background-color: var(--color-high-dark);
border-color: var(--color-high-dark);
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single.blue .arow-check-right::after {
background-color: #1c40f2;
border-color: #1c40f2;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single.green .arow-check-right::after {
background-color: #d0ebd3;
border-color: #d0ebd3;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-color-checkbox .brator-product-add-to-cart-color-checkbox-single.yellow .arow-check-right::after {
background-color: #fbab00;
border-color: #fbab00;
}
.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: black;
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: 10px;
margin-top: 20px;
}
.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;
line-height: 26px;
padding: 0 5px;
}
.brator-product-header-layout-area.desing-two .brator-product-add-to-cart .brator-product-add-to-cart-button-added button span {
line-height: 26px;
}
.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 {
border: 0;
}
.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: #fff;
padding: 50px;
}
.brator-product-single-frequently h2 {
font-size: 30px;
color: black;
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: flex;
font-size: 26px;
font-weight: 600;
color: black;
}
.brator-product-single-frequently-total p {
font-size: 13px;
color: #666;
line-height: 23px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 20px;
}
.brator-product-single-frequently-total p b {
font-size: 16px;
line-height: 23px;
}
.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: black;
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: 100px;
padding-bottom: 100px;
}
.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: #000;
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: black;
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: black;
margin-top: 35px;
margin-bottom: 35px;
font-weight: 600;
}
.brator-product-single-tab-list .brator-product-single-tab-item p {
font-size: 15px;
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;
}
.woocommerce div.product .brator-product-img-tab-list.js-tabs#tabs-product-img.design-two div.images.woocommerce-product-gallery {
display: flex;
justify-content: center;
align-items: center;
}
.flex-viewport {
order: 2;
width: 100%;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .flex-control-thumbs {
order: 1;
max-width: 80px;
margin-right: 20px;
}
.woocommerce div.product .brator-product-img-tab-list.js-tabs#tabs-product-img.design-one div.images .flex-control-thumbs {
margin-top: 15px;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .flex-control-thumbs li {
display: block;
width: 80px;
height: 80px;
background-position: center;
background-size: cover;
margin-bottom: 15px;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .flex-control-thumbs li img {
border: 1px solid #f2f2f7;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img.design-two .flex-control-thumbs li img.flex-active {
border: 1px solid var(--color-high-dark);
}
.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-list.js-tabs#tabs-product-img.design-one .flex-control-thumbs {
padding: 0;
margin: 0;
list-style: outside none;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img .flex-control-thumbs li {
display: block;
width: 80px;
height: 80px;
background-position: center;
background-size: cover;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img .flex-control-thumbs li img {
border: 1px solid #f2f2f7;
}
.brator-product-img-tab-list.js-tabs#tabs-product-img .flex-control-thumbs li img.flex-active {
border: 1px solid var(--color-high-dark);
}
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: black;
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: black;
font-weight: 600;
margin-bottom: 15px;
}
.brator-review-comment-single-item .brator-review-comment-single-content .brator-review-comment-single-title p {
margin-bottom: 15px;
font-size: 15px;
color: #666666;
line-height: 26px;
}
.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: black;
font-weight: 600;
margin-right: 5px;
}
.brator-contact-form-area.product-review-form .brator-contact-form-header h2 {
font-size: 20px;
color: black;
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: black;
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: 105px;
margin-bottom: 112px;
}
.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: black;
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: black;
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;
gap: 15px;
}
.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;
}
.brator-blog-single-post-content {
margin-top: 30px;
}
.brator-blog-single-post-content h3 {
font-size: 24px;
line-height: 34px;
color: black;
margin-bottom: 50px;
font-weight: 500;
}
.brator-blog-single-post-content h3 span {
color: #ff3300;
margin: 0 5px;
}
.brator-blog-single-post-content p {
font-size: 16px;
color: #666666;
margin-bottom: 20px;
}
.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: 0px auto 30px;
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: #000;
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: #000;
}
.brator-blog-single-post-content .brator-blog-single-post-qu p {
margin-bottom: 0;
font-size: 26px;
color: black;
font-weight: 300;
line-height: 35px;
}
.brator-blog-single-post-content h3.bold-600 {
font-size: 30px;
color: black;
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-top: 40px;
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;
}
.widget_tag_cloud a,
.blog-single-tag-share-area .blog-single-tag-area a {
border-radius: 5px;
background-color: #f2f2f7;
font-size: 13px !important;
color: #666666;
display: block;
padding: 5px 10px;
line-height: 15px;
margin-bottom: 5px;
margin-right: 5px;
text-transform: capitalize;
}
.widget_tag_cloud a:hover,
.blog-single-tag-share-area .blog-single-tag-area a:hover {
background: #ff3300;
color: #ffffff;
}
.widget_tag_cloud a {
padding: 10px 15px;
display: inline-block;
text-transform: capitalize;
margin-bottom: 10px;
}
.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-top: 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: black;
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: 30px;
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-top: 60px;
border-top: 1px solid #e5e5e5;
margin-top: 80px;
}
.blog-single-pagination-area .nav-links {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.blog-single-pagination-area .nav-links>div {
width: 100%;
}
.blog-single-pagination-area .blog-single-pagination-content {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.blog-single-pagination-area .blog-single-pagination-content.right-side span b {
text-align: right;
}
.blog-single-pagination-area .blog-single-pagination-content svg {
font-size: 65px;
fill: #cccccc;
}
.blog-single-pagination-area .blog-single-pagination-content 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 span i {
font-size: 24px;
color: black;
font-weight: 600;
}
.blog-single-pagination-area .blog-single-pagination-content:hover a svg {
fill: #ff3300;
}
.blog-single-pagination-area .nav-next a {
float: right;
}
.blog-single-pagination-area .right-side a span {
text-align: right;
margin-right: 30px;
}
.blog-single-pagination-area .left-side svg {
transform: rotate(180deg);
}
.blog-single-pagination-area .left-side a span {
margin-left: 30px;
}
.brator-post-list-slider {
margin-top: 60px;
border-top: 1px solid #e5e5e5;
padding-top: 80px;
}
.blog-comment-list-area {
border-top: 1px solid #e5e5e5;
margin-top: 75px;
padding-top: 70px;
}
.comments-form-area {
margin-top: 80px;
}
.blog-comment-list-area .blog-comment-list-header {
margin-bottom: 55px;
}
.blog-comment-list-area .blog-comment-list-header h4 {
font-size: 30px;
color: black;
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 .single-comment:last-child .blog-comment-single-item {
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: black;
font-weight: 600;
margin-bottom: 6px;
text-transform: capitalize;
}
.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: 10px;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor a.replay-btn {
border-radius: 5px;
font-size: 11px;
color: #666666;
border: 1px solid;
display: inline-block;
padding: 6px 10px;
line-height: 15px;
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 a.replay-btn:hover {
border-color: #ff3300;
background-color: #ff3300;
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: 10px;
font-size: 30px;
}
.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: black;
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: black;
margin-bottom: 0;
}
.specification-product-item .specification-product-item-right.header-light p {
color: #0066ff;
}
body {
overflow-x: hidden;
}
.brator-banner-area.design-four .brator-banner-content {
max-width: 50%;
}
@media only screen and (min-width: 300px) and (max-width: 1599px) {
.brator-product-single-frequently {
padding: 20px;
}
.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: rgba(255, 255, 255, .7);
z-index: 2;
}
.brator-banner-area.design-four .brator-banner-content {
position: relative;
z-index: 3;
}
.brator-banner-area.design-four .brator-banner-content {
max-width: 100%;
}
.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%;
}
.mega-menu-area .mega-menu-offer {
max-width: 450px;
}
.brator-header-menu-area .brator-header-menu ul.list-style-outside-none .mega-menu-area .mega-menu-offer {
width: 100%;
margin-left: 0;
}
}
@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: 30px;
}
.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;
}
.sidebar-widget .brator-blog-listing-single-item-area.list-type-one .type-post {
flex-wrap: wrap;
}
.sidebar-widget .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.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: -30px;
}
.splide__arrows.style-two .splide__arrow--next {
right: -30px;
}
}
@media only screen and (min-width: 300px) and (max-width: 1299px) {
.brator-header-menu-area {
display: none;
}
.brator-header-area.header-three.header-one.brator-header-menu-area.cat-header {
display: block;
}
.brator-header-area.header-three.header-one.brator-header-menu-area.cat-header.lg-dextop-none {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) { .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-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%;
margin-top: 30px;
}
.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;
}
.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;
margin-bottom: 10px;
}
.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-social-link {
justify-content: center;
margin-top: 20px;
}
}
@media only screen and (min-width: 300px) and (max-width: 800.98px) {
.brator-blog-listing-single-item-info-2 a {
margin-right: 15px;
}
.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;
}
.admin-bar .brator-cart-item-list {
top: 46px;
}
.brator-header-area.header-three .brator-cart-item-list {
right: 0 !important;
}
.brator-cart-item-list .brator-cart-item-list-header::after {
display: none;
}
.admin-bar .brator-sidebar-area.design-one {
top: 46px;
}
}
@media only screen and (min-width: 300px) and (max-width: 767.98px) {
.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(50% - 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 {
position: unset;
margin-left: auto;
justify-content: right;
padding-top: 0;
padding-bottom: 0;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items .brator-cart-list-items-title {
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 {
width: 100%;
justify-content: flex-start;
margin-top: 20px;
}
.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: 10px;
}
.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-product-single-light-info-area .brator-product-single-light-info .brator-product-single-light-info-s {
flex-wrap: wrap;
}
.brator-product-img-tab-header.js-tabs__header ul li a {
width: 50px;
height: 50px;
}
.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(100% - 0px);
}
.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-view-type {
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: 500.98px) {
.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-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;
}
}
@media only screen and (min-width: 300px) and (max-width: 425.98px) {
.brator-makes-list {
gap: 0;
margin-right: 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;
}
}
@media (min-width: 1600px) {
.container-xxxl {
max-width: 1520px;
}
}
@media (min-width: 1400px) {
.container-lg-c {
max-width: 1169px;
}
}
.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;
}
@media only screen and (min-width: 1300px) {
.brator-header-area.header-three.header-one .brator-logo-area .brator-logo button {
display: none;
}
}
.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;
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: -9px;
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 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 .splide__pagination {
bottom: 32px;
}
.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-service-area .brator-single-service-item p {
font-size: 13px;
color: #999999;
}
.braton-sponser-area {
padding-bottom: 110px;
}
.braton-sponser-area .braton-sponser-title {
display: flex;
align-items: center;
column-gap: 35px;
margin-bottom: 32px;
flex-wrap: wrap;
}
.braton-sponser-area .braton-sponser-title h3 {
font-size: 30px;
}
.braton-sponser-area .braton-sponser-title a i {
font-size: 10px;
}
.braton-sponser-area .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: 0;
}
.braton-sponser-area .brator-brand-img {
text-align: center;
border-bottom: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
height: 230px;
display: flex;
align-items: center;
justify-content: center;
}
.braton-sponser-area .brator-brand-img a {
width: 140px;
}
.braton-sponser-area .brator-brand-img a img {
filter: grayscale(1);
opacity: 0.5;
}
.braton-sponser-area .brator-brand-img:hover a img {
filter: grayscale(0);
opacity: 1;
transition: all linear 0.3s;
}
.braton-sponser-area .sponser-row .col-xl-2 {
padding-left: 0;
padding-right: 0;
}
.brator-review-area {
padding-bottom: 103px;
}
.brator-review-area .brator-review-title {
border-top: 1px solid #d9d9d9;
padding-top: 103px;
padding-bottom: 33px;
}
.brator-review-title .title {
font-size: 30px;
}
.brator-review-content {
text-align: center;
}
.brator-review-content h5 {
font-size: 18px;
font-weight: 600;
padding-bottom: 8px;
}
.brator-review-content ul {
margin: 0;
padding: 0 0 3px;
list-style-type: none;
display: flex;
justify-content: center;
gap: 3px;
}
.brator-review-content ul li i {
height: 30px;
width: 30px;
color: #fff;
background: #00b67a;
text-align: center;
line-height: 30px;
font-size: 16px;
}
.brator-review-content span {
font-size: 13px;
font-weight: 300;
}
.brator-review-content span span {
text-decoration: underline;
font-weight: 400;
color: #000;
}
.brator-review-content h4 {
font-size: 18px;
padding-top: 5px;
}
.brator-review-content h4 i {
color: #00b67a;
font-size: 22px;
}
.brator-review-box {
position: relative;
}
.brator-review-box ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
gap: 3px;
}
.brator-review-box ul li i {
height: 18px;
width: 18px;
color: #fff;
background: #00b67a;
text-align: center;
line-height: 16px;
font-size: 12px;
}
.brator-review-box .braton-review-date {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
color: #777;
}
.brator-review-box h5 {
font-size: 16px;
font-weight: 700;
line-height: 24px;
padding: 3px 0;
}
.brator-review-box p {
font-size: 14px;
line-height: 24px;
color: #2c2c2c;
margin-bottom: 0;
}
.brator-review-box>span {
font-size: 14px;
color: #777;
}
.brator-review-area .brator-review-slider .splide__arrows.style-three .splide__arrow--prev {
left: 0;
right: auto;
}
.brator-review-area .brator-review-slider .splide__arrows.style-three .splide__arrow {
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
.brator-review-area .brator-review-slider {
padding-left: 50px;
padding-right: 50px;
}
.brator-blog-area {
border-top: 1px solid #d9d9d9;
padding-bottom: 100px;
padding-top: 100px;
}
.brator-blog-area .brator-blog-listing-single-item-area .brator-blog-listing-single-item-thumbnail {
border-radius: 8px;
}
.brator-blog-area .brator-blog-listing-single-item-area .brator-blog-listing-single-item-content .brator-blog-listing-single-item-title {
margin-bottom: 13px;
margin-top: 19px;
}
.brator-blog-area .brator-blog-listing-single-item-area .brator-blog-listing-single-item-content .brator-blog-listing-single-item-excerpt p {
margin-bottom: 22px;
}
@media (max-width: 1199px) {
.brator-product-img-tab-list.js-tabs#tabs-product-img {
padding-right: 0px;
}
}
.brator-map iframe#gmap_canvas {
height: 394px;
margin-top: 20px;
}
.woocommerce .woocommerce-ordering {
margin: 0;
}
.woocommerce .star-rating {
margin-bottom: 0;
color: #ffba00;
font-size: 13px;
}
.woocommerce .star-rating span {
font-family: 'star';
line-height: 1;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
width: 100%;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget {
list-style: none;
padding-left: 0;
}
.woocommerce-loop-category__title mark.count {
background: transparent;
color: #333;
font-size: 15px;
padding: 0;
}
h2.woocommerce-loop-category__title {
font-size: 18px;
}
.product-list-items .brator-categories-single {
width: calc(25% - 23px);
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-btn a.add_to_cart_button.button.product_type_external {
font-size: 11px;
padding: 13px 5px;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 1em;
text-align: left;
text-transform: capitalize;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.cart_totals>.cart-total-header+h2 {
display: none;
}
.cart-total-area table.shop_table {
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border: none;
padding-left: 0;
padding-right: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
text-align: right;
background-color: transparent !important;
}
.woocommerce-cart table.cart img {
width: auto;
}
table.cart.brator-cart-list {
border: none;
}
table.cart.brator-cart-list th,
table.cart.brator-cart-list td {
border: none;
padding: 0;
text-align: left;
font-size: 13px;
color: #999999;
text-transform: uppercase;
font-weight: 400;
padding: 20px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
padding: 12px 17px;
margin: 0;
}
.woocommerce form .form-row input.input-text {
border-radius: 0px;
box-shadow: none;
height: 50px;
border: 1px solid #e6e6e6;
font-size: 16px;
font-family: "Barlow", sans-serif;
color: #34373b;
padding: 0px 20px;
}
.order_box_price .payment_list {
background: #f5f7f7;
padding: 30px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f5f7f7;
padding: 20px;
}
.shipping .radio_group:checked+label, .shipping .radio_group:not(:checked)+label {
position: relative;
padding-left: 28px;
cursor: pointer;
display: inline-block;
color: #777777;
font: normal 16px "Barlow", sans-serif;
top: -3px;
}
.shipping .radio_group:checked, .shipping .radio_group:not(:checked) {
position: absolute;
left: -9999px;
}
.shipping .radio_group:checked+label:before, .shipping .radio_group:not(:checked)+label:before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
border: 2px solid #bbbbbb;
border-radius: 100%;
background: transparent;
}
.shipping .radio_group:checked+label:after, .shipping .radio_group:not(:checked)+label:after {
content: "";
width: 9px;
height: 9px;
position: absolute;
top: 6px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.shipping .radio_group:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shipping .radio_group:checked+label:after {
background: #ff2a39 !important;
}
.payment_options.shipping .radio_group:checked+label:before, .payment_options.shipping .radio_group:not(:checked)+label:before {
border: 1px solid #bbbbbb;
}
.order_box_price .payment_list .order_title {
color: #34373b;
font-size: 24px;
margin-bottom: 20px;
}
span.brator-checkout-order-price {
margin-left: auto;
}
.order_box_price .payment_list .price_single_cost h5 span.brator-checkout-order-name {
line-height: 20px;
}
.order_box_price .payment_list .price_single_cost h5 {
font-size: 14px;
margin-bottom: 18px;
color: #34373b;
display: flex;
align-items: center;
align-content: center;
font-weight: 400;
line-height: 20px;
gap: 10px;
}
.order_box_price .count_part h5 {
font-size: 16px;
text-transform: inherit;
line-height: normal;
margin-bottom: 25px;
color: #34373b;
text-transform: uppercase;
display: flex;
align-items: center;
}
.total_count.order-total h4 {
display: flex;
align-items: center;
}
div#payment {
margin-top: 20px;
}
.billing_form_area .select2.select2-container .selection span.select2-selection.select2-selection--single {
border-radius: 0px;
box-shadow: none;
height: 50px;
border: 1px solid #e6e6e6;
font-size: 16px;
line-height: 50px;
font-family: "Barlow", sans-serif;
color: #34373b;
padding: 0px 20px;
}
.billing_form_area .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
margin-top: -12px;
}
.woocommerce form .form-row textarea {
resize: none;
border-radius: 0px;
box-shadow: none;
height: 120px;
border: 1px solid #e2e2e2;
font-size: 15px;
font-family: "Barlow", sans-serif;
color: #c6c6c6;
letter-spacing: 0.3px;
padding: 15px 20px;
}
.splide__arrow {
transition: opacity .3s ease;
}
.splide__arrow:disabled {
pointer-events: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 16px;
font-weight: 700;
line-height: 40px;
background-color: var(--color-high-dark);
border: 1px solid var(--color-high-dark);
color: #fff;
padding: 5px 25px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #fff;
border: 1px solid #000;
color: #000;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #000;
border-color: #000;
color: #fff;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: inherit;
width: 100%;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 0;
}
.pd-right-105 {
padding-right: 105px;
}
.menu-cat-list-area ul.menu-cat-list-item ul {
opacity: 0;
visibility: hidden;
position: absolute;
left: 100%;
top: 0;
width: 100%;
background: #f4f5f9;
padding: 10px 0;
box-shadow: 7px 0 23px rgb(0 0 0 / 20%);
}
.menu-cat-list-area ul.menu-cat-list-item ul li a {
border: none;
padding: 2px 20px;
font-size: 13px;
line-height: 26px;
}
.menu-cat-list-area ul.menu-cat-list-item ul li a:hover {
text-decoration: underline;
}
.menu-cat-list-area ul.menu-cat-list-item li:hover ul {
opacity: 1;
visibility: visible;
}
.menu-cat-list-area ul.menu-cat-list-item li.has-sub-cat>a::after {
font-size: 1rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/> </svg>");
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
content: "";
width: 20px;
height: 20px;
margin-left: auto;
margin-right: 0.375rem;
padding-left: 0.625rem;
position: absolute;
right: 0;
top: 11px;
}
#productdatasearch {
position: absolute;
left: 0;
top: 100%;
z-index: 9;
background: #fff;
box-shadow: 3px 4px 13px rgb(0 0 0 / 10%);
width: 100%;
max-height: calc(100vh - 134px - 160px);
overflow-y: auto;
}
.listing-search-item {
display: flex;
padding: 10px 20px 10px 20px;
align-items: center;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.listing-search-item>a {
display: inline-flex;
}
#productdatasearch .listing-search-item:first-child {
padding-top: 20px;
}
#productdatasearch .listing-search-item:last-child {
padding-bottom: 20px;
}
.listing-search-item img {
margin-right: 12px;
}
.listing-search-item h5 {
font-size: 14px;
font-weight: 400;
}
.listing-search-item h5 a {
color: var(--color-dark);
line-height: 24px;
}
.listing-search-item h5 a:hover {
color: var(--color-high-dark);
}
.pro-price ins {
color: var(--color-high-dark);
background: transparent;
padding: 0;
}
.pro-price {
display: flex;
}
.pro-price del {
font-size: 14px;
color: #999999;
order: 2;
margin-left: 5px;
}
.pro-cart {
margin-left: auto;
}
.pro-cart {
border-left: 1px solid rgba(0, 0, 0, .1);
padding-left: 20px;
}
.pro-cart a {
background-color: var(--color-high-dark);
color: #fff;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-flex;
border-radius: 50%;
transition: .3;
}
.pro-cart a svg {
fill: #fff;
margin: auto;
font-size: 20px;
}
.pro-cart a:hover {
background-color: #000
}
.pro-cart a.add_to_cart_button.ajax_add_to_cart.added {
background-color: #000;
position: relative;
}
.pro-cart a.add_to_cart_button.ajax_add_to_cart.added svg {
opacity: 0;
}
.pro-cart a.add_to_cart_button.ajax_add_to_cart.added:after {
background-image: url('data:image/svg+xml;utf8,<svg fill="white" width="20" height="20"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"><path d="M62.3,12.7c-0.7-0.7-1.8-0.7-2.5,0L23.3,48.1c-0.3,0.3-0.7,0.3-1,0L4.2,30.5c-0.7-0.7-1.8-0.7-2.5,0c-0.7,0.7-0.7,1.8,0,2.5l18.1,17.6c0.8,0.8,1.9,1.2,2.9,1.2c1.1,0,2.1-0.4,2.9-1.2l36.5-35.4C62.9,14.5,62.9,13.4,62.3,12.7z"/></svg>');
background-repeat: no-repeat;
background-position-x: 11px;
background-position-y: 10px;
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 20px;
}
.cat-list-search {
padding: 0;
margin: 0;
}
.cat-list-search li {
display: inline-block;
}
p.not-found-pro {
margin-top: 15px;
text-align: center;
padding: 0 5px;
}
.brator-best-product-slider+.brator-plan-pixel-area {
padding-bottom: 42px;
}
.brator-not-found {
padding: 25px 35px;
background-color: #fff5f3;
font-size: 18px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: var(--color-high-dark);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: var(--color-high-dark);
}
.brator-contact-form-fields {
display: grid;
}
.comment-form-rating.review-box.clearfix {
order: 1;
}
.brator-contact-form-field.review-title-field {
order: 2;
}
.brator-contact-form-field {
order: 3;
}
p.comment-form-cookies-consent {
order: 4;
margin-bottom: 0 !important;
}
.brator-contact-form-field.submit-button {
order: 5;
}
.single-product .woocommerce-error,
.single-product .woocommerce-info,
.single-product .woocommerce-message {
margin: 0;
}
input#to_pro_price {
font-size: 26px;
padding: 0;
font-weight: 600;
}
.brator-header-menu-area.dark-bg .brator-header-menu-with-info {
position: unset;
}
.brator-header-menu-area.dark-bg .row {
position: relative;
}
.brator-header-menu-area.dark-bg .brator-header-menu ul.list-style-outside-none .mega-menu-li .mega-menu-area {
top: 45px;
}
.tinv-wishlist .product-action {
width: auto;
}
.brator-slide-menu-items ul li a span.count-hot-beg {
display: none;
}
.admin-bar .brator-header-menu-area.scroll-menu {
top: 32px;
} .brator-main-banner-area.banner-style-two {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #1e1e1f;
}
.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;
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 {
color: #ffffff;
}
.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.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.gray-bg .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-high-dark);
color: var(--color-high-dark);
}
.brator-makes-list-area.design-two {
padding-top: 85px;
}
.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: black;
font-weight: 600;
border-radius: 3px;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list a.active,
.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-high-dark);
}
.brator-product-single-item-area .brator-product-single-item-info .brator-product-single-item-info-right .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: #fff;
}
.brator-product-batch.stock-recommended-batch {
background-color: #0033cc;
color: #fff;
}
.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 {
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;
}
.brator-whats-hot-slider .brator-hot-single-box {
padding: 40px;
min-height: 450px;
height: 100%;
border-radius: 4px;
}
.brator-hot-single-box {
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;
font-weight: 300;
}
.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-high-dark);
border: 2px solid var(--color-high-dark);
color: #fff;
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: 30px;
font-weight: 400;
color: #000000;
}
.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: #fbab00;
display: inline-flex;
padding: 0px 10px;
margin-top: 20px;
border-radius: 3px;
margin-bottom: 8px;
}
.brator-hot-single-box .best-choise-batch span {
font-size: 12px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
line-height: 22px;
}
.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-high-dark);
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: .5;
padding: 0px 8px;
} .brator-newsletter-area.design-one.design-for-home-two {
padding-top: 60px;
padding-bottom: 60px;
}
.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-breadcrumb h1 {
margin-bottom: 50px;
}
.brator-blog-post-area .col-xl-9.col-lg-12 {
padding-right: 100px;
}
.brator-blog-single-post-area .col-lg-9 {
padding-right: 100px;
}
.nothing-found-search {
max-width: 550px;
}
@media only screen and (min-width: 1800px) {
.brator-product-single-cart-count .brator-brator-cart-list-items-qty input {
margin-left: 38px !important;
}
}
@media only screen and (max-width: 1200px) {
.brator-blog-post-area .col-xl-9.col-lg-12 {
padding-right: 15px;
}
.brator-blog-single-post-area .col-lg-9 {
padding-right: 50px;
}
.brator-makes-list-single {
width: calc(33.33% - 15px);
}
}
@media only screen and (max-width: 1199px) {
.brator-blog-post-sidebar {
margin-top: 70px;
}
}
@media only screen and (max-width: 991px) {
.brator-blog-single-post-area .col-lg-9 {
padding-right: 15px;
}
.brator-blog-post .brator-blog-listing-single-item-area.list-type-one .type-post {
flex-wrap: wrap;
}
.brator-blog-post .brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail {
max-width: 100%;
margin-right: 0;
-webkit-margin-after: 20px;
margin-block-end: 20px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button {
max-width: 180px;
}
.product-tab-section .brator-section-header a {
display: none;
}
.product-tab-section .brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content li.brator-best-seller-sub-filter-list:first-child {
display: none;
}
.brator-footer-top-area .elementor-column {
width: 50% !important;
}
}
@media only screen and (max-width: 767px) {
.brator-best-seller-section-header-area {
flex-wrap: wrap;
}
.brator-banner-area.design-four .brator-banner-content h2 {
font-size: 42px;
}
.brator-blog-single-post-header .brator-blog-listing-single-item-info-area {
flex-wrap: wrap;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item {
flex-wrap: wrap;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-content .blog-comment-single-item-autor span {
position: static;
margin-bottom: 5px;
display: block;
}
.blog-comment-list-area .blog-comment-list-items .blog-comment-single-item .blog-comment-single-item-img {
margin-right: 0;
margin-bottom: 12px;
}
.brator-blog-listing-single-item-info-2 a svg {
margin-right: 5px;
}
.brator-blog-single-post-header .brator-blog-single-post-title h2 {
font-size: 36px;
line-height: 46px;
}
.brator-best-seller-sub-filter-area ul.brator-best-seller-sub-filter-content {
flex-wrap: wrap;
margin-top: 30px;
}
.brator-main-banner-content h2 {
font-size: 32px;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button {
max-width: 100%;
}
.brator-footer-top-area .elementor-column {
width: 100% !important;
}
input#coupon_code {
margin-bottom: 20px;
}
.brator-makes-list-area.design-two .brator-makes-list-tab-header ul li a {
font-size: 18px;
margin: 0px 8px;
}
}
.brator-header-menu-bg {
overflow: hidden;
}
.woocommerce-grouped-product-list-item__price ins {
background: transparent;
color: var(--color-high-dark);
}
.woocommerce table.shop_attributes {
border-top: 1px solid #0d1b4c24;
}
.woocommerce table.shop_attributes td {
border-bottom: 1px solid #2540a126;
}
.woocommerce table.shop_attributes th {
border-bottom: 1px solid #0d1b4c26;
}
.woocommerce-message {
border-top-color: var(--color-high-dark);
}
.woocommerce-message::before {
color: var(--color-high-dark);
}
.widget_product_search .search-field {
height: 50px;
font-size: 15px;
}
.widget_product_search button {
background: var(--color-high-dark);
border: none;
width: 100%;
height: 50px;
font-size: 14px;
color: #fff;
margin-top: 15px;
text-transform: uppercase;
letter-spacing: .5px;
}
.woocommerce ul.product_list_widget li {
margin-bottom: 10px;
}
.woocommerce ul.product_list_widget li img {
float: left;
margin-right: 15px;
width: 58px;
border: 1px solid #e3e3e3;
transition: all 500ms ease;
height: auto;
margin-left: 0;
}
.woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700;
}
.product_list_widget span.woocommerce-Price-amount.amount {
font-size: 14px;
text-decoration: none;
color: #000;
}
.product_list_widget ins {
text-decoration: none;
background: transparent;
}
.product_list_widget ins span.woocommerce-Price-amount.amount {
color: var(--color-high-dark);
}
.product_list_widget span.product-title {
font-weight: 400;
}
.woocommerce div.product .brator-product-hero-content-add-to-cart form.cart {
margin-bottom: 0;
}
.woocommerce-info::before {
color: var(--color-high-dark);
}
.woocommerce-info {
border-top-color: var(--color-high-dark);
font-size: 14px;
}
.error-section {
text-align: center;
}
.error-section .content-box h1 {
font-size: 200px;
line-height: 200px;
font-weight: 700;
margin-bottom: 10px;
}
.error-section .content-box h2 {
position: relative;
display: block;
font-size: 30px;
line-height: 42px;
font-weight: 600;
margin-bottom: 60px;
color: #999;
}
.error-section .content-box a {
font-size: 16px;
font-weight: 700;
line-height: 16px;
background: var(--color-high-dark);
border: 2px solid var(--color-high-dark);
color: #fff;
padding: 15px 20px;
border-radius: 4px;
height: 52px;
text-transform: capitalize;
transition: 0.3s;
}
.error-section .content-box {
max-width: 650px;
margin: 0 auto;
}
.splide.is-active .splide__list.project-tiles {
width: 100%;
}
.prd-grid-custom-svg-loader {
height: 435px;
overflow: hidden;
text-align: center;
margin: 0 auto;
}
.prd-grid-custom-svg-loader svg {
width: 100%;
height: 100%;
text-align: center;
margin: 0 auto;
} input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
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 {
display: none;
}
.product-price ins {
background: transparent;
color: var(--color-high-dark);
}
.product-price del {
color: #999999
}
select#tinvwl_product_actions {
height: 50px;
}
.brator-features-area.design-two a.brator-features-single .brator-features-single-img svg {
fill: var(--color-high-dark);
z-index: 1;
font-size: 32px;
}
.brator-banner-area {
position: relative;
}
.tt-pagetitle__img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
}
.brator-banner-content {
z-index: 1;
position: relative;
}
.tt-pagetitle__img img {
height: 100% !important;
object-fit: cover;
width: 100%;
}
.brator-header-menu-area.red-variant .brator-header-menu-with-info {
position: unset;
}
.brator-header-menu-area.red-variant .brator-header-menu ul.list-style-outside-none li .mega-menu-area {
left: 10%;
width: 90%;
margin-left: -5%;
}
.brator-header-area.header-three .brator-cart-item-list {
right: -60px;
}
.brator-product-single-item-area li.reset_variations.woo_variation_swatches_archive_reset_variations {
display: none;
}
.brator-product-single-item-area li.reset_variations.woo_variation_swatches_archive_reset_variations,
.brator-product-single-item-area li.reset_variations.woo_variation_swatches_archive_reset_variations a {
font-size: 10px;
line-height: 10px;
}
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item):hover,
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
box-shadow: 0 0 0 1px #000000 !important;
}
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px #000000 !important;
}
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item) {
box-shadow: none;
padding: 0;
}
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item) {
box-shadow: none !important;
}
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color {
border-radius: 50%;
}
.woo-variation-swatches .brator-product-single-item-area .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after {
box-shadow: none !important;
}
.woo-variation-swatches .brator-product-single-item-area .wvs-archive-variation-wrapper .variations .woo-variation-items-wrapper {
margin: 5px 0 !important;
}
.brator-product-single-item-area.design-three .wvs-archive-variation-wrapper,
.brator-product-single-item-area.design-one li.reset_variations.woo_variation_swatches_archive_reset_variations {
margin-bottom: 7px;
}
.woo-variation-swatches.wvs-show-label.single-product .variations td.woo-variation-items-wrapper {
text-align: left;
}
.brator-product-single-item-area.design-three .wvs-archive-variation-wrapper {
margin-left: 3px;
}
.tinvwl_add_to_wishlist_button {
color: #666;
font-size: 14px;
}
.brator-product-slider .splide__track {
padding: 5px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.brator-megasell-box .brator-megasell-thumb {
right: 60px;
width: 500px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.brator-megasell-box .brator-megasell-thumb {
right: 40px;
width: 500px;
bottom: 0;
}
.brator-megasell-box .brator-megasell-content-box h1 {
font-size: 130px;
margin-bottom: 0;
}
.brator-service-area .brator-single-service-item .iocn {
left: 30px;
}
.brator-service-area .brator-single-service-item {
padding: 55px 0 40px 95px;
}
.braton-sponser-area .brator-brand-img {
height: 150px;
}
.brator-hot-single-box {
background-position: 0 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.brator-service-area .brator-single-service-item .iocn {
position: static;
}
.brator-service-area .brator-single-service-item {
padding-left: 0;
}
.brator-megasell-box .thumb-shape {
display: none;
}
.brator-megasell-box .brator-megasell-thumb {
right: 20px;
width: 400px;
bottom: 0;
}
.brator-megasell-area .brator-megasell-box {
padding: 40px 100px 30px;
}
}
@media only screen and (max-width: 991px) {
.brator-megasell-box .thumb-shape,
.brator-megasell-box .brator-megasell-thumb {
display: none;
}
}
@media only screen and (max-width: 1200px) {
.brator-megasell-box .brator-megasell-content-box h1 {
font-size: 130px;
margin-bottom: 0;
}
.brator-megasell-area .brator-megasell-box {
padding: 60px 100px 80px;
}
.braton-sponser-area .brator-brand-img {
height: 150px;
}
.brator-service-area .brator-single-service-item::before {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.brator-review-content {
padding-bottom: 40px;
text-align: left;
}
.brator-review-area .brator-review-title {
text-align: center;
}
.brator-review-content {
text-align: center;
}
.brator-service-area .brator-single-service-item {
padding: 25px 0 10px 125px;
}
.brator-service-area .brator-single-service-item .iocn {
top: 30px;
left: 0;
}
.brator-service-area .brator-single-service-item {
padding-left: 60px;
}
.brator-header-area.header-one.braton-header-three .brator-header-contact-info {
display: none;
}
.brator-header-top-language ul {
display: none;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-left {
margin-right: 15px;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right {
max-width: 190px;
padding-left: 10px;
}
}
@media only screen and (min-width: 310px) and (max-width: 767px) {
.brator-megasell-box .brator-megasell-content-box h1 {
font-size: 80px;
line-height: 110px;
}
.brator-megasell-area .brator-megasell-box {
padding: 60px 40px 60px;
}
.brator-megasell-area .splide__pagination {
bottom: 15px;
}
.brator-service-area .brator-single-service-item .iocn {
position: static;
}
.brator-service-area .brator-single-service-item {
text-align: center;
padding: 20px 0 10px 0px;
}
.brator-review-content {
padding-bottom: 40px;
text-align: left;
}
.brator-review-content ul {
justify-content: flex-start;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form button {
width: 100% !important;
}
.brator-whats-hot-slider .brator-hot-single-box {
padding: 20px !important;
}
.brator-review-area .brator-review-slider {
padding-left: 0;
padding-right: 0;
}
.brator-review-area .brator-review-slider .splide__arrows {
display: none;
}
.brator-header-area.header-one.braton-header-three .brator-header-contact-info {
display: none;
}
.brator-header-top-language ul {
display: none;
}
.home-three-footer .brator-payment-area {
justify-content: center;
}
}
@keyframes sticky {
0% {
top: -150px;
}
50% {
top: -50px;
}
100% {
top: -0px;
}
}
.woocommerce .widget_rating_filter ul li a {
padding: 2px 0;
font-size: 14px;
color: #666666;
display: flex;
justify-content: space-between;
line-height: 26px;
align-items: center;
}
.brator-categories-list-area.design-two .brator-categories-single {
margin-bottom: 30px;
}
.brator-categories-list-area.design-two .brator-categories-list .brator-categories-single:nth-child(14)~.brator-categories-single {
display: none;
}
.brator-categories-list-area.design-two .brator-categories-list.open .brator-categories-single:nth-child(14)~.brator-categories-single {
display: block;
}
.relation {
position: relative;
}
.vehicle-list-wapper {
position: absolute;
left: -185px;
top: 44px;
background: #fff;
z-index: 9;
width: 400px;
padding: 30px;
color: #fff !important;
opacity: 0;
visibility: hidden;
box-shadow: 0 4px 13px 3px rgb(0 0 0 / 10%);
border-radius: 5px;
}
.vehicle-list-wapper::after {
content: "";
position: absolute;
left: 50%;
top: -9px;
border: 1px solid #e5e5e5;
width: 16px;
height: 16px;
background: #fff;
transform: rotate(45deg);
border-bottom: 0;
border-right: 0;
margin-left: -8px;
}
.vehicle-list-wapper.open {
opacity: 1;
visibility: visible;
}
.vehicle-list li,
.vehicle-list a {
text-transform: capitalize;
}
.vehicle-list li {
line-height: 26px;
margin-bottom: 12px;
font-size: 16px;
position: relative;
list-style: none;
padding-left: 14px;
}
.vehicle-list li:not(#clearvehicle):after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><g><path d="M14.6,38h6.6c1,0,1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8h-6.6c-1,0-1.8,0.8-1.8,1.8S13.6,38,14.6,38z"></path><path d="M41.9,38h6.6c1,0,1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8h-6.6c-1,0-1.8,0.8-1.8,1.8S41,38,41.9,38z"></path><path d="M61,21.6h-3.4l-5-12.7C52,7.2,50.3,6,48.5,6H15.1c-1.8,0-3.4,1.1-4.1,2.8L6,21.6H3c-1,0-1.8,0.8-1.8,1.8S2,25.1,3,25.1h1.4v17.8c0,2.6,2.1,4.7,4.6,4.7v5.6c0,2.6,2.1,4.8,4.8,4.8h4.4c2.6,0,4.8-2.1,4.8-4.8v-5.6h17.3v5.6c0,2.6,2.1,4.8,4.8,4.8h4.4c2.6,0,4.8-2.1,4.8-4.8v-5.6h0.4c2.6,0,4.8-2.1,4.8-4.8V25.1H61c1,0,1.8-0.8,1.8-1.8S62,21.6,61,21.6z M14.3,10.1c0.1-0.4,0.5-0.6,0.8-0.6h33.4c0.4,0,0.7,0.2,0.8,0.6l5.6,14.1H8.7L14.3,10.1z M19.4,53.3c0,0.7-0.6,1.3-1.3,1.3h-4.4c-0.7,0-1.3-0.6-1.3-1.3v-5.6h6.9V53.3z M50.6,53.3c0,0.7-0.6,1.3-1.3,1.3h-4.4c-0.7,0-1.3-0.6-1.3-1.3v-5.6h6.9V53.3z M55.8,42.9c0,0.7-0.6,1.3-1.3,1.3h-0.4H40.2H22.9H9.1c-0.7,0-1.3-0.6-1.3-1.3V27.6h47.9V42.9z"></path></g></svg>');
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 1px;
content: "";
width: 22px;
height: 22px;
position: absolute;
left: -20px;
top: 50%;
fill: var(--color-high-dark);
margin-top: -12px;
}
.vehicle-list span {
display: block;
font-size: 12px;
line-height: 12px;
color: #999;
}
.vehicle-list-wapper .brator-parts-search-box-form {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.vehicle-list-wapper .brator-parts-search-box-form select {
max-width: calc(50% - 5px);
width: 100%;
border: 0;
background-color: #f5f5fa;
transition: 0.3s;
height: 40px;
background-position-y: 12px;
}
ul.vehicle-list {
border-top: 1px solid rgba(0, 0, 0, .1);
padding-top: 15px;
margin-top: 20px;
margin-bottom: 0;
}
ul.vehicle-list.empty {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.vehicle-list-wapper button {
padding: 10px 10px;
height: 40px;
margin: 0 auto;
width: 100%;
}
li#clearvehicle {
cursor: pointer;
font-size: 14px;
margin-top: 10px;
color: var(--color-high-dark);
font-weight: 600;
margin-bottom: 0;
}
.brator-whats-hot-slider .brator-hot-single-box {
position: relative;
}
.brator-whats-hot-slider .brator-hot-single-box:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .4);
z-index: 1;
}
.brator-hot-box-content {
z-index: 2;
position: relative;
}
@media only screen and (min-width: 300px) and (max-width: 1199.98px) {
.vehicle-list-wapper {
left: -94px;
top: 44px;
width: 350px;
}
.vehicle-list-wapper::after {
left: 30%;
}
}
.brator-section-header-title.header-title-countdown {
flex-basis: 80%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.brator-section-header-title .brator-product-countdown {
background: var(--color-high-dark);
border-radius: 3px;
}
.brator-section-header-title .brator-product-countdown div>span {
color: #fff;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
line-height: 26px;
margin-right: 10px;
display: inline-block;
margin-top: 2px;
}
.brator-section-header-title .brator-product-countdown ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.brator-section-header-title .brator-product-countdown ul li {
display: inline-block;
color: #fff;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.brator-section-header-title .brator-product-countdown .brator-coming-soon-counter {
display: flex;
align-items: center;
padding: 0 10px;
}
.brator-section-header-title .brator-product-countdown ul li span {
padding-right: 0;
}
.vehicle-check svg {
fill: #fff;
font-size: 10px;
margin-right: 10px;
position: relative;
top: -1px;
background: #3abe00;
border-radius: 50%;
width: 25px;
height: 25px;
padding: 5px;
}
span.vehicle-check.tool {
position: absolute;
left: 15px;
top: 15px;
} .tool {
cursor: help;
position: relative;
} .tool::before,
.tool::after {
left: 50%;
opacity: 0;
position: absolute;
z-index: -100;
}
.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
opacity: 1;
transform: scale(1) translateY(0);
z-index: 100;
} .tool::before {
border-style: solid;
border-width: 1em 0.75em 0 0.75em;
border-color: #3E474F transparent transparent transparent;
bottom: 100%;
content: "";
margin-left: -0.9em;
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .2s;
transform: scale(.6) translateY(-90%);
}
.tool:hover::before,
.tool:focus::before {
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
} .tool::after {
background: #3E474F;
border-radius: 0.25em;
bottom: 48px;
color: #EDEFF0;
content: attr(data-tip);
margin-left: -40px;
padding: 0.6em 1em;
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
transform: scale(.6) translateY(50%);
width: 13.5em;
line-height: 26px;
}
.tool:hover::after,
.tool:focus::after {
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);
}
@media (max-width: 760px) {
.tool::after {
font-size: .75em;
margin-left: -5em;
width: 10em;
}
}
.splide__slide .tool::before,
.splide__slide .tool::after {
display: none;
}
.woocommerce div.product .brator-product-layout-header-content form.cart .variations td,
.woocommerce div.product .brator-product-layout-header-content form.cart .variations th {
padding-left: 0;
padding-right: 0;
text-align: left;
}
.mobile-menu-icon {
display: none;
}
@media only screen and (min-width: 300px) and (max-width: 1299px) {
.mobile-menu-icon {
display: block;
}
.header-sidebar-icon {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 992.98px) {
.brator-header-menu-area.scroll-menu .brator-logo-area {
width: 100%;
padding: 20px 0;
}
.admin-bar .brator-header-menu-area.scroll-menu.open {
top: 0;
}
}
@media (min-width: 993px) {
.brator-header-menu-area.scroll-menu .brator-logo-area .brator-logo button {
display: none;
}
}
h2.woocommerce-column__title,
h2.woocommerce-order-details__title {
margin-bottom: 20px;
}
.brator-product-single-frequently-total span del {
color: #999999;
font-size: 20px;
}
.brator-product-single-frequently-total span ins {
color: var(--color-high-dark);
background: transparent;
}
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single {
display: block;
width: 100%;
height: 50px;
border-radius: 3px;
}
.brator-parts-search-box-area .brator-parts-search-box-form .select2-container.select2-container--disabled .select2-selection--single {
background-color: #f2f2f7;
border-color: #d4d4d4;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-form .select2-container .select2-selection--single .select2-selection__rendered,
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 50px;
padding: 0 20px;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-form .select2-container .select2-selection--single .select2-selection__arrow,
.brator-parts-search-box-area.design-two .brator-parts-search-box-form .select2-container .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 12px;
margin-top: 0;
}
.brator-parts-search-box-area .brator-parts-search-box-form .select2-container {
width: 100% !important;
}
.select2-container .select2-selection--single {
height: 52px;
}
.brator-parts-search-box-area.design-one .brator-parts-search-box-form .select2-container {
margin-bottom: 15px;
}
.brator-product-single-item-area .prd-grid-custom-svg-loader {
height: 100%;
overflow: hidden;
text-align: center;
margin: 0 auto;
position: absolute;
top: 0;
z-index: 1;
background-color: #fff;
width: 100%;
right: 0;
left: 0;
}
.brator-product-single-item-area.design-three .prd-grid-custom-svg-loader {
display: none;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
cursor: pointer;
font-size: 15px;
}
.select2-container--default .select2-results__option--selectable {
font-size: 15px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 2px;
}
.select2-dropdown {
border-color: #d4d4d4;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: var(--color-high-dark);
}
.select2-container--default .select2-selection--single {
border: 1px solid #d4d4d4;
}
.vehicle-list-wapper .brator-parts-search-box-form .select2-container {
z-index: 10000;
margin-bottom: 5px;
}
.vehicle-list-wapper .select2-container--default .select2-selection--single {
background: #f5f5fa;
padding: 7px 0;
height: 40px;
border: 1px solid #f3f3f3;
}
.vehicle-list-wapper .brator-parts-search-box-form .select2-container.select2-container--disabled .select2-selection--single {
background-color: #f2f2f7;
border: 0;
}
.vehicle-list-wapper .select2-container--default .select2-selection--single {
background: #fff;
}
.vehicle-list-wapper .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 25px;
padding-left: 10px;
}
#productdatasearch .loading {
margin-top: 10px;
margin-left: 15px;
}
@media only screen and (min-width: 310px) and (max-width: 767px) {
.product-list-items.type-list .brator-product-single-item-area.design-three {
display: block;
}
}
.header-bottom {
justify-content: space-between;
position: relative;
}
.flex {
display: flex;
}
.brator-header-menu-area.dark-bg .brator-header-menu-with-info {
margin-right: auto;
margin-left: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.brator-header-menu-area.dark-bg .brator-header-menu-with-info {
margin-left: 55px;
}
}
@media only screen and (max-width: 1399px) {
.brator-header-menu-area.dark-bg .cat-menu-info-s {
display: none;
}
}
.listing-search-item .pro-content>span {
color: #999;
font-size: 13px;
display: block;
line-height: 20px;
}
.listing-search-item .pro-content>span strong {
color: #999;
font-weight: 500;
line-height: 13px;
} .brator-categories-list-area.design-four .brator-categories-single {
background-color: #fff;
padding: 0;
padding-bottom: 15px;
margin-top: 50px;
}
.brator-categories-list-area.design-four .brator-categories-single .brator-categories-single-img {
height: auto;
margin-top: -38px;
}
.brator-categories-list-area.design-four .brator-categories-single:hover .brator-categories-single-title a {
text-decoration: none;
color: #ffa00d;
}
.brator-product-single-item-area.style-four:hover .brator-product-single-item-mini {
margin-top: -0px;
}
.brator-product-single-item-area.style-four .brator-product-single-item-mini .brator-product-single-item-btn {
height: auto;
display: flex;
justify-content: space-between;
gap: 5px;
margin-top: 15px;
}
.brator-product-single-item-area.style-four .brator-product-single-item-mini .brator-product-single-item-btn a.add_to_cart_button {
background-color: #ffa00d;
border-color: #ffa00d;
color: #000;
font-weight: 700;
padding-left: 0;
padding-right: 0;
}
.brator-product-single-item-area.style-four .brator-product-single-item-mini .brator-product-single-item-btn a.add_to_cart_button:hover {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fff;
}
a.icon-btn {
width: 65px;
height: 45px;
border: 1px solid #cccccc;
text-align: center;
line-height: 50px;
border-radius: 5px;
background-color: #f2f3f8;
}
a.icon-btn svg {
font-size: 18px;
color: #000;
fill: #000;
}
.brator-home-sidebar-title {
background-color: #f2f3f8;
padding: 10px 20px;
font-size: 16px;
font-weight: 700;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #ccc;
}
.brator-home-sidebar-area {
border: 1px solid #ccc;
border-radius: 5px;
}
.brator-home-sidebar-content-category ul {
list-style: none;
}
.brator-home-sidebar-content-category ul li svg {
fill: #666666;
width: 18px;
height: 18px;
margin-right: 10px;
}
.brator-home-sidebar-content-category ul li a {
font-size: 14px;
color: #666;
line-height: 30px;
font-weight: 400;
}
.brator-deal-product-slider.style-four {
padding: 0;
}
.brator-deal-product-slider.style-four .brator-section-header {
width: auto;
margin-bottom: 0;
}
.brator-deal-product-slider.style-four .brator-best-seller-section-header-area {
justify-content: flex-start;
margin-bottom: 17px;
}
.brator-deal-product-slider.style-four .splide__arrows.style-two .splide__arrow--prev,
.brator-deal-product-slider.style-four .splide__arrows.style-two .splide__arrow--next {
right: 0;
top: -35px;
width: 35px;
height: 35px;
background-color: #f2f3f8;
border-radius: 3px;
border: 1px solid #ccc;
}
.brator-deal-product-slider.style-four .splide__arrows.style-two .splide__arrow--prev {
right: 46px;
left: auto;
}
.brator-deal-product-slider.style-four .splide__arrows.style-two .splide__arrow svg {
font-size: 14px;
}
.red-bg {
background-color: #f90101;
color: #fff;
border-radius: 5px;
padding: 0 6px;
}
.product-sidebar-item {
overflow: hidden;
width: 100%;
margin-bottom: 20px;
border: 1px solid transparent;
padding: 5px 5px 10px 5px;
border-radius: 5px;
transition: .3s;
}
.product-sidebar-item:hover {
border-color: #ccc;
}
.product-sidebar-item-text h6 a {
font-size: 13px;
line-height: 17px;
font-weight: 400;
}
.brator-product-sidebar-content {
padding: 20px;
}
.product-sidebar-item-img {
width: 72px;
position: absolute;
}
.product-sidebar-item-text {
margin-left: 78px;
}
.product-sidebar-item-text span.woocommerce-Price-amount.amount bdi,
.product-sidebar-item-text span.woocommerce-Price-amount.amount {
font-weight: 700;
font-size: 13px;
line-height: 26px;
}
.product-sidebar-item-text .price ins {
background: transparent;
color: #f73312;
order: 1;
padding-left: 0;
}
.product-sidebar-item-text .price del {
order: 2;
color: #666666;
font-weight: 400;
}
.product-sidebar-item-text .price {
display: flex;
}
.product-sidebar-item-text .star-rating {
float: unset;
margin-top: 10px;
}
.brator-sidebar-review-slider {
background-color: #f2f3f8;
padding: 20px 20px 64px 20px;
}
.brator-review-sidebar-item {
background-color: #ffffff;
border-radius: 5px;
padding: 25px;
}
.brator-review-sidebar-item .braton-review-date {
color: #999999;
font-size: 13px;
line-height: 13px;
margin-left: 10px;
}
.brator-review-sidebar-item ul {
padding: 0 !important;
list-style: none;
display: flex;
margin: 0;
}
.brator-review-sidebar-item ul li {
line-height: 12px;
}
.brator-review-sidebar-item ul li svg {
fill: #ffba00;
font-size: 12px;
}
.brator-review-sidebar-item>p {
margin-top: 16px;
font-size: 15px;
color: #000000;
}
.brator-review-sidebar-text span {
font-size: 16px;
line-height: 26px;
font-weight: 700;
color: #000000;
}
.brator-review-sidebar-text p {
margin-bottom: 0;
font-size: 12px;
color: #666666;
line-height: 22px;
}
.brator-review-sidebar-text {
justify-content: center;
gap: 15px;
align-items: center;
border-top: 1px solid #ccc;
padding-top: 17px;
}
.brator-sidebar-review-slider .splide__pagination li {
background: transparent;
}
.brator-sidebar-review-slider .splide__pagination {
bottom: 20px;
}
.brator-sidebar-review-slider .splide__pagination li button.is-active {
background-color: #fbab00;
}
.list-product-item {
display: flex;
border: 1px solid #cccccc;
margin-bottom: 20px;
border-radius: 5px;
padding: 10px;
position: relative;
align-items: center;
}
.list-product-item-text .star-rating {
float: unset;
margin-top: 10px;
}
.list-product-item-text .price {
font-size: 20px;
font-weight: 700;
line-height: 22px;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
}
.list-product-item-text h6 a {
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.list-product-item-text .price ins {
background: transparent;
color: #f73312;
order: 1;
padding-left: 0;
}
.list-product-item-text .price del {
order: 2;
color: #666666;
font-weight: 400;
}
.list-product-item-img {
flex-basis: 110px;
flex-grow: 0;
flex-shrink: 0;
margin-right: 10px;
}
.list-product-item-text .rating-count {
margin-left: 10px;
font-size: 12px;
color: #999999;
line-height: 34px;
}
.list-product-wish {
position: absolute;
top: 0;
right: 10px;
}
.list-product-item-img .off-batch {
border-radius: 3px;
background-color: var(--color-high-dark);
font-size: 12px;
line-height: 12px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 5px 6px;
position: absolute;
}
.brator-sidebar-slider {
padding: 20px 20px 70px 20px;
background-color: #f2f3f8;
}
.brator-sidebar-slider ul.splide__pagination li {
background-color: transparent;
}
.brator-sidebar-slider ul.splide__pagination li button.is-active {
background-color: #fbab00;
}
.sidebar-post-item img {
border-radius: 5px 5px 0 0 !important;
}
.sidebar-post-content {
background-color: #fff;
padding: 20px 20px 15px 20px;
border-radius: 0 0 5px 5px;
}
.sidebar-post-content p {
margin-bottom: 0;
}
.brator-sidebar-slider ul.splide__pagination {
bottom: 25px;
}
.sidebar-post-content h6 {
font-size: 16px;
line-height: 22px;
font-weight: 700;
margin-bottom: 6px;
}
.sidebar-post-content h6 a {
line-height: 22px;
}
.sidebar-meta-post {
font-size: 12px;
line-height: 26px;
color: #666666;
margin-bottom: 5px;
}
.sidebar-meta-post span a {
color: #000;
}
.home-ele .brator-product-slider {
background-color: #fff;
padding: 30px;
border: 1px solid #ccc;
border-radius: 5px;
}
.home-ele .list-product-item {
margin-bottom: 0;
}
.home-ele .list-product-item .list-product-item-img {
flex-basis: 90px;
}
.relative {
position: relative;
}
.brator-header-four .brator-header-area.header-one .brator-icon-link-text a.header-user-btn {
display: flex;
align-items: center;
font-weight: 600;
background-color: #ffa00d;
padding: 7px 25px;
border-radius: 5px;
}
.brator-header-four .brator-header-top-bar-area.design-one.dark-bg .brator-header-top-bar-info-left p {
font-size: 14px;
line-height: 22px;
}
.brator-header-four .brator-header-menu-area .brator-header-menu ul.list-style-outside-none li a {
padding: 10px 15px;
}
.brator-header-four .brator-header-area.header-three.header-one {
padding: 20px 0;
}
.brator-header-four .brator-header-menu-area .brator-header-menu ul.list-style-outside-none li.menu-item-has-children>a svg {
fill: #000;
font-size: 14px;
top: 3px;
margin-left: 7px;
}
.brator-header-four .brator-header-area.header-three.header-one.dark-bg {
background-color: #fff;
padding-top: 0;
}
.brator-header-four .header-bottom {
border-top: 1px solid #d9d9d9;
padding-top: 20px;
}
.brator-header-four .menu-cat-list-area {
background-color: transparent;
}
.brator-header-four .menu-cat-list-area span.text {
color: #000;
text-transform: uppercase;
font-weight: 700;
}
.brator-header-four .menu-cat-list-area .dropdown-icon-cat svg {
fill: #000;
}
.brator-header-four .menu-cat-list-area span.icon svg {
fill: #000;
}
.brator-header-four .menu-cat-list-area .dropdown-icon-cat {
margin-left: 17px;
}
.brator-header-four .menu-cat-list-area span.icon {
margin-right: 16px;
}
.brator-header-four .cat-menu-info-s .cat-menu-info-s-item span {
color: #000;
}
.brator-header-four .cat-menu-info-s .cat-menu-info-s-item svg {
fill: #000;
}
.brator-header-four .brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form input {
width: 730px;
border: none;
background: transparent;
padding-left: 50px;
}
.search-field-wrap {
border: 1px solid #cccccc;
border-radius: 5px;
}
span.search-field-icon {
position: absolute;
left: 11px;
top: 0;
bottom: 0;
line-height: 56px;
}
.search-field-icon svg {
font-size: 22px;
}
.brator-header-four .brator-search-area .search-form button {
font-weight: 700;
font-size: 14px;
width: 120px;
letter-spacing: .5px;
border-radius: 5px !important;
}
.brator-header-four .brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search {
position: absolute;
display: flex;
right: 0;
background-color: #f2f3f8;
top: 0;
border-right: 0;
border-radius: 0 5px 5px 0;
}
.brator-header-four .brator-search-area .search-form {
position: relative;
display: flex;
padding-right: 126px;
}
.brator-header-four .brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search select {
line-height: 29px;
padding-top: 0;
padding-bottom: 0;
height: 100%;
}
.brator-megasell-slide-content {
padding: 55px 0 100px 100px;
max-width: 450px;
text-align: center;
}
.brator-megasell-slide {
border: 1px solid #ccc;
border-radius: 10px;
background-repeat: no-repeat;
background-size: cover;
}
.brator-megasell-slide-active .splide__arrows.style-one {
position: absolute;
bottom: -12px;
left: 100px;
}
.brator-megasell-slide-active .splide__arrows.style-one .splide__arrow {
border: 1px solid #ccc;
width: 2.5em;
height: 2.5em;
}
.brator-megasell-slide-active .splide__arrows.style-one .splide__arrow:hover {
background-color: #ffa00b;
border-color: #ffa00b;
}
.brator-megasell-slide-active .splide__arrows.style-one .splide__arrow:hover svg {
fill: #000000;
}
.brator-megasell-slide-active .splide__arrows.style-one .splide__arrow--prev {
right: 45px;
}
.brator-megasell-slide-content span.sub-title {
font-size: 13px;
background-color: #0094d2;
padding: 2px 10px;
border-radius: 3px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
display: inline-block;
line-height: 24px;
}
.brator-megasell-slide-content h1.title {
margin-bottom: 20px;
}
.brator-megasell-slide-content p {
font-size: 14px;
line-height: 24px;
margin-bottom: 30px;
}
a.banner-btn {
background-color: #ffa00d;
padding: 15px 35px;
border-radius: 5px;
font-size: 15px;
font-weight: 700;
line-height: 22px;
}
a.banner-btn:hover {
background-color: #1f1f1f;
color: #fff;
}
.slider-caption-wrap {
position: absolute;
right: 40px;
top: 40px;
}
.slider-caption-item {
border: 1px solid #ccc;
padding: 24px 15px;
border-radius: 10px;
background-color: #fff;
margin-bottom: 40px;
text-align: center;
}
.slider-caption-item h6 {
font-size: 14px;
margin-top: 15px;
font-weight: 700;
line-height: 24px;
}
.slider-caption-wrap .slider-caption-item:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
.brator-service-area.style-two .row {
padding: 20px;
}
.brator-section-header-title .brator-product-countdown {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.slider-caption-wrap {
position: static;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
margin-bottom: 70px;
padding: 0 15px;
}
.slider-caption-item {
margin-bottom: 0;
}
.brator-megasell-slide-content {
padding: 40px 20px;
}
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-price p ins {
color: #f73312;
}
.brator-section-header-title .brator-product-countdown,
.brator-product-single-item-area .brator-product-single-item-info .off-batch {
background-color: #f73312;
}
.brator-product-single-item-area.design-one.design-one-with-three.style-four:hover {
border-color: #000;
}
.electro-product-section .splide__arrows.style-two .splide__arrow {
background-color: #f2f3f8;
width: 40px;
height: 40px;
border-radius: 3px;
border: 1px solid #ccc;
left: -50px;
opacity: 1;
}
.electro-product-section .splide__arrows.style-two .splide__arrow svg {
width: 20px;
height: 20px;
fill: #000;
}
.electro-product-section .splide__arrows.style-two .splide__arrow--next {
right: -50px;
left: auto;
}
.electro-product-section .splide__arrows.style-two .splide__arrow:hover {
background-color: #ffa00b;
border-color: #ffa00b;
}
.brator-hot-box-design-4 .brator-hot-box-content h2 {
color: #fff;
font-size: 30px;
line-height: 30px;
}
.brator-hot-box-design-4 .brator-hot-box-content .brator-hot-box-text p {
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 18px;
text-transform: uppercase;
}
.brator-hot-box-design-4.text-color-black .brator-hot-box-content h2,
.brator-hot-box-design-4.text-color-black .brator-hot-box-content .brator-hot-box-text p {
color: #000;
}
.brator-header-four .brator-header-menu-area {
position: unset;
}
.brator-header-four .cat-menu-info-s .cat-menu-info-s-item {
margin-left: 0;
}
@media only screen and (max-width: 1200px) {
.brator-header-area.header-one .row {
justify-content: space-around;
}
}
@media only screen and (max-width: 1350px) {
.brator-header-four .menu-cat-list-area span.text {
font-size: 12px;
}
.brator-logo-area .brator-logo a img {
max-width: 150px;
}
.brator-header-four .brator-logo-area {
margin-top: 10px;
}
}
@media only screen and (max-width: 1350px) {
.mega-menu-area .mega-menu-offer {
display: none;
}
}
@media only screen and (max-width: 1200px) {
.brator-blog-featured-area.grid-type .hug-padding-right::after {
display: none;
}
}
@media only screen and (max-width: 768px) {
.product-list-items.check-box-product {
gap: 20px;
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two {
width: calc(33.33333333% - 20px);
}
.product-list-items.check-box-product .brator-product-single-item-area.design-two::after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.product-list-items.check-box-product .brator-product-single-item-area.design-two {
width: 100%;
}
.product-list-items.type-list .brator-product-single-item-area.design-three .brator-product-single-item-area-right {
max-width: 100%;
margin-top: 25px;
}
.brator-search-area {
margin-top: 25px;
margin-bottom: 10px;
}
.brator-header-area.header-three.header-one.dark-bg .brator-search-area .search-form .select-search {
display: none;
}
.brator-search-area .search-quly {
display: none;
}
.brator-product-single-cart-count .brator-brator-cart-list-items-qty {
margin-left: auto;
top: -20px;
}
table.cart.brator-cart-list td {
padding: 10px 0;
line-height: 20px;
background: transparent !important;
}
.brator-cart-info .brator-cart-list .brator-cart-list-items {
margin-bottom: 40px;
}
table.cart.brator-cart-list td > span {
position: relative;
top: -7px;
}
}
a.compare.icon-btn.added {
font-size: 10px;
line-height: 45px;
padding: 0 5px;
}
.brator-hot-box-text h5 {
color: #999999;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
line-height: 24px;
letter-spacing: .25px;
}
.brator-product-single-item-area .brator-product-single-item-mini .brator-product-single-item-cat a,
.brator-product-single-item-cat {
line-height: 22px;
}
.brator-product-single-item-cat {
margin-bottom: 5px;
}
.page-wrapper {
overflow-x: hidden;
}
.bike-brator .elementor-heading-title a:hover{
color: #f73312 !important;
}
.coupon label {
display: none;
}
input:not([type='radio']) {
-webkit-appearance: auto;
width: auto;
}