header .navibutton {
display: none;
}
.main-nav img {
margin-left: 0px;
}
header .custom-logo-link img {
height: 40px;
}
header {
height: 70px;
padding: 0 20px;
}
main {
margin-top: 70px;
} .footer-container {
padding: 20px;
}
.footer-col {
width: 100%;
margin-bottom: 20px;
}
.footer-container .row {
display: block;
}
#footer-img {
height: 70px;
margin-bottom: 10px;
}
.footer-ul {
margin: 0px;
}
footer h4 {
margin-bottom: 0px;
} body.page-template-home { background: white;
font-family: 'Poppins';
}
body.page-template-home:before {
content: '';
display: block;
position: fixed;
top:0;
left:0;
z-index: -2;
background: linear-gradient(180deg, #47E6E6, #257A7A 80%, #1C5D5D);
height: 100%;
width: 100%;
}
.page-template-home .e-con .elementor-widget.elementor-widget.teaser {
margin: 40px;
}
.page-template-home h1 {
font-size: 46px;
line-height: 52px;
}
.page-template-home .e-con .elementor-widget.elementor-widget.teaser p {
line-height: 26px;
font-size: 20px;
}
.page-template-home .product {
margin-top: 0 !important;
max-width: 435px !important;
margin: 0 auto;
}
.page-template-home .product.menu3 {
margin-bottom: 0;
}
.page-template-home .product.menu7 {
margin-bottom: 0;
top:0;
}
.page-template-home .product.menu4 {
align-self: center;
margin-bottom: 0px;
}
.page-template-home .product:hover .label {
opacity: 1 !important;
}
.page-template-home .product .label.hover h3 {
font-size: 30px;
}
.page-template-home .product .elementor-widget-image {
height: 492px !important;
width: 100% !important;
}
.page-template-home .product img {
position: relative !important;
width: auto !important;
}
.page-template-home .product .label.hover, .page-template-home .product:hover .label.hover {
opacity: 1 !important;
width: 185px !important;
height: 185px !important;
max-width: 185px !important;
border-radius: 50%;
display: block;
padding: 0;
z-index: -1;
}
.page-template-home .product.menu2 img, .page-template-home .product.menu2:hover img {
left: 120px;
top: -106px;
transform: rotate(-40deg);
}
.page-template-home .product.menu2 .label, .page-template-home .product.menu2:hover .label {
top: 0px;
right: 30px;
}
.page-template-home .product.menu2 .label.hover, .page-template-home .product.menu2:hover .label.hover {
opacity: 1;
top: 176px;
left: 54px;
background: #DA81A3;
box-shadow: 110px 48px 20px rgba(0, 0, 0, 0.2);
}
.page-template-home .product.menu1 img, .page-template-home .product.menu1:hover img {
left: 20px;
top: -40px;
transform: rotate(32deg);
}
.page-template-home .product.menu1 .label {
top: 0;
right: inherit;
left: 30px;
}
.page-template-home .product.menu1 .label.hover, .page-template-home .product.menu1:hover .label.hover {
top: 145px;
right: 30px;
left: inherit;
background: #E286A6;
box-shadow: -106px 8px 20px rgba(0, 0, 0, 0.2);
}
.page-template-home .product.menu3 img, .page-template-home .product.menu3:hover img {
top: -50px;
transform: rotate(-62deg);
left: 66px;
}
.page-template-home .product.menu3 .label {
top: 35px;
left: inherit;
right: 30px;
text-align: right;
}
.page-template-home .product.menu3 .label.hover, .page-template-home .product.menu3:hover .label.hover {
top: 225px;
left: 62px;
right: inherit;
background: #e6b230;
box-shadow: 110px 24px 20px rgba(0, 0, 0, 0.2);
}
.page-template-home .product.menu4 img, .page-template-home .product.menu4:hover img {
right: 0px;
top: 0;
transform: rotate(52deg);
}
.page-template-home .product.menu4 .label {
top: 0;
right: inherit;
left: 30px;
text-align: right;
}
.page-template-home .product.menu4 .label.hover, .page-template-home .product.menu4:hover .label.hover {
top: 170px;
right: 49px;
background: #89ae56;
left: inherit;
box-shadow: -110px 25px 20px rgba(0, 0, 0, 0.2);
}
.page-template-home .product.menu5 img, .page-template-home .product.menu5:hover img {
left: -27px;
top: 30px;
transform: rotate(25deg);
}
.page-template-home .product.menu5 .label {
top: 53px;
left: inherit;
right: 20px;
}
.page-template-home .product.menu5 .label.hover, .page-template-home .product.menu5:hover .label.hover {
top: 177px;
left: 12px;
background: #62d1ce;
box-shadow: 110px 25px 20px rgba(0, 0, 0, 0.2);
}
.page-template-home .product.menu7 img, .page-template-home .product.menu7:hover img {
top: -10px;
transform: rotate(20deg);
left: 12px;
}
.page-template-home .product.menu7 .label {
top: 18px;
left: 30px;
right: inherit;
text-align: right;
}
.page-template-home .product.menu7 .label.hover, .page-template-home .product.menu7:hover .label.hover {
top: 168px;
left: 170px;
right: inherit; box-shadow: -104px 40px 20px rgba(0, 0, 0, 0.2);
}
.page-template-home .product.menu2 .product-link a {
left: 0px !important;
top: -30px !important;
width: 462px;
height: 448px;
}
.page-template-home .product.menu1 .product-link a {
left: 24px !important;
top: -50px !important;
width: 50vw;
height: 418px;
}
.page-template-home .product.menu3 .product-link a {
left: 38px !important;
top: 0 !important;
width: 401px;
height: 440px;
}
.page-template-home .product.menu4 .product-link a {
right: 30px !important;
top: -34px !important;
width: 50vw;
max-width: 435px;
height: 430px;
left:inherit !important;
}
.page-template-home .product.menu5 .product-link a {
left: 0px !important;
top: -32px !important;
width: 100vw;
max-width: 424px;
height: 418px;
}
.page-template-home .product.menu6 .product-link a {
left: 0px !important;
top: -30px !important;
width: 462px;
height: 448px;
}
.page-template-home .product.menu7 .product-link a {
left: 15px !important;
top: 0 !important;
width: 401px;
height: 440px;
}
.page-template-home .product.menu6 img, .page-template-home .product.menu6:hover img {
left: 0;
top: -10px;
transform: rotate(36deg);
}
@media screen and (max-width: 434px){
.page-template-home h1 {
font-size: 38px;
line-height: 52px;
}
.page-template-home .product.menu2 img, .page-template-home .product.menu2:hover img {
left: 81px;
top: -106px;
transform: rotate(-40deg);
height: 576px;
}
.page-template-home .product.menu2 .label.hover, .page-template-home .product.menu2:hover .label.hover {
left: 20px;
}
.page-template-home .product.menu1 img, .page-template-home .product.menu1:hover img {
left: 0px;
top: 0;
height: 546px;
}
.page-template-home .product.menu1 .label {
top: 0;
right: inherit;
left: 10px;
}
.page-template-home .product.menu1 .label.hover, .page-template-home .product.menu1:hover .label.hover {
top: 181px;
right: 10px;
left: inherit;
}
.page-template-home .product.menu3 .label.hover, .page-template-home .product.menu3:hover .label.hover {
top: 216px;
left: 15px;
}
.page-template-home .product.menu3 .label {
top: 35px;
right: 15px;
}
.page-template-home .product.menu3 img, .page-template-home .product.menu3:hover img {
top: -60px;
left: 19px;
}
.page-template-home .product.menu4 .label {
left: 10px;
}
.page-template-home .product.menu4 .label.hover, .page-template-home .product.menu4:hover .label.hover {
top: 188px;
right: 10px;
}
.page-template-home .product.menu4 img, .page-template-home .product.menu4:hover img {
right: 12px;
top: 18px;
}
.page-template-home .product.menu5 .label {
top: 32px;
right: 10px;
}
.page-template-home .product.menu5 .label.hover, .page-template-home .product.menu5:hover .label.hover {
top: 220px;
left: 10px;
}
.page-template-home .product.menu5 img, .page-template-home .product.menu5:hover img {
left: -38px;
top: 64px;
}
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
padding: 0px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
margin-bottom: 40px;
}
.product-bg {
width: 90%;
}
#primary .woocommerce-product-gallery__wrapper img {
width: 100% !important;
}
#primary h1 {
font-size: 30px;
line-height: 40px;
}
.product-wrapper .woocommerce-tabs {
padding-top: 0px;
}
.woocommerce-MyAccount-navigation a {
font-size: 18px;
line-height: 28px;
}