@charset "UTF-8";

@keyframes opal-loading {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes opal-loading {
100% {
-webkit-transform: rotate(360deg); } }  .opal-move-up {
animation-name: opalMoveUp;
-moz-animation-name: opalMoveUp;
-webkit-animation-name: opalMoveUp; }
@-webkit-keyframes opalMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@keyframes opalMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.opal-move-down {
animation-name: opalMoveDown;
-moz-animation-name: opalMoveDown;
-webkit-animation-name: opalMoveDown; }
@-webkit-keyframes opalMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@keyframes opalMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.opal-move-left {
animation-name: opalMoveLeft;
-moz-animation-name: opalMoveLeft;
-webkit-animation-name: opalMoveLeft; }
@-webkit-keyframes opalMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@keyframes opalMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
.opal-move-right {
animation-name: opalMoveRight;
-moz-animation-name: opalMoveRight;
-webkit-animation-name: opalMoveRight; }
@-webkit-keyframes opalMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@keyframes opalMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0; }
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
.opal-scale-up {
animation-name: opalScaleUp;
-moz-animation-name: opalScaleUp;
-webkit-animation-name: opalScaleUp; }
@-webkit-keyframes opalScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6); }
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes opalScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6); }
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; } }
.opal-flip {
animation-name: opalFlip;
-moz-animation-name: opalFlip;
-webkit-animation-name: opalFlip; }
@-webkit-keyframes opalFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; } }
@keyframes opalFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; } }
.opal-helix {
animation-name: opalHelix;
-moz-animation-name: opalHelix;
-webkit-animation-name: opalHelix; }
@-webkit-keyframes rotate {
from {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
from {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.rotate {
-webkit-animation: rotate 12s linear infinite;
animation: rotate 12s linear infinite; }
@-webkit-keyframes opalHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1; } }
@keyframes opalHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1; } }
.opal-am-popup {
-webkit-animation: opalPopup;
animation: opalPopup;
-moz-animation-name: opalPopup;
-webkit-animation-name: opalPopup; }
@-webkit-keyframes opalPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px; }
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: .8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out; }
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1; } }
@keyframes opalPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px; }
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: .8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out; }
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1; } }
.elementor-supplero-banner-wrapper {
position: relative; }
.elementor-supplero-banner-wrapper .banner-image img {
-o-object-fit: cover;
object-fit: cover;
background-size: cover;
margin-right: auto;
margin-left: auto; }
.elementor-supplero-banner-wrapper .banner-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 30px;
padding: 30px;
background-color: #ffffff;
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-supplero-banner-wrapper .banner-content .button-banner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
.elementor-supplero-banner-wrapper .banner-content .button-banner span {
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
color: var(--accent); }
.elementor-supplero-banner-wrapper .banner-content .button-banner .icon {
font-size: 8px;
line-height: 1;
color: var(--accent); }
.elementor-supplero-banner-wrapper .banner-content .button-banner:hover span, .elementor-supplero-banner-wrapper .banner-content .button-banner:hover .icon {
color: var(--primary); }
.elementor-supplero-banner-wrapper .banner-content .content {
padding-top: 10px;
display: none; }
.elementor-supplero-banner-wrapper .banner-content .content .sub-title, .elementor-supplero-banner-wrapper .banner-content .content .description {
font-size: 14px;
color: var(--accent); }
.elementor-supplero-banner-wrapper .banner-content .content .title {
font-weight: 700;
font-size: 14px;
color: var(--accent); }
.elementor-brand-item {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
overflow: hidden; }
.elementor-brand-item:before {
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #ebebeb;
position: absolute; }
@media (max-width: 1023px) {
.elementor-brand-item:before {
content: none !important; } }
.elementor-brand-item:last-child:before {
content: none !important; }
.elementor-brand-item .elementor-brand-image {
display: block;
width: 100%;
font-size: 0;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.elementor-brand-item .elementor-brand-image img {
margin: 0 auto; }
.elementor-brand-item .elementor-brand-image i {
font-size: 50px;
display: inline-block;
position: relative;
width: 1em;
height: 1em; }
.elementor-brand-item .elementor-brand-image i:before {
position: absolute;
line-height: 1;
left: 0;
top: 0; }
.elementor-brand-item .elementor-brand-image svg path {
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.elementor-brand-wrapper .row {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.elementor-brand-wrapper a {
display: block; }
.elementor-brand-wrapper img {
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.elementor-brand-wrapper .column-item {
margin-bottom: 30px; }
.elementor-brand-wrapper .slick-slide {
position: relative; }
.elementor-brand-wrapper .slick-slide:before {
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #ebebeb;
position: absolute; }
@media (max-width: 1023px) {
.elementor-brand-wrapper .slick-slide:before {
content: none !important; } }
.elementor-brand-wrapper .slick-slide:last-child:before {
content: none !important; }
.elementor-header-group-wrapper .header-group-action {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end; }
.elementor-header-group-wrapper .header-group-action.left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.elementor-header-group-wrapper .header-group-action.center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.elementor-header-group-wrapper .header-group-action > div > a {
padding-right: 12px;
padding-left: 12px; }
.elementor-header-group-wrapper .header-group-action > div:first-child > a {
padding-left: 0; }
.elementor-header-group-wrapper .header-group-action > div:last-child > a {
padding-right: 0; }
.elementor-header-group-wrapper .header-group-action .site-header-wishlist .count {
display: none; }
.divider-header-group-action-yes .elementor-header-group-wrapper .header-group-action > div {
border-left: 1px solid;
border-left-color: var(--border); }
.divider-header-group-action-yes .elementor-header-group-wrapper .header-group-action > div > a {
padding-right: 20px;
padding-left: 20px; }
.divider-header-group-action-yes .elementor-header-group-wrapper .header-group-action > div:first-child {
border: none; }
.divider-header-group-action-yes .elementor-header-group-wrapper .header-group-action > div:first-child > a {
padding-left: 0; }
.divider-header-group-action-yes .elementor-header-group-wrapper .header-group-action > div:last-child > a {
padding-right: 0; }
@media (min-width: 1024px) {
.elementor-canvas-menu-wrapper .menu-mobile-nav-button {
display: inline-block; } }
.supplero-nav-menu-layout-2.supplero-nav-menu-show-full-menu-yes .elementor-nav-menu-wrapper .primary-navigation ul.menu {
margin-left: 0;
display: block; }
.supplero-nav-menu-layout-2.supplero-nav-menu-show-full-menu-yes .elementor-nav-menu-wrapper .primary-navigation ul.menu > li.menu-item {
display: block; }
.divider-top-nav-menu-active-yes .main-navigation ul.menu > li.menu-item > a,
.divider-top-nav-menu-active-yes .main-navigation ul.nav-menu > li.menu-item > a {
position: relative; }
.divider-top-nav-menu-active-yes .main-navigation ul.menu > li.menu-item > a:before,
.divider-top-nav-menu-active-yes .main-navigation ul.nav-menu > li.menu-item > a:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 1.7em;
width: 0;
height: 2px;
background-color: var(--accent); }
.divider-top-nav-menu-active-yes .main-navigation ul.menu > li.menu-item:hover > a:before,
.divider-top-nav-menu-active-yes .main-navigation ul.nav-menu > li.menu-item:hover > a:before {
width: calc(100% - 3.4em); }
.divider-top-nav-menu-active-yes .main-navigation ul.menu > li.menu-item.current-menu-ancestor > a:before,
.divider-top-nav-menu-active-yes .main-navigation ul.nav-menu > li.menu-item.current-menu-ancestor > a:before {
width: calc(100% - 3.4em); }
.divider-nav-menu-active-yes .main-navigation ul.menu,
.divider-nav-menu-active-yes .main-navigation ul.nav-menu {
margin-left: 0; }
.divider-nav-menu-active-yes .main-navigation ul.menu > li > a,
.divider-nav-menu-active-yes .main-navigation ul.nav-menu > li > a {
padding-top: 17.5px;
padding-bottom: 17.5px;
border-left: 1px #d9b61c solid; }
.divider-nav-menu-active-yes .main-navigation ul.menu > li:last-child > a,
.divider-nav-menu-active-yes .main-navigation ul.nav-menu > li:last-child > a {
border-right: 1px #d9b61c solid;
border-left: 1px #d9b61c solid; }
@media (min-width: 768px) {
.background-color-nav-menu-active-yes .elementor-nav-menu-wrapper .primary-navigation ul {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.background-color-nav-menu-active-yes .elementor-nav-menu-wrapper .primary-navigation ul li:hover > ul, .background-color-nav-menu-active-yes .elementor-nav-menu-wrapper .primary-navigation ul li:focus > ul {
left: 0; } }
@media (min-width: 768px) {
.elementor-nav-menu-wrapper .primary-navigation {
display: block; }
.elementor-nav-menu-wrapper .primary-navigation ul {
list-style: none;
padding-left: 0;
display: block; }
.elementor-nav-menu-wrapper .primary-navigation ul li {
position: relative;
display: inline-block;
text-align: left; }
.elementor-nav-menu-wrapper .primary-navigation ul li:hover > ul, .elementor-nav-menu-wrapper .primary-navigation ul li:focus > ul {
left: 1.7em;
display: block;
opacity: 1;
visibility: visible; }
.elementor-nav-menu-wrapper .primary-navigation ul li:hover > ul li > ul, .elementor-nav-menu-wrapper .primary-navigation ul li:focus > ul li > ul {
left: -9999px; opacity: 0;
visibility: hidden; }
.elementor-nav-menu-wrapper .primary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .elementor-nav-menu-wrapper .primary-navigation ul li:focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0; }
.elementor-nav-menu-wrapper .primary-navigation ul li:hover > ul li:hover > ul, .elementor-nav-menu-wrapper .primary-navigation ul li:hover > ul li.focus > ul, .elementor-nav-menu-wrapper .primary-navigation ul li:focus > ul li:hover > ul, .elementor-nav-menu-wrapper .primary-navigation ul li:focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block;
opacity: 1;
visibility: visible; }
.elementor-nav-menu-wrapper .primary-navigation ul.sub-menu {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: 0;
opacity: 0;
visibility: hidden; }
.elementor-nav-menu-wrapper .primary-navigation ul.sub-menu li {
display: block;
min-width: 260px; } }
[class*='post-style-'] .column-item {
margin-bottom: 30px; }
.elementor-widget-supplero-post-grid .entry-header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
background-color: #fff;
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-widget-supplero-post-grid .entry-header .entry-title {
font-size: 20px; }
.elementor-widget-supplero-post-grid .entry-header .entry-title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
.elementor-widget-supplero-post-grid .entry-header .posted-on {
background-color: var(--primary);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 10px;
text-align: center; }
.elementor-widget-supplero-post-grid .entry-header .posted-on a:hover {
color: var(--accent);
text-decoration: underline; }
.elementor-widget-supplero-post-grid .entry-header .header-right {
padding: 25px 30px 30px; }
.elementor-widget-supplero-post-grid .post-style-1 .post-inner {
position: relative; }
.elementor-widget-supplero-post-grid .post-style-1 .post-thumbnail {
position: relative;
padding-top: 66.66%;
background-color: #bfbfbf; }
.elementor-widget-supplero-post-grid .post-style-1 .post-thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.elementor-widget-supplero-post-grid .post-style-1 .entry-header {
position: absolute;
bottom: 30px;
left: 0;
width: 410px;
max-width: calc(100% - 30px); }
.elementor-widget-supplero-post-grid .post-style-1 .entry-header .entry-meta {
display: none; }
.elementor-widget-supplero-post-grid .post-style-1 .post-author:before {
content: '·';
padding-left: 5px;
padding-right: 5px; }
.elementor-widget-supplero-product-categories .product-cart-single .link_category_product img {
margin-left: auto;
margin-right: auto; }
.elementor-widget-supplero-product-categories .layout-1 .product-cat {
background-color: #fff;
padding: 20px;
position: relative;
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-widget-supplero-product-categories .layout-1 .product-cat:before {
content: "";
display: inline-block;
position: absolute;
height: 0;
width: 3px;
left: 0;
bottom: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--primary); }
.elementor-widget-supplero-product-categories .layout-1 .product-cat:hover:before {
height: 100%; }
.elementor-widget-supplero-product-categories .layout-1 .product-cart-single {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.elementor-widget-supplero-product-categories .layout-1 .product-cart-single .product-cart-caption {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
margin-left: 20px; }
.elementor-widget-supplero-product-categories .layout-1 .product-cart-single .product-cart-caption .cart-title {
font-size: 14px; }
.elementor-widget-supplero-product-categories .layout-1 .product-cart-single .product-cart-caption .cart-title a {
text-transform: capitalize;
font-weight: 700; }
.elementor-widget-supplero-product-categories .layout-1 .product-cart-single .product-cart-caption .cart-title .cart-total {
color: var(--light);
line-height: 20px; }
.elementor-widget-supplero-product-categories .layout-2 .product-cat {
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-widget-supplero-product-categories .layout-2 .product-cart-caption .cart-title a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 22.5px 30px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
background-color: #1c2127;
color: #ffffff;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.elementor-widget-supplero-product-categories .layout-2 .link_category_product {
display: block;
overflow: hidden; }
.elementor-widget-supplero-product-categories .layout-2 .link_category_product img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
background-size: cover;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.elementor-widget-supplero-product-categories .layout-2 .product-cat:hover .product-cart-caption .cart-title a {
color: var(--accent);
background-color: var(--primary); }
.elementor-widget-supplero-product-categories .layout-2 .product-cat:hover .link_category_product img {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg); }
.elementor-widget-supplero-products-tabs.elementor-tabs-h-align-left .elementor-tab-title:first-child {
margin-left: 0 !important; }
.elementor-widget-supplero-products-tabs.elementor-tabs-h-align-right .elementor-tab-title:last-child {
margin-right: 0 !important; }
.elementor-widget-supplero-products-tabs .elementor-tabs-wrapper {
text-align: center;
display: block; }
.elementor-widget-supplero-products-tabs .elementor-tab-title {
font-size: 25px;
line-height: 1;
font-weight: 500;
padding-right: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
position: relative;
cursor: pointer;
display: inline-block;
margin-left: -4px;
border: 0;
border-color: transparent;
outline: 0;
color: var(--accent);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.elementor-widget-supplero-products-tabs .elementor-tab-title:hover, .elementor-widget-supplero-products-tabs .elementor-tab-title.elementor-active {
border-color: var(--primary); }
.elementor-widget-supplero-products-tabs .elementor-tab-title:last-child:before {
display: none; }
.elementor-widget-supplero-products-tabs .elementor-tab-title:before {
position: absolute;
width: 0.2em;
height: 0.2em;
border-radius: 50%;
background-color: var(--accent);
top: 50%;
right: 0;
-ms-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%); }
@media (max-width: 767px) {
.elementor-widget-supplero-products-tabs .elementor-tab-title:before {
display: none; } }
.elementor-widget-supplero-products-tabs .elementor-tab-title:hover, .elementor-widget-supplero-products-tabs .elementor-tab-title.elementor-active {
color: var(--primary); }
.elementor-widget-supplero-products-tabs .elementor-tab-content {
border: 0;
padding: 0; }
.elementor-widget-supplero-products-tabs .elementor-tabs-content-wrapper {
border: none; }
.elementor-widget-supplero-products-tabs ul.products {
margin: 0; }
.elementor-html .product-style-3 .group-action {
display: none; }
.elementor-html .onsale + img,
.elementor-html .product-image + img {
display: none !important; }
.elementor-html .site-content-contain {
z-index: 100; }
.elementor-html .product-image.no-gallery {
display: none !important; }
.elementor-html .product-caption .opal-add-to-cart-button {
display: none; }
.woocommerce-carousel {
position: relative; }
.woocommerce-carousel ul.products {
display: none;
position: static !important; }
.woocommerce-carousel ul.products.slick-initialized {
display: block; }
.woocommerce-carousel ul.products li.product {
margin: 0 !important; }
.woocommerce-carousel .slick-slide > div {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 100%; }
ul.products li.product-item {
padding-left: 15px;
padding-right: 15px; }
.woocommerce-product-list.columns-mobile-1 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.woocommerce-product-list.columns-mobile-2 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.woocommerce-product-list.columns-mobile-3 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.woocommerce-product-list.columns-mobile-4 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.woocommerce-product-list.columns-mobile-5 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.woocommerce-product-list.columns-mobile-6 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
@media (min-width: 768px) {
.woocommerce-product-list.columns-tablet-1 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.woocommerce-product-list.columns-tablet-2 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.woocommerce-product-list.columns-tablet-3 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.woocommerce-product-list.columns-tablet-4 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.woocommerce-product-list.columns-tablet-5 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.woocommerce-product-list.columns-tablet-6 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; } }
@media (min-width: 1024px) {
.woocommerce-product-list.columns-1 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.woocommerce-product-list.columns-2 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.woocommerce-product-list.columns-3 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.woocommerce-product-list.columns-4 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.woocommerce-product-list.columns-5 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.woocommerce-product-list.columns-6 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; } }
.woocommerce-product-list .woocommerce-carousel ul.products {
display: none; }
.woocommerce-product-list .woocommerce-carousel ul.products.slick-initialized {
display: block; }
.woocommerce-product-list ul.products {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
[class*="columns-"] .woocommerce-product-list ul.products {
margin-left: -15px;
margin-right: -15px; }
.woocommerce-product-list ul.products .product-list-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
padding: 10px 0;
background-color: #fff; }
.woocommerce-product-list ul.products .product-list-inner img {
max-width: 120px;
width: 100%;
z-index: 2; }
.woocommerce-product-list ul.products .product-list-inner > a {
display: block;
position: relative;
z-index: 3; }
.woocommerce-product-list ul.products .product-content {
margin-left: 15px;
padding: 10px 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.woocommerce-product-list ul.products .posted-in {
font-size: 11px;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.woocommerce-product-list ul.products .posted-in a {
color: var(--text); }
.woocommerce-product-list ul.products .posted-in a:hover {
color: var(--primary); }
.woocommerce-product-list ul.products .product-title {
display: block;
text-decoration: none !important;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
.woocommerce-product-list ul.products .product-title span {
color: var(--accent); }
.woocommerce-product-list ul.products .wc-forward, .woocommerce-product-list ul.products .added_to_cart {
display: none; }
.woocommerce-product-list ul.products .price {
font-size: 16px;
display: block;
font-weight: 700;
color: var(--accent); }
.woocommerce-product-list ul.products .price del {
font-size: 0.85em; }
.woocommerce-product-list ul.products .price del {
font-size: 14px;
color: var(--light);
font-weight: 400; }
.woocommerce-product-list ul.products .short-description {
margin-bottom: 15px; }
.woocommerce-product-list ul.products .star-rating {
font-size: 10px; }
.woocommerce-product-list ul.products .slick-slide {
height: auto !important; }
.woocommerce-product-list.products-list-1 .product-item {
margin-bottom: 10px; }
.woocommerce-product-list.products-list-1 .product-list-inner {
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.woocommerce-product-list.products-list-3 .product-item {
margin-bottom: 30px; }
@media (min-width: 1024px) {
.woocommerce-product-list.products-list-3 ul.products {
display: grid;
grid-template-columns: 1fr 1fr 1fr; }
.woocommerce-product-list.products-list-3 ul.products li.product-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child {
grid-column-end: 1 span;
grid-row-end: 2 span; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-list-inner {
position: relative;
padding: 0;
height: 100%;
-webkit-clip-path: none;
clip-path: none; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-list-inner img {
max-width: 480px;
padding: 40px 35px 30px 35px; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-list-inner > a {
height: 100%; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-list-inner > a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
background-color: var(--primary); }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-list-inner:hover > a:before {
height: 100%;
-webkit-animation: mymove 0.3s forwards;
animation: mymove 0.3s forwards; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .star-rating {
margin-left: 30px;
margin-top: 10px; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .price {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 10px;
margin-left: 30px;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
order: 5; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .price ins {
color: #da5454; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-content {
margin-left: 30px;
padding: 30px 30px 60px 0; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-title {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 18px;
margin-bottom: 0;
padding: 15px 30px 0; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .short-description {
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 20px;
display: none; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .product-content {
overflow: hidden;
position: absolute;
width: 100%;
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
z-index: 9; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .group-action {
display: block;
position: absolute;
left: calc(100% - 60px);
width: 100%;
bottom: 0;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .group-action .shop-action-button {
width: 60px; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .group-action .shop-action-button:hover .shop-content {
left: calc(-100% + 60px); }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .group-action .shop-content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 5px 5px 5px 20px;
position: absolute;
top: 0;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
left: 60px;
-webkit-transition: background ease-in-out 0.35s, left ease-in-out 0.35s;
transition: background ease-in-out 0.35s, left ease-in-out 0.35s;
background-color: #1c2127; }
.woocommerce-product-list.products-list-3 ul.products li.product-item:first-child .posted-in {
display: none; } }
.woocommerce-product-list.products-list-3 ul.products .short-description,
.woocommerce-product-list.products-list-3 ul.products .group-action,
.woocommerce-product-list.products-list-3 ul.products .posted-in {
display: none; }
.woocommerce-product-list.products-list-3 ul.products li.product-item .product-list-inner {
padding: 0;
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.woocommerce-product-list.products-list-3 ul.products li.product-item .product-list-inner img {
max-width: 200px; }
@media (max-width: 1023px) {
.woocommerce-product-list.products-list-3 ul.products li.product-item .product-list-inner img {
max-width: 150px; } }
.woocommerce-product-list.products-list-3 ul.products li.product-item .product-content {
padding: 30px 30px 30px 0; }
.woocommerce-product-list.products-list-4 ul.products .product-list-inner {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: unset;
-webkit-align-items: unset;
align-items: unset;
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.woocommerce-product-list.products-list-4 ul.products .product-list-inner img {
max-width: 100%; }
.woocommerce-product-list.products-list-4 ul.products .product-content {
padding: 5px 30px 30px;
margin: 0; }
.woocommerce-product-list.products-list-4 ul.products .product-title {
font-size: 18px; }
.woocommerce-product-list.products-list-4 .time-sale {
margin: 10px -30px -30px;
background-color: #da5454;
padding: 18px 30px; }
.woocommerce-product-list.products-list-4 .price ins {
color: #da5454; }
.woocommerce-product-list.products-list-4 .supplero-countdown .countdown-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
width: auto;
height: auto;
padding: 0;
background-color: transparent;
position: relative;
margin-right: 18px;
font-size: 24px;
color: #fff; }
.woocommerce-product-list.products-list-4 .supplero-countdown .countdown-item:after {
content: ":";
position: absolute;
vertical-align: middle;
font-size: 20px;
right: -13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.woocommerce-product-list.products-list-4 .supplero-countdown .countdown-item:last-child {
margin-right: 0; }
.woocommerce-product-list.products-list-4 .supplero-countdown .countdown-item:last-child:after {
content: none; }
.woocommerce-product-list.products-list-5 ul.products .product-item {
margin-bottom: 30px; }
.woocommerce-product-list.products-list-5 ul.products .product-list-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding: 0; }
.woocommerce-product-list.products-list-5 ul.products .product-list-inner img {
display: block;
margin: 0 auto;
width: 100%;
max-width: unset; }
.woocommerce-product-list.products-list-5 ul.products .product-list-inner > a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: -1;
background-color: var(--primary); }
.woocommerce-product-list.products-list-5 ul.products .product-list-inner:hover > a:before {
height: 100%;
-webkit-animation: mymove 0.3s forwards;
animation: mymove 0.3s forwards; }
.woocommerce-product-list.products-list-5 ul.products .product-content {
display: inline-block;
overflow: hidden;
position: relative;
margin-top: 20px;
margin-left: 0;
padding: 0 30px;
width: 100%; }
.woocommerce-product-list.products-list-5 ul.products .star-rating {
margin-bottom: 10px; }
.woocommerce-product-list.products-list-5 ul.products .price {
min-height: 60px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
padding-right: 40px;
line-height: 20px;
padding-top: 20px;
padding-bottom: 20px; }
.woocommerce-product-list.products-list-5 ul.products .price:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: -30px;
width: calc(100% + 60px);
height: 1px;
background-color: var(--border); }
.woocommerce-product-list.products-list-5 ul.products .group-action {
display: block;
position: absolute;
left: calc(100% - 60px);
width: 100%;
bottom: 0;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s; }
.woocommerce-product-list.products-list-5 ul.products .group-action .shop-action-button {
width: 60px; }
.woocommerce-product-list.products-list-5 ul.products .group-action .shop-action-button:hover .shop-content {
left: calc(-100% + 60px); }
.woocommerce-product-list.products-list-5 ul.products .group-action .shop-action {
height: 60px; }
.woocommerce-product-list.products-list-5 ul.products .group-action .shop-content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 5px 5px 5px 20px;
position: absolute;
top: 0;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
left: 60px;
-webkit-transition: background ease-in-out 0.35s, left ease-in-out 0.35s;
transition: background ease-in-out 0.35s, left ease-in-out 0.35s;
background-color: #1c2127; }
.time-sale .deal-text {
color: var(--secondary); }
.time-sale .supplero-countdown {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.woocommerce-loop-product__gallery {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
display: none;
margin: 15px 0 20px; }
.woocommerce-loop-product__gallery .gallery_item {
width: 60px;
margin: 5px;
border: 1px solid;
cursor: pointer;
border-color: var(--border); }
.woocommerce-loop-product__gallery .gallery_item.active {
border-color: var(--accent); }
@media (min-width: 1024px) {
.grid-layout-special ul.products {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
margin: 0 !important; }
.grid-layout-special ul.products li.product {
width: 100%;
max-width: 100% !important;
padding: 0;
margin-bottom: 0; }
.grid-layout-special ul.products li.product:first-child {
grid-row-start: span 2;
grid-column-start: span 2; }
.grid-layout-special ul.products li.product:first-child .woocommerce-loop-product__gallery {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.grid-layout-special ul.products li.product:nth-child(2) {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1; } }
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce.grid-layout-special ul.products li.product:first-child {
width: 100%;
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%; }
.woocommerce.grid-layout-special ul.products li.product:first-child .woocommerce-loop-product__gallery {
display: -webkit-box;
display: -webkit-flex;
display: flex; } }
.elementor-widget-supplero-search .widget {
padding: 0;
margin-bottom: 0; }
.elementor-widget-supplero-search .widget_product_search form:before {
left: 25px;
right: unset;
font-size: 16px; }
.elementor-widget-supplero-search .widget_product_search form input[type=search],
.elementor-widget-supplero-search .widget_product_search form input[type=text] {
padding-left: 3.5em;
padding-right: 8em; }
.elementor-widget-supplero-search .widget_product_search form button[type=submit] {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 12px;
font-weight: 700;
padding: 1em 18px;
width: unset;
text-transform: uppercase;
color: var(--accent); }
.elementor-widget-supplero-search .widget_product_search form button[type=submit]:hover {
color: var(--primary); }
.elementor-widget-container .elementor-teams-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box {
display: inline-block;
background-color: #ffffff;
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-image img {
display: block; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content {
position: relative;
background-color: #fff;
padding: 20px 30px 20px 35px;
min-height: 100px;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-name {
color: var(--accent);
font-size: 20px;
margin-bottom: 5px;
line-height: 24px;
font-weight: bold;
letter-spacing: 0; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-name a {
color: var(--accent); }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-name a:hover {
color: var(--primary); }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-job {
color: var(--light);
font-size: 12px;
line-height: 30px;
letter-spacing: 0;
text-transform: uppercase; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-icon-socials {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
height: 0;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
padding-left: 25px;
background-color: var(--primary); }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-icon-socials ul {
display: -webkit-box;
display: -webkit-flex;
display: flex;
list-style: none;
margin: 0; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-icon-socials ul li.social {
text-align: center;
margin: 0 5px; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-icon-socials ul li.social a {
display: inline-block;
width: 25px;
height: 50px;
line-height: 50px;
font-size: 16px; }
.elementor-widget-container .elementor-teams-wrapper .wrapper-team-box .team-content .team-icon-socials ul li.social a:hover {
color: #ffffff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.elementor-widget-container .elementor-teams-wrapper:hover .team-content .team-icon-socials {
opacity: 1;
height: 50px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
.elementor-widget-container .elementor-teams-wrapper:hover .team-content {
min-height: 140px;
-webkit-transition: all 0.2s ease-in;
margin-top: -40px;
transition: all 0.2s ease-in; }
.elementor-teams-layout-social-right .elementor-widget-container .elementor-teams-wrapper .team-icon-socials {
right: 0; }
.elementor-teams-layout-social-right .elementor-widget-container .elementor-teams-wrapper .team-icon-socials ul {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 0 -5px; }
.elementor-teams-layout-social-center .elementor-widget-container .elementor-teams-wrapper .team-icon-socials {
margin: 0 auto;
left: 0;
right: 0; }
.elementor-teams-layout-social-center .elementor-widget-container .elementor-teams-wrapper .team-icon-socials ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.elementor-teams-layout-social-left .elementor-widget-container .elementor-teams-wrapper .team-icon-socials {
left: 0; }
.elementor-teams-layout-social-left .elementor-widget-container .elementor-teams-wrapper .team-icon-socials ul {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0 -5px; }
.elementor-testimonial-item-wrapper .inner {
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-testimonial-item-wrapper .inner .elementor-testimonial-rating {
font-size: 18px;
line-height: 1; }
.elementor-testimonial-item-wrapper .inner .elementor-testimonial-rating .active {
color: #00b67a; }
.elementor-testimonial-item-wrapper .inner .elementor-testimonial-rating .supplero-icon-star_1 {
margin: 0 1px;
background-color: #ffffff; }
.elementor-testimonial-item-wrapper .inner .description {
font-size: 18px;
line-height: 30px;
letter-spacing: 0;
margin-bottom: 15px;
margin-top: 20px;
color: var(--accent); }
.elementor-testimonial-item-wrapper .inner .content .name {
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
font-weight: bold;
color: var(--accent); }
.elementor-testimonial-item-wrapper .inner .content .job {
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
color: var(--light); }
.elementor-testimonial-item-wrapper .inner .details {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex; }
.elementor-testimonial-image {
height: 50px;
width: 50px;
margin-right: 20px; }
.elementor-testimonial-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 767px) {
.supplero-carousel .slick-arrow {
display: none !important; } }
.testimonial-style-alignment-center .inner .details {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.testimonial-style-alignment-right .inner .details {
-webkit-box-pack: end;
-webkit-justify-content: end;
justify-content: end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse; }
.testimonial-style-alignment-right .inner .details .elementor-testimonial-image img {
margin-left: 20px;
margin-right: 0; }
.home .nav-vertiacl-menu-style-content-style-2 .elementor-nav-vertiacl-menu-wrapper .vertical-navigation, .page-template-template-homepage .nav-vertiacl-menu-style-content-style-2 .elementor-nav-vertiacl-menu-wrapper .vertical-navigation {
cursor: unset; }
.home .nav-vertiacl-menu-style-content-style-2 .elementor-nav-vertiacl-menu-wrapper .vertical-navigation .vertical-menu, .page-template-template-homepage .nav-vertiacl-menu-style-content-style-2 .elementor-nav-vertiacl-menu-wrapper .vertical-navigation .vertical-menu {
opacity: 1;
visibility: visible;
z-index: 990; }
.elementor-video-popup {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.elementor-video-icon {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
line-height: 1em; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
font-size: 24px;
padding: 0;
background-color: transparent;
right: 0; }
.mfp-image-holder .mfp-close:active, .mfp-image-holder .mfp-close:focus, .mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:active,
.mfp-iframe-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:hover {
color: var(--primary);
background-color: transparent; }
.elementor-column-wrap:hover .text-editor-hover .elementor-text-editor > *:before {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.elementor-column-wrap .text-editor-hover .elementor-text-editor > * {
position: relative;
display: inline-block; }
.elementor-column-wrap .text-editor-hover .elementor-text-editor > *:before {
position: absolute;
content: attr(data-hover);
color: #000000;
-webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
-webkit-transition: -webkit-clip-path 0.5s ease;
transition: -webkit-clip-path 0.5s ease;
transition: clip-path 0.5s ease;
transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease; }
.animated-slide-column > .elementor-column-wrap {
-webkit-transition: opacity 0s 0.6s, -webkit-transform 1s 0.6s;
transition: opacity 0s 0.6s, -webkit-transform 1s 0.6s;
transition: opacity 0s 0.6s, transform 1s 0.6s;
transition: opacity 0s 0.6s, transform 1s 0.6s, -webkit-transform 1s 0.6s;
opacity: 0;
-webkit-transform: translateX(-20px) translateZ(0);
transform: translateX(-20px) translateZ(0); }
.animated-slide-column:after {
content: '';
margin: 0 -5px 0 0;
position: absolute;
top: 0;
right: 100%;
bottom: 100%;
left: 0;
background-color: var(--primary);
z-index: 3;
-webkit-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; }
.animated-slide-column.col-loaded {
overflow: hidden;
position: relative; }
.animated-slide-column.col-loaded .elementor-column-wrap {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.animated-slide-column.col-loaded:after {
margin-right: 0;
right: -3px;
bottom: 0;
left: 100%; }
.animated-bg-parallax {
overflow: hidden; }
.animated-bg-parallax > .elementor-column-wrap {
overflow: hidden; }
.animated-bg-parallax .img-banner-parallax {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.animated-bg-parallax .img-banner-parallax:not(.hover) {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
.elementor-button .elementor-button-icon {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.elementor-default .elementor-button.elementor-size-xs {
font-size: 11px;
padding: 10px 20px; }
.elementor-default .elementor-button.elementor-size-md {
font-size: 14px;
padding: 20px 40px; }
.elementor-default .elementor-button.elementor-size-lg {
font-size: 18px;
padding: 22px 45px; }
.elementor-default .elementor-button.elementor-size-xl {
font-size: 24px;
padding: 25px 50px; }
.supplero-style-button-hover-yes .elementor-button {
position: relative;
z-index: 0;
-webkit-transition: all .15s ease;
transition: all .15s ease; }
.supplero-style-button-hover-yes .elementor-button .elementor-button-content-wrapper {
z-index: 1;
-webkit-transition: 0.15s all ease;
transition: 0.15s all ease; }
.supplero-style-button-hover-yes .elementor-button:after, .supplero-style-button-hover-yes .elementor-button:before {
content: "";
background-color: #000;
z-index: -1;
height: 50%;
width: 0;
position: absolute;
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.supplero-style-button-hover-yes .elementor-button:after {
bottom: 0;
right: 0;
left: auto; }
.supplero-style-button-hover-yes .elementor-button:before {
top: 0;
left: 0;
right: auto; }
.supplero-style-button-hover-yes .elementor-button:hover:before {
width: 100%;
right: 0;
left: auto; }
.supplero-style-button-hover-yes .elementor-button:hover:after {
width: 100%;
left: 0;
right: auto; }
.supplero-style-button-hover-yes .elementor-button:hover .elementor-button-content-wrapper {
color: #fff; }
.elementor-view-framed .elementor-icon,
.elementor-view-default .elementor-icon {
color: var(--primary);
border-color: var(--primary);
fill: var(--primary); }
.elementor-view-stacked .elementor-icon {
background-color: var(--primary); }
.style-theme-supplero-yes .elementor-icon-list-item {
position: relative; }
.style-theme-supplero-yes .elementor-icon-list-item a {
z-index: 2; }
.style-theme-supplero-yes .elementor-icon-list-item .elementor-icon-list-icon {
padding: 10px;
background-color: var(--primary);
z-index: 2; }
.style-theme-supplero-yes .elementor-icon-list-item .elementor-icon-list-text {
z-index: 2;
padding-right: 20px; }
.style-theme-supplero-yes .elementor-icon-list-item:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
background-color: var(--primary);
width: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1; }
.style-theme-supplero-yes .elementor-icon-list-item:hover:before {
width: 100%; }
.style-theme-supplero-yes .elementor-accordion .elementor-accordion-item {
border: solid;
border-width: 1px 0 0 0;
border-color: var(--border); }
.style-theme-supplero-yes .elementor-accordion .elementor-accordion-item .elementor-tab-title {
padding-left: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0;
font-size: 18px;
font-weight: 400;
color: var(--accent); }
.style-theme-supplero-yes .elementor-accordion .elementor-accordion-item .elementor-accordion-icon {
font-size: 20px; }
.style-theme-supplero-yes .elementor-accordion .elementor-accordion-item .elementor-tab-content {
font-size: 14px;
border: none;
padding-right: 40px;
padding-left: 40px;
padding-top: 0;
padding-bottom: 30px;
color: var(--text); }
.supplero-style-form-hover-yes .elementor-button {
position: relative;
z-index: 0; }
.supplero-style-form-hover-yes .elementor-button:after, .supplero-style-form-hover-yes .elementor-button:before {
content: "";
background-color: #000;
z-index: -1;
height: 50%;
width: 0;
position: absolute;
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.supplero-style-form-hover-yes .elementor-button:after {
bottom: 0;
right: 0;
left: auto; }
.supplero-style-form-hover-yes .elementor-button:before {
top: 0;
left: 0;
right: auto; }
.supplero-style-form-hover-yes .elementor-button:hover:before {
width: 100%;
right: 0;
left: auto; }
.supplero-style-form-hover-yes .elementor-button:hover:after {
width: 100%;
left: 0;
right: auto; }
.elementor_library-template-default .entry-header,
.elementor_library-template-default #post-navigation,
.elementor_library-template-default .entry-taxonomy {
display: none; }
.home .header-absolute {
position: absolute;
width: 100%;
z-index: 99;
background-color: transparent !important; }
@media (max-width: 1200px) {
.supplero-contact-phone {
display: none; } }
:root {
--scroll-bar: 8px; }
body:not(.supplero-header-side):not(.has-scrollbar) .content-area .elementor-section.elementor-section-stretched {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important; }
body.has-scrollbar:not(.supplero-header-side) .content-area .elementor-section.elementor-section-stretched {
width: calc(100vw - 20px) !important;
margin-left: calc(-50vw + 50% + 10px) !important;
margin-right: calc(-50vw + 50% + 10px);
left: 0 !important; }
@supports (color: var(--scroll-bar)) {
body.has-scrollbar:not(.supplero-header-side) .content-area .elementor-section.elementor-section-stretched {
width: calc(100vw - var(--scroll-bar)) !important;
margin-left: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important;
margin-right: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important;
left: 0 !important; } }
.supplero-box-clip {
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.supplero-box-clip-sm {
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0); }
.elementor-widget-counter.elementor-align-left .elementor-counter-title, .elementor-widget-counter.elementor-align-center .elementor-counter-title, .elementor-widget-counter.elementor-align-right .elementor-counter-title {
text-align: inherit; }
.elementor-widget-counter.elementor-align-left .elementor-counter-number-wrapper, .elementor-widget-counter.elementor-align-center .elementor-counter-number-wrapper, .elementor-widget-counter.elementor-align-right .elementor-counter-number-wrapper {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex; }
.elementor-widget-counter.elementor-vertical-align-top .elementor-counter-number-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start; }
.elementor-widget-counter.elementor-vertical-align-middle .elementor-counter-number-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.elementor-widget-counter.elementor-vertical-align-bottom .elementor-counter-number-wrapper {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end; }
.elementor-countdown-wrapper .elementor-countdown-item {
-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0); }
.elementor-icon-list-item .elementor-icon-list-text a {
color: var(--primary); }
.elementor-widget-icon .elementor-icon-wrapper {
line-height: 0; }
.style-icon-list-supplero-yes .elementor-icon-list-items .elementor-icon-list-item a span.elementor-icon-list-text {
display: inline;
background: -webkit-linear-gradient(top, var(--primary) 0%, var(--primary) 100%);
background: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 0 0;
-webkit-transition: background-size 0.3s ease-in-out, color 0.2s ease-in-out;
transition: background-size 0.3s ease-in-out, color 0.2s ease-in-out;
padding: 1px 2px; }
.style-icon-list-supplero-yes .elementor-icon-list-items .elementor-icon-list-item:hover a span.elementor-icon-list-text {
background-size: 100% 100%; }