header {
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 112px;
background-color: #ffffff;
z-index: 999;
transition: transform 0.4s;
transform: translate(0,0);
box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 40%);
}
.header-delivery-bar {
height: 32px;
line-height: 32px;
font-size: 13px;
text-align: center;
background-color: #00765a;
color: #ffffff;
}
.header-delivery-bar .container {
display: flex;
align-items: center;
justify-content: center;
gap: 8px 12px;
height: 100%;
direction: ltr;
flex-direction: row-reverse;
}
.header-delivery-pair {
display: flex;
align-items: center;
gap: 6px;
direction: ltr;
}
.header-delivery-type {
white-space: nowrap;
}
.header-delivery-time {
text-align: left;
white-space: nowrap;
}
.header-delivery-sep {
color: rgba(255, 255, 255, 0.7);
}
.top-header-container {
position: absolute;
top: 32px;
left: 0;
right: 0;
background-color: #ffffff;
}
.header-hide header {
transform: translate(0,-130px);
}
header.md-card {
padding: 0;
z-index: 999;
border-radius: 0;
}
.main-content-open header {
padding-right: 64px;
-webkit-transition: padding-right .5s!important;
transition: padding-right .5s!important;
}
.header-languages {
float: left;
height: 100px;
padding: 20px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.header-languages a {
width: 100%;
text-decoration: none;
}
.header-languages li {
width: 100%;
text-align: center;
}
.header-languages li +li {
border-top: 1px solid #ffffff;
margin-top: 5px;
padding-top: 5px;
}
.top-logo {
float: left;
height: 80px;
width: 100%;
text-align: left;
color: var(--maincolor);
padding: 5px 0;
}
.top-logo img {
position: relative;
float: left;
max-height: 70px;
padding: 5px;
z-index: 9;
}
.top-logo-container {
float: left;
height: 70px;
width: calc(100%);
padding: 5px 16px;
border-right: 2px dotted #d2d2d2;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
}
.top-logo-text {
float: left;  font-size: 50px;
line-height: 50px;
font-weight: normal;
letter-spacing: -2px;
font-weight: bold;
transform: scale(1, 0.9);
}
.first-logo-word {
color: var(--main_text_color);
}
.top-logo-slogan {
float: left; font-size: 16px;
line-height: 18px;
color: var(--main_text_color);
letter-spacing: -0.2px;
}
.top-logo img.top-slogan {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
#main-content {
margin-top: 112px;
}
#side-menu {
display: none;
}
#logo {
float: left;
width: 200px;
height: 60px;
text-align: center;
background-color: #3279a0;
color: #ffffff;
text-decoration: none;
}
#logo img {
height: 54px;
}
.site-name {
float: left;
width: 100%;
font-size: 35px;
line-height: 35px;
}
.slogan {
float: left;
width: 100%;
font-size: 14px;
line-height: 25px;
}
img.logo-img-mobile {
display: none;
}
h1 {
font-size: 26px;
margin: 0px;
font-weight: normal;
}
#title h1 {
line-height: 64px;
}
#title {
float: right;
display: inline-block;
height: 64px;
width: 50%;
line-height: 64px;
color: white;
margin-right: 60px;
}
.menu-toggle {
display: none;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
color: #ffffff;
text-align: center;
cursor: pointer;
}
.menu-toggle i {
float: left;
width: 50px;
height: 50px;
padding: 5px;
}
.menu-toggle i.md-icons svg {
float: right;
width: 40px;
height: 40px;
fill: var(--header_mobile_menu_toggle_color);
}
#dark-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: #000000c7;
z-index: 9999;
visibility: hidden;
opacity: 0;
transition: 0.5s all;
}
#dark-screen.dark-screen-show {
visibility: visible;
opacity: 1;
transition: 0.5s all;
}
.search-container:hover {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}
.header-logo {
position: relative;
float: left;
max-width: 260px;
width: 100%;
}
.header-main {
position: relative;
float: left;
width: calc(100% - 260px);
height: 80px;
}
.header-languages-action-icon {
float: right;
width: 60px;
margin: 0!important;
outline: 0;
}
.header-languages-action-icon .md-tooltip {
top: 30px;
right: 0;
margin: 0;
border-top: 10px solid transparent;
background-color: transparent;
}
.header-languages-action-icon .md-tooltip:before {
right: 25px;
}
.header-languages-action-icon .md-tooltip li {
float: left;
width: 100%;
background-color: black;
text-align: center;
padding: 5px;
}
.header-languages-action-icon .md-tooltip a {
font-size: 18px;
line-height: 20px;
color: white;
}
.header-columns-container {
float: right;
width: 920px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.header-col {
position: relative;
float: left;
height: 80px;
padding: 0 10px;
border: 0;
line-height: 40px;
font-size: 16px;
color: var(--main_text_color);
background-color: #ffffff; border-left: 2px dotted #d2d2d2;
text-decoration: none;
display: flex;
flex-direction: row;
align-items: center;
outline: 0;
}
.header-col a {
text-decoration: none;
color: var(--main_text_color);
}
.header-col input {
font-size: 20px;
line-height: 40px;
color: var(--main_text_color);
}
.header-col i {
width: 30px;
height: 40px;
padding: 7px 2px;
}
.header-col i.md-icons svg {
float: right;
width: 26px;
height: 26px;
fill: var(--maincolor);
}
.header-contact-row {
float: left;
width: 100%;
height: 40px;
overflow: hidden;
}
.header-contact-row + .header-contact-row {
border-top: 1px solid #eeeeee;
}
.header-contact-row-name {
float: right;
width: 40px;
font-size: 18px;
}
.header-contact-row-name i.md-icons {
float: right;
}
.header-contact-row-whatsapp {
float: right;
width: 40px;
height: 40px;
padding: 5px;
}
.header-contact-row-whatsapp a {
float: right;
width: 30px;
height: 30px;
padding: 5px;
border-radius: 20px;
background-color: #43c654;
box-shadow: 0 0 0 0 rgb(67 198 84);
transform: scale(1);
animation: pulse 2s infinite;
}
.header-contact-row-whatsapp svg {
float: right;
width: 20px;
height: 20px;
fill: #ffffff;
}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgb(67 198 84 / 70%);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgb(67 198 84 / 0%);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgb(67 198 84 / 0%);
}
} .open-sub-menu, .close-sub-menu {
display: none;
}
header nav {
float: left;
width: calc(100% - 920px);
height: 80px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.header-search-area.header-col { }
header nav ul:not(.sub-menu) {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.lf-mega-menu-container {
top: 80px;
left: auto;
right: 0;
width: 100vw;
}
header nav a, #side-menu nav a, header nav span, #side-menu nav span {
float: left;
font-size: 18px;
min-height: 36px;
line-height: 36px;
padding: 0 5px;
color: var(--main_text_color);
text-decoration: none;
outline: 0;
}
header nav a,  header nav span {
font-size: 20px;
}
header nav li {
float: left;
line-height: 36px;
}
header nav li span:hover,
header nav li span:hover i,
header nav li a:hover,
header nav li a:hover i,
header nav li i:hover,
header nav li span:hover i.md-icons svg,
header nav li a:hover i.md-icons svg {
background-color: var(--header_hover_select_background_color);
color: var(--header_hover_select_color);
fill: var(--header_hover_select_color);
}
header nav ul:not(.sub-menu) > li + li { }
header li.menu-item, #side-menu li.menu-item {
margin: 0;
padding: 0;
position: relative;
}
header li.menu-item {
}
header nav ul:not(.sub-menu) > li {
height: 80px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 5px;
}
header nav li i.md-icons {
width: 30px;
height: 36px;
padding: 5px 2px;
}
header nav li i.md-icons svg {
width: 26px;
height: 26px;
fill: #000000;
}
.header-main-menu ul:not(.sub-menu) > li[class*="current"] {
border-bottom: 5px solid;
border-bottom-color: var(--header_hover_select_background_color);
}
.header-main-menu ul.menu > li[class*="current"] > span,
.header-main-menu ul.menu > li[class*="current"] > span i,
.header-main-menu ul.menu > li[class*="current"] > a,
.header-main-menu ul.menu > li[class*="current"] > a i {
margin-bottom: -5px;
}
.header-main-menu li[class*="current"] .sub-menu li[class*="current"] > a,
.header-main-menu li[class*="current"] .sub-menu li[class*="current"] > i {
background-color: var(--header_hover_select_background_color);
color: var(--header_hover_select_color);
}
header .menu > li > .sub-menu {
display: none;
position: absolute;
top: 80px;
left: 0;
width: 250px;
border-top: 4px solid transparent;
}
header li > .sub-menu .sub-menu {
display: none;
position: absolute;
left: 100%;
top: 0;
width: 250px;
border-top: 0;
}
header .sub-menu li {
float: left;
width: 100%;
background-color: white;
}
header .sub-menu li a,
header .sub-menu li span {
float: left;
width: 100%;
font-size: 18px;
line-height: 30px;
display: flex;
flex-direction: row;
align-items: center;
}
header .sub-menu li i {
float: left;
font-size: 22px;
line-height: 30px;
}
.sub-menu li + li {
border-top: 1px solid #f9f9f9;
}  .lf-woo-search-form-container {
width: 100%;
}
.header-search-area form {
float: left;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.header-search-area .lf-woo-search-input {
width: calc(100% - 50px);
border: 1px solid #dddddd;
border-right: 0;
outline: 0;
padding: 5px 10px;
}
.header-search-area .lf-woo-search-toggle {
width: 50px;
border: 1px solid #dddddd;
border-left: 0;
}
.lf-search-toggle {
height: 48px;
border: 0;
}
.lf-search-results-container {
top: 48px;
}
.lf-search-container:hover {
box-shadow: none;
}
.lf-woo-search-results-container {
top: 52px;
}
.lf-woo-search-product-info {
font-size: 16px;
line-height: 1;
}
.mobile-header-search-container {
position: absolute;
top: 0;
right: 50px;
width: 50px;
height: 50px;
background-color: var(--header_mobile_search_toggle_background_color);
color: #ffffff;
text-align: center;
transition: all 1s; z-index: 99999;
display: none;
}
.mobile-header-search-container i svg {
width: 40px;
height: 40px;
fill: var(--header_mobile_search_toggle_color);
}
.mobile-header-search-button {
position: absolute;
float: left;
top: 0;
right: 0;
width: 50px;
height: 50px;
background-color: var(--header_mobile_search_toggle_background_color);
color: var(--header_mobile_search_toggle_color);
border-right: 1px solid #f9f9f9;
outline: 0;
z-index: 999999;
}
.mobile-header-search-button i.md-icons {
float: left;
width: 50px;
height: 50px;
padding: 5px;
}
.mobile-header-close-search-button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background-color: var(--header_mobile_search_toggle_background_color);
color: var(--header_mobile_search_toggle_color);
border-left: 1px solid #f9f9f9;
outline: 0;
z-index: 999999;
}
.mobile-header-search-area {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 50px;
padding: 4px;
color: var(--main_text_color);
z-index: 99999;
}
.mobile-header-search-area i.md-icons,
.mobile-header-close-search-button i.md-icons {
width: 50px;
height: 50px;
padding: 5px;
}
.mobile-header-close-search-button {
display: none;
}
.mobile-search-open {
width: calc(100% - 50px);
} .header-cart-area {
float: left;
width: 100px;
height: 80px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.cart-container {
position: relative;
}
.cart-container i.md-icons {
float: left;
width: 50px;
height: 50px;
padding: 5px;
}
.cart-container i.md-icons svg {
float: right;
width: 40px;
height: 40px;
fill: #000000;
}
.cart-items-info {
position: absolute;
left: -5px;
top: -5px;
}
.cart-items-count-number {
float: left;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background-color: #ed0000;
color: white;
border-radius: 20px;
}
.cart-items-count-label {
display: none;
} @media screen and (min-width: 1601px) {
header .lf-sub-mega-menu-container {
left: calc((100vw - var(--linker_continer_size))/2);
}
}
@media screen and (max-width: 1600px) {
header li.menu-item:hover > .lf-mega-menu-container,
header li.menu-item:focus > .lf-mega-menu-container,
header li.menu-item:focus-within > .lf-mega-menu-container {
display: flex;
justify-content: center;
}
header .lf-sub-mega-menu-container {
position: inherit;
}
header .lf-sub-mega-menu-container { width: 1260px;
max-width: calc(100vw - 40px);
}
.header-search-area.header-col { }
header nav {
width: calc(100% - 750px);
}
.header-columns-container {
width: 750px;
}
.header-col-icon-text {
display: none;
}
}
@media screen and (max-width: 1260px) {
.header-col {
height: 80px;
padding: 0 5px;
font-size: 16px;
}
.header-col i {
float: right;
width: 26px;
padding: 9px 2px;
}
.header-col i.md-icons svg {
width: 20px;
height: 20px;
}
.header-col input {
font-size: 16px;
}
header nav a, header nav span {
font-size: 16px;
}
header nav {
width: calc(100% - 440px);
}
.header-columns-container {
width: 440px;
}
.header-contact-container.header-col {
display: none;
}
.top-newsletter.newsletter-popup.header-col {
display: none;
}
.header-logo {
max-width: 200px;
}
.header-main {
width: calc(100% - 200px);
}
}
@media screen and (max-width: 1160px) and (min-width: 950px) {
header nav a, header nav span {
font-size: 18px;
}
.header-main { }
.header-logo { }
.top-logo { }
.top-logo img { }
header ul.menu > li {
margin: 5px 5px;
}
}
@media screen and (max-width: 950px) {
.header-delivery-bar {
height: 28px;
line-height: 28px;
font-size: 10px;
}
.header-delivery-bar .container {
gap: 2px 4px;
flex-wrap: nowrap;
}
.header-delivery-pair {
gap: 2px;
}
.top-header-container {
top: 28px;
}
.mobile-header-container {
position: relative;
height: 40px;
}
.lf-woo-products-page #main-content {
margin-top: 106px;
}
.lf-woo-filter-mobile-bar {
transition: transform 0.3s;
top: 50px;
}
.customize-support .lf-woo-filter-mobile-bar {
top: 96px;
}
.lf-woo-filter-mobile-form-open {
top: 84px;
}
.customize-support .lf-woo-filter-mobile-form-open {
top: 130px;
}
.header-hide .lf-woo-filter-mobile-bar {
transform: translate(0,-50px);
}
.customize-support.header-hide .lf-woo-filter-mobile-bar {
transform: translate(0,-96px);
}
.header-hide .lf-woo-filter-mobile-form-open {
top: 34px;
}
.customize-support.header-hide .lf-woo-filter-mobile-form-open {
top: 34px;
}
.header-hide .lf-woo-filter-mobile-form {
height: calc(100vh - 34px);
}
.customize-support.header-hide .lf-woo-filter-mobile-form {
height: calc(100vh - 34px);
}
#main-content {
margin-top: 72px;
}
header { height: 82px;
min-height: 72px;
}
header nav {
display: none;
}
.header-logo {
width: 100%;
max-width: 100%;
}
.header-main {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 50px;
}
.header-col {
width: 50px;
height: 50px;
margin: 0;
border-radius: 0;
padding: 0;
background-color: #ffffff;
overflow: hidden;
border-right: 0;
}
.header-col i {
width: 50px;
height: 50px;
line-height: 50px;
padding: 7px 5px;
}
.header-col i.md-icons svg {
width: 40px;
height: 40px;
}
.header-languages-action-icon {
display: block;
}
.header-languages-action-icon .md-tooltip {
top: 50px;
right: 0;
margin: 0;
border-top: 10px solid transparent;
background-color: transparent;
}
.header-contact-container {
display: none;
}
.header-languages {
display: none;
}
.top-tel span {
display: none;
}
.top-tel i {
width: 50px;
line-height: 50px;
color: #ffffff;
text-align: center;
}
.top-logo {
float: right;
height: 50px;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
overflow: hidden;
margin: 0 100px;
width: calc(100% - 200px);
text-align: center;
}
.top-logo:active, .top-logo:focus {
background-color: transparent;
}
.top-logo img {
max-height: 50px;
}
.top-logo-container {
float: left;
height: 50px;
width: calc(100%);
padding: 0 5px;
text-align: center;
}
.top-logo-text {
float: left;
width: calc(100%);
font-size: 28px;
line-height: 30px;
letter-spacing: 0px;
}
.top-logo-slogan {
float: left;
width: calc(100%);
font-size: 14px;
line-height: 15px;
color: var(--main_text_color);
}
#logo {
position: absolute;
top: 0;
left: calc(50% - 90px);
width: 180px;
height: 50px;
}
.site-name {
font-size: 25px;
line-height: 30px;
}
.slogan {
font-size: 16px;
line-height: 20px;
}
.menu-toggle {
display: block;
background-color: var(--header_mobile_menu_toggle_background_color);
z-index: 999;
border-right: 2px dotted #d2d2d2;
}
#side-menu {
display: block;
position: fixed;
top: 0;
left: -50px;
width: 280px;
height: 100%;
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
z-index: 999999;
-ms-transform: translateX(-280px);
-webkit-transform: translateX(-280px);
transform: translateX(-280px);
-webkit-transition: transform 0.5s ease-in;
transition: transform 0.5s ease-in;
}
.side-menu-open {
-webkit-transition: transform 0.5s!important;
transition: transform 0.5s!important;
-ms-transform: translateX(0px)!important;
-webkit-transform: translateX(0px)!important;
transform: translateX(0px)!important;
}
.sub-menu {
position: static!important;
}
.open-sub-menu, .close-sub-menu {
display: block;
position: absolute;
top: 0;
right: 0px;
width: 50px;
height: 50px;
background-color: var(--maincolor);
color: #ffffff;
text-align: center;
cursor: pointer;
line-height: 50px;
}
.open-sub-menu i.md-icons , .close-sub-menu i.md-icons {
width: 50px;
height: 50px;
}
.open-sub-menu i.md-icons svg , .close-sub-menu i.md-icons svg {
float: right;
width: 40px;
height: 40px;
fill: #ffffff;
}
#side-menu li.menu-item {
position: relative;
margin: 0;
padding: 0;
}
#side-menu li.menu-item:hover .sub-menu { }
#side-menu ul.sub-menu {
float: right;
width: 100%;
}
#side-menu .sub-menu li a {
padding: 0 10px;
}
#side-menu nav {
height: 100%;
overflow: auto;
padding-left: 50px;
}
#side-menu nav a, #side-menu nav span {
color: var(--main_text_color);
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
min-height: 50px;
font-size: 18px;
line-height: 1;
padding: 0 50px 0 10px;
}
#side-menu nav li {
float: left;
width: 100%;
}
#side-menu i {
line-height: unset;
}
#side-menu .sub-menu { }
#side-menu .sub-menu a {
font-size: 16px;
}
#close-side-menu {
display: block;
position: absolute;
top: 0;
right: -50px;
width: 50px;
height: 50px;
background-color: var(--header_mobile_close_menu_toggle_background_color);
cursor: pointer;
border-left: 1px solid #f9f9f9;
}
#close-side-menu i {
width: 50px;
height: 50px;
}
#close-side-menu i svg {
width: 40px;
height: 40px;
fill: var(--header_mobile_close_menu_toggle_color);
}
.lf-mega-menu-container {
width: 100%;
}
.app-button a {
margin: 0;
}
.top-logo img.top-slogan {
margin: 0 -15px;
}
.header-cart-area {
width: 50px;
height: 50px;
}
.cart-container i.md-icons {
padding: 10px;
}
.cart-container i.md-icons svg {
width: 30px;
height: 30px;
}
.cart-items-info {
position: absolute;
left: 0px;
top: 2px;
}
.cart-items-count-number {
width: 16px;
height: 16px;
font-size: 12px;
line-height: 16px;
}
.header-user-area,
.top-newsletter {
display: none;
}
.mobile-header-search-container {
display: block;
}
.header-search-area {
display: none;
}
.lf-woo-search-input,
.lf-search-input {
float: left;
width: calc(100% - 40px);
height: 40px; font-size: 14px;
border: 1px solid #ddd;
border-right: 0;
outline: 0;
}
.lf-woo-search-toggle,
.lf-search-toggle {
position: absolute;
right: 2px;
top: 0;
width: 40px;
height: 40px;
padding: 0;
background-color: var(--header_mobile_search_toggle_background_color)!important;
color: var(--header_mobile_search_toggle_color)!important;
border: 1px solid #ddd;
}
.lf-woo-search-toggle i.md-icons,
.lf-search-toggle i.md-icons {
width: 40px;
height: 40px;
padding: 5px;
}
.lf-woo-search-toggle i.md-icons svg,
.lf-search-toggle i.md-icons svg  {
width: 30px;
height: 30px;
}
.lf-woo-search-form-container,
.lf-search-container {
float: left;
height: 40px;
width: 100%;
max-width: 100%;
border: 0;
margin: 0;
padding: 0;
transition: all 0.5s;
}
.mobile-search-open .lf-woo-search-form-container,
.mobile-search-open .lf-search-container {
width: calc(100% - 60px);
margin: 0 50px 0 0;
}
.lf-woo-search-form-container form,
.lf-search-container form {
float: left;
width: 100%;
height: 40px; }
.lf-ws-dark-screen-show {
top: 40px!important;
}
.admin-bar .lf-ws-dark-screen-show {
top: 96px!important;
}
}.header-delivery-bar .container {
direction: rtl;
flex-direction: row;
}
.header-delivery-pair {
direction: rtl;
}
.header-delivery-type {
text-align: right;
}
.header-delivery-time {
text-align: left;
}
.header-columns-container{
float: left;
}
.header-col {
float: right;
border-right: 2px dotted #d2d2d2;
border-left: 0;
}
.header-col i {
float: right;
}
header #logo {
float: right;
}
header nav {
float: right;
}
#side-menu nav {
padding-right: 50px;
padding-left: 0;
}
header nav a, #side-menu nav a {
float: right;
}
header nav li {
float: right;
}
.menu-toggle {
left: auto;
right: 0;
border-right: 0;
}
.top-menu li.menu-item {
float: left;
}
.top-menu li.menu-item + li {
padding-right: 0;
padding-left: 10px;
}
#side-menu nav li {
float: right;
}
.lf-mega-menu-container {
left: 0;
right: auto;
}
header .menu > li > .sub-menu {
left: auto;
right: 0;
}
.top-logo {
float: right;
text-align: right;
}
.top-logo img {
float: right;
}
.top-logo-container {
float: right;
border-right: 0;
border-left: 2px dotted #d2d2d2;
}
.header-logo {
float: right;
}
.header-languages-action-icon {
float: left;
}
#side-menu {
right: -50px;
-ms-transform: translateX(280px);
-webkit-transform: translateX(280px);
transform: translateX(280px);
-webkit-transition: transform 0.5s ease-in;
transition: transform 0.5s ease-in;
}
#side-menu nav a, #side-menu nav span {
padding: 0 10px 0 50px;
}
#close-side-menu {
left: -50px;
right: auto;
border-right: 1px solid #f9f9f9;
border-left: none;
}
header nav li i.md-icons {
float: right;
}
.open-sub-menu, .close-sub-menu {
left: 0;
right: auto;
} .header-search-area .lf-woo-search-input,
.header-search-area .lf-search-input {
border-right: 1px solid #dddddd;
border-left: 0;
}
.header-search-area .lf-woo-search-toggle,
.header-search-area .lf-search-toggle {
border-left: 1px solid #dddddd;
border-right: 0;
}
.mobile-header-search-container {
right: auto;
left: 50px;
}
.mobile-header-search-button {
left: 0;
right: auto;
border-left: 1px solid #f9f9f9;
border-right: 0;
}
.mobile-header-close-search-button {
left: 0;
right: auto;
border-right: 1px solid #f9f9f9;
border-left: 0;
}
header .sub-menu li {
float: right;
}
header .sub-menu li i {
float: right;
} .header-cart-area {
float: left;
}
.cart-items-info {
position: absolute;
left: auto;
right: -5px;
} @media screen and (max-width: 950px) {
.header-main {
right: auto;
left: 0;
}
.header-languages-action-icon .md-tooltip {
left: 0;
right: auto;
}
.cart-items-info {
right: 0px;
}
.mobile-search-open .lf-woo-search-form-container,
.mobile-search-open .lf-search-container {
margin: 0 0 0 50px;
}
.lf-woo-search-toggle,
.lf-search-toggle {
left: 0px;
right: auto;
}
.mobile-header-search-area {
right: auto;
left: 0;
}
.lf-woo-search-input,
.lf-search-input {
float: right;
border-right: 1px solid #ddd;
border-left: 0;
}
.menu-toggle {
border-left: 2px dotted #d2d2d2;
border-right: 0;
}
}footer {
float: left;
width: 100%;
}
.footer-top {
float: left;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #144788;
padding: 20px 0;
}
.lf-footer-middle {
float: left;
width: 100%;
padding: 30px 0;
background-color: #4baf98;
color: #ffffff;
}
.lf-footer-bottom {
float: left;
width: 100%;
background-color: #ffffff;
}
.lf-footer-col-1 {
float: left;
width: 100%;
}
.lf-footer-col-2 {
float: left;
width: 50%;
min-height: 1px;
}
.lf-footer-col-3 {
float: left;
width: 33.333%;
min-height: 1px;
}
.lf-footer-col-4 {
float: left;
width: 25%;
min-height: 1px;
}
.lf-footer-col-5 {
float: left;
width: 20%;
}
.lf-footer-col-6 {
float: left;
width: 16.666%;
min-height: 1px;
}
.footer-icons {
text-align: center;
}
.footer-icons a {
display: inline-block;
margin: 0 14px;
}
.lf-footer-middle h2,
.lf-footer-middle h3,
.lf-footer-middle h4 {
font-size: 19px;
font-weight: bold;
color: #ffffff;
margin: 0 0 5px 0;
}
.lf-footer-middle a {
font-size: 15px;
line-height: 30px;
color: #ffffff;
text-decoration: none;
}
.lf-widget-menu {
padding: 0 10px;
}
.lf-footer-middle h2 a,
.lf-footer-middle h3 a,
.lf-footer-middle h4 a {
font-size: 19px;
line-height: 30px;
font-weight: bold;
color: #ffffff;
margin: 0 0 5px 0;
border-bottom: 1px solid #7d7d7d;
} .credit-footer {
float: left;
width: 100%;
background-color: #131313;
}
.credit-footer a {
color: #ffffff;
}
.footer-text {
float: left;
width: 100%;
color: #ffffff;
line-height: 50px;
}
.credit {
float: right;
width: 150px;
height: 50px;
text-align: left;
}
.credit i {
float: left;
height: 50px;
width: 30px;
padding: 0;
}
.credit i svg {
width: 30px;
height: 50px;
fill: #ffffff;
}
.credit div {
float: left;
padding-left: 5px;
}
.credit a {
float: left;
line-height: 50px;
width: calc(100%);
color: white;
text-align: center;
text-decoration: none;
}
.credit .first-letter::first-letter {
color: #f29400!important;
font-weight: bold;
} @media screen and (max-width: 950px) {
[class^="lf-footer-col"] {
width: 100%;
}
.credit-footer [class^="md-col"] {
width: 100%;
}
.footer-text {
text-align: center;
}
.credit {
width: 100%;
height: 30px;
}
.credit a {
float: none;
display: block;
margin: auto;
width: 150px;
line-height: 30px;
}
.credit i {
height: 30px;
line-height: 30px;
}
.credit i svg {
height: 30px;
}
}
@media screen and (max-width: 600px) {
}.lf-footer-col-1,
.lf-footer-col-2,
.lf-footer-col-3,
.lf-footer-col-4,
.lf-footer-col-5,
.lf-footer-col-6 {
float: right;
}
.credit {
float: left;
} @media screen and (max-width: 950px) {
}@media screen and (max-width: 950px) {
}.newsletter-dialog input {
width: auto;
} .home-slider {
position: relative;
height: 400px;
max-width: 1600px;
margin: auto;
}  .lf-products-order {
background-color: #ffffff;
}
.woo-widget-title {
background-color: #ffffff;
}
.woo-widget-title h4,
.lf-wf-title {
height: 22px;
line-height: 22px;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0;
} .wpcf7-form, .main-contact-form {
float: left;
width: 100%;
}
.wpcf7-form-control-wrap {
float: left;
width: 100%;
text-align: center;
}
.wpcf7-form-control-wrap input:not([type="checkbox"]),
.wpcf7-form-control-wrap select {
width: 100%;
max-width: 400px;
height: 40px;
background-color: transparent;
border: 0;
border-bottom: 2px solid #174172;
font-family: 'Assistant';
line-height: 40px;
font-size: 20px;
text-align: right;
outline: 0;
}
.wpcf7-form-control-wrap textarea {
width: 100%;
max-width: 400px;
background-color: transparent;
border: 2px solid #174172;
line-height: 40px;
font-family: 'Assistant';
font-size: 20px;
margin: 10px;
outline: 0;
}
.wpcf7-form .submit-container,
.wpcf7-form p {
float: left;
width: 100%;
text-align: center;
}
.wpcf7-form .submit-container input {
background-color: #e72523;
color: #ffffff;
font-size: 18px;
border: 0;
padding: 5px 30px;
font-family: 'Assistant';
outline: 0;
cursor: pointer;
}
#mailpoetsignup {
position: relative;
height: 17px;
top: 0;
margin: 0 0 0 24px;
cursor: pointer;
}
#mailpoetsignup:before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
top: 0px;
left: 0;
z-index: 1;
width: 18px;
height: 18px;
border: 2px solid #d8d8d8;
}
#mailpoetsignup:checked:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
height: .5rem;
border-color: #009688;
border-top-style: none;
border-right-style: none;
}
#mailpoetsignup:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: #ffffff;
cursor: pointer;
} .fast-contact .wpcf7-form-control-wrap {
float: right;
width: 33%;
}
.wpcf7-form-control-wrap.mailpoetsignup {
width: 100%;
}
.fast-contact .wpcf7-form-control-wrap input {
display: block;
width: 90%;
font-size: 20px;
text-align: center;
margin: auto;
border: 0;
border-bottom: 1px solid #dddddd;
outline: 0;
}
.fast-contact .wpcf7-mailpoetsignup {
display: block;
font-size: 14px;
text-align: right;
margin: 5px 20px;
border: 0;
outline: 0;
}
.fast-contact .wpcf7-mailpoetsignup input {
float: right;
width: auto;
margin: 0 0 0 5px;
}
.fast-contact input[type="submit"] {
display: block;
margin: 5px auto;
padding: 0 10px;
font-size: 26px;
line-height: 40px;
width: 90%;
text-align: center;
border: 0;
background-color: #6fb51a;
color: white;
outline: 0;
cursor: pointer;
}
.fast-contact-submit {
position: relative;
float: left;
width: 100%;
}
.fast-contact .ajax-loader {
position: absolute;
top: 17px;
right: -10px;
}
.wpcf7-response-output {
float: right;
width: 90%;
margin: 5px 5%!important;
text-align: center;
border: 2px solid #174172!important
}
.fast-contact .wpcf7-not-valid-tip {
text-align: center;
} .mobile-contact-open i {
background-color: #0060b3;
color: white;
}
.mobile-contact-call i {
background-color: #0060b3;
color: white;
}
.mobile-contact-whatsapp {
background-color: #0060b3;
color: white;
}
.mobile-contact-waze {
background-color: #0060b3;
color: white;
}
.mobile-contact-newsletter {
background-color: #0060b3;
color: white;
}
.mobile-contact-newsletter i {
background-color: #0060b3;
color: white;
} #mailpoet_woocommerce_checkout_optin {
position: relative;
height: 17px;
top: 0;
margin: 0;
cursor: pointer;
}
#mailpoet_woocommerce_checkout_optin:before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
top: 0px;
left: 0;
z-index: 1;
width: 18px;
height: 18px;
border: 2px solid #d8d8d8;
}
#mailpoet_woocommerce_checkout_optin:checked:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
height: .5rem;
border-color: #009688;
border-top-style: none;
border-right-style: none;
}
#mailpoet_woocommerce_checkout_optin:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: #ffffff;
cursor: pointer;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
margin: 0 20px 0 0;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:before,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:after {
display: none;
}
p#billing_country_field {
display: none;
}
.lf-woo-col {
border: 1px solid #eee;
} @media screen and (max-width: 950px) {
.home-slider {
height: 300px;
}
}
@media screen and (max-width: 600px) {
.home-slider {
height: 200px;
}
}.lf-woo-loop-subcategories {
float: left;
width: 100%;
margin: 10px 0;
}
.lf-woo-loop-subcategories img {
float: left;
width: 100%;
padding: 10px;
}
.lf-woo-loop-subcategory {
float: left;
width: 100%;
}
.lf-woo-loop-subcategory-name {
float: left;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
color: var(--main_text_color);
}
.lf-woo-loop-top-page,
.lf-woo-loop-description {
float: left;
width: 100%;
}     @media screen and (max-width: 950px) {
}
@media screen and (max-width: 600px) {
}.lf-woo-products-loop-image {
position: relative;
float: left;
width: 100%;
text-align: center;
margin: 5px 0;
padding: 0 5px;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}
.lf-woo-products-loop-image img {
height: auto;
max-width: 100%;
}
.lf-woo-products-loop-title {
float: left;
width: 100%;
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
text-align: center;
line-height: 20px;
height: 46px;
padding: 5px; overflow: hidden;
}
.lf-woo-products-loop-actions {
float: left;
width: 100%;
padding: 5px; }
.lf-woo-products-loop-price-container {
float: left;
width: 50%;
height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.lf-woo-products-loop-price {
line-height: 22px;
font-size: 20px;
color: #c11d17;
}
.lf-woo-products-loop-regular-price {
line-height: 18px;
font-size: 16px;
text-decoration: line-through;
}
.lf-woo-products-loop-no-price {
float: right;
width: 100%;
font-size: 14px;
line-height: 16px;
}
.lf-woo-products-loop-buy-container {
float: left;
width: 50%;
}
.lf-woo-products-loop-buy {
float: left;
margin: 5px 0;
height: 30px;
line-height: 30px;
color: #ffffff;
padding: 0 20px;
border-radius: 50px;
}
.lf-woo-products-loop-buy i.md-icons {
float: left;
width: 30px;
height: 30px;
padding: 5px;
}
.lf-woo-products-loop-buy i.md-icons svg {
width: 20px;
height: 20px;
fill: var(--add_to_cart_button_color);
}
.lf-page-title h1 {
padding: 0 10px 0 0;
}
.lf-page-title-tag h1::before {
content: "#";
}
.lf-category-results-info {
float: left;
height: 20px;
line-height: 20px;
margin-top: 10px;
}
.category-info {
float: left;
width: 100%;
}
.woocommerce .products li.lf-woo-products-loop-container { margin: 0;
padding: 4px;
}
.lf-woo-products-results .lf-woo-products-loop-container:hover {
position: relative;
z-index: 99999;
}
.lf-woo-products-results .lf-woo-products-loop-container > div {
float: left;
width: 100%;
transition: all 0.4s;
background-color: white;
}
.lf-woo-products-results .lf-woo-products-loop-container > div:hover {
transform: scale(1.02);
box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 50%);
z-index: 9;
}
.lf-woo-desktop-col-2 .lf-woo-products-loop-image {
height: 500px;
}
.lf-woo-desktop-col-3 .lf-woo-products-loop-image {
height: 326px;
}
.lf-woo-desktop-col-4 .lf-woo-products-loop-image {
height: 252px;
}
.lf-woo-desktop-col-5 .lf-woo-products-loop-image {
height: 200px;
}
.lf-woo-desktop-col-6 .lf-woo-products-loop-image {
height: 165px;
} .woocommerce .products li.lf-woo-desktop-col-2 {
width: 50%;
}
.woocommerce .products li.lf-woo-desktop-col-3 {
width: 33.33%;
}
.woocommerce .products li.lf-woo-desktop-col-4 {
width: 25%;
}
.woocommerce .products li.lf-woo-desktop-col-5 {
width: 20%;
}
.woocommerce .products li.lf-woo-desktop-col-6 {
width: 16.66%;
}     @media screen and (max-width: 950px) {
}
@media screen and (max-width: 600px) {
}.lf-category-results-info {
float: right;
}
.lf-woo-products-loop-price-container {
float: right;
}
.lf-woo-products-loop-actions {
float: right;
}
.lf-page-title h1 {
padding: 0 0 0 10px;
}