body{}.page-header {}footer.page-footer, .page-footer .middle-footer, .page-footer .bottom-footer{}.mgs-carousel-single .owl-nav div img{width:40px}.mgs-carousel-single .owl-nav div span{width:40px}.mgs-carousel-single .owl-nav div span, .mgs-carousel-single .owl-nav div span em{height:80px; line-height:80px}.mgs-carousel-single.nav-position-middle-outside .owl-nav div span, .mgs-carousel-single.nav-position-middle-inside .owl-nav div span{margin-top:-40px}.mgs-carousel-single .owl-nav div span em{font-size:80px;}.mgs-carousel-multiple .owl-nav div img{width:40px}.mgs-carousel-multiple .owl-nav div span{width:40px}.mgs-carousel-multiple .owl-nav div span, .mgs-carousel-multiple .owl-nav div span em{height:40px; line-height:40px}.mgs-carousel-multiple.nav-position-middle-outside .owl-nav div span, .mgs-carousel-multiple.nav-position-middle-inside .owl-nav div span{margin-top:-20px}.mgs-carousel-multiple .owl-nav div span em{font-size:30px;}.cms-index-index.cms-page2 #maincontent, .cms-page-view.cms-page2 #maincontent{max-width:inherit; padding-left:inherit; padding-right:inherit; overflow:hidden}.cms-page-view.cms-page2 #maincontent .page.messages, .cms-index-index.cms-page2 #maincontent .page.messages, .cms-index-index.cms-page2 #maincontent .section-builder , .cms-page-view.cms-page2 #maincontent .section-builder{max-width:1240px; margin:auto; box-sizing: border-box; padding-left:15px; padding-right:15px}.cms-index-index.cms-page2 #maincontent .section-builder-full , .cms-page-view.cms-page2 #maincontent .section-builder-full {max-width:inherit !important; padding-left:15px; padding-right:15px}.footer.content .block.newsletter .actions:hover .subscribe {
    background: #56cfe1;
    border-color: #56cfe1;
}

span.action.top-links.theme-header-icon:hover, .page-header .search-form .actions-search .action-search:hover, span.wishlist-icon.icon-heart.theme-header-icon:hover, .top-wishlist:hover .wishlist-icon:before , .header-area .table-icon-menu .minicart-wrapper:hover .action.showcart:before { color: #56cfe1; }

.promobanner-hup .banner-text span.sub-title {
    font-weight: 700;
color: white;
}

.category-submenu.is-active > ul > li.hidden-des {
 display: none;
}

.promobanner-hup .banner-text h2.title {
    font-size: 34px;
    color: #fff;
    margin: 3px 0 20px;
    text-transform: uppercase;
}

.promobanner-hup .banner-text .btn.btn-default {
    background-color: transparent;
}

.promobanner-hup .banner-text {
    color: #fff;
    margin: 50px 20px;
}

.promobanner-hup .banner-text .btn.btn-default:hover {
     background-color: #222;
}
.promobanner-hup2 .banner-text {
    margin: 0 5px 20px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px;
    color: #000;
    border-radius: 10px;
}

.promobanner-hup2 .banner-text span.sub-title {
    font-weight: 700;
}

.promobanner-hup2 .banner-text h3.title {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.cate-banner {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.cate-banner .cate-item {
    flex: 0 1 20%;
    max-width: 20%;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative;
}

.cate-banner .cate-item h3.title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fff;
}
.cate-banner .cate-item img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.mk2-list-cate {
 padding-top: 30px;
 padding-bottom: 30px;
}

@media (max-width: 1199px) {
 .page-header .search-close {
 top: 0;
 right: 0;
 font-size: 30px;
 width: 40px;
 height: 40px;
}

.mgs-product.products-grid .product-item-info:hover .product-top .tocart.btn-cart, .mgs-products.products-grid .product-item-info:hover .product-top .tocart.btn-cart, .mgs-attribute-products .product-item-info:hover .product-top .tocart.btn-cart {
 transform: unset;
}

.mgs-products.products-grid .mgs-owl-carousel .product-item, .mgs-product.products-grid .mgs-owl-carousel .product-item {
 padding-left: 15px;
 padding-right: 15px;
}

.cate-banner .cate-item {
    flex: 0 1 25%;
    max-width: 25%;
    text-align: center;
}
.cate-banner .cate-item:last-child {
 display: none;
 }
}

@media (max-width: 570px) {
 .cate-banner .cate-item {
    flex: 0 1 50%;
    max-width: 50%;
}
}