header {
position: fixed;
width: 100%;
min-height: 50px;
height: 82px;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 999;
}
.header-delivery-bar {
width: 100%;
height: 32px;
line-height: 32px;
font-size: 13px;
text-align: center;
background-color: #df9831;
color: #ffffff;
}
.header-delivery-bar .container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 12px;
height: 100%;
direction: ltr;
flex-direction: row-reverse;
}
.header-delivery-pair {
display: flex;
align-items: center;
gap: 6px;
direction: ltr;
flex-direction: row;
}
.header-delivery-type {
white-space: nowrap;
}
.header-delivery-time {
text-align: left;
white-space: nowrap;
}
.header-delivery-sep {
color: #ffffff;
font-weight: 300;
}
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;
}
.top-header {
float: left;
width: 100%;
height: 40px; }
.top-menu {
float: left;
width: 100%;
text-align: left;
height: 40px;
line-height: 20px;
font-size: 18px;
padding: 10px 0;
}
.top-menu li {
float: right;
}
.top-menu a {
color: #ffffff;
text-decoration: none;
float: right;
margin-left: 10px;
}
.top-menu li + li {
border-right: 2px solid #ffffff;
padding-right: 10px;
}
.top-menu li.menu-item {
float: right;
}
.top-menu li.menu-item + li {
padding-right: 10px;
}
.top-menu i {
float: right;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-decoration: none;
outline: 0;
}
.left-top-header {
position: relative;
float: left;
}
.top-logo {
float: left;
height: 50px;
padding: 2px 0;
color: white;
text-decoration: none;
}
.top-logo-html {
font-size: 32px;
line-height: 46px;
}
.top-logo i {
float: left;
font-size: 34px;
line-height: 46px;
}
.top-logo i.md-icons {
padding: 0;
}
.top-logo i.md-icons svg {
width: 40px;
height: 46px;
fill: #ffffff;
}
.top-logo-slogan {
float: left;
width: 100%;
font-size: 20px;
line-height: 30px;
text-align: center;
border-top: 1px solid white;
display: none;
}
.top-logo img {
float: right;
height: 46px;
max-width: 200px;
}
.top-logo img.top-slogan {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.left-top-header .top-header-link {
float: left;
height: 36px;
line-height: 36px; font-size: 20px;
}
.left-top-header img {
height: 120px;
max-width: unset;
}
.top-header-link +.top-header-link {
border-left: 1px solid #f9f9f9;
}
.top-header-link i {
float: left;
line-height: 36px;
margin: 0 5px;
color: white;
}
.top-header-container {
position: absolute;
left: 0;
top: 32px;
width: 100%;
height: 50px;
z-index: 9999;
}
.main-menu-container {
position: absolute;
left: 0;
bottom: -36px;
width: 100%;
padding: 0!important;
border-radius: 0!important;
background-color: white;
transition: all 0.3s;
}
.main-menu-container.main-menu-up {
bottom: 0px;
}
.header-main-menu {
position: relative;
float: right;
width: 100%;
height: 36px;
}
#main-content {
margin-top: 118px;
}
#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 {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-color: var(--header_mobile_menu_toggle_background_color);
border-right: 1px solid #f9f9f9;
cursor: pointer;
z-index: 99999;
}
.menu-toggle i svg {
fill: var(--header_mobile_menu_toggle_color);
}
#close-side-menu {
display: block;
position: absolute;
top: 0;
right: -40px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_close_menu_toggle_background_color);
cursor: pointer;
border-left: 1px solid #f9f9f9;
}
#close-side-menu i svg {
fill: var(--header_mobile_close_menu_toggle_color);
}
.mobile-header-search-container {
position: absolute;
top: 0;
right: 40px;
width: 40px;
height: 40px;
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 {
fill: var(--header_mobile_search_toggle_color);
}
.mobile-header-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
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-close-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
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: 40px;
padding: 4px;
color: var(--main_text_color);
z-index: 99999;
}
.mobile-header-close-search-button {
display: none;
}
.mobile-search-open {
width: calc(100% - 40px);
} .lf-woo-search-form-container {
width: 100%;
max-width: none;
height: 36px;
margin: 7px 0;
border: 2px solid #ffffff;
border-radius: 10px;
background-color: white;
}
.lf-woo-search-form-container:hover {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}
.lf-woo-search-input {
float: right;
width: calc(100% - 36px);
height: 32px;
border: 0;
border-radius: 10px;
padding: 5px;
font-size: 16px;
outline: 0;
}
.lf-woo-search-toggle {
float: left;
width: 32px;
height: 32px;
line-height: 32px;
padding: 0;
border: 0;
border-radius: 10px;
text-align: center;
cursor: pointer;
outline: 0;
}
.lf-woo-search-toggle i.md-icons {
width: 32px;
height: 32px;
padding: 4px;
}
.lf-woo-search-toggle i.md-icons svg {
width: 24px;
height: 24px;
fill: #ffffff;
}
.logo-area {
float: right;
width: 190px;
}
.header-search-area {
float: right;
width: calc(100% - 620px);
}
.header-support-area {
float: left;
width: 120px;
height: 36px;
line-height: 36px;
margin: 7px 0;
padding: 0 10px;
color: #ffffff;
border-right: 1px solid rgba(255, 255, 255, 0.5);
text-align: center;
}
.header-support-area a {
color: #ffffff;
text-decoration: none;
}
.header-user-area {
float: left;
width: 100px;
height: 36px;
line-height: 36px;
margin: 7px 0;
padding: 0 10px;
color: #ffffff;
border-right: 1px solid rgba(255, 255, 255, 0.5);
text-align: center;
}
.header-user-area a {
color: #ffffff;
text-decoration: none;
}
.header-cart-area {
float: left;
width: 210px;
}
.top-tel {
float: left;
}
.top-tel span {
float: left;
font-size: 32px;
line-height: 60px;
text-decoration: none;
color: white;
}
.top-tel i {
float: left;
font-size: 32px;
line-height: 60px;
color: white;
}
.cart-container {
position: relative;
float: right;
width: 210px;
height: 50px;
padding: 7px 0;
}
.cart-container a {
float: left;
width: 100%;
height: 36px;
color: #ffffff;
}
.cart-list {
padding: 0;
}
.cart-container .cart-list .product-info-cart-row {
float: left;
width: 100%;
height: 60px;
padding: 0;
color: #000000;
}
.cart-container i {
float: left;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 36px;
text-align: center;
text-align: center;
padding: 0;
}
.cart-container i svg {
float: right;
width: 36px;
height: 36px;
fill: #ffffff;
}
.cart-items-info {
float: left;
height: 36px;
width: calc(100% - 36px);
}
.cart-items-count {
float: left;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 14px;
padding: 0 5px;
}
.cart-items-total {
float: left;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 14px;
padding: 0 5px;
}
.product-image-cart-list {
width: 60px;
height: 60px;
}
.product-info-cart-list {
width: calc(100% - 90px);
padding: 0 5px;
}
.product-title-cart-list {
height: 40px;
}
.product-title-cart-list span {
width: 100%;
font-weight: normal;
line-height: 20px;
font-size: 14px;
text-align: left;
}
.product-price-cart-list {
height: 20px;
}
.product-price-cart-list span {
float: left;
width: 100%;
text-align: left;
height: 20px;
}
.remove-product-from-cart {
height: 60px;
}
.cart-actions {
height: 40px;
}
.cart-actions a {
float: right;
width: calc(50% - 4px);
margin: 0 2px;
height: 30px!important;
line-height: 30px!important;
text-align: center!important;
text-decoration: none!important;
color: #ffffff!important;
padding: 0!important;
}
.mobile-header-cart-container {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background-color: var(--header_mobile_cart_toggle_background_color);
color: #ffffff;
text-align: center;
transition: all 1s; z-index: 99999;
display: none;
}
.mobile-header-cart-container i {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 32px;
color: var(--header_mobile_cart_toggle_color);
}
.mobile-header-cart-container .cart-container i svg {
float: right;
width: 32px;
height: 32px;
fill: var(--header_mobile_cart_toggle_color);
}
.mobile-header-cart-container .cart-container {
width: 40px;
height: 40px;
padding: 0;
}
.mobile-header-cart-container .cart-items-list-container,
.mobile-header-cart-container .cart-items-total,
.mobile-header-cart-container .cart-items-count-label {
display: none!important;
}
.mobile-header-cart-container .cart-container a {
position: relative;
width: 40px;
height: 40px;
padding: 3px;
}
.mobile-header-cart-container .cart-items-count-number {
position: absolute;
top: 20px;
right: 20px;
width: 17px;
height: 17px;
background-color: orange;
border-radius: 50px;
font-size: 12px;
line-height: 17px;
} header nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
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 10px;
color: var(--main_text_color);
text-decoration: none;
outline: 0;
}
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 {
border-left: 1px solid #e9e9e9;
}
header li.menu-item, #side-menu li.menu-item {
margin: 0;
padding: 0;
position: relative;
}
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: 36px;
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: right;
width: 100%;
background-color: white;
}
header .sub-menu li a,
header .sub-menu li span {
float: right;
width: 100%;
font-size: 18px;
line-height: 30px;
display: flex;
flex-direction: row;
align-items: center;
}
header .sub-menu li i {
float: right;
font-size: 22px;
line-height: 30px;
}
.sub-menu li + li {
border-top: 1px solid #f9f9f9;
}
.open-sub-menu, .close-sub-menu {
display: none;
}
.mobile-header-container {
display: none;
} @media screen and (min-width: 950px) {
.lf-mega-menu-container {
top: 36px!important;
}
}
@media screen and (max-width: 950px) {
header {
background-color: var(--header_mobile_background_color)!important;
height: 72px;
min-height: 72px;
z-index: 99999!important;
}
.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 {
display: block;
float: left;
width: 100%;
position: relative;
height: 40px;
}
.logo-area {
width: calc(100% - 140px); margin: 0 70px;
}
.header-right {
width: 30%;
height: 50px;
overflow: hidden;
}
.top-tel span {
display: none;
}
.top-tel i {
width: 50px;
line-height: 50px;
color: #ffffff;
text-align: center;
}
.top-logo {
float: right;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100%;
}
.image-logo {
max-height: 40px;
}
#main-content {
margin-top: 72px;
}
.lf-woo-products-page #main-content {
margin-top: 106px;
}
#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;
}
#side-menu {
display: block;
position: fixed;
top: 0;
left: -50px;
width: 280px;
height: 100%;
background-color: #dfdfdf;
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;
}
.open-sub-menu {
display: block;
position: absolute;
top: 0;
right: 0px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_sub_menu_toggle_background_color);
cursor: pointer;
}
.close-sub-menu {
display: none;
position: absolute;
top: 0;
right: 0px;
width: 40px;
height: 40px;
background-color: var(--header_mobile_sub_menu_toggle_background_color);
cursor: pointer;
}
.open-sub-menu i svg,
.close-sub-menu i svg {
fill: var(--header_mobile_sub_menu_toggle_color);
}
#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: 0 0 0 40px;
}
#side-menu nav a, #side-menu nav span {
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
min-height: 40px;
font-size: 18px;
line-height: 1;
padding: 0 40px 0 10px;
}
#side-menu nav li {
float: left;
width: 100%;
}
#side-menu i {
line-height: unset;
}
#side-menu .sub-menu {
background-color: white;
}
#side-menu .sub-menu a {
font-size: 16px;
}
.top-logo img.top-slogan {
margin: 0 -15px;
}
.mobile-header-search-container {
display: block;
}
.lf-woo-search-form-container {
float: left;
height: 32px;
width: 100%;
border: 0;
margin: 0;
padding: 2px;
transition: all 0.5s;
}
.lf-woo-search-form-container form {
float: left;
width: 100%;
height: 28px; }
.mobile-search-open .lf-woo-search-form-container {
width: calc(100% - 40px);
margin: 0 40px 0 0;
}
.lf-woo-search-input {
width: calc(100% - 32px);
height: 28px; font-size: 14px;
}
.lf-woo-search-toggle {
position: absolute;
right: 2px;
top: 2px;
width: 28px;
height: 28px;
line-height: 28px;
background-color:  var(--header_mobile_search_toggle_background_color)!important;
color:  var(--header_mobile_search_toggle_color)!important;
}
.lf-woo-search-toggle i.md-icons {
width: 28px;
height: 28px;
padding: 3px;
}
.lf-woo-search-toggle i.md-icons svg {
width: 22px;
height: 22px;
}
.top-logo {
height: 40px;
}
.top-logo-html {
font-size: 30px;
line-height: 36px;
}
.top-logo i {
font-size: 32px;
line-height: 36px;
}
.mobile-header-cart-container {
display: block;
}
}.header-delivery-bar .container {
direction: rtl;
flex-direction: row;
}
.header-delivery-pair {
direction: rtl;
}
.header-delivery-time {
text-align: left;
}
.logo-area {
float: right;
}
.top-logo {
float: right;
}
.top-logo i {
float: right;
}
.header-search-area {
float: right;
}
.header-support-area {
float: right;
border-left: 1px solid rgba(255, 255, 255, 0.5);
border-right: 0;
}
.header-user-area {
float: right;
border-left: 1px solid rgba(255, 255, 255, 0.5);
border-right: 0;
}
.cart-items-info {
float: right;
}
.product-title-cart-list span {
text-align: right;
}
.product-price-cart-list span {
text-align: right;
}
header #logo {
float: right;
}
header nav {
left: inherit;
right: 0;
}
#side-menu {
right: -50px;
left: auto;
-ms-transform: translateX(280px);
-webkit-transform: translateX(280px);
transform: translateX(280px);
}
#side-menu nav a, #side-menu nav span {
padding: 0 10px 0 40px;
}
header nav a, #side-menu nav a {
float: right;
}
#close-side-menu {
left: -40px;
right: auto;
border-right: 1px solid #f9f9f9;
border-left: none;
}
header nav li {
float: right;
}
header .sub-menu .sub-menu {
right: 100%;
left: auto;
}
header nav ul:not(.sub-menu) > li + li {
border-left: 0;
border-right: 1px solid #e9e9e9;
}
.menu-toggle {
left: auto;
right: 0;
border-left: 1px solid #f9f9f9;
border-right: 0;
}
.mobile-header-search-container {
right: auto;
left: 40px;
}
.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;
}
#side-menu nav li {
float: right;
}
.mobile-header-cart-container {
right: auto;
left: 0;
}
.mobile-header-cart-container .cart-items-count-number {
right: auto;
left: 20px;
} @media screen and (max-width: 950px) {
#side-menu nav {
padding: 0 50px 0 0;
}
.open-sub-menu,
.close-sub-menu {
right: auto;
left: 0px;
}
.mobile-search-open .lf-woo-search-form-container {
margin: 0 0 0 40px;
}
.lf-woo-search-toggle {
left: 2px;
right: auto;
}
}footer {
float: left;
width: 100%;
}
.footer-top {
position: relative;
float: left;
width: 100%;
background-color: #000000;
padding: 3px 0;
}
.footer-top .container {
position: relative;
}
.footer-middle {
float: left;
width: 100%;
padding: 30px 0;
background-color: #1f2223;
color: #ffffff;
}
.footer-bottom {
float: left;
width: 100%;
background-color: #131313;
color: white;
}
.footer-col-1.footer-bottom-1 {
float: right;
width: 100%;
padding: 40px;
}
.footer-col-1.footer-bottom-1 p {
margin: 0;
}
.footer-col-1 {
float: right;
width: 100%;
}
.footer-col-2 {
float: right;
width: 50%;
min-height: 1px;
}
.footer-col-3 {
float: right;
width: 33.333%;
min-height: 1px;
}
.footer-col-4 {
float: right;
width: 25%;
min-height: 1px;
}
.footer-col-5 {
float: right;
width: 20%;
}
.footer-col-6 {
float: right;
width: 16.666%;
min-height: 1px;
}
.footer-icons {
text-align: center;
}
.footer-icons a {
display: inline-block;
margin: 0 14px;
}
.footer-middle h2,
.footer-middle h3,
.footer-middle h4 {
font-size: 19px;
font-weight: bold;
color: #ffffff;
margin: 0 0 5px 0;
}
.footer-middle a {
font-size: 15px;
line-height: 30px;
color: #ffffff;
text-decoration: none;
}
.lf-widget-menu {
padding: 0 10px;
}
.footer-middle h2 a,
.footer-middle h3 a,
.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;
}
footer .lf-widget-menu + .lf-widget-menu {
margin-top: 20px;
} .credit-footer {
float: left;
width: 100%;
background-color: #131313;
}
.credit-footer a {
color: #ffffff;
}
.footer-text {
float: right;
width: 100%;
color: #ffffff;
line-height: 50px;
}
.credit i {
float: left;
line-height: 50px;
width: 30px;
color: white;
text-align: center;
text-decoration: none;
}
.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;
}
.footer-contact {
float: left;
width: 100%;
text-align: center;
padding: 10px;
font-size: 25px;
}
.footer-links {
float: left;
width: 100%;
padding: 10px;
text-align: center;
}
.footer-links a {
display: inline-block;
font-size: 25px;
line-height: 25px;
}
.footer-links span {
float: right;
}
.footer-links img {
float: right;
width: 25px;
margin: 0 10px;
}
.facebook-footer-icon {
background-color: #fff;
} @media screen and (max-width: 950px) {
[class^="footer-col"] {
width: 100%;
}
.footer-menu {
height: 45px;
line-height: 20px;
}
.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 {
line-height: 30px;
}
}
@media screen and (max-width: 600px) {
}@media screen and (max-width: 950px) {
}@media screen and (max-width: 950px) {
}.home-slider {
position: relative;
height: 400px;
max-width: 1600px;
margin: auto;
}  .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 #000000;
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 #000000;
line-height: 40px;
font-family: 'Assistant';
font-size: 20px;
margin: 10px 0;
outline: 0;
}
.wpcf7-form .submit-container,
.wpcf7-form p {
float: left;
width: 100%;
text-align: center;
}
.wpcf7-form .submit-container input {
background-color: #144788;
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 #000000!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;
} @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-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;
border-top: 2px dashed #d8d8d8;
}
.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;
}
.lf-woo-sale .lf-woo-products-loop-price {
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;
width: 100%;
height: 30px!important;
line-height: 30px!important;
text-align: center!important;
text-decoration: none!important;
color: #ffffff!important;
padding: 0!important;
}
.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-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-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;
}
.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;
border-top: 2px dashed #d8d8d8;
} .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;
}