﻿.section-slider .home-slider{border-radius:10px;overflow:hidden}.section-banner .row{margin-left:-7.5px;margin-right:-7.5px}.section-banner .row .item{padding:0 7.5px}.section-banner .row .item a{display:block;overflow:hidden;border-radius:10px}.section-banner .row .item a img{transition:all .5s}.section-banner .row .item a:hover img{transform:scale(1.1)}.section-cate{border:1px #f03482 solid;padding:15px}.section-cate h2{margin-top:0;margin-bottom:10px;font-size:18px;font-weight:bold}.section-cate .slick-slider{overflow:initial}.section-cate .slick-slider .slick-arrow{top:-22px;border-radius:50%;background:none;border:1px #1887f0 solid;height:25px;width:25px;opacity:1 !important;padding:0 8px}.section-cate .slick-slider .slick-arrow:before{color:#8adcfb;line-height:22px;width:23px}.section-cate .slick-slider .slick-arrow:hover{border-color:#1e6a37;background:#1e6a37}.section-cate .slick-slider .slick-arrow:hover:before{color:#FFF}.section-cate .slick-slider .slick-prev{right:30px;left:auto !important}.section-cate .slick-slider .slick-next{right:0}.section-cate .item{text-align:center;display:inline-block;vertical-align:top;padding:0 5px}.section-cate .item span{border:1px #8adcfb solid;border-radius:50%;display:inline-block;width:90%;overflow:hidden;padding:10px}.section-cate .item .name{margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-product{position:relative;overflow:hidden}.section-product .products{display:inline-block;width:100%;vertical-align:top}.section-product .item{padding:0;border-right:1px #ebebeb solid;border-bottom:1px #ebebeb solid}.section-product .view-all{position:absolute;top:3px;right:0;color:#007dc5}.section-product .view-all:hover{color:#1e6a37}.section-product .coll-bottom{display:inline-block;width:100%;vertical-align:top;text-align:center;padding:10px 0}.section-product .coll-bottom a{color:#007dc5;text-decoration:none}.section-product .coll-bottom a:hover{color:#1e6a37}.section-product .coll-bottom ul{float:left;width:100%;text-align:left;margin-top:10px}.section-product .coll-bottom ul li{float:left;width:20%;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-product .coll-bottom ul li a:before{content:"•";margin-right:10px}.section-blog h2{margin-top:10px;margin-bottom:10px;font-size:18px;font-weight:bold}.section-blog .video{margin-bottom:15px}.section-blog .video a{display:block;overflow:hidden}.section-blog .video a img{transition:all .5s}.section-blog .video:hover img{transform:scale(1.1)}.section-blog .list-blogs .blog-inner{float:left;width:100%;border-bottom:1px #ebebeb solid;margin-bottom:10px}.section-blog .list-blogs .blog-inner .thumbnail-article{float:left;width:88px;text-align:center;margin-bottom:10px;overflow:hidden}.section-blog .list-blogs .blog-inner .thumbnail-article img{max-height:61px;transition:all .5s}.section-blog .list-blogs .blog-inner .content-article{float:left;width:calc(100% - 100px);padding-left:10px;font-size:14px;margin-top:0;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-blog .list-blogs .blog-inner:hover .thumbnail-article img{transform:scale(1.1)}.section-blog .list-blogs .blog-inner:nth-child(3){border:none}.section-blog .list-blogs .view-all{font-size:15px;color:#007dc5;float:right;margin-bottom:15px}.section-blog .list-blogs .view-all:hover{color:#1e6a37}.section-brands{padding:15px}.section-brands .item img{border:1px #FFF solid}.section-brands .item:hover img{border-color:#1e6a37}.popup-sapo{position:fixed;bottom:140px;left:17px;margin:0;z-index:999;top:auto !important}.popup-sapo ul{list-style:none}.popup-sapo .icon{position:relative;z-index:4;height:48px;width:48px;text-align:center;border-radius:50%;border:1px solid #ffffff;cursor:pointer;background:#1e6a37;box-shadow:0 4px 8px rgba(0,0,0,0.15);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;animation:pulse 2s infinite;animation:pulse 2s infinite;cursor:pointer}.popup-sapo .icon svg{fill:#ffffff;transition:opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;transition:opacity 0.35s ease-in-out, transform 0.35s ease-in-out;transition:opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;animation:iconSkew 1s infinite ease-out;min-height:-webkit-fill-available}.popup-sapo .icon svg path{fill:#FFF}.popup-sapo .content{background:#1e6a37;color:#fff;padding:20px 10px 35px;border-radius:10px;width:260px;position:absolute;bottom:27px;left:20px;box-shadow:0 4px 20px rgba(0,0,0,0.2);-webkit-transform-origin:100% bottom;transform-origin:0 bottom;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transition:-webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}@media (max-width: 500px){.popup-sapo .content{width:250px}}.popup-sapo .content .title{font-size:20px;font-weight:700;margin-bottom:20px}.popup-sapo .content .close-popup-sapo{position:absolute;right:5px;top:5px;cursor:pointer}.popup-sapo .content .close-popup-sapo svg{width:15px;height:15px}.popup-sapo .content .close-popup-sapo svg path{fill:#fff}.popup-sapo .content ul li:not(:last-child){margin-bottom:10px}.popup-sapo .content ul li svg{transform:translateY(-1px);margin-right:10px}.popup-sapo .content ul li svg path{fill:#fff}.popup-sapo .content ul li a{color:#fff}.popup-sapo .content ul li a:hover{opacity:0.6}.popup-sapo.active .content{-ms-transition-delay:0.1s;-webkit-transition-delay:0.15s;transition-delay:0.1s;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}@media (min-width: 1200px){.section-product .col-md-3{width:20%}}@media (max-width: 1199px){.section-product .col-md-3:nth-child(5){display:none}}@media (max-width: 1199px) and (min-width: 992px){.section-blog .list-blogs .blog-inner .thumbnail-article{width:84px !important}}@media (max-width: 991px) and (min-width: 768px){.section-blog .list-blogs .blog-inner .thumbnail-article{width:85px !important}}@media (max-width: 767px){.awe-section-2{margin-bottom:5px}.section-product .col-xs-6:nth-child(2n+1){clear:left}.section-banner .row .item{margin-bottom:15px}.product-box .special-price{display:block}}
