@charset "UTF-8";
.brand_el {
display: flex;
}
.brand_el .logo_desktop {
display: block;
}
@media (max-width: 1023px) {
.brand_el .logo_desktop {
display: none;
}
}
.brand_el .logo_mobile {
display: none;
}
@media (max-width: 1023px) {
.brand_el .logo_mobile {
display: block;
}
}
.brand_el .logo_sticky {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_desktop,
.header_sticky.active_sticky .brand_el .logo_mobile {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_sticky {
display: block;
}.ova-menu-cart {
position: relative;
line-height: 1;
}
.ova-menu-cart .cart-total {
cursor: pointer;
display: inline-flex;
align-items: center;
}
.ova-menu-cart .cart-total i {
display: inline-flex;
font-size: 24px;
margin-right: 2px;
}
.ova-menu-cart .cart-total .items {
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #FF6159;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 0.9em;
line-height: 1;
margin-top: -15px;
}
.ova-menu-cart .minicart {
transition: all 0.5s ease;
position: absolute;
right: 0;
top: 0;
width: 280px;
color: #000;
background-color: #fff;
font-size: 14px;
line-height: 1.2;
padding: 1.5em 1em;
visibility: hidden;
opacity: 0;
display: block;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons {
margin: 0;
display: flex;
gap: 10px;
justify-content: space-between;
clear: both;
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a {
transition: all 0.3s ease;
width: 100%;
color: #fff;
text-align: center;
background-color: var(--primary);
border-radius: 0;
border: 1px solid var(--primary);
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a:hover {
transition: all 0.3s ease;
background-color: transparent;
color: var(--primary);
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__empty-message {
margin: 0;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart {
list-style: none;
padding: 0;
margin: 0;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li:after {
content: "";
clear: both;
display: table;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a {
display: inline;
padding: 0;
text-transform: capitalize;
font-weight: 500;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove {
padding: 0 5px 0 0;
background-color: transparent;
font-size: 1em;
width: 1em;
height: 1em;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove:hover {
background-color: transparent;
color: var(--primary-hover);
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li img {
width: 90px;
float: right;
margin-bottom: 20px;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li dl.variation {
display: none;
}
.ova-menu-cart:hover .minicart {
transition: all 0.5s ease;
z-index: 9999;
top: 32px;
visibility: visible;
opacity: 1;
}.ova-my-account-button {
display: inline-flex;
align-items: center;
gap: 7px;
}
.ova-my-account-button img {
border-radius: 50% !important;
}
.ova-my-account-button a {
transition: all 0.3s ease;
color: var(--heading);
font-weight: 600;
line-height: 1.2;
}
.ova-my-account-button a:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-my-account-button a.ma-button {
border-radius: 5px;
padding: 12px 30px;
border: 1px solid transparent;
}
@media (max-width: 1300px) {
.ova-my-account-button a.ma-button {
font-size: 15px;
padding: 10px 25px;
}
}
.ova-my-account-button a.ma-button:hover {
border: 1px solid var(--primary);
}
.ova-my-account-button a.ma-button.singup-button {
color: #fff;
background-color: var(--primary);
}
.ova-my-account-button a.ma-button.singup-button:hover {
color: var(--primary);
background-color: transparent;
}

.menu-canvas .menu-toggle {
display: block;
z-index: 999;
padding: 0px;
width: 25px;
height: 25px;
border: none;
background-color: transparent;
}
.menu-canvas .menu-toggle:before, .menu-canvas .menu-toggle:after,
.menu-canvas .menu-toggle span:before {
width: 25px;
left: 0px;
background-color: var(--primary);
}
.menu-canvas .menu-toggle:before {
transform: translateY(-7px);
}
.menu-canvas .menu-toggle:after {
transform: translateY(7px);
}
.menu-canvas .container-menu {
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
bottom: 0;
background-color: #222;
color: #fff;
width: 290px;
padding: 30px;
z-index: 999;
opacity: 1;
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
}
.menu-canvas .container-menu .close-menu {
padding-top: 0px;
color: #fff;
font-size: 1em;
z-index: 999;
cursor: pointer;
text-align: right;
}
.menu-canvas .container-menu.dir_left {
left: 0;
-webkit-transform: translate3d(-290px, 0, 0);
transform: translate3d(-290px, 0, 0);
}
.menu-canvas .container-menu.dir_right {
right: 0;
-webkit-transform: translate3d(290px, 0, 0);
transform: translate3d(290px, 0, 0);
}
.menu-canvas .container-menu .menu-button {
margin-top: 40px;
text-align: center;
}
.menu-canvas .container-menu .menu-button .explore {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
color: #fff;
background-color: var(--primary);
border-radius: 5px;
padding: 12px 32px;
}
.menu-canvas .container-menu .menu-button .explore:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--secondary);
}
.menu-canvas .site-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 998;
}
.menu-canvas.toggled .menu-toggle:before, .menu-canvas.toggled .menu-toggle:after,
.menu-canvas.toggled .menu-toggle span:before {
background-color: #fff !important;
}
.menu-canvas.toggled .container-menu {
transform: none;
-webkit-transform: none;
}
.menu-canvas.toggled .site-overlay {
opacity: 0.8;
visibility: visible;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
}
.menu-canvas .menu {
clear: both;
}
.menu-canvas ul {
list-style: none;
}
.menu-canvas ul.menu {
margin: 0;
padding: 0;
}
.menu-canvas ul.menu ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0 0px 0 15px;
padding: 0;
}
.menu-canvas ul.menu ul.show {
max-height: 999px;
}
.menu-canvas ul li {
display: inline-block;
position: relative;
text-align: left;
display: block;
}
.menu-canvas ul li a {
color: #fff;
padding: 0.6180469716em 0;
display: block;
border-bottom: 1px solid #333;
}
.menu-canvas ul li a:hover {
opacity: 0.7;
}
.menu-canvas .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em 0 0.5em 10px;
color: inherit;
border-radius: 0;
border: none;
cursor: pointer;
}
.menu-canvas .dropdown-toggle::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.menu-canvas .dropdown-toggle:focus {
outline: none;
}
.menu-canvas .dropdown-toggle:hover {
background: transparent;
}
.menu-canvas .dropdown-toggle.toggled-on:after {
content: "";
font-family: "ovaicon";
}.wrap_header_banner {
width: 100%;
position: relative;
}
.wrap_header_banner.left ul.breadcrumb {
justify-content: flex-start;
}
.wrap_header_banner.right ul.breadcrumb {
justify-content: flex-end;
}
.wrap_header_banner.center ul.breadcrumb {
justify-content: center;
}
.wrap_header_banner ul.breadcrumb {
margin: 0;
padding: 0;
}
.wrap_header_banner ul.breadcrumb li .separator i {
opacity: 0.6;
}
.wrap_header_banner.bg_feature_img {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.wrap_header_banner .cover_color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrap_header_banner .header_banner_el {
position: relative;
z-index: 1;
}
.wrap_header_banner .header_title {
margin: 0;
padding: 0;
font-size: 26px;
text-transform: uppercase;
line-height: 1.1em;
font-weight: 500;
}