* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fa { font-family: "FontAwesome" !important; } html, body { border: 0; background-color: #fff; } html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; } img { max-width: 100%; } body { color: var(--shop-color-text); line-height: 1.45; font-size: 14px; background: var(--shop-color-bg); font-family: "Quicksand", sans-serif; overflow-x: hidden; position: initial; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 1.2 - HTML5 Elements */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block; } /* 1.3 - Typography */ h1, h2, h3, h4, h5, h6 { color: var(--shop-color-title); margin: 0 0 13px 0; font-weight: 700; line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--shop-color-title); } p { margin: 0; } img { max-width: 100%; } /* 1.4 - Links and Buttons */ a { color: var(--shop-color-text); text-decoration: none; outline: none; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { color: var(--shop-color-hover); text-decoration: none; outline: none; } a:active { outline: none; } strong { font-weight: 700; } em { font-style: italic; } textarea { resize: none; } /* 1.5 - Lists */ ul, ol { padding: 0; margin: 0; list-style-type: none; } .typeList-style * { max-width: 100% !important; } .typeList-style ul { list-style: initial; padding-left: 20px; } .typeList-style ol { list-style-type: decimal; padding-left: 20px; } .typeList-style ul ul { list-style-type: circle; } .typeList-style ul ul ul { list-style-type: square; } .typeList-style ul li, .typeList-style ol li { margin: 5px 0; } /* 1.6 - Variable */ .product-loop .proloop-detail h3 a, .section-heading .hTitle, .home-blogs .article-item__detail .art-title a, .article-loop .article-title .post-title a, .article-loop .article-detail .entry-content, .list-blogs-latest .item-article .post-content h3 a { white-space: initial; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } /*-----End Variable---*/ /* 1.7 - Button */ .button { position: relative; display: inline-block; z-index: 1; overflow: hidden; padding: 8px 24px; line-height: normal; color: #fff; border-radius: 20px; background-color: var(--shop-color-hover); border: 0; font-size: 13px; font-weight: 500; text-align: center; letter-spacing: 1px; text-transform: uppercase; outline: none !important; -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .button:before { content: ''; display: block; background-color: var(--shop-color-button); position: absolute; left: -2px; top: 0; right: -2px; bottom: 0; z-index: -1; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .button.btnred { background-color: #e70505; border-color: #e70505; } .button.btnred:before { background: #ff0000; } @media (min-width: 992px) { .button:hover, .button:focus { border-color: var(--shop-color-hover); color: #ffffff; } .button:hover:before, .button:focus:before { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .button.btnred:hover, .button.btnred:focus { color: #fff; border-color: #ff0000; } } /* 1.8 - Anmaiton css3 */ @-webkit-keyframes marginRight { 0% { background-position: 90%; } 100% { background-position: 15%; } } @keyframes marginRight { 0% { background-position: 90%; } 100% { background-position: 15%; } } @-webkit-keyframes h-alo-ring-ring { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes h-alo-ring-ring { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @-webkit-keyframes widthAnimation { 0% { width: 0; opacity: 1; } 80% { width: 100%; opacity: 1; } 100% { width: 100%; opacity: 0; } } @keyframes widthAnimation { 0% { width: 0; opacity: 1; } 80% { width: 100%; opacity: 1; } 100% { width: 100%; opacity: 0; } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } @-webkit-keyframes sticky_header_animation { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes sticky_header_animation { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes scroll-in { 0% { top: 2px; } 49% { top: -14px; } 50% { top: 19px; } 100% { top: 2px; } } @keyframes scroll-out { 0% { top: 2px; } 49% { top: 19px; } 50% { top: -14px; } 100% { top: 2px; } } @keyframes popoverTheLookDot { from { opacity: 0.6; transform: scale(0.6); } to { opacity: 0; transform: scale(1.2); } } @keyframes scaleDown1 { 0% { transform: scale(1); opacity: 0; } 1% { transform: scale(0); } 100% { transform: scale(1); opacity: 1; } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotateIconLoad { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @-webkit-keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @keyframes pulseSmall { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 50% { opacity: 0.6; } 100% { -webkit-transform: scale(3.4); transform: scale(3.4); opacity: 0; } } @keyframes shine { 100% { left: 125%; } } @keyframes spinner { to { transform: rotate(360deg); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes slideshowFade { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes slideshowFade { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes pulsate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 50% { opacity: 0.6; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes iconSkew { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes pulselive { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 0.3; } } @keyframes blinker { 50% { opacity: 0; } } @keyframes twinkle { 50% { opacity: 0.5; transform: scale(1.3); } } /* 2.0 - CSS  General */ .dFlex-row { display: flex; display: -ms-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; } @media (max-width: 767px) { .dFlex-row { margin-left: -7px; margin-right: -7px; } .col-pd { padding: 0 7px; } } .hide { display: none; } .mainBody-theme.body-scroll { overflow: hidden; } table { border-spacing: 0; width: 100%; border-collapse: collapse; } .owl-carousel.slider-owl .owl-item img { text-align: center; margin: auto; overflow: hidden; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: initial !important; } img.lazyload:not([src]) { visibility: hidden; } /*.product-loop.product-horizontal .product--image .prod-img img:not(.lazyloaded) {min-height:140px;}*/ .lazyloading { opacity: 0.3; -webkit-filter: blur(5px); filter: blur(5px); transition: opacity 300ms, filter 400ms; -webkit-transition: opacity 300ms, filter 400ms; } .lazyloaded { opacity: 1; -webkit-filter: blur(0); filter: blur(0); transition: opacity 300ms, filter 400ms; -webkit-transition: opacity 300ms, filter 400ms; } .sitebox-recaptcha { padding: 6px 0 0; text-align: left; color: #9e9e9e; font-size: 13px; clear: both; } .sitebox-recaptcha a { color: #2962ff; } .grecaptcha-badge { visibility: hidden; } .boxlazy-img__insert { position: relative; height: 0; display: block; width: 100%; padding-bottom: 100%; } .boxlazy-img__insert img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; padding: 10px; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev, .owlCarousel-style.owl-carousel .owl-nav .owl-next { position: absolute; top: -50px; z-index: 3; width: 30px; height: 30px; line-height: 28px; font-size: 14px; border-radius: 50%; color: #858380; background: #fff; border: 1px solid var(--shop-color-border); outline: none; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev span, .owlCarousel-style.owl-carousel .owl-nav .owl-next span { font-size: 0; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev span:before, .owlCarousel-style.owl-carousel .owl-nav .owl-next span:before { content: ""; font-family: 'FontAwesome'; font-size: 22px; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev { right: 47px; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev span:before { content: "\f104"; } .owlCarousel-style.owl-carousel .owl-nav .owl-next { right: 7px; } .owlCarousel-style.owl-carousel .owl-nav .owl-next span:before { content: "\f105"; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev.disabled, .owlCarousel-style.owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev.disabled:hover, .owlCarousel-style.owl-carousel .owl-nav .owl-next.disabled:hover { background: #fff; color: #858380; cursor: no-drop; } .owlCarousel-style.owl-carousel:not(.owl-loaded) .slider-item { -webkit-flex: 0 0 100%; flex: 0 0 100%; } .owlCarousel-style.owl-carousel .owl-stage { margin: 5px 0; display: flex; display: -ms-flex; } .owlCarousel-style .owl-dots { position: absolute; left: 0; right: 0; bottom: -50px; text-align: center; } .owlCarousel-style .owl-dots .owl-dot { margin: 0 3px; outline: 0; } .owlCarousel-style .owl-dots .owl-dot span { display: flex; display: -ms-flex; display: -webkit-flex; width: 7px; height: 7px; margin: 5px; border-radius: 50%; background: #928c8c; } .owlCarousel-style .owl-dots .owl-dot.active { border-radius: 50%; border: 2px solid #000000; } .owlCarousel-style .owl-dots .owl-dot.active span { background: #000000; } .owlCarousel-style .product-loop .product-inner { margin-bottom: 0; } @media (min-width: 992px) and (max-width: 1199px) { .owlCarousel-style.owl-carousel .owl-nav .owl-prev { right: 47px; } .owlCarousel-style.owl-carousel .owl-nav .owl-next { right: 7px; } } @media (min-width: 992px) { .owlCarousel-style.owl-carousel .owl-nav .owl-prev:hover, .owlCarousel-style.owl-carousel .owl-nav .owl-next:hover { background: var(--shop-color-button); color: #fff; } } @media (max-width: 767px) { .owlCarousel-style .owl-item:hover { box-shadow: none; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev, .owlCarousel-style.owl-carousel .owl-nav .owl-next { top: -45px; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev span:before, .owlCarousel-style.owl-carousel .owl-nav .owl-next span:before { font-size: 18px; } .owlCarousel-style.owl-carousel .owl-nav .owl-prev { right: 45px; } .owlCarousel-style.owl-carousel .owl-nav .owl-next { right: 7px; } .owlCarousel-style .owl-dots .owl-dot span { width: 5px; height: 5px; margin: 4px; } .owlCarousel-style .owl-dots { bottom: -30px; } } .owlCarousel-dfex.owl-loaded .owl-stage { -webkit-display: flex; -ms-display: flex; display: flex; margin-top: 3px; } .owlCarousel-dfex.owl-loaded .owl-stage:after { display: none; } .owlCarousel-dfex.owl-loaded .product-loop { height: 100%; margin-bottom: 0; padding-bottom: 14px; } .owlCarousel-dfex.owl-carousel:not(.owl-loaded) { display: flex; display: -ms-flex; overflow: hidden; } .owlCarousel-dfex .owl-item img { width: initial; } @media (min-width: 1200px) { .owlCarousel-dfex:not(.owl-loaded) .product-loop { -webkit-flex: 0 0 16.666666%; flex: 0 0 16.666666%; } } @media (max-width: 1199px) and (min-width: 992px) { .owlCarousel-dfex:not(.owl-loaded) .product-loop { -webkit-flex: 0 0 16.666666%; flex: 0 0 16.666666%; } } @media (max-width: 991px) { .owlCarousel-dfex:not(.owl-loaded) .product-loop { -webkit-flex: 0 0 46%; flex: 0 0 46%; } } @media (max-width: 767px) { .owlCarousel-dfex.owl-loaded .product-loop { padding-bottom: 0; } } .banner-hover-effect { position: relative; overflow: hidden; display: block; } .banner-hover-effect:before, .banner-hover-effect::after { content: ""; position: absolute; height: 0; width: 0; background-color: rgba(255, 255, 255, 0.15); transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; } .banner-hover-effect:before { top: 0; left: 0; z-index: 1; } .banner-hover-effect:after { bottom: 0; right: 0; z-index: 2; } @media (min-width: 1200px) { .banner-hover-effect:hover:before, .banner-hover-effect:hover:after { width: 100%; height: 100%; } .banner-hover-effect img { display: block; margin: 0; height: auto; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .banner-hover-effect:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .flow-zoom { overflow: hidden; } .flow-zoom img { transition: all 400ms ease; -ms-transition: all 400ms ease; -webkit-transition: all 400ms ease; } .flow-zoom:hover img { transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); } /* 2.2 - Breadcrumb */ .breadcrumb-shop { background: var(--shop-color-bg); padding: 0 0px; } .breadcrumb-paralax { position: relative; overflow: hidden; text-align: center; padding: 0px 0; margin-bottom: 40px; background-color: #fafafa; } .breadcrumb-list { overflow: hidden; } .breadcrumb-list .breadcrumb-arrows { font-size: 13px; padding: 9px 0; background: transparent; border-radius: 0; margin: 0; list-style: none; } .breadcrumb-list .breadcrumb-arrows > li { display: inline-block; } .breadcrumb-list .breadcrumb-arrows > li strong { font-weight: 400; } .breadcrumb-list .breadcrumb-arrows > li a { color: var(--shop-color-text); } .breadcrumb-list .breadcrumb-arrows > li + li:before { padding: 0 3px; margin-left: 5px; color: #ccc; font-family: 'FontAwesome'; content: "/\00a0"; } @media (max-width: 767px) { .breadcrumb-list .breadcrumb-arrows { padding: 7px 0; font-size: 12px; display: block; white-space: nowrap; overflow: scroll; margin-bottom: -10px; padding-bottom: 17px; } .breadcrumb-list .breadcrumb-arrows > li + li:before { padding: 0 2px; } } /* 2.3 - Pagination */ #pagination { margin: 30px 0; } #pagination .pagination { margin: 0; padding: 0; justify-content: center; -webkit-justify-content: center; } #pagination .pagination > li { display: inline-block; vertical-align: middle; } #pagination .pagination > li:not(:last-child) { margin-right: 8px; } #pagination .pagination > li > span, #pagination .pagination > li a { position: relative; float: left; line-height: 33px; text-decoration: none; color: #333e48; background-color: #fff; border: 1px solid #dee2e6; width: 35px; height: 35px; text-align: center; border-radius: 0 !important; font-weight: 600; padding: 0; cursor: pointer; } #pagination .pagination > li > span.current, #pagination .pagination > li a.current { background-color: var(--shop-color-main); border-color: var(--shop-color-main); color: #fff; } #pagination .pagination > li > a:hover, #pagination .pagination > li > a:focus, #pagination .pagination > li > span:hover, #pagination .pagination > li > span:focus { z-index: 2; color: #fff; background-color: var(--shop-color-hover); border-color: var(--shop-color-hover); } /* 2.4 - 404 */ .layout-pageNot { padding: 40px 0; } .layout-pageNot h1 span { display: block; color: #fff; font-size: 170px; font-weight: bold; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); } .layout-pageNot .subtext { font-size: 16px; max-width: 520px; margin: 0 auto 30px; font-weight: 400; } @media (min-width: 992px) { .container { max-width: 100%; } .col-lg-cus5 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .container, .container-fluid { max-width: 1400px; } /*.container{max-width:1430px;width:100%;padding:0 80px;}*/ } @media (max-width: 992px) { .row-mg0 { margin: 0; } } @media (max-width: 767px) { .container.container-pd, .container-fluid.container-pd { padding-left: 7px; padding-right: 7px; } .container.container-pd-parent { padding-left: 2px; padding-right: 2px; } .container.container-pd0 { padding-left: 0px; padding-right: 0px; } .row-mg-parent { margin: 0 -2px; } } /* 2.5 - CSS Loading  */ .animated-background, .loading-mask .loading-mask__image .mask-line, .loading-mask .loading-mask__detail .mask-line { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #F6F6F6; background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%); background-size: 800px 104px; position: relative; } .loading-mask .loading-mask__image { position: relative; overflow: hidden; width: 100%; } .loading-mask .loading-mask__detail { padding: 10px; } .loading-mask .loading-mask__detail .mask-line { height: 10px; width: 100%; border-radius: 8px; margin: 4px 0; } .loading-mask .loading-mask__detail .mask-line:nth-child(2) { width: 80%; } .loading-mask .loading-mask__detail .mask-line:nth-child(3) { width: 65%; } .product-loop-load { border: 1px solid #eae8e4; margin-left: -1px; margin-bottom: -1px; } .product-loadding { padding-left: 0; padding-right: 0; } .btn-loadmore { position: relative; color: var(--shop-color-button); border: 1px solid var(--shop-color-button); background: var(--shop-color-hover); margin-top: 20px; text-transform: initial; font-size: 14px; border-radius: 4px; padding: 10px 25px; } .btn-loadmore:before { background: #fff; } .btn-loadmore:after { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 20px; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: var(--shop-color-button); animation: spinner .6s linear infinite; opacity: 0; transition: opacity 1s ease; } .btn-loadmore.btn-loading { padding-left: 40px; padding-right: 10px; } .btn-loadmore.btn-loading:after { opacity: 1; } .wrapperMain_content { min-height: 80vh; padding-bottom: 0; } @media (max-width: 1199px) and (min-width: 992px) { .wrapperMain_content { min-height: 65vh; } } /*======== coupon -- popover ==========*/ .coupon-popover { margin-left: 15px; margin-right: 15px; max-width: 400px; font-family: inherit; font-size: 13px; z-index: 500; padding: 0; border: 0; border-radius: 8px; background: #ffffff; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; } .coupon-popover .popover-header { display: none; text-align: center; background: #ffffff; border-radius: 16px 16px 0 0; font-size: 20px; padding: 15px 10px; font-weight: 600; width: 100%; color: #242424; border-bottom: 0; } .coupon-popover .popover-body { width: 360px; border-radius: 8px; background: #ffffff; padding: 24px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; } .coupon-popover .popover-content__coupon { font-size: 13px; color: #000000; } .coupon-popover .popover-content__coupon .dfex-txt { padding: 12px 24px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coupon-popover .popover-content__coupon .dfex-txt.dfex-none { display: none; } .coupon-popover .popover-content__coupon .dfex-txt--1 { width: 33%; min-width: 100px; flex: 0 0 auto; font-size: 13px; line-height: 20px; color: #787878; } .coupon-popover .popover-content__coupon .dfex-txt--2 { padding-left: 20px; } .coupon-popover .popover-content__coupon .dfex-txt--2 span { width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-left: 6px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22labrj0lkfa%22%20d%3D%22M6.527%202.099c.521%200%20.946.425.949.948v8.004c0%20.524-.425.949-.949.949H.95C.425%2012%200%2011.575%200%2011.051V3.047C0%202.524.425%202.1.949%202.1zm-.002.663H.946c-.157%200-.285.128-.285.285v8.002c0%20.157.128.285.285.285h5.579c.157%200%20.285-.128.285-.285V3.047c0-.157-.128-.285-.285-.285zM8.66%200c.524%200%20.949.425.949.949v8.004c0%20.523-.425.948-.949.948-.184%200-.332-.147-.332-.331%200-.185.148-.332.332-.332.158%200%20.285-.128.285-.285V.949c0-.158-.127-.285-.285-.285H3.082c-.158%200-.285.127-.285.285%200%20.184-.148.331-.332.331-.184%200-.332-.147-.332-.331%200-.524.425-.949.949-.949z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-2760%20-4524%29%20translate%282708%2080%29%20translate%2852%204304%29%20translate%280%20140%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23E5F2FF%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%286%206%29%20translate%281%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22n5b3eobj0b%22%20fill%3D%22%23fff%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23787878%22%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23017FFF%22%20mask%3D%22url%28%23n5b3eobj0b%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200H12V12H0z%22%20transform%3D%22translate%28-1%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 24px; } .coupon-popover .popover-content__coupon .dfex-txt--3 { width: 100%; } .coupon-popover .popover-content__coupon .dfex-txt--3 ul { list-style-type: disc; margin-bottom: 0; margin-top: 0; margin-left: 16px; } .coupon-popover .popover-content__coupon .dfex-txt--3 ul li { list-style-position: outside; } .coupon-popover .popover-content__coupon .dfex-txt--3 ul li + li { margin-top: 3px; } .coupon-popover .popover-content__coupon .dfex-txt--3 ul li::marker { color: #000; } .coupon-popover .popover-content__coupon .dfex-txt--cta { width: 100%; } .coupon-popover .popover-content__coupon .dfex-txt--cta .btn-popover { display: block; width: 100%; padding: 0px 12px; font-size: 13px; height: 44px; line-height: 42px; border-radius: 4px; font-weight: 500; color: #fff; background: red; border: 1px solid red; } .coupon-popover .popover-content__coupon .dfex-txt--cta .btn-popover + .btn-popover { margin-top: 12px; color: red; background: #fff; } .coupon-popover .popover-content__coupon .dfex-bkg:nth-child(2n+1) { background-color: #fafafa; } .coupon-popover.top > .arrow { border-top-color: #ffffff; } .coupon-popover.bottom > .arrow { border-bottom-color: #ffffff; } .coupon-popover.left > .arrow { border-left-color: #ffffff; } .coupon-popover.right > .arrow { border-right-color: #ffffff; } .coupon-popover.bs-popover-top > .arrow::before { border-top-color: #ffffff; } @media (max-width: 767px) { .coupon-popover { position: fixed !important; z-index: 1010; width: 100%; max-width: 100%; left: 0 !important; right: 0 !important; top: initial !important; bottom: 0; margin: 0; -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important; transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); background: #ffffff; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; border-radius: 16px 16px 0 0; } .coupon-popover.fade.show { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } .coupon-popover .popover-header { display: block; } .coupon-popover .popover-header:before { content: ""; position: absolute; left: calc(50% - 24px); top: -14px; width: 48px; height: 6px; border-radius: 3px; background: #ffffff; } .coupon-popover .popover-body { margin-left: 0; margin-right: 0; border-radius: 0; box-shadow: none; padding: 0; width: 100%; } .coupon-popover .arrow { display: none; } .coupon-popover .popover-content__coupon .dfex-txt { padding: 12px 20px; } .coupon-popover .popover-content__coupon .dfex-txt.dfex-none { display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (max-width: 767px) { .modal-coupon--backdrop { position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; height: 100%; z-index: 999; display: none; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .modal-coupon--backdrop.js-modal-show { display: block; opacity: 1; visibility: visible; pointer-events: auto; } } /*=== HEADER ++ FOOTER ++ MAINMENU ======================*/ .topbar { text-align: center; font-weight: 500; font-size: 13px; padding: 8px 0; position: relative; display: block; overflow: hidden; background: #1e3183; color: #ffffff; } .topbar .owl-carousel:not(.owl-loaded) { display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; } .topbar .owl-carousel:not(.owl-loaded) .discount { -webkit-flex: 0 0 100%; flex: 0 0 100%; } .topbar .owl-carousel.owl-loaded .owl-stage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .topbar .owl-carousel.owl-loaded .owl-stage .discount { height: 100%; } .topbar .topbar-slideText .owl-nav button.owl-next, .topbar .topbar-slideText .owl-nav button.owl-prev { color: #ffffff; } .topbar .topbar-slideText { position: relative; overflow: hidden; } .topbar .topbar-slideText li:not(:first-child) { display: none; } .topbar .topbar-slideText li.txt-none { display: none; } .topbar .topbar-slideText li.txt-block { display: inline-block; } .topbar .topbar-slideText .owl-nav button.owl-prev, .topbar .topbar-slideText .owl-nav button.owl-next { position: absolute; top: calc(50% - 14px); padding: 0; opacity: 0; height: 28px; width: 28px; line-height: 28px; text-align: center; display: inline-block; text-align: center; color: #ffffff; background-color: transparent; border: 0; outline: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .topbar .topbar-slideText .owl-nav button.owl-prev { left: 0px; } .topbar .topbar-slideText .owl-nav button.owl-next { right: 0px; } .topbar .topbar-slideText .owl-nav button.owl-prev:before, .topbar .topbar-slideText .owl-nav button.owl-next:before { content: ""; font-family: 'FontAwesome'; font-size: 22px; } .topbar .topbar-slideText .owl-nav button.owl-prev:before { content: "\f104"; } .topbar .topbar-slideText .owl-nav button.owl-next:before { content: "\f105"; } .topbar .topbar-slideText .owl-nav button.owl-prev:hover, .topbar .topbar-slideText .owl-nav button.owl-next:hover { color: var(--shop-conlor-text); } .topbar .topbar-slideText:hover .owl-nav button { opacity: 1; } .topbar .discount { padding: 0 45px; display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; -ms-justify-content: center; justify-content: center; } @media (max-width: 767px) { .topbar { font-size: 12px; } .topbar .topbar-slideText .discount { padding: 0 22px; } .topbar .topbar-slideText .owl-nav button.owl-prev { left: -10px; opacity: 1; } .topbar .topbar-slideText .owl-nav button.owl-next { right: -10px; opacity: 1; } } .sitenav-content .btnclose { display: none; width: 30px; height: 30px; position: absolute; right: 10px; top: 13px; z-index: 5; border: 0; background: transparent; text-align: center; outline: none; } .sitenav-content .btnclose svg { width: 16px; height: 30px; } .sitenav-content__title { position: relative; padding: 0 0 10px; border-bottom: 1px solid var(--shop-color-border); text-align: center; } .sitenav-content__title .btn-close { display: none; width: 32px; height: 30px; position: absolute; right: 0; top: -6px; border: 0; background: transparent; text-align: center; outline: none; } .sitenav-content__title .btn-close svg { width: 18px; height: 30px; } .sitenav-content__title .txt-title { font-size: 18px; color: var(--shop-color-title); text-transform: uppercase; letter-spacing: 0.5px; margin: 0; font-weight: 500; } .sitenav-content__block { padding-top: 20px; } @media (min-width: 992px) { .sitenav-content .sitenav-boxscroll { overflow-y: scroll; max-height: 55vh; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: none; margin-right: -20px; padding-right: 20px; } .sitenav-content .sitenav-boxscroll::-webkit-scrollbar { width: 4px; height: 3px; } .sitenav-content .sitenav-boxscroll::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; } .sitenav-content .sitenav-boxscroll::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: #e1e3e4; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .sitenav-content .sitenav-boxscroll::-webkit-scrollbar-thumb:window-inactive { background: #e1e3e4; } } @media (max-width: 767px) { .sitenav-content .btnclose { display: block; } .sitenav-content__title { text-align: left; padding-right: 40px; } .sitenav-content__title .btn-close { display: block; } .sitenav-content__title .txt-title { font-size: 15px; } } .sitenav-locate .sitenav-content__block { padding-top: 15px; } .sitenav-locate .sitenav-content__block .boxaddress { border: 1px solid rgba(16, 16, 16, 0.18); border-radius: 5px; padding: 6px 15px; font-size: 13px; background: rgba(16, 16, 16, 0.1); color: var(--shop-color-text); } .sitenav-locate .sitenav-content__block .boxaddress span { display: block; font-weight: 500; } .sitenav-locate .sitenav-content__block .boxprovince { padding: 10px 0; } .sitenav-locate .sitenav-content__block .boxprovince .textprov { color: #000; font-weight: 500; margin-bottom: 10px; } .sitenav-locate .sitenav-content__block .boxprovince .listprov li { position: relative; cursor: pointer; padding: 10px 0 10px 35px; transition: background 0.4s ease; font-size: 13px; color: var(--shop-color-text); border-top: 1px dotted var(--shop-color-border); } .sitenav-locate .sitenav-content__block .boxprovince .listprov li .address-name { display: block; font-weight: 600; } .sitenav-locate .sitenav-content__block .boxprovince .listprov li .icmap { width: 18px; height: 18px; position: absolute; top: 15px; left: 8px; } .sitenav-locate .sitenav-content__block .boxprovince .listprov li:hover { background: rgba(16, 16, 16, 0.05); } .sitenav-locate .sitenav-content__block .boxfilter { margin-bottom: 3px; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select { margin-right: -5px; margin-left: -5px; display: -ms-flexbox; display: flex; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 50%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item .field-select { position: relative; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item .field-select:after { content: ''; position: absolute; top: calc(50% - 5px); right: 12px; border: solid #666666; border-width: 0px 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item label { display: block; font-weight: 500; font-size: 13px; margin: 0 0 5px; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select { padding: 0px 8px; padding-right: 25px; cursor: pointer; outline: none; text-overflow: ellipsis; border-radius: 4px; height: 34px; line-height: 32px; background: #ffffff; border: 1px solid var(--shop-color-border); font-size: 13px; width: 100%; color: #000; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select:-ms-expand { display: none; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select:invalid { color: #677279; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select [disabled] { color: #ededed; font-weight: 300; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select option { color: #000; font-weight: 500; line-height: 18px; } .sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select option[value="null"] { color: #677279; } .sitenav-search { margin-bottom: 20px; } .sitenav-search form.searchform { position: relative; padding: 0; } .sitenav-search form.searchform input.input-search { height: 44px; line-height: 28px; padding: 8px 50px 8px 20px; width: 100%; background: #f6f6f6; border: 1px solid var(--shop-color-border); font-size: 15px; font-weight: 500; margin: 0; display: inline-block; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .sitenav-search form.searchform .btn-search { width: 50px; height: 44px; line-height: 40px; position: absolute; padding: 0; top: 0px; right: 0px; background: transparent; transition: opacity 150ms linear; } .sitenav-search form.searchform .btn-search svg { width: 18px; height: 44px; opacity: 0.4; } .sitenav-search form.searchform input.input-search:focus { background: #f2f5fa; outline: none; border-color: var(--shop-color-main); } .sitenav-search form.searchform.expanded .btn-search svg { opacity: 1; } .sitenav-search .smart-search-wrapper .dataEmpty { padding-bottom: 0px; } .sitenav-search .search-menu-suggest { padding: 20px 0 0; border-radius: 3px; } .sitenav-search .search-menu-suggest .title h3 { font-size: 20px; } .sitenav-search .search-menu-suggest .list-suggest { display: flex; flex-direction: column; } .sitenav-search .search-menu-suggest .list-suggest > a { padding: 10px 0; font-weight: 600; } .sitenav-search .search-menu-suggest .list-suggest > a:not(:last-child) { border-bottom: 1px solid #f2f3f5; } .sitenav-search .search-menu-suggest .list-suggest > a span { font-weight: 400; } .sitenav-cart .cart-view-scroll .mini-cart__item { position: relative; border-bottom: 1px dotted var(--shop-color-border); } .sitenav-cart .cart-view-scroll .mini-cart__item:last-child { border-bottom: 0; } .sitenav-cart .cart-view-scroll .mini-cart__item td { padding-top: 12px; padding-bottom: 12px; position: relative; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__left { width: 90px; padding-right: 15px; max-width: none; text-align: center; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__left img { display: block; border: 1px solid #ededed; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__left .mnc-gift { position: absolute; top: 5px; left: 0px; display: block; padding: 4px; background: #ffffff; border: 1px solid #ededed; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 50%; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__left .mnc-gift img { border: 0; margin: auto; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right { padding-left: 5px; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__title .mnc-title { display: block; font-size: 12px; font-weight: 600; padding-right: 28px; text-transform: uppercase; color: var(--shop-color-text); } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__title .mnc-variant { display: block; font-size: 13px; margin: 0px 0 7px; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__quantity .qty-value { float: left; width: 38px; height: 28px; background: #fff; text-align: center; font-size: 13px; font-weight: 600; line-height: 1; color: #252a2b; border: 1px solid #f3f4f4; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__quantity .qty-value:focus { outline: none; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__quantity .qty-btn { display: none; float: left; font-weight: 500; padding: 0 2px; height: 28px; width: 28px; text-align: center; background: #f9f9f9; color: var(--shop-color-text); border: 1px solid #f3f4f4; border-radius: 3px; outline: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__quantity .qty-btn svg { width: 11px; height: 27px; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__quantity .qty-btn:first-child { border-right: 0; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__quantity .qty-btn:last-child { border-left: 0; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__price { display: flex; display: -ms-flex; flex-direction: column; justify-content: flex-end; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__price .mnc-price { display: block; text-align: right; float: right; line-height: 26px; font-weight: 600; color: var(--shop-color-text); } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__price .mnc-ori-price { text-align: right; float: right; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__remove { position: absolute; right: 0px; top: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__remove a { width: 20px; height: 20px; line-height: 20px; display: block; color: var(--shop-color-text); } .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__remove a svg { width: 12px; } .sitenav-cart .cart-view-scroll .mini-cart__empty td { padding-top: 0; padding-bottom: 20px; position: relative; text-align: center; } .sitenav-cart .cart-view-scroll .mini-cart__empty .svgico-mini-cart svg { stroke: var(--shop-color-main); width: 50px; height: 50px; margin: auto; } .sitenav-cart .cart-view-line { clear: both; width: 100%; border-top: 1px solid var(--shop-color-border); margin: 0 0 5px; } .sitenav-cart .cart-view-total .mnc-total { font-weight: 500; color: #252a2b; padding: 10px 0; } .sitenav-cart .cart-view-total #total-view-cart { font-weight: 600; font-size: 16px; color: red; } .sitenav-cart .cart-view-total .mini-cart__button a.linktocheckout, .sitenav-cart .cart-view-total .mini-cart__button a.linktocart { margin: 5px 0 0; font-size: 12px; padding: 10px 10px; width: 100%; background-color: #ff0000; border-color: #ff0000; } .sitenav-cart .cart-view-total .mini-cart__button a.linktocart:before { background-color: #ff0000; } .sitenav-cart .cart-view-total .mini-cart__button td { width: 100%; } @media (min-width: 992px) { .sitenav-cart .cart-view-scroll { overflow-y: scroll; max-height: 320px; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: none; margin-right: -20px; padding-right: 20px; } .sitenav-cart .cart-view-scroll .mini-cart__empty .svgico-mini-cart { padding: 10px 0 5px; } .sitenav-cart .cart-view-scroll::-webkit-scrollbar { width: 4px; height: 3px; } .sitenav-cart .cart-view-scroll::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; } .sitenav-cart .cart-view-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: #e1e3e4; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .sitenav-cart .cart-view .cart-view-scroll::-webkit-scrollbar-thumb:window-inactive { background: #e1e3e4; } } @media (max-width: 991px) { .sitenav-cart .cart-view-scroll .mini-cart__item .mini-cart__right .mini-cart__title { margin-bottom: 0; } } .sitenav-account .site_account_panel_list { position: relative; height: 100%; overflow: hidden; transition: height 0.2s ease-in-out; } .sitenav-account .site_account_panel_list .site_account_header { margin: 0 0 20px; padding-bottom: 8px; text-align: center; border-bottom: 1px solid var(--shop-color-border); } .sitenav-account .site_account_panel_list .site_account_header .site_account_title { font-size: 18px; color: var(--shop-color-title); text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; margin: 0; } .sitenav-account .site_account_panel_list .site_account_header .site_account_title.size-small { font-size: 15px; } .sitenav-account .site_account_panel_list .site_account_header .site_account_legend { margin: 5px 0 0; font-size: 14px; } .sitenav-account .site_account_panel_list .site_account_panel { width: 100%; visibility: hidden; transition: visibility 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1); } .sitenav-account .site_account_panel_list .site_account_panel.site_account_default { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .sitenav-account .site_account_panel_list .site_account_panel.site_account_sliding { position: absolute; top: 0; left: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .sitenav-account .site_account_panel_list .site_account_panel.is-selected { -webkit-transform: translateX(0); transform: translateX(0); } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner form .form__input-wrapper { position: relative; width: 100%; margin-bottom: 12px; } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner form .form__input-wrapper .form__field { display: block; padding: 14px 10px 3px; border-radius: 2px; border: 1px solid #d4d6d8; width: 100%; line-height: normal; height: 42px; color: #1e2d7d; -webkit-appearance: none; resize: none; font-size: 12px; outline: none; box-shadow: 0 1px rgba(212, 214, 216, 0.25) inset; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner form .form__input-wrapper .form__floating-label { position: absolute; left: 10px; top: 0; line-height: 42px; font-size: 12px; margin-bottom: 0; color: #677279; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: left top; transform-origin: left top; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; pointer-events: none; } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner form .form__input-wrapper .form__field:focus + .form__floating-label, .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner form .form__input-wrapper .form__field.is-filled + .form__floating-label { -webkit-transform: translateY(-5px) scale(0.8); transform: translateY(-5px) scale(0.8); } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner form .form__submit { width: 100%; outline: none; padding: 0px 28px; height: 42px; line-height: 42px; } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner .site_account_secondary-action { margin-top: 16px; font-size: 12px; } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner .site_account_secondary-action > p { margin-bottom: 4px; } .sitenav-account .site_account_panel_list .site_account_panel .site_account_inner .site_account_secondary-action > p .link { color: var(--shop-color-main); transition: color 0.2s ease-in-out; background: transparent; border: none; border-radius: 0; padding: 0; outline: none; } .sitenav-account .site_account_panel_list .site_account_info { text-align: left; font-size: 14px; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul { margin: 0; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li { position: relative; margin-bottom: 5px; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li.user-name { margin-top: -5px; margin-bottom: 8px; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li:not(.user-name) { padding-left: 10px; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li:not(.user-name):before { content: ""; height: 4px; width: 4px; border-radius: 50%; position: absolute; left: 0; top: 10px; background: var(--shop-color-text); } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li span { font-size: 15px; color: #282c2d; font-weight: 500; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li a { color: var(--shop-color-text); padding: 0 4px; margin-bottom: 10px; } .sitenav-account .site_account_panel_list .site_account_info .site_account_inner ul li a:hover { color: var(--shop-color-hover); } .sitenav-overlay { background: rgba(225, 225, 225, 0.05); position: fixed; left: 0; top: 0; z-index: 90; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 200ms linear; } .sitenav-menu { position: relative; max-width: 100vw; height: 100%; overflow: hidden; z-index: 100; } .sitenav-menu .menu-mobile--wrap { height: 100%; } .sitenav-menu .menu-mobile--wrap .menu-mobile--acc { padding: 15px 0 15px 15px; display: flex; background: #000; color: #fff; } .sitenav-menu .menu-mobile--wrap .menu-mobile--acc span, .sitenav-menu .menu-mobile--wrap .menu-mobile--acc a { color: #fff; } .sitenav-menu .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-info { width: calc(100% - 50px); } .sitenav-menu .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-btn { width: 40px; line-height: 40px; height: 40px; text-align: center; } .sitenav-menu .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-btn svg { width: 15px; height: 15px; fill: #fff; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom { height: calc(100% - 10px); overflow-y: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu { position: absolute; top: 0px; left: 0px; z-index: 9; width: 100%; height: 100%; overflow: hidden; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mp-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu { height: 100%; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul { margin: 0; padding: 0; list-style: none; position: absolute; height: calc(100% - 0px); padding-bottom: 80px; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; left: 0; right: 0; background: #fff; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul.hidden-child { display: none; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul:not(.hidden-child) { display: block; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li { position: relative; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a { display: block; padding: 15px 15px 15px 0; margin-left: 15px; text-transform: uppercase; outline: none; border-bottom: 1px solid #eeeeee; text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); font-size: 14px; font-weight: 700; color: var(--shop-color-text); -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a i { position: absolute; right: 10px; top: 50%; color: #757575; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a i svg { width: 8px; height: 12px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list.list-root { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list.list-root.mm-subopened { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li a, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li a, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li a { display: block; padding: 15px 15px 15px 0; margin-left: 15px; outline: none; border-bottom: 1px solid #e1e3e4; text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); font-size: 14px; color: var(--shop-color-text); -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li span, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li span, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li span { margin-right: 4px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li:first-child a, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li:first-child a, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li:first-child a { color: #000000; background: #fff; text-transform: uppercase; font-weight: 500; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li:first-child a i, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li:first-child a i, .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li:first-child a i { padding-right: 10px; font-weight: 700; font-size: 15px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li { position: relative; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li.level-2 a i { position: absolute; right: 10px; top: 50%; color: #757575; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li.level-2 a i svg { width: 8px; height: 12px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li { position: relative; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li.level-3 a i { position: absolute; right: 10px; top: 50%; color: #757575; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li.level-3 a i svg { width: 8px; height: 12px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child.mm-sub { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3.mm-sub-3 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section { padding: 16px 20px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__section-title { font-size: 15px; color: #101010; line-height: 1.85; text-transform: uppercase; font-weight: 500; font-style: normal; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper { color: #677279; display: flex; display: -ms-flex; align-items: center; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-phone { margin-right: 16px; width: 24px; height: 24px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-email { margin-right: 18px; width: 22px; height: 22px; } .sitenav-menu .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper a { border-bottom: 0 !important; text-transform: none !important; } .topbar-banner { position: relative; } .topbar-banner svg { position: absolute; top: calc(50% - 13px); right: 34px; width: 26px; height: 26px; cursor: pointer; } @media (max-width: 991px) { .topbar-banner svg { top: calc(50% - 7px); right: 10px; width: 14px; height: 14px; } } .mainHeader { background: #fff; width: 100%; transition: -webkit-box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } .mainHeader .flex-container-header { margin: 0 -15px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; } .mainHeader .flex-container-header > div[class*='header-wrap-'] { padding: 0 15px; } .mainHeader .header-wrap-menu .navbar-mainmenu { text-align: center; } .mainHeader .header-wrap-menu ul.menuList-primary { margin: 0; position: relative; z-index: 99; display: flex; align-items: center; justify-content: center; } .mainHeader .header-wrap-menu ul.menuList-primary > li { display: inline-block; padding: 0 20px; transition: all 0.2s linear; /*&:before { content: ""; position: absolute;bottom:-1px;left: 0;right: 0;margin:auto;border-radius: 0;z-index:-1; background-color:var(--shop-color-text);height:2px; -webkit-transform: scaleX(0);	transform: scaleX(0); -webkit-transform-origin: 100%;transform-origin: 100%; -webkit-transition-property: transform;	transition-property: transform; -webkit-transition-duration: 0.5s;transition-duration: 0.5s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }*/ } .mainHeader .header-wrap-menu ul.menuList-primary > li.has-submenu { position: relative; } .mainHeader .header-wrap-menu ul.menuList-primary > li.has-submenu:nth-child(5) .dropdowm-menu { min-width: 800px; } .mainHeader .header-wrap-menu ul.menuList-primary > li.has-submenu:nth-child(5) .dropdowm-menu, .mainHeader .header-wrap-menu ul.menuList-primary > li.has-submenu:nth-child(6) .dropdowm-menu { left: unset; right: 0; } @media (max-width: 1400px) { .mainHeader .header-wrap-menu ul.menuList-primary > li.has-submenu:nth-child(5) .dropdowm-menu, .mainHeader .header-wrap-menu ul.menuList-primary > li.has-submenu:nth-child(6) .dropdowm-menu { min-width: 700px; } } .mainHeader .header-wrap-menu ul.menuList-primary > li > a { color: var(--shop-color-text); opacity: 0.85; position: relative; z-index: 2; display: block; padding: 10px 4px; width: 100%;font-weight: 600; font-size: 15px; -webkit-transition: none; transition: none; } .mainHeader .header-wrap-menu ul.menuList-primary > li > a i { display: inline-block; vertical-align: middle; font-size: 8px; margin-left: 0; -webkit-transition: transform .2s; -moz-transition: transform .2s; -o-transition: transform .2s; transition: transform .2s; } .mainHeader .header-wrap-menu ul.menuList-primary > li > a.blink-blink { animation: blinker 1.5s linear infinite; border-radius: 4px; padding: 5px 12px 5px 20px; color: red !important; border: 1px solid red; text-transform: none; font-weight: 500; background: transparent; outline: none; position: relative; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; overflow: hidden; } .mainHeader .header-wrap-menu ul.menuList-primary > li.active a, .mainHeader .header-wrap-menu ul.menuList-primary > li.active a:focus { opacity: 1; } .mainHeader .header-wrap-menu ul.menuList-primary > li:hover > a, .mainHeader .header-wrap-menu ul.menuList-primary > li.active:hover a { opacity: 1; } .mainHeader .header-wrap-menu ul.menuList-primary > li:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0%; transform-origin: 0%; } .mainHeader .header-wrap-menu ul.menuList-primary > li:hover > a i { opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .mainHeader .header-wrap-menu ul.menuList-primary > li:not(.pblink-blink):hover { background: #000; } .mainHeader .header-wrap-menu ul.menuList-primary > li:not(.pblink-blink):hover > a { color: #f8e21c !important; } .mainHeader .header-wrap-menu ul.menuList-primary > li:not(.pblink-blink):hover .dropdowm-menu { opacity: 1; visibility: visible; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu { background: #fff; position: absolute; top: 100%; left: 0; min-width: 800px; border: 1px solid #999; display: flex; padding: 20px 10px; opacity: 0; visibility: hidden; transition: all 0.2s linear; z-index: 991; } @media (max-width: 1400px) { .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu { min-width: 750px; } } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain { flex: 0 0 60%; max-width: 60%; display: flex; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain > li { flex: 0 0 calc(100%/2); max-width: calc(100%/2); padding: 0 10px; text-align: left; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain > li > a { position: relative; font-weight: 600; padding-bottom: 5px; display: inline-block; margin-bottom: 5px; border-bottom: 2px solid #000; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain .sub-list-lv3 { display: flex; flex-direction: column; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain .sub-list-lv3 > li { width: 100%; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain .sub-list-lv3 > li a { padding: 5px 0; display: inline-block; color: #000; position: relative; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-submain .sub-list-lv3 > li a .tag_menu { position: absolute; top: 0; left: 110%; width: 30px; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-banner { flex: 0 0 40%; max-width: 40%; padding: 10px; } .mainHeader .header-wrap-menu ul.menuList-primary .dropdowm-menu .menuList-banner img { width: 100%; } @media (max-width: 1199px) and (min-width: 992px) { .mainHeader .header-wrap-menu ul.menuList-primary { /*&>li{margin:0}*/ } .mainHeader .header-wrap-menu ul.menuList-primary > li > a { font-size: 13px; } } .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a { font-size: 26px; font-weight: bold; text-decoration: none; text-transform: uppercase; margin: 0; color: var(--shop-color-main); white-space: initial; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .mainHeader .header-wrap-action .header-action { position: relative; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; } .mainHeader .header-wrap-action .header-action .header-action-item { margin-left: 10px; align-self: center; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text { position: relative; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .box-triangle { position: absolute; width: 22px; height: 15px; top: 100%; z-index: 999; visibility: hidden; opacity: 0; left: 0; right: 0; margin: 0 auto; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .box-triangle svg { -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link { position: relative; display: block; font-size: 13px; color: var(--shop-color-text); white-space: nowrap; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon, .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text { display: inline-block; vertical-align: middle; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text { padding-left: 2px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text .txtnw { font-size: 12px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text .txtbl { font-size: 13px; display: block; font-weight: 500; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text .txt-overflow { white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; max-width: 115px; overflow: hidden; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text .fa { display: inline-block; font-size: 16px; vertical-align: middle; margin-left: 3px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon { position: relative; width: 32px; height: 40px; text-align: center; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg { width: 22px; height: 40px; fill: var(--shop-color-text); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg.svg-ico-account { width: 22px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg.svg-ico-search { width: 20px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .box-icon--close { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transform: scale(0.3); 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; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .box-icon--close svg { width: 18px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .count-holder { display: inline-block; vertical-align: top; background: #ff0000; color: #fff; font-size: 11px; text-align: center; position: absolute; left: 16px; top: -1px; padding: 0px 3px; min-width: 20px; height: 20px; line-height: 20px; border-radius: 50%; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link:hover svg.svg-ico-search { -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown { position: absolute; top: calc(100% + 15px); left: auto; right: -15px; z-index: 990; min-width: 280px; border-radius: 3px; color: #677279; background: #fff; border: solid 1px #dfe3e8; box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s; transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out; will-change: transform; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown .box-triangle { position: absolute; bottom: calc(100% - 2px); margin: 0 auto; width: 22px; height: 15px; right: 19px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown .box-triangle svg { -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown_content { width: 100%; height: 100%; max-height: 100%; overflow: hidden; padding: 15px 20px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown_content .sitenav-content .boxtitle { font-size: 18px; color: var(--shop-color-title); text-transform: uppercase; letter-spacing: 0.5px; margin: 0; font-weight: 500; padding-bottom: 8px; text-align: center; border-bottom: 1px solid var(--shop-color-border); } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_account .header-action_dropdown .box-triangle { right: 58px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_search .header-action_dropdown .box-triangle { right: 98px; } .mainHeader .header-wrap-action .header-action .header-action-item.js-action-show .header-action_text .box-triangle { visibility: visible; opacity: 1; } .mainHeader .header-wrap-action .header-action .header-action-item.js-action-show .header-action_dropdown { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1); transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear; transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1); } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_account.js-action-show .header-action_dropdown .site_account_panel.is-selected { visibility: visible; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_locale.js-action-show .overlays:before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 100vh; width: 100%; background: #000; opacity: 0.7; z-index: 100; margin: auto; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_locale.js-action-show .overlays .header-action__link { z-index: 101; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_backlink { display: none; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_backlink a { margin-right: 0px; width: 20px; line-height: 32px; color: #fff; height: 35px; display: block; font-size: 28px; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .header-action_dropdown .box-triangle { right: initial; left: 16px; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon { width: 25px; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu { width: 25px; height: 35px; cursor: pointer; display: block; position: relative; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar, .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:after, .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:before { height: 2px; background: var(--shop-color-text); } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar { position: relative; top: 22px; display: block; margin: auto; width: 25px; -ms-transition: all 0ms 100ms, width 150ms linear; -webkit-transition: all 0ms 100ms, width 150ms linear; transition: all 0ms 100ms, width 150ms linear; -ms-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px); } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:before { content: ""; position: absolute; left: 0; bottom: 7px; width: 18px; -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:after { content: ""; position: absolute; left: 0; top: 7px; width: 15px; -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .box-icon--close svg { height: 35px; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu.js-action-show .hamburger-menu { opacity: 0; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .mainHeader .header-search-mobile { display: none; position: relative; padding: 5px 6px; border-bottom: 1px solid #e7e7e7; } .mainHeader .header-search-mobile .searchform-mobile { position: relative; } .mainHeader .header-search-mobile .searchform-mobile input.input-search { width: 100%; padding: 7px 40px 7px 15px; margin: 0; border-radius: 15px; border: 1px solid #eaeaea; background: #fff; color: #252a2b; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .mainHeader .header-search-mobile .searchform-mobile input.input-search:focus { outline: none; background: #fff; } .mainHeader .header-search-mobile .searchform-mobile .btn-search { width: 40px; height: 36px; line-height: 36px; border: 0; outline: none; box-shadow: none; position: absolute; padding: 0; top: 0px; right: 0px; background: transparent; } .mainHeader .header-search-mobile .searchform-mobile .btn-search svg { width: 15px; height: 36px; line-height: 36px; vertical-align: inherit; opacity: 0.6; } .mainHeader .header-search-mobile .searchform-mobile .btn-search span.search-close svg { fill: var(--shop-color-main); width: 20px; } .mainHeader .header-search-mobile .searchform-mobile .btn-search span.search-icon { display: block; height: 100%; } .mainHeader .header-search-mobile .searchform-mobile .btn-search span.search-close { display: none; } .mainHeader .header-search-mobile .searchform-mobile.expanded .btn-search span.search-icon { display: none; } .mainHeader .header-search-mobile .searchform-mobile.expanded .btn-search span.search-close { display: block; height: 100%; } .mainHeader .header-search-mobile .smart-search-wrapper { position: absolute; right: 0px; left: 0px; z-index: 100; top: calc(100% + 0px); width: initial; background: #fff; padding: 0 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); z-index: 999; } .mainHeader .header-menu-desktop .wrap-logo-sticky { display: none; } .mainHeader .header-navbar-menu { position: relative; display: -ms-flex; display: flex; } .mainHeader .header-navbar-menu .header-wrap-menu { -ms-flex: 1 1 auto; flex: 1 1 auto; } .mainHeader .header-box-live { padding-top: 4px; } .mainHeader .header-box-live .btn-live { border-radius: 4px; padding: 5px 12px 5px 20px; color: #ff0000; border: 1px solid #ff0000; text-transform: none; font-weight: 500; background: transparent; outline: none; position: relative; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; max-width: 130px; overflow: hidden; } .mainHeader .header-box-live .btn-live:after { content: " "; background: red; width: 8px; height: 8px; position: absolute; left: 7px; top: calc(50% - 4px); border-radius: 50%; animation: pulselive 1.65s linear infinite; } .mainHeader.hSticky .header-box-live { display: none; } .mainHeader.hSticky .header-wrap-action .header-action .header-action-item.locationContainer { display: none; } .mainHeader.hSticky { visibility: hidden; opacity: 0; } .mainHeader.hSticky.hSticky-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } .mainHeader.hSticky.hSticky-nav.hSticky-up { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } .mainHeader.hSticky-nav .topbar, .mainHeader.hSticky-nav .topbar-banner { display: none; } .mainHeader.hSticky-nav .header-wrap-menu ul.menuList-primary > li > a { padding-top: 15px; padding-bottom: 15px; font-size: 12px; font-weight: 600; } @media (min-width: 1200px) { .mainHeader { /*&:not(.hSticky) { .header-wrap-action .header-action .header-action-item.header-action_locale .header-action_dropdown {left:-50%;right:auto;} }*/ } .mainHeader .header-wrap-menu ul.menuList-primary > li > a { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .mainHeader .header-wrap-logo a img { max-width: 210px; max-height: 70px; } .mainHeader .header-wrap-logo .wrap-logo, .mainHeader .header-wrap-logo.wrap-logo-sticky .wrap-logo { min-width: 150px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_cart .header-action_dropdown { width: 420px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_search .header-action_dropdown { width: 420px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_account .header-action_dropdown { width: 340px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_locale .header-action_dropdown { width: 420px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_account .header-action_dropdown.header-action_widthAuto { width: auto; min-width: 260px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse { border-radius: 50%; height: 6px; width: 6px; position: absolute; left: 0; right: 0; bottom: 4px; opacity: 1; margin: 0 auto; transform: rotateX(55deg); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse:after { content: ""; border-radius: 50%; height: 25px; width: 25px; position: absolute; margin: -8px 0 0 -12px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0; animation-delay: 1.1s; } .mainHeader.hSticky-nav .header-wrap-logo h1, .mainHeader.hSticky-nav .header-wrap-logo a { font-size: 25px; } .mainHeader.hSticky-nav .header-wrap-logo a img { max-height: 50px; } .mainHeader.hSticky-nav .header-wrap-logo.wrap-logo-sticky a img { max-height: 60px; max-width: 200px; } .mainHeader .header-wrap-info li:nth-child(2) { margin-left: 15px; } .mainHeader .header-wrap-info li svg { width: 22px; height: 22px; transform: translateY(-2px); } } @media (max-width: 1199px) and (min-width: 992px) { .mainHeader .container { width: auto; } .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a { font-size: 26px; } .mainHeader .header-wrap-logo a img { max-width: 200px; max-height: 70px; } .mainHeader.hSticky-nav .header-wrap-logo h1, .mainHeader.hSticky-nav .header-wrap-logo a { font-size: 23px; } .mainHeader.hSticky-nav .header-wrap-logo a img { max-height: 50px; } .mainHeader.hSticky-nav .header-wrap-logo.wrap-logo-sticky a img { max-height: 55px; max-width: 180px; } .mainHeader .header-wrap-action .header-action .header-action-item.locationContainer .header-action_text .box-text .txtnw { font-size: 10px; } .mainHeader .header-wrap-action .header-action .header-action-item.locationContainer .header-action_text .box-text .txtbl { font-size: 12px; } } @media (max-width: 991px) { .mainHeader .mainHeader-middle { position: relative; } .mainHeader .mainHeader-middle .container { width: auto; } .mainHeader .flex-container-header { padding: 10px 0; margin: 0; } .mainHeader .flex-container-header > div[class*='header-wrap-'] { position: initial; padding: 0; } .mainHeader .header-wrap-logo { text-align: center; max-width: calc(100% - 140px); } .mainHeader .header-wrap-action .header-action { position: initial; } .mainHeader .header-wrap-action .header-action .header-action-item { position: initial; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .box-triangle { top: calc(100% - 5px); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text { display: none; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown { right: 0; left: 0; top: 100%; width: 100vw; height: 100vh; } .mainHeader .header-wrap-action .header-action .header-action-item.js-action-show .header-action_text .header-action__link .box-icon .box-icon--close { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .mainHeader .header-wrap-action .header-action .header-action-item.js-action-show .header-action_text .header-action__link .box-icon > svg, .mainHeader .header-wrap-action .header-action .header-action-item.js-action-show .header-action_text .header-action__link .box-icon .count-holder { opacity: 0; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_search { display: none; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_menu .header-action_dropdown .header-dropdown_content { padding: 0 0px 80px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_menu .header-action_dropdown { right: 0; left: 0px; top: 100%; width: 100vw; height: 100vh; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_menu .header-action_dropdown .header-dropdown_content { overflow: auto; padding-bottom: 120px; -webkit-overflow-scrolling: touch; } .mainHeader .header-search-mobile { display: block; } .mainHeader.hSticky-nav .header-wrap-logo { display: block; } .mainHeader.hSticky-nav .header-search-mobile { display: none; position: absolute; right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; padding: 0px 95px 0px 55px; } .mainHeader.hSticky-nav .header-search-mobile .searchform-mobile { position: relative; visibility: visible; margin: 0 auto; } .mainHeader.hSticky-nav .header-search-mobile .smart-search-wrapper { visibility: visible; top: calc(100% + 10px); } .mainHeader.hSticky-nav .header-wrap-action .header-action .header-action-item.locationContainer .box-text { display: none !important; } .mainHeader.hSticky-nav .header-wrap-action .header-action .header-action-item.locationContainer .box-icon { display: none; } .mainHeader.hSticky-nav .header-wrap-action .header-action .header-action-item.header-action_search { display: block; } .mainHeader.hSticky-nav .header-wrap-action .header-action-item.locationContainer { display: none; } .mainHeader.hSticky-nav .header-wrap-action .header-action-item.locationContainer .header-action_text .box-triangle { top: calc(100% - 5px); } .mainHeader.hSticky-nav.mainHeader-product .header-search-mobile { display: none; } .mainHeader.hSticky-nav.mainHeader-product .header-wrap-action .header-action .header-action-item.header-action_backlink { display: block; } .mainHeader.hSticky-nav.mainHeader-product .header-wrap-action .header-action .header-action-item.header-action_menu .header-action_dropdown .box-triangle { left: 44px; } } @media (max-width: 992px) and (min-width: 768px) { .mainHeader .header-wrap-logo a img { max-height: 65px; } .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a { font-size: 26px; } .mainHeader .header-wrap-action .header-action .header-action-item.locationContainer .header-action__link .box-text { padding: 3px 10px; } .mainHeader.hSticky-nav .header-search-mobile { padding: 0px 120px 0px 80px; } .mainHeader.hSticky-nav .header-wrap-action .header-action-item.locationContainer .header-action_text .box-triangle { top: 100%; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu { margin-left: 0; margin-right: 15px; } } @media (max-width: 767px) { .mainHeader .header-wrap-logo a img { max-height: 60px; } .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a { font-size: 18px; } .mainHeader .header-wrap-logo .wrap-logo a { transition: none; word-wrap: break-word; white-space: initial; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; max-width: 120px; } .mainHeader .header-wrap-action .header-action { position: initial; } .mainHeader .header-wrap-action .header-action .header-action-item { position: initial; margin-left: 7px; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_menu .header-action_text .box-triangle { top: calc(100% - 5px); } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text .txt-overflow { max-width: 90px; vertical-align: initial; } .mainHeader .header-wrap-action .header-action .header-action-item.locationContainer .header-action_text .box-text .txtnw { font-size: 8px; } .mainHeader .header-wrap-action .header-action .header-action-item.locationContainer .header-action_text .box-text .txtnw .fa { font-size: 10px; margin-left: 1px; } .mainHeader .header-wrap-action .header-action .header-action-item.locationContainer .header-action_text .box-text .txtbl { font-size: 10px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown_content { overflow: auto; padding-bottom: 180px; -webkit-overflow-scrolling: touch; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg.svg-ico-account { width: 18px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg.svg-ico-search { width: 18px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg { width: 18px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .box-icon--close svg { width: 18px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon { width: 28px; } .mainHeader .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .count-holder { min-width: 16px; height: 16px; line-height: 16px; left: 12px; top: 1px; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item { padding: 0 5px; } .mainHeader .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu { margin-left: 0; margin-right: 8px; } } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .mainHeader-middle { background: #ffffff; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-logo h1, .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-logo a { color: #252525; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-logo a img { margin: 0 auto; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item.header-action_locale .header-action_text { padding: 0 5px; background: #ffffff; border-radius: 5px; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg { fill: #252525; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link { color: #252525; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar, .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:after, .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:before { background: #252525; } @media (min-width: 1200px) { .mainHeader.mainHeader_temp01 .flex-container-header > div { width: 100%; } } @media (min-width: 992px) { .mainHeader.mainHeader_temp01 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse { background: #252525; } .mainHeader.mainHeader_temp01 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse:after { box-shadow: 0 0 1px 2px #252525; } .mainHeader.mainHeader_temp01 .mainHeader-middle { padding: 18px 0 15px; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-logo { text-align: center; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-menu-desktop { background: #203469; } .mainHeader.mainHeader_temp01:not(.hSticky-nav) .header-wrap-menu ul.menuList-primary > li > a { color: #ffffff; } .mainHeader.mainHeader_temp01.hSticky-nav .header-wrap-iconav, .mainHeader.mainHeader_temp01.hSticky-nav .header-wrap-logo { display: none; } .mainHeader.mainHeader_temp01.hSticky-nav .mainHeader-middle { visibility: hidden; z-index: 5; position: absolute; right: 0; left: 0; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mainHeader.mainHeader_temp01.hSticky-nav .flex-container-header { -webkit-justify-content: flex-end; justify-content: flex-end; } .mainHeader.mainHeader_temp01.hSticky-nav .header-wrap-action { visibility: visible; opacity: 1; width: initial; } .mainHeader.mainHeader_temp01.hSticky-nav .header-menu-desktop .header-navbar-menu { display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; } .mainHeader.mainHeader_temp01.hSticky-nav .header-menu-desktop .wrap-logo-sticky { display: block; } .mainHeader.mainHeader_temp01.hSticky-nav .header-menu-desktop .header-wrap-menu { -webkit-flex: 1 1 auto; flex: 1 1 auto; padding-left: 15px; padding-right: 140px; } } @media (max-width: 991px) { .mainHeader.mainHeader_temp01 .header-wrap-logo { flex: 1 1 auto; -ms-flex: 1 1 auto; text-align: left; max-width: 100%; } } .mainHeader.mainHeader_temp02 { /*.header-wrap-action .header-action .header-action-item.locationContainer .header-action__link .box-text {background: #203469;}*/ } .mainHeader.mainHeader_temp02 .header-wrap-search { flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; max-width: 400px; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search { position: relative; max-width: 400px; margin-left: auto; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .searchform-product { position: relative; z-index: 99; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .searchform-product .input-search { padding: 9px 9px 9px 40px; width: 100%; background: #f7f7f7; border: 1px solid transparent; font-size: 12px; font-weight: 500; margin: 0; display: inline-block; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .searchform-product .btn-search { position: absolute; padding: 0; top: 0px; bottom: 0; left: 0; border: 0; opacity: .5; width: 40px; background: transparent; transition: opacity 150ms linear; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .searchform-product .btn-search svg { width: 16px; height: 38px; display: block; margin: auto; fill: #000; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .searchform-product .input-search:focus { outline: none; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .smart-search-wrapper { position: absolute; top: 100%; left: 0; right: 0; z-index: 80; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); padding-left: 15px; padding-right: 15px; } .mainHeader.mainHeader_temp02 .header-wrap-search .header-search .search-box { border-radius: 4px; overflow: hidden; } .mainHeader.mainHeader_temp02 .header-box-live { padding-top: 0; } .mainHeader.mainHeader_temp02 .header-box-live .btn-live { border-color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; max-width: 115px; overflow: hidden; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .mainHeader-middle { background: #203469; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-logo h1, .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-logo a { color: #ffffff; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg { fill: #ffffff; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item .header-action__link .box-text { color: #ffffff; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar, .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:after, .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:before { background: #ffffff; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-menu ul.menuList-primary > li > a { color: #ffffff; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-menu ul.menuList-primary > li:before { background-color: #ffffff; } .mainHeader.mainHeader_temp02.hSticky-nav .header-wrap-search { display: none; } @media (max-width: 1199px) and (min-width: 992px) { .mainHeader.mainHeader_temp02 .header-action-item.header-wrap-search { display: none; } } @media (min-width: 992px) { .mainHeader.mainHeader_temp02 .header-wrap-menu ul.menuList-primary > li { padding: 0 10px; } .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-menu ul.menuList-primary > li > a { padding-top: 25px; padding-bottom: 25px; } .mainHeader.mainHeader_temp02 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse { background: #ffffff; } .mainHeader.mainHeader_temp02 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse:after { box-shadow: 0 0 1px 2px #ffffff; } .mainHeader.mainHeader_temp02 .header-wrap-action .header-action .header-action-item.header-action_locale .header-action_text { padding: 0 5px; background: #203469; border-radius: 5px; } } @media (max-width: 991px) { .mainHeader.mainHeader_temp02 .header-wrap-logo { flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; text-align: left; margin-right: 5px; } .mainHeader.mainHeader_temp02 .header-action-item.header-wrap-search { display: none; } } .mainHeader.mainHeader_temp03 .mainHeader-middle { background: #080808; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search { position: relative; max-width: 680px; margin: 0 auto; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product { position: relative; z-index: 999; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .input-search { padding: 9px 50px 10px 15px; width: 100%; background: #fff; border: 1px solid #ececec; font-size: 14px; font-weight: 500; margin: 0; display: inline-block; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .btn-search { position: absolute; padding: 0; top: 0px; bottom: 0; right: 0px; border-radius: 4px; margin: 3px; border: 0; box-shadow: none; width: 70px; background: var(--shop-color-main); transition: opacity 150ms linear; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .btn-search svg { width: 18px; height: 100%; display: block; margin: auto; fill: #fff; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .input-search:focus { background: #ffffff; outline: none; border-color: var(--shop-color-main); } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); padding-left: 20px; padding-right: 20px; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .search-menu-suggest { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; z-index: 999; padding: 20px; border-radius: 3px; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .search-menu-suggest .title h3 { font-size: 20px; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .search-menu-suggest .list-suggest { display: flex; flex-direction: column; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .search-menu-suggest .list-suggest > a { padding: 10px 0; font-weight: 600; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .search-menu-suggest .list-suggest > a:not(:last-child) { border-bottom: 1px solid #f2f3f5; } .mainHeader.mainHeader_temp03 .header-wrap-search .header-search .search-menu-suggest .list-suggest > a span { font-weight: 400; } .mainHeader.mainHeader_temp03 .header-wrap-search .policy-search { max-width: 680px; margin: 0 auto; } .mainHeader.mainHeader_temp03 .header-wrap-search .policy-search ul { display: flex; flex-wrap: wrap; color: #f8e21c; font-size: 12px; margin-top: 10px; } .mainHeader.mainHeader_temp03 .header-wrap-search .policy-search ul img { height: 20px; padding-right: 5px; } .mainHeader.mainHeader_temp03 .header-wrap-search .policy-search ul li { display: flex; align-items: center; padding-right: 20px; } .mainHeader.mainHeader_temp03 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg { fill: #f8e21c; } .mainHeader.mainHeader_temp03 .header-menu-desktop { background: #080808; position: relative; } .mainHeader.mainHeader_temp03 .header-menu-desktop .header-wrap-menu ul.menuList-primary li:before { background-color: #f8e21c; } .mainHeader.mainHeader_temp03 .header-menu-desktop .header-wrap-menu ul.menuList-primary > li > a { color: #f8e21c; } .mainHeader.mainHeader_temp03 .header-wrap-logo h1, .mainHeader.mainHeader_temp03 .header-wrap-logo a { color: #f8e21c; } .mainHeader.mainHeader_temp03 .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar, .mainHeader.mainHeader_temp03 .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:after, .mainHeader.mainHeader_temp03 .header-wrap-action.header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:before { background: #f8e21c; } .mainHeader.mainHeader_temp03 .header-wrap-menu ul.menuList-submain li { text-transform: initial; } .mainHeader.mainHeader_temp03 .header-navbar-menu { position: relative; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-menu-desktop { background: #f8e21c; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-menu-desktop .header-wrap-menu ul.menuList-primary > li > a { color: #000000; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text { color: #f8e21c; margin: 3px 0; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg { fill: #f8e21c; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-action-item + .header-action-item + .header-action-item:before { position: absolute; height: 100%; content: ""; width: 1px; background: rgba(255, 255, 255, 0.2); left: -10px; opacity: 0.5; } @media (min-width: 992px) { .mainHeader.mainHeader_temp03 .mainHeader-middle { padding: 18px 0 14px; } .mainHeader.mainHeader_temp03 .header-wrap-search { -webkit-flex: 1 1 auto; flex: 1 1 auto; padding-right: 25px; } .mainHeader.mainHeader_temp03 .header-wrap-action { flex: 1 1 auto; -ms-flex: 1 1 auto; } .mainHeader.mainHeader_temp03 .header-action-item.header-action_locale .header-action_dropdown { left: -15px; right: auto; } .mainHeader.mainHeader_temp03 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse { background: #f8e21c; } .mainHeader.mainHeader_temp03 .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse:after { box-shadow: 0 0 1px 2px #f8e21c; } .mainHeader.mainHeader_temp03 .header-wrap-action .header-action .header-action-item.header-action_locale .header-action_text { padding: 0 5px; background: #080808; border-radius: 5px; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) { /* .header-menu-desktop.header-pd:before { content: ""; position: absolute; height: 40px; width: 100%; bottom: -38px; background: #f8e21c; }*/ } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item { position: relative; margin-left: 20px; margin-bottom: auto; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item.header-action_locale { margin-left: 0; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-action .header-action .header-action-item.header-action_search { display: none; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-menu .navbar-mainmenu { text-align: center; } .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-menu ul.menuList-primary > li { text-transform: uppercase; } .mainHeader.mainHeader_temp03:not(.hSticky-nav).header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar, .mainHeader.mainHeader_temp03:not(.hSticky-nav).header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:after, .mainHeader.mainHeader_temp03:not(.hSticky-nav).header-wrap-iconav .header-action .header-action-item.header-action_menu .box-icon .hamburger-menu .bar:before { background: #f8e21c; } .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-iconav, .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-logo, .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-search { display: none; } .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-action .header-action .header-action-item.locationContainer .header-action_text .header-action__link .box-text { background: #080808; color: #f8e21c; } .mainHeader.mainHeader_temp03.hSticky-nav .mainHeader-middle { visibility: hidden; z-index: 1; position: absolute; right: 0; left: 0; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mainHeader.mainHeader_temp03.hSticky-nav .flex-container-header { -webkit-justify-content: flex-end; justify-content: flex-end; } .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-action { visibility: visible; opacity: 1; width: initial; } .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-search { display: none !important; } .mainHeader.mainHeader_temp03.hSticky-nav .header-menu-desktop .header-navbar-menu { display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; } .mainHeader.mainHeader_temp03.hSticky-nav .header-menu-desktop .wrap-logo-sticky { display: block; z-index: 1; } .mainHeader.mainHeader_temp03.hSticky-nav .header-menu-desktop .header-wrap-menu { -webkit-flex: 1 1 auto; flex: 1 1 auto; padding-left: 15px; padding-right: 140px; } .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-text { display: none; } .mainHeader.mainHeader_temp03.hSticky-nav .header-box-live { display: none; } } @media (max-width: 991px) { .mainHeader.mainHeader_temp03 .header-wrap-logo { flex: 1 1 auto; -ms-flex: 1 1 auto; text-align: left; } .mainHeader.mainHeader_temp03 .header-wrap-action .header-action-item.locationContainer { display: block; } .mainHeader.mainHeader_temp03 .header-search-mobile { background: #080808; border-top: 1px solid rgba(255, 255, 255, 0.2); } .mainHeader.mainHeader_temp03 .header-search-mobile .search-menu-suggest { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; z-index: 999; padding: 20px; border-radius: 3px; } .mainHeader.mainHeader_temp03 .header-search-mobile .search-menu-suggest .title h3 { font-size: 20px; } .mainHeader.mainHeader_temp03 .header-search-mobile .search-menu-suggest .list-suggest { display: flex; flex-direction: column; } .mainHeader.mainHeader_temp03 .header-search-mobile .search-menu-suggest .list-suggest > a { padding: 10px 0; font-weight: 600; } .mainHeader.mainHeader_temp03 .header-search-mobile .search-menu-suggest .list-suggest > a:not(:last-child) { border-bottom: 1px solid #f2f3f5; } .mainHeader.mainHeader_temp03 .header-search-mobile .search-menu-suggest .list-suggest > a span { font-weight: 400; } } /*----- LIVE STREAM ------*/ .modal-live { position: fixed; max-width: 45%; max-height: 75%; bottom: 0; left: 5px; z-index: 999; transform: translateY(100%); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .modal-live.opened { transform: translateY(0); } .modal-live .box-close { position: absolute; right: -40px; top: 0; cursor: pointer; opacity: 0; padding: 0 10px; } .modal-live iframe { border-radius: 10px; } .modal-live:hover .box-close { opacity: 1; } @media (max-width: 992px) { .modal-live { max-width: 100%; max-height: 100%; } .modal-live .box-close { right: -5px; top: 5px; opacity: 1; } } /*----- END LIVE STREAM ------*/ .location-noscroll.locked-scroll { overflow: hidden; } .locked-scroll .mainHeader-middle { position: relative; z-index: 999; } .locked-scroll .sitenav-overlay { opacity: 1; visibility: visible; } .mainBody-theme.body-scroll .mainHeader.hSticky.hSticky-nav.hSticky-up { visibility: hidden; opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media (max-width: 991px) { .locked-scroll { overflow: hidden; width: 100%; top: 0; } /*	.locked-scroll .mainHeader{ position: fixed;visibility: visible; opacity: 1; -webkit-transform: translateY(0);	transform: translateY(0); }*/ .locked-scroll .mainHeader.hSticky.hSticky-nav.hSticky-up, .locked-scroll .mainHeader.hSticky.hSticky-nav { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } } /*====== FOOTER ========================*/ .section-footer-gallery { position: relative; background-color: #f8f8f8; padding: 40px 0 0; } .section-footer-gallery .rowFlex-gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-footer-gallery .rowFlex-gallery .gallery-item { position: relative; overflow: hidden; float: left; width: calc(100%/3); } @media (min-width: 768px) { .section-footer-gallery { padding: 40px 0 0; } .section-footer-gallery .rowFlex-gallery .gallery-item { width: calc(100%/6); } } .footerNav-social { padding: 10px 0; } .footerNav-social li { display: inline-block; } .footerNav-social li + li { margin-left: 8px; } .footerNav-social li a { width: 32px; height: 32px; line-height: 30px; font-size: 14px; background-color: transparent; border: 1px solid var(--footer-color-text); color: var(--footer-color-text); display: block; text-align: center; border-radius: 50%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .footerNav-social li a:hover { background-color: var(--footer-color-hover); color: #ffffff; border-color: var(--footer-color-hover); } .footer-newsletter { background: var(--footer-bg-color-1); padding: 20px 0; border-top: 1px solid rgba(16, 16, 16, 0.04); border-bottom: 1px solid rgba(16, 16, 16, 0.04); } .footer-newsletter .wrapbox-newsletter { display: -ms-flex; display: flex; -ms-justify-content: space-between; justify-content: space-between; padding: 10px 0; } .footer-newsletter .wrapbox-newsletter .newsletter-block { display: -ms-flex; display: flex; -ms-align-items: center; align-items: center; } .footer-newsletter .wrapbox-newsletter .newsletter-title { align-self: center; padding-right: 20px; } .footer-newsletter .wrapbox-newsletter .newsletter-title h3 { padding: 0; margin: 0; position: relative; font-size: 20px; font-weight: 700; color: var(--footer-color-title); } .footer-newsletter .wrapbox-newsletter .newsletter-title .subTitle { color: var(--footer-color-text); font-weight: 400; font-size: 16px; margin: 0 auto 10px; } .footer-newsletter .wrapbox-newsletter .newsletter-content .contact-form .input-group { flex-wrap: nowrap; margin-bottom: 0; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-input, .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-btn { height: 40px; padding-top: 9px; padding-bottom: 9px; border-radius: 20px; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-input { padding-left: 40px; padding-right: 20px; border-width: 2px; font-size: 13px; border-color: var(--shop-color-border); background-color: #ffffff; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; min-width: 290px; } .footer-newsletter .wrapbox-newsletter .newsletter-content .input-group { position: relative; } .footer-newsletter .wrapbox-newsletter .newsletter-content .input-group:before { content: "\f003"; font-family: "FontAwesome"; display: inline-block; font-size: 15px; color: #9c9c9c; vertical-align: middle; line-height: 40px; width: 30px; position: absolute; left: 10px; top: 0; text-align: center; z-index: 99; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-btn { font-size: 14px; font-weight: 700; padding-left: 35px; padding-right: 35px; margin-left: 20px; white-space: nowrap; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-btn:focus { border-color: var(--shop-color-main); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8), 0 0 8px rgaa(186, 147, 62, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8), 0 0 8px rgaa(186, 147, 62, 0.6); } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-error, .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-success { text-align: center; font-size: 13px; margin: 0; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-success { color: #27a208; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-error { color: #ff0000; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-note { font-size: 16px; margin-top: 30px; text-align: center; } @media (max-width: 991px) and (min-width: 768px) { .footer-newsletter .wrapbox-newsletter .newsletter-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-newsletter .wrapbox-newsletter .newsletter-block.newsletter-social { -ms-justify-content: flex-end; justify-content: flex-end; } .footer-newsletter .wrapbox-newsletter .newsletter-title { padding-right: 0; padding-bottom: 10px; } .footer-newsletter .wrapbox-newsletter .newsletter-social .footerNav-social li:last-child a { margin-right: 0; } } @media (max-width: 767px) { .footer-newsletter { padding: 0; border-bottom: 0; } .footer-newsletter .wrapbox-newsletter { display: block; } .footer-newsletter .wrapbox-newsletter .newsletter-block { display: block; } .footer-newsletter .wrapbox-newsletter .newsletter-title { padding-right: 0; padding-bottom: 10px; text-align: center; } .footer-newsletter .wrapbox-newsletter .newsletter-title h3 { font-size: 16px; } .footer-newsletter .wrapbox-newsletter .newsletter-content .contact-form .input-group { display: block; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-input, .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-btn { width: 100%; margin: 0; padding-right: 110px; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-btn { padding: 0 20px; font-size: 12px; } .footer-newsletter .wrapbox-newsletter .newsletter-content .newsletter-note { font-size: 13px; margin-top: 10px; } .footer-newsletter .wrapbox-newsletter .newsletter-social { margin-top: 15px; } .footer-newsletter .wrapbox-newsletter .newsletter-input { padding-right: 140px; } .footer-newsletter .wrapbox-newsletter .input-group-btn { position: absolute; top: 0; right: 0; z-index: 99; } .footer-newsletter .wrapbox-newsletter .input-group-btn button { background: var(--shop-color-button); } .footer-newsletter .wrapbox-newsletter .input-group-btn button:before { display: none; } } .mainFooter { background: var(--footer-bg-color-2); line-height: 1.6; } .mainFooter .footer-container .footer-expand-title { text-align: center; display: block; padding: 10px 0 8px; font-size: 16px; font-weight: 500; cursor: pointer; background: #ffffff; } .mainFooter .footer-container .footer-expand-title p { margin: 0; } .mainFooter .footer-container .footer-expand-title span.arrow-up { display: block; width: 25px; height: 25px; line-height: 25px; margin: 8px auto 4px; text-align: center; border-radius: 50%; background: #000; color: #fff; font-size: 18px; transition: transform 0.4s ease-in-out 0s; -moz-transition: transform 0.4s ease-in-out 0s; -webkit-transition: transform 0.4s ease-in-out 0s; } .mainFooter .footer-container .footer-expand-title.active span.arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mainFooter .footer-container .footer-expand-collapsed { display: none; color: var(--footer-color-text); } .mainFooter .footer-container .widget-footer .ft-logo img { max-width: 150px; margin-bottom: 15px; } .mainFooter .footer-container .widget-footer .ft-logo a { color: var(--footer-color-title); } .mainFooter .footer-container .widget-footer .title-footer, .mainFooter .footer-container .widget-footer .fter-title { position: relative; font-size: 16px; color: var(--footer-color-title); margin: 0px; padding: 15px 0; font-weight: 500; } @media (max-width: 991px) { .mainFooter .footer-container .widget-footer .title-footer:not(.fter-title, .fter-title):before, .mainFooter .footer-container .widget-footer .fter-title:not(.fter-title, .fter-title):before { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 12px; right: 10px; text-align: center; font-size: 22px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .mainFooter .footer-container .widget-footer .title-footer.opened, .mainFooter .footer-container .widget-footer .fter-title.opened { font-weight: 700; } .mainFooter .footer-container .widget-footer .title-footer.opened:before, .mainFooter .footer-container .widget-footer .fter-title.opened:before { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } .mainFooter .footer-container .widget-footer .fter-title { padding-top: 0; margin-top: 20px; } .mainFooter .footer-container .widget-footer .block-collapse { display: none; padding: 10px 0px 20px; } .mainFooter .footer-container .widget-footer .logo-footer img { max-width: 150px; } .mainFooter .footer-container .widget-footer .address-footer ul li { margin: 0 0 8px; } .mainFooter .footer-container .widget-footer .footerInfo-hline { margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: center; align-items: center; } .mainFooter .footer-container .widget-footer .footerInfo-hline .box-icon { width: 45px; } .mainFooter .footer-container .widget-footer .footerInfo-hline .box-icon svg { width: 30px; height: 30px; fill: var(--footer-color-text); } .mainFooter .footer-container .widget-footer .footerInfo-hline .box-content { width: calc(100% - 45px); } .mainFooter .footer-container .widget-footer .footerInfo-hline .box-content span { display: block; font-size: 24px; color: var(--footer-color-title); font-weight: 500; } .mainFooter .footer-container .widget-footer .footerInfo-hline .box-content u { font-size: 16px; color: var(--footer-color-text); } .mainFooter .footer-container .widget-footer .footerNav-link li { padding-left: 15px; position: relative; margin: 0 0 8px; } .mainFooter .footer-container .widget-footer .footerNav-link li a { color: var(--footer-color-text); } .mainFooter .footer-container .widget-footer .footerNav-link li a:before { content: ""; width: 4px; height: 4px; background: var(--footer-color-text); left: 0; opacity: 1; position: absolute; top: 0; border-radius: 50%; bottom: 0; margin: auto; } .mainFooter .footer-container .widget-footer .footerNav-link li a:hover, .mainFooter .footer-container .widget-footer .footerNav-link li a:focus { color: var(--footer-color-hover); } .mainFooter .footer-container .widget-footer .footerNav-link li a:hover:before, .mainFooter .footer-container .widget-footer .footerNav-link li a:focus:before { background: var(--footer-color-hover); } .mainFooter .footer-container .address-footer ul li i { font-size: 18px; padding-right: 10px; color: var(--footer-color-text); } .mainFooter .footer-copyright { border-top: 1px solid rgba(16, 16, 16, 0.08); padding: 15px 0; background: var(--footer-bg-color-copyright); color: var(--footer-color-text); } .mainFooter .footer-copyright p { font-size: 13px; margin: 0; } .mainFooter .footer-copyright p a { color: var(--footer-color-text); opacity: 0.8; } @media (max-width: 1199px) and (min-width: 991px) { .mainFooter .footer-newsletter .wrapbox-newsletter .newsletter-block { flex-wrap: wrap; -ms-flex-wrap: wrap; } .mainFooter .footer-newsletter .wrapbox-newsletter .newsletter-title { margin-bottom: 10px; } } @media (min-width: 992px) { .mainFooter .footer-container .ft-col { max-width: 20%; flex: 0 0 20%; -ms-flex: 0 0 20%; } .mainFooter .footer-container .footer-expand-title { display: none; } .mainFooter .footer-container .footer-expand-collapsed { display: block; padding: 30px 0 0; } .mainFooter .footer-container .widget-footer { border-bottom: 0; } .mainFooter .footer-container .widget-footer .title-footer, .mainFooter .footer-container .widget-footer .fter-title { font-weight: 700; font-size: 18px; padding-bottom: 12px; } .mainFooter .footer-container .widget-footer .block-collapse { display: block; } .mainFooter .footer-container .widget-footer:nth-child(1) .block-collapse { display: flex; } } @media (max-width: 991px) { .mainFooter .container-fluid { padding-left: 15px; padding-right: 15px; } .mainFooter .footer-container .footer-expand-collapsed { display: block; } .mainFooter .footer-container .widget-footer .title-footer { border-bottom: 1px dashed rgba(16, 16, 16, 0.08); } .mainFooter .footer-container .widget-footer:last-child .title-footer { border-bottom: 0; } } .smart-search-wrapper { width: 100%; background: #fff; } .smart-search-wrapper .item-ult { padding: 12px 0; border-bottom: 1px dotted #dfe0e1; clear: both; width: 100%; float: left; } .smart-search-wrapper .item-ult .thumbs { width: 40px; display: inline-block; text-align: right; } .smart-search-wrapper .item-ult .title { width: calc(100% - 40px); padding-right: 5px; float: left; line-height: 20px; position: relative; margin-top: 0px !important; } .smart-search-wrapper .item-ult .title a { font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: pre; float: left; width: 100%; margin: 10px 0 5px; } .smart-search-wrapper .item-ult .title p { line-height: 15px; font-size: 12px; font-weight: 500; float: left; margin: 0; } .smart-search-wrapper .item-ult .title p del { font-size: 11px; font-weight: 400; margin-left: 7px; color: #797979; } .smart-search-wrapper .resultsMore { width: 100%; float: left; } .smart-search-wrapper .resultsMore a { text-align: center; display: block; font-size: 13px; padding: 10px 0; } .smart-search-wrapper .dataEmpty { text-align: center; padding: 20px 0; } /*== CART MINI MOBILE ==*/ .siteCart-mobile { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: transparent; /*-webkit-transition: top 0.5s ease 0s; transition: top 0.5s ease 0s;top:calc(100% - 45px);*/ } .siteCart-mobile__dialog { margin: 0 auto; max-width: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: #ffffff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.35s ease,bottom 0.25s ease, visibility 0s; transition: transform 0.35s ease,bottom 0.25s ease, visibility 0s; border-radius: 16px 16px 0 0; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; display: flex; flex-direction: column; } .siteCart-mobile__content { height: 100%; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .siteCart-mobile__header { padding: 0 8px; cursor: pointer; border-bottom: 1px solid #dee2e6; background: #ff0000; color: #ffffff; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .siteCart-mobile__header .boxinfo { padding: 12px 8px; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .siteCart-mobile__header .boxinfo:nth-child(2) { font-weight: 600; text-align: center; } .siteCart-mobile__header .boxinfo:nth-child(3) { text-align: right; } .siteCart-mobile__body { position: relative; overflow: hidden; visibility: hidden; background: #ffffff; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .siteCart-mobile__body .sitenav-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .siteCart-mobile__body .sitenav-content__title { display: none; } .siteCart-mobile__body .cart-view { display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-direction: column; flex-direction: column; } .siteCart-mobile__body .cart-view-scroll { padding: 0 15px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .siteCart-mobile__body .cart-view-scroll .mini-cart__empty td { padding-top: 20px; padding-bottom: 20px; } .siteCart-mobile__body .cart-view-scroll .mini-cart__item { background: #ffffff; } .siteCart-mobile__body .cart-view-line { margin-top: auto; position: relative; z-index: 1; } .siteCart-mobile__body .cart-view-total { padding: 0 12px 05px; } .siteCart-mobile__body .cart-view-total .mini-cart__button .mnc-cta { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } .siteCart-mobile__body .cart-view-total .mini-cart__button .mnc-cta:last-child { display: none; } .siteCart-mobile__overlay { position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .siteCart-mobile > .siteCart-mobile__header { position: fixed; bottom: 0; left: 0; right: 0; transform: translateY(0); } .siteCart-mobile.show-cart { top: 0 !important; -webkit-transition-delay: 0s; transition-delay: 0s; } .siteCart-mobile.show-cart > .siteCart-mobile__header { display: none; } .siteCart-mobile.show-cart .boxtitle { display: none; } .siteCart-mobile.show-cart .siteCart-mobile__dialog { bottom: 0; max-height: calc(100% - 60px); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .siteCart-mobile .siteCart-mobile__dialog .siteCart-mobile__header { visibility: hidden; } .siteCart-mobile.show-cart .siteCart-mobile__dialog .siteCart-mobile__header { visibility: visible; -webkit-transition: visibility 0.5s ease; transition: visibility 0.5s ease; } .siteCart-mobile.show-cart .siteCart-mobile__dialog .siteCart-mobile__body { visibility: visible; } .siteCart-mobile.show-cart .siteCart-mobile__header { border-radius: 16px 16px 0 0; -webkit-transition: visibility 0s ease; transition: visibility 0s ease; } .siteCart-mobile.show-cart .siteCart-mobile__header:before { content: ""; position: absolute; transform: translateX(-50%); left: 50%; top: -14px; width: 48px; height: 6px; border-radius: 3px; background: #ffffff; } .siteCart-mobile.show-cart .siteCart-mobile__overlay { display: block; opacity: 1; visibility: visible; pointer-events: auto; } @media (max-width: 991px) { .siteCart-mobile { display: block; } body.body-showcart { overflow: hidden; } .mainHeader .header-wrap-action .header-action .header-action-item.header-action_cart .header-action_dropdown, .mainHeader .header-wrap-action .header-action .header-action-item.header-action_cart .box-triangle { display: none !important; } body:not(.mainBody-mbcart) .siteCart-mobile { display: block; } /*body:not(.mainBody-mbcart) .siteCart-mobile > .siteCart-mobile__header, body.mainBody-mbcart.template-page .siteCart-mobile > .siteCart-mobile__header{display:none}*/ body:not(.mainBody-mbcart) .siteCart-mobile > .siteCart-mobile__header { display: none; } body.mainBody-mbcart .mainFooter { padding-bottom: 45px; } /*body.mainBody-mbcart.template-page .mainFooter{padding-bottom: 0;}*/ body.mainBody-mbcart.template-cart .mainFooter { padding-bottom: 56px; } body:not(.mainBody-mbcart).template-cart .wrapper-mainCart .order-summary-block .summary-button { position: relative; } .mainFooter-product { padding-bottom: 54px; } body.mainBody-mbcart .mainFooter.mainFooter-product { padding-bottom: 56px; } .productDetail-toolbar { border-top: 1px solid var(--shop-color-border); position: fixed; left: 0; right: 0; bottom: 0; z-index: 500; background: #fff; margin: auto; padding: 5px 0px 8px; -webkit-transition: padding .3s ease; transition: padding .3s ease; } .mainBody-product.scroll-down .actionToolbar_product { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); } body.mainBody-mbcart .mainBody-product + .siteCart-mobile:not(.show-cart) { opacity: 0; visibility: hidden; } body.mainBody-mbcart .mainBody-product.scroll-down + .siteCart-mobile { opacity: 1; visibility: visible; } body.mainBody-mbcart .mainBody-product.scroll-down .productDetail-toolbar { padding-bottom: 55px; } /* cart */ } /*===== PRODUCT LOOP ==========================*/ .product-loop { position: relative; padding-left: 7px; padding-right: 7px; margin-bottom: 14px; } .product-loop .product-inner { background: #fff; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); border-radius: 4px; } .product-loop .proloop-image { position: relative; overflow: hidden; padding: 5px; } .product-loop .proloop-image .pro-sale, .product-loop .proloop-image .pro-soldout { position: absolute; top: 7px; z-index: 3; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 500; padding: 2px 5px; } .product-loop .proloop-image .pro-soldout { left: 7px; background: #565656; font-size: 11px; padding-top: 3px; padding-bottom: 3px; } .product-loop .proloop-image .pro-sale { left: 7px; background: red; letter-spacing: 0.5px; min-width: 40px; text-align: center; } .product-loop .proloop-image .pro-sale + .pro-soldout { top: 32px; } .product-loop .proloop-image .product--image { position: relative; display: flex; display: -ms-flex; display: -webkit-flex; } .product-loop .proloop-image .product--image .lazy-img.second-image { transform: translate(5px); -ms-transform: translate(5px); -webkit-transform: translate(5px); } .product-loop .proloop-image .proloop-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .product-loop .proloop-image .gift.product_gift_label { width: 30px; height: 30px; line-height: 25px; position: absolute; top: 5px; right: 5px; z-index: 1; text-align: center; border-radius: 50%; padding: 0 5px; background: #ffffff; border: 1px solid var(--shop-color-border); } .product-loop .proloop-image .sticker_frame { position: absolute; left: 0; right: 0; bottom: 0; z-index: 80; } .product-loop .proloop-image .icon-quickview { font-family: 'FontAwesome'; content: "\f06e"; position: absolute; top: 50%; left: 50%; font-size: 18px; transform: translate(-50%, -50%); z-index: 995; width: 34px; height: 34px; line-height: 31px; border-radius: 50%; border: 1px solid #eee; text-align: center; background: #fff; color: #6d6565; opacity: 0; -webkit-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .product-loop .proloop-image .icon-quickview:hover { background-color: #444; color: #fff; border: 1px solid #fff; } .product-loop .proloop-image .lazy-img { position: relative; width: 100%; height: 0; flex: 0 0 100%; -ms-flex: 0 0 100%; padding-bottom: 100%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .product-loop .proloop-image .lazy-img img { position: absolute; top: 50%; left: 50%; display: block; object-fit: contain; transform: translate(-50%, -50%); -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; max-height: 100%; } .product-loop .proloop-detail { position: relative; padding: 10px 14px 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .product-loop .proloop-detail h3 { font-size: 14px; margin: 0 0 5px; font-weight: 500; } .product-loop .proloop-detail h3 a { color: var(--shop-color-text); } .product-loop .proloop-detail .proloop--vendor { margin-bottom: 5px; text-transform: uppercase; font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-loop .proloop-detail .proloop--vendor a { color: #9a9a9a; } .product-loop .proloop-detail .proloop--price { margin: 0; padding-bottom: 10px; font-weight: 600; font-size: 14px; color: #333; display: flex; flex-direction: column; } .product-loop .proloop-detail .proloop--price.on-sale .price { margin-right: 1px; color: #ff2c26; } .product-loop .proloop-detail .proloop--price .price-del { color: #878c8f; text-decoration: line-through; font-weight: 300; font-size: 13px; } .product-loop .proloop-detail .proloop-flashsale { margin-bottom: 15px; } .product-loop .proloop-detail .proloop-flashsale .flashsale__label { display: flex; align-items: flex-end; margin-bottom: 10px; gap: 10px; } .product-loop .proloop-detail .proloop-flashsale .flashsale__label .flashsale_img { width: 30px; -webkit-animation-name: twinkle; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; } .product-loop .proloop-detail .proloop-flashsale .flashsale__label .flashsale_soldqtt { font-size: 12px; font-weight: 500; line-height: 1; color: #ff6f27; } @media (max-width: 767px) { .product-loop .proloop-detail .proloop-flashsale .flashsale__label { flex-wrap: wrap; } .product-loop .proloop-detail .proloop-flashsale .flashsale__label .flashsale_soldqtt { width: 100%; } } .product-loop .proloop-detail .proloop-flashsale .flashsale__progressbar { display: block; width: 100%; height: 6px; background: #f2f3f4; margin-top: 2px; border-radius: 9999px; position: relative; overflow: hidden; } .product-loop .proloop-detail .proloop-flashsale .flashsale__progressbar .flashsale___percent { width: 0%; height: 100%; background: linear-gradient(270deg, #ffbdb1, #ff6f27); border-radius: 9999px; position: absolute; top: 0; z-index: 1; } .product-loop .proloop-detail .proloop-actions { margin-top: auto; } .product-loop .proloop-detail .proloop-actions__inner { position: relative; } .product-loop .proloop-detail .proloop-actions__inner .btnico { display: block; width: 32px; height: 32px; background: #101010; border-radius: 50%; transition: all 0.5s; cursor: pointer; } .product-loop .proloop-detail .proloop-actions__inner .btnico svg { width: 16px; height: 31px; display: block; margin: auto; fill: #ffffff; } .product-loop .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart { background: #fff; color: var(--shop-color-text); border: 1px solid transparent; border-radius: 16px; position: relative; padding: 0 45px 0 15px; height: 32px; line-height: 30px; outline: none; font-size: 12px; font-weight: 600; text-transform: uppercase; transition: border 0.5s ease; -o-transition: border 0.5s ease; -moz-transition: border 0.5s ease; -webkit-transition: border 0.5s ease; } .product-loop .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart .btnico { position: absolute; right: -1px; top: -1px; } .product-loop .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart.disabled { color: #c4c4c4; pointer-events: none; } .product-loop .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart.disabled .btnico { background: #eaeaea; } .product-loop .proloop-detail .proloop-actions__inner .actions-primary .btnsold { height: 32px; font-size: 12px; display: flex; align-items: center; text-transform: uppercase; justify-content: center; font-weight: 600; color: #c4c4c4; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty { justify-content: center; -ms-justify-content: center; position: absolute; opacity: 0; visibility: hidden; top: 0; left: 0; right: 0; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .actions-wrapqty { border: 1px solid #e9eaec; border-radius: 15px; overflow: hidden; margin-right: 10px; max-width: 105px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .actions-icon { height: 32px; line-height: 30px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn { height: 30px; width: 30px; background: #ffffff; color: var(--shop-color-text); opacity: 0.75; border: 0; outline: none; padding: 0 5px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn svg { width: 13px; height: 100%; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .proloop-value { width: calc(100% - 60px); height: 30px; padding: 0; float: left; font-size: 15px; font-weight: 500; text-align: center; background: #fff; color: #9c9c9c; border: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .product-loop .proloop-detail .proloop-actions.action-count .actions-primary { opacity: 0; } .product-loop .proloop-detail .proloop-actions.action-count .actions-boxqty { opacity: 1; visibility: visible; } .product-loop .proloop--review { margin-bottom: 6px; } .product-loop .proloop--review .haravan-product-reviews-badge { overflow: hidden; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star i[class^="star-"] { color: #fdd836 !important; font-size: 13px; margin-right: -3px; display: inline-block; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star i.star-off-png { color: #dadada !important; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star + span, .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star + p { margin-bottom: 0; margin-left: 6px; color: #637381; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star + p { margin-bottom: 0; margin-left: 8px; font-size: 0; visibility: hidden; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star + p:before { content: "(0)"; display: inline-block; visibility: visible; } .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star + span, .product-loop .proloop--review .haravan-product-reviews-badge .hrv-product-reviews-star + p:before { font-size: 12px; } .product-loop .proloop--review + .proloop--action { margin-top: 0; } .product-loop:not(.product-horizontal) .pro-percent { display: none; } .product-loop:not(.product-horizontal) .prohzt-soldout { display: none; } .product-loop.product-only .proloop-detail .proloop-actions__inner .btnico .btnico-secondary { display: none; } .product-loop.product-horizontal { padding-right: 0; padding-left: 0; margin-bottom: 0; } .product-loop.product-horizontal .product-inner { display: -ms-flex; display: flex; -ms-flex-direction: row; flex-direction: row; box-shadow: none; } .product-loop.product-horizontal .proloop-image { display: block; min-width: 100px; padding: 10px; } .product-loop.product-horizontal .proloop-image .icon-quickview { display: none; } .product-loop.product-horizontal .pro-soldout { display: none; } .product-loop.product-horizontal .prohzt-soldout { display: block; font-size: 12px; font-weight: 500; color: #878c8f; } .product-loop.product-horizontal .proloop-detail { padding-left: 5px; padding-right: 0; text-align: left; } .product-loop.product-horizontal .proloop-detail .proloop--price { padding-bottom: 0; } .product-loop.product-horizontal .proloop-detail .proloop--price .price-del { margin-right: 4px; } .product-loop.product-horizontal .proloop-detail .proloop--review { display: none; } .product-loop.product-horizontal .proloop-detail .proloop--review .haravan-product-reviews-badge { -ms-justify-content: left; justify-content: left; } .product-loop.product-horizontal .proloop-detail .proloop-actions { display: none; } .product-loop.product-horizontal .pro-sale { display: none; } .product-loop.product-horizontal .pro-percent { display: inline-block; min-width: 36px; padding: 1px 4px; background: #fbf1f1; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 10px; letter-spacing: 0.5px; color: #ff0000; border: 1px solid #f0e8ee; border-radius: 3px; vertical-align: text-bottom; } .product-loop.product-horizontal:hover .product-inner { box-shadow: none; } @media (max-width: 1199px) and (min-width: 992px) { .product-loop .proloop-detail { padding: 5px 7px 5px; } .product-loop.col-lg5 .proloop-actions .proloop-actions__inner .actions-primary .btn-proloop-cart { padding: 0 35px 0 5px; width: 100%; font-size: 10px; } } @media (min-width: 992px) { .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart { padding: 0 40px 0 10px; font-size: 11px; } .product-loop .product-inner { position: relative; overflow: hidden; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .product-loop .product-inner .proloop-detail { background: #fff; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; } .product-loop .product-inner .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart:not(.disabled):hover { border-color: #101010; } .product-loop .product-inner:hover { -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); } .product-loop .product-inner:hover .proloop-image .product--image .lazy-img.first-image { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; transform: translate(calc(-100% - 5px)); -ms-transform: translate(calc(-100% - 5px)); -webkit-transform: translate(calc(-100% - 5px)); } .product-loop .product-inner:hover .proloop-image .product--image .lazy-img.second-image { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; transform: translate(-100%); -ms-transform: translate(-100%); -webkit-transform: translate(-100%); } .product-loop .product-inner:hover .proloop-image .icon-quickview { opacity: 1; } } @media (max-width: 991px) { .product-loop .proloop-image .icon-quickview { display: none; } .product-loop .proloop-actions { position: initial; visibility: visible; } .product-loop .proloop-actions .proloop-actions__inner .btn-proloop-cart .btnadd:hover:after { display: none; } .product-loop.product-horizontal .proloop-image { padding: 5px; min-width: 90px; } .product-loop.product-horizontal .proloop-detail { padding-left: 5px; } .product-loop.product-horizontal .proloop-detail .proloop--price { padding-bottom: 0; } .product-loop.product-only .product-inner { flex-direction: row; -ms-flex-direction: row; } .product-loop.product-only .proloop-image { width: 110px; } .product-loop.product-only .proloop-image .pro-sale, .product-loop.product-only .proloop-image .pro-soldout { display: none; } .product-loop.product-only .proloop-detail { width: calc(100% - 110px); padding: 10px 15px; text-align: left; position: relative; } .product-loop.product-only .proloop--review .haravan-product-reviews-badge { -ms-justify-content: left; justify-content: left; } .product-loop.product-only .proloop-detail .proloop--price { padding-right: 85px; } .product-loop.product-only .proloop-detail .proloop--price .pro-percent { display: inline-block; padding: 2px 5px; background: #fff; color: #ff0000; border: 1px solid #ff0000; border-radius: 3px; text-transform: uppercase; font-weight: 600; font-size: 10px; vertical-align: text-bottom; } .product-loop.product-only .proloop-detail .proloop--price .price-del { margin-right: 4px; } .product-loop.product-only .proloop-detail .proloop-actions { position: absolute; bottom: 15px; right: 15px; } .product-loop.product-only .proloop-detail .proloop-actions__inner .actions-boxqty .actions-wrapqty { min-width: 80px; margin-right: 15px; border: 0; overflow: unset; } .product-loop.product-only .proloop-detail .proloop-actions__inner .actions-boxqty .actions-icon { display: none; } .product-loop.product-only .proloop-detail .proloop-actions__inner .actions-boxqty .proloop-value { color: #000; } .product-loop.product-only .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn { border: 1px solid #000; border-radius: 14px; } .product-loop.product-only .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn svg { width: 10px; fill: #000; stroke: #000; } .product-loop.product-only .proloop-detail .proloop-actions__inner .btnico .btnico-first { display: none; } .product-loop.product-only .proloop-detail .proloop-actions__inner .btnico .btnico-secondary { display: block; } .product-loop.product-only .proloop-detail .proloop-actions__inner .btnadd { display: none; } } @media (max-width: 767px) { .product-loop .proloop-detail { padding: 5px 7px 5px; } .product-loop .proloop-detail h3 { font-size: 13px; } .product-loop .proloop-detail .proloop--price { font-size: 13px; } .product-loop .proloop-detail .proloop--price .price-del { font-size: 13px; } .product-loop .proloop-detail .proloop-vendor { font-size: 10px; } .product-loop .proloop-detail .proloop-actions { padding-bottom: 4px; } .product-loop .proloop-detail .proloop-actions__inner .btnadd { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .product-loop .proloop-detail .proloop-actions__inner .btnico { width: 28px; height: 28px; } .product-loop .proloop-detail .proloop-actions__inner .btnico svg { width: 13px; height: 28px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .actions-icon { height: 28px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .actions-wrapqty { margin-right: 5px; height: 28px; max-width: 115px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn { height: 28px; width: 28px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn svg { width: 13px; } .product-loop .proloop-detail .proloop-actions__inner .actions-boxqty .proloop-value { width: calc(100% - 56px); height: 28px; font-size: 12px; } .product-loop.prod-action-small { padding-left: 1px; padding-right: 1px; margin-bottom: 2px; } .product-loop.prod-action-small .proloop-detail .proloop-actions .proloop-actions__inner .actions-primary .btn-proloop-cart { display: flex; display: -ms-flex; align-items: center; max-width: 100%; height: 25px; padding: 0 30px 0 0; margin: 0 auto; font-size: 10px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .btnadd { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .btnico { width: 25px; height: 25px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .btnico svg { width: 12px; height: 25px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-boxqty .actions-icon { height: 25px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-boxqty .actions-wrapqty { margin-right: 5px; height: 25px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn { height: 25px; width: 25px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-boxqty .qty-btn svg { width: 10px; } .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-boxqty .proloop-value { width: calc(100% - 50px); height: 25px; font-size: 12px; } .product-loop.product-horizontal .proloop-detail { padding-left: 10px; } } @media (max-width: 350px) { .product-loop.prod-action-small .proloop-detail .proloop-actions__inner .actions-boxqty .actions-icon { display: none; } .product-loop .proloop-detail .proloop-actions__inner .actions-primary .btn-proloop-cart { padding: 0 35px 0 0; font-size: 11px; } } .listProduct-row { margin-bottom: -14px; margin-left: -7px; margin-right: -7px; display: flex; display: -ms-flex; } @media (min-width: 992px) { .collection-listproduct .product-loop.col-lg-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 767px) { .product-loop { padding-left: 2px; padding-right: 2px; margin-bottom: 4px; } .listProduct-row { margin-bottom: -8px; margin-left: -2px; margin-right: -2px; } } /*-- tooltip --*/ .popover-body { padding: 3px 8px; } .tooltip-inner { background-color: var(--shop-color-main) !important; color: #fff; z-index: 99; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: var(--shop-color-main) !important; } /*===== INDEX ==========================*/ section[class^="home-"] { padding-bottom: 40px; } @media (max-width: 991px) { section[class^="home-"] { padding-bottom: 40px; } } .section-heading { margin-bottom: 20px; position: relative; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; } .section-heading .box-link svg { width: 16px; height: 16px; margin-bottom: 1px; fill: none; stroke: #000; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; transition: all 0.3s ease-in-out; } .section-heading .box-link:hover svg { stroke: var(--shop-color-hover); } .section-heading .hTitle { font-size: 24px; margin: 0; font-weight: 700; } .section-heading .hTitle a { color: var(--shop-color-title); } .section-heading .subTitle { color: var(--shop-color-title); } @media (max-width: 767px) { .section-heading { margin-bottom: 20px; padding: 0 15px; overflow: hidden; } .section-heading .box-header { flex: 1 1 auto; -webkit-flex: 1 1 auto; width: 1%; padding-right: 10px; } .section-heading .hTitle { font-size: 18px; } } .groupbanner-hover { display: block; position: relative; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .groupbanner-hover:after, .groupbanner-hover:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; } .groupbanner-hover img:not(.lazyload) { transition: opacity 0.3s, transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.3s, transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.3s, transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .groupbanner-hover:hover img:not(.lazyload) { -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); } .groupbanner-hover:hover:before { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 50%; top: 50%; } .groupbanner-hover:hover:after { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; left: 51%; right: 50%; } .section-mrtop { margin-top: 70px; } @media (max-width: 767px) { .section-mrtop { margin-top: 50px; } } .icon-loading { position: relative; overflow: hidden; padding: 150px 0; width: 100%; display: block; min-height: 300px; } .icon-loading:before { content: ""; border: 5px solid #ececec; border-top: 4px double var(--shop-color-main); border-radius: 50%; width: 50px; height: 50px; margin: 0 auto; display: block; opacity: 0.8; animation: rotateIconLoad 0.8s linear infinite; } .coupon-initial .listCoupon { display: flex; display: -ms-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } .coupon-initial .title-coupon h2 { font-size: 16px; margin: 0 0 8px; } .coupon-initial .coupon-item { padding-left: 7px; padding-right: 7px; } .coupon-initial .coupon-item__inner { background: var(--home-coupon-bg); display: flex; display: -ms-flex; border-radius: 15px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.08); } .coupon-initial .coupon-item__left { flex: 0 0 30%; -ms-flex: 0 0 30%; max-width: 30%; position: relative; border-right: 1px dashed var(--shop-color-border); padding: 8px; } .coupon-initial .coupon-item__left:after, .coupon-initial .coupon-item__left:before { content: ""; width: 20px; height: 10px; right: -10px; position: absolute; background: var(--shop-color-bg); z-index: 99; border: 1px solid rgba(0, 0, 0, 0.08); } .coupon-initial .coupon-item__left:after { top: -1px; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .coupon-initial .coupon-item__left:before { bottom: -1px; border-bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .coupon-initial .coupon-item__left .cp-img { background: var(--home-coupon-light); border-radius: 10px; } .coupon-initial .coupon-item__right { flex: 0 0 70%; max-width: 70%; position: relative; display: flex; display: -ms-flex; flex-direction: column; -ms-flex-direction: column; justify-content: space-between; -ms-justify-content: space-between; padding: 10px; color: var(--home-coupon-text); } .coupon-initial .coupon-item__right .cp-icon { background: transparent; border: 0; outline: none; cursor: pointer; position: absolute; top: 5px; right: 5px; padding: 5px; } .coupon-initial .coupon-item__right .cp-top { padding-bottom: 12px; padding-right: 24px; } .coupon-initial .coupon-item__right .cp-top h3 { margin: 0 0 2px; font-size: 14px; font-weight: 700; color: var(--home-coupon-text); } .coupon-initial .coupon-item__right .cp-top p { font-size: 12px; font-weight: 500; } .coupon-initial .coupon-item__right .cp-bottom { display: flex; display: -ms-flex; justify-content: space-between; -ms-justify-content: space-between; } .coupon-initial .coupon-item__right .cp-bottom .cp-bottom-btn { display: flex; display: -ms-flex; } .coupon-initial .coupon-item__right .cp-bottom p { font-size: 10px; } .coupon-initial .coupon-item__right .cp-bottom p strong { letter-spacing: 0.4px; font-size: 11px; } .coupon-initial .coupon-item__right .cp-btn { padding: 3px 6px; font-size: 10px; min-width: 92px; letter-spacing: 0.5px; border-radius: 20px; margin-top: auto; } .coupon-initial.coupon-second .coupon-item__inner { position: relative; border: 0; border-radius: 0; border-top: 1px solid var(--home-coupon-border); border-bottom: 1px solid var(--home-coupon-border); } .coupon-initial.coupon-second .coupon-item__inner:before, .coupon-initial.coupon-second .coupon-item__inner:after { content: ""; position: absolute; top: 0; bottom: 0; width: 10px; height: 100%; } .coupon-initial.coupon-second .coupon-item__inner:before { left: 0; background: repeating-linear-gradient(var(--home-coupon-border), var(--home-coupon-border) 4px, var(--shop-color-bg) 0, var(--shop-color-bg) 12px, var(--home-coupon-border) 0, var(--home-coupon-border) 16px) 0px/1px 100% no-repeat, radial-gradient(circle at 0px 8px, var(--shop-color-bg), var(--shop-color-bg) 4px, var(--home-coupon-border) 0, var(--home-coupon-border) 5px, var(--home-coupon-bg) 0) 1px 0/100% 16px repeat-y; } .coupon-initial.coupon-second .coupon-item__inner:after { right: 0; background: repeating-linear-gradient(var(--home-coupon-border), var(--home-coupon-border) 4px, var(--shop-color-bg) 0, var(--shop-color-bg) 12px, var(--home-coupon-border) 0, var(--home-coupon-border) 16px) 9px/1px 100% no-repeat, radial-gradient(circle at 8px 8px, var(--shop-color-bg), var(--shop-color-bg) 4px, var(--home-coupon-border) 0, var(--home-coupon-border) 5px, var(--home-coupon-bg) 0) 1px 0/100% 16px repeat-y; } .coupon-initial.coupon-second .coupon-item__left { display: none; } .coupon-initial.coupon-second .coupon-item__right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 10px 15px; } .coupon-initial.coupon-second .coupon-item__right .cp-top { padding-bottom: 20px; } .coupon-initial.bgWhite .coupon-item__inner:before { background: repeating-linear-gradient(var(--home-coupon-border), var(--home-coupon-border) 4px, transparent 0, transparent 12px, var(--home-coupon-border) 0, var(--home-coupon-border) 16px) 0px/1px 100% no-repeat, radial-gradient(circle at 0px 8px, transparent, transparent 4px, var(--home-coupon-border) 0, var(--home-coupon-border) 5px, var(--home-coupon-bg) 0) 1px 0/100% 16px repeat-y; } .coupon-initial.bgWhite .coupon-item__inner:after { background: repeating-linear-gradient(var(--home-coupon-border), var(--home-coupon-border) 4px, transparent 0, transparent 12px, var(--home-coupon-border) 0, var(--home-coupon-border) 16px) 9px/1px 100% no-repeat, radial-gradient(circle at 8px 8px, transparent, transparent 4px, var(--home-coupon-border) 0, var(--home-coupon-border) 5px, var(--home-coupon-bg) 0) 1px 0/100% 16px repeat-y; } .coupon-initial.bgWhite .coupon-item__left:after, .coupon-initial.bgWhite .coupon-item__left:before { background: #fff; } @media (max-width: 1199px) and (min-width: 768px) { .coupon-initial .coupon-item { margin-bottom: 14px; } } @media (max-width: 767px) { .coupon-initial .listCoupon { flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-left: -15px; margin-right: -15px; padding-left: 15px; overflow-x: scroll; -webkit-overflow-scrolling: touch; transition: transform 0.25s ease 0s; } .coupon-initial .listCoupon::-webkit-scrollbar { display: none; } .coupon-initial .listCoupon .coupon-item { padding-left: 0; padding-right: 15px; margin-bottom: 0; float: none; display: inline-block; flex: 0 0 90%; -ms-flex: 0 0 94%; max-width: 90%; } } .home-slider { padding-bottom: 0; position: relative; overflow: hidden; margin-bottom: 0px; } .home-slider + .home-collection-1 { padding-top: 50px; } .home-slider .slider-item { position: relative; } .home-slider .slider-owl { border-radius: 5px; overflow: hidden; background: var(--shop-color-bg); } .home-slider .owl-carousel:not(.owl-loaded) { display: flex; display: -ms-flex; display: -webkit-flex; } .home-slider .owl-carousel:not(.owl-loaded) .slider-item { -webkit-flex: 0 0 100%; flex: 0 0 100%; } .home-slider .slider-item { position: relative; } .home-slider .owl-nav button.owl-prev, .home-slider .owl-nav button.owl-next { position: absolute; top: calc(50% - 20px); padding: 0; opacity: 1; height: 40px; width: 40px; line-height: 38px; text-align: center; display: inline-block; text-align: center; color: #fff; background-color: var(--shop-color-main); border: 1px solid var(--shop-color-main); outline: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .home-slider .owl-nav button.owl-prev { left: 10px; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .home-slider .owl-nav button.owl-next { right: 10px; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .home-slider .owl-nav button.owl-prev:before, .home-slider .owl-nav button.owl-next:before { content: ""; font-family: 'FontAwesome'; font-size: 26px; } .home-slider .owl-nav button.owl-prev:before { content: "\f104"; } .home-slider .owl-nav button.owl-next:before { content: "\f105"; } .home-slider .owl-nav button.owl-prev:hover, .home-slider .owl-nav button.owl-next:hover { background-color: #fff; color: #a8a4a4; } .home-slider .slider-owl:hover .owl-nav button { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .home-slider .owl-dots { position: absolute; left: 50%; bottom: 15px; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .home-slider .owl-dots .owl-dot { margin: 0; outline: 0; } .home-slider .owl-dots .owl-dot span { display: flex; display: -ms-flex; display: -webkit-flex; width: 12px; height: 12px; margin: 4px; border-radius: 50%; background: #928c8c; } .home-slider .owl-dots .owl-dot.active { border-radius: 50%; } .home-slider .owl-dots .owl-dot.active span { background: var(--shop-color-main); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } @media (max-width: 991px) and (min-width: 768px) { .home-slider .slider-owl { margin-top: 14px; } } @media (max-width: 767px) { .home-slider .slider-owl { margin-top: 1px; } .home-slider .owl-dots { bottom: 5px; } .home-slider .owl-dots .owl-dot { margin: 0 2px; } .home-slider .owl-dots .owl-dot span { width: 7px; height: 7px; margin: 2px; } } .home-category .category-block { position: relative; overflow: hidden; border-radius: 5px; } .home-category .category-block--content { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px 20px; } .home-category .category-block--content h3 { font-size: 18px; font-weight: 700; margin: 10px 0 5px; } .home-category .list-item { display: -webkit-flex; display: -ms-flex; display: flex; margin-left: -15px; margin-right: -15px; } @media (min-width: 992px) { .home-category { margin-top: 30px; } .home-category .category-block img { -webkit-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .home-category .category-block:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @media (max-width: 991px) and (min-width: 768px) { .home-category .category-item { flex: 0 0 40%; -webkit-flex: 0 0 40%; max-width: 40%; } } @media (max-width: 991px) { .home-category .list-item { flex-wrap: nowrap; overflow: scroll; } .home-category .list-item::-webkit-scrollbar { display: none; } .home-category .category-item { padding-right: 0; padding-left: 15px; } .home-category .category-item + .category-item { padding-left: 15px; } .home-category .category-item:last-child { margin-right: 15px; } .home-category .category-item .hbtn { font-size: 14px; margin: 0; } .home-category .category-block { margin-top: 15px; } .home-category .category-block h3 { font-size: 14px; } } @media (max-width: 767px) { .home-category .category-item { flex: 0 0 70%; -webkit-flex: 0 0 70%; max-width: 70%; } } .home-collection-1 { padding-top: 0; padding-bottom: 30px; } .home-collection-1 .wrapper-content { background: var(--home-collection1-bg); padding: 15px 7px; border-radius: 10px; } .home-collection-1 .listProduct-row { margin-left: 0; margin-right: 0; } .home-collection-1 .section-heading { margin-bottom: 15px; padding-right: 14px; } .home-collection-1 .section-heading h2 a { color: var(--home-collection1-color-text); } .home-collection-1 .section-heading h2 { padding-left: 30px; padding-right: 15px; position: relative; } .home-collection-1 .section-heading h2:before, .home-collection-1 .section-heading h2:after { content: ""; background-color: var(--home-collection1-icon); border-radius: 100%; display: block; left: 10px; width: 8px; height: 8px; position: absolute; top: 12px; } .home-collection-1 .section-heading h2:after { background-color: transparent; border: 1px solid var(--home-collection1-icon); animation: pulseSmall 1.25s linear infinite; } .home-collection-1 .box-link { text-align: center; } .home-collection-1 .box-link a { background: var(--shop-color-button); border: 0; font-size: 14px; box-shadow: none; font-weight: 500; border-radius: 4px; display: inline-block; line-height: 16px; margin: 15px auto 0; padding: 12px 5px; text-align: center; text-transform: none; color: #333; min-width: 320px; } .home-collection-1 .box-link a:hover, .home-collection-1 .box-link a:hover svg { color: #fff; stroke: #fff; } .home-collection-1 .box-link a:before { background-color: #fff; } .home-collection-1 .box-link svg { width: 16px; height: 16px; stroke: var(--shop-color-text); fill: none; margin-bottom: 1px; margin-left: 3px; transition: all 0.3s; -ms-transition: all 0.3s; } .home-collection-1 .box-countdown .auto-due { display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; color: var(--home-collection1-color-text); } .home-collection-1 .box-countdown .soon[data-layout*=group] { font-size: 16px; padding: 0; } .home-collection-1 .box-countdown #label-due { margin-right: 10px; display: none; } .home-collection-1 .box-countdown .soon-slot-inner { color: #ffffff; font-weight: 500; border-radius: 3px; letter-spacing: 1px; } .home-collection-1 .box-countdown .soon[data-layout*=group] .soon-separator { width: 10px; padding-top: 9px; visibility: hidden; } .home-collection-1 .box-countdown .soon-group.soon-group-sub { background: #000000; min-width: 36px; border-radius: 5px; margin-left: 8px; } .home-collection-1 .box-countdown .soon[data-layout*=group] .soon-label { margin: 0; color: #ffffff; } .home-collection-1 .box-countdown .soon-slot-new { display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } @media (min-width: 992px) { .home-collection-1 .section-heading { padding-right: 100px; justify-content: normal; } } @media (max-width: 767px) { .home-collection-1 { padding-bottom: 20px; } .home-collection-1 .listProduct-row { margin-bottom: 0; margin-left: 0; margin-right: 0; } .home-collection-1 .owlCarousel-style .owl-dots .owl-dot span { background: var(--home-collection1-color-text); } .home-collection-1 .owlCarousel-style .owl-dots .owl-dot.active { border-color: var(--home-collection1-color-text); } .home-collection-1 .owlCarousel-style .owl-dots .owl-dot.active span { background: var(--home-collection1-color-text); } .home-collection-1 .owlCarousel-style .owl-stage { left: -14px; } .home-collection-1 .wrapper-content { padding: 8px 0; border-radius: 0; } .home-collection-1 .section-heading { margin-bottom: 7px; padding-left: 7px; } .home-collection-1 .section-heading h2 { padding-left: 26px; } .home-collection-1 .section-heading h2:before, .home-collection-1 .section-heading h2:after { top: 7px; left: 10px; } .home-collection-1 .box-link { margin-top: 8px; display: flex; -ms-display: flex; } .home-collection-1 .box-link a { min-width: 50%; padding: 5px; margin-top: 0; font-size: 12px; } .home-collection-1 .box-countdown #label-due { display: none; } .home-collection-1 .box-countdown .soon-repeater { padding: 0 3px; color: #ffffff; border-radius: 3px; min-width: 14px; } .home-collection-1 .box-countdown .soon .soon-group { font-size: 12px; } .home-collection-1 .box-countdown .soon-group.soon-group-sub { min-width: 22px; margin-left: 5px; } .home-collection-1 .box-countdown .soon[data-layout*=group] .soon-label { margin: 0; } .home-collection-1 .box-countdown .soon[data-layout*=group] .soon-separator { padding-top: 0; display: none; } .home-collection-1 .box-countdown .soon[data-layout*=group] .soon-group-sub > .soon-group-inner { margin: 0 2px; } } @media (max-width: 767px) { .home-collection-2 .owl-stage { left: -15px; } } .home-categorize .wrapbox { background: var(--home-categorize-bg); } .wrapbox:before { display: none; } .home-categorize .wrapbox { background-size: cover; padding: 15px 20px; border-radius: 5px; margin: 0; align-items: center; -ms-align-items: center; color: var(--home-categorize-color); position: relative; } .home-categorize .wrapbox--content { text-align: right; } .home-categorize .wrapbox--content .title-box { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .home-categorize .wrapbox--content .btn-box { border-radius: 15px; padding: 5px 15px; } .home-categorize .wrapbox .listCategorize .item-icon { max-width: 12%; } .home-categorize .wrapbox .listCategorize .item-icon .item-img { border-radius: 50%; margin: 0 5px; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .home-categorize .wrapbox .listCategorize .item-icon .item-title h3 { text-align: center; margin: 14px 0; font-size: 14px; } .home-categorize .wrapbox .listCategorize .item-icon .item-title h3 a { font-size: 14px; font-weight: 500; padding-top: 8px; margin: 0; color: var(--home-categorize-color); } .home-categorize .wrapbox:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.35; } .home-categorize .owlCarousel-style:not(.owl-loaded) { display: flex; display: -ms-flex; } @media (min-width: 1200px) { .home-categorize .wrapbox .listCategorize .item-icon .item-img:hover { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); -ms-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); -o-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } .home-categorize .wrapbox .listCategorize { justify-content: space-around; -ms-justify-content: space-around; } } @media (max-width: 1199px) and (min-width: 768px) { .home-categorize .wrapbox .listCategorize { overflow: scroll; flex-wrap: nowrap; } .home-categorize .wrapbox .listCategorize::-webkit-scrollbar { display: none; } .home-categorize .wrapbox .listCategorize .item-icon { padding-right: 0; padding-left: 14px; flex: 0 0 20%; -ms-flex: 0 0 20%; max-width: 20%; } .home-categorize .wrapbox .listCategorize .item-icon:last-child { margin-right: 14px; } .home-categorize .wrapbox .listCategorize .item-icon .item-title h3 a { font-size: 26px; } } @media (max-width: 991px) { .home-categorize .wrapbox-left { display: none; } .home-categorize .wrapbox { padding: 15px 0; border-radius: 0; } .home-categorize .wrapbox .listCategorize { overflow: scroll; flex-wrap: nowrap; } .home-categorize .wrapbox .listCategorize::-webkit-scrollbar { display: none; } .home-categorize .wrapbox .listCategorize .item-icon { padding-right: 0; padding-left: 20px; flex: 0 0 30%; -ms-flex: 0 0 30%; max-width: 30%; } } @media (max-width: 767px) { .home-categorize .wrapbox .listCategorize .item-icon { padding-left: 15px; } .home-categorize .wrapbox .listCategorize .item-icon:last-child { margin-right: 15px; } } .home-collection-navtabs-1 .wrapbox { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; } .home-collection-navtabs-1 .wrapbox--left { background: var(--home-collection2-bg); } .home-collection-navtabs-1 .wrapbox--left .wrapbox-detail__title { font-size: 24px; color: var(--home-collection2-title); margin-bottom: 8px; } .home-collection-navtabs-1 .wrapbox--left .wrapbox-detail__desc { font-weight: 600; margin-bottom: 8px; } .home-collection-navtabs-1 .wrapbox--btn { margin: 0 auto; } .home-collection-navtabs-1 .wrapbox--btn .btn-loadmore { margin-top: 25px; } .home-collection-navtabs-1 .wrapbox--btn .btn-loadmore:after { display: none; } .home-collection-navtabs-1 .collection-navtabs-title .nav-link { position: relative; font-weight: 700; color: #787878; margin-left: 20px; border: 1px solid #eae4e8; border-radius: 20px; } .home-collection-navtabs-1 .collection-navtabs-title .nav-link.active { opacity: 1; border-color: var(--shop-color-button); color: #ffffff; background: var(--shop-color-button); } .home-collection-navtabs-1 .collection-navtabs-title .nav-link:after { opacity: 0; position: absolute; content: ''; z-index: 1; right: 0; left: 0; bottom: 0; height: 2px; background: #000000; transition: all 0.6s ease; } @media (min-width: 992px) { .home-collection-navtabs-1 .section-heading .box-header { flex: 1; -ms-flex: 1; } .home-collection-navtabs-1 { padding-bottom: 70px; } .home-collection-navtabs-1 .wrapbox--left { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; overflow: hidden; } .home-collection-navtabs-1 .wrapbox--right { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-left: 14px; } .home-collection-navtabs-1 .wrapbox--left + .wrapbox--right .product-loop.col-lg-2 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 991px) { .home-collection-navtabs-1 { padding-bottom: 15px; overflow: hidden; } .home-collection-navtabs-1 .wrapbox--left { display: none; } .home-collection-navtabs-1 .wrapbox--right { order: 1; width: 100%; } .home-collection-navtabs-1 .wrapbox--btn { order: 2; } .home-collection-navtabs-1 .collection-navtabs-title { overflow-y: scroll; padding-bottom: 40px; margin-bottom: -40px; flex-wrap: nowrap; padding-left: 5px; } .home-collection-navtabs-1 .collection-navtabs-title .nav-link { border: 1px solid #eae4e8; border-radius: 15px; padding: 5px 12px; margin-left: 10px; font-size: 12px; white-space: nowrap; } .home-collection-navtabs-1 .collection-navtabs-title .nav-link:after { display: none; } .home-collection-navtabs-1 .box-header { margin-bottom: 14px; } .home-collection-navtabs-1 .box-tablist { flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; max-width: 100%; overflow: hidden; } .home-collection-navtabs-1 .wrapbox--btn .btn-loadmore { margin-top: 10px; } } @media (max-width: 991px) and (min-width: 768px) { .home-collection-navtabs-1 .product-loop.product-last-hide:nth-child(10) { display: none; } } @media (max-width: 767px) { .home-collection-navtabs-1 .collection-navtabs-title .nav-item:last-child { padding-right: 15px; } .home-collection-navtabs-1 .section-heading { display: block; } .home-collection-navtabs-1 .wrapbox--left { margin: 10px 15px 0; padding: 0; } .home-collection-navtabs-1 .box-header { width: 100%; } .home-collection-navtabs-1 .box-tablist { max-width: unset; margin: 0 -17px; } .home-collection-navtabs-1 .listProduct-row { margin: 0; } } @media (min-width: 992px) { .home-collection-navtabs-1 .listProduct-row .product-loop:nth-child(n + 11) { display: none; } } @media (max-width: 991px) { .home-collection-navtabs-1 .listProduct-row .product-loop:nth-child(n + 11) { display: none; } } .home-banner .banner__inner--block { margin-bottom: 15px; } .home-banner .banner__inner--img { border-radius: 4px; overflow: hidden; } .home-collection-3 .wraper--content { display: -ms-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; background: #fff; } .home-collection-3 .wraper--content__left { flex: 0 0 70%; -ms-flex: 0 0 70%; max-width: 70%; display: -ms-flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-justify-content: flex-start; justify-content: flex-start; padding-top: 20px; padding-right: 20px; } .home-collection-3 .wraper--content__right { flex: 0 0 30%; -ms-flex: 0 0 30%; max-width: 30%; } .home-collection-3 .wraper--content__rowProduct { display: flex; display: -ms-flex; background: #fff; } .home-collection-3 .wraper--content .section-heading { padding-left: 15px; } .home-collection-3 .row-product .product-loop.product-horizontal .product-inner { border-bottom: 1px solid #eae4e8; border-radius: 0; } .home-collection-3 .row-product .product-loop.product-horizontal:last-child .product-inner { border-bottom: 0; } @media (max-width: 991px) { .home-collection-3 .wraper--content { background: unset; } .home-collection-3 .wraper--content__left { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; padding-right: 0; padding-top: 0; } .home-collection-3 .wraper--content__right { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; padding: 15px 0; } } @media (max-width: 767px) { .home-collection-3 .owl-carousel .owl-stage { left: -30px; } .home-collection-3 .wraper--content__right { padding: 10px 15px; } } .home-blogs { padding-bottom: 70px; } .home-blogs .wrapper-content { margin-left: -7px; margin-right: -7px; } .home-blogs .article-item { padding-left: 7px; padding-right: 7px; } .home-blogs .article-item__image .art-image img:not(.lazyloaded) { min-height: 150px; } .home-blogs .article-item__detail { padding: 10px 17px; background: #fff; display: flex; display: -ms-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } .home-blogs .article-item__detail .art-title { font-size: 16px; margin-bottom: 5px; transition: transform .3s ease; } .home-blogs .article-item__detail .art-desc { font-size: 13px; margin-bottom: 15px; white-space: initial; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: #a8aeba; } .home-blogs .article-item__detail .art-meta { display: flex; display: -ms-flex; justify-content: space-between; -ms-justify-content: space-between; align-items: center; -ms-align-items: center; font-size: 11px; color: #a8aeba; border-top: 1px solid #eee; padding-top: 15px; margin-top: auto; } .home-blogs .article-item__detail .art-meta .art-seemore { color: #a8aeba; } .home-blogs .article-item__detail .art-meta .art-date:before { display: inline-block; font-family: FontAwesome; font-weight: 400; content: "\f073"; font-size: 12px; margin-right: 3px; } .home-blogs .article-item__detail .art-meta .art-seemore:hover { color: var(--shop-color-hover); } .home-blogs .listArticle-row .article-item { height: 100%; } .home-blogs .listArticle-row .article-item__block { display: -ms-flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-justify-content: space-between; justify-content: space-between; height: 100%; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); } @media (min-width: 1200px) { .home-blogs .article-item__image { overflow: hidden; } .home-blogs .article-item__image img { -webkit-transition: .4s linear; -ms-transition: .4s linear; transition: .4s linear; -webkit-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .home-blogs .article-item__image img:hover { -webkit-transform: rotate(-3deg) scale(1.1); -ms-transform: rotate(-3deg) scale(1.1); transform: rotate(-3deg) scale(1.1); } } @media (max-width: 991px) and (min-width: 768px) { .home-blogs { padding-bottom: 60px; } .home-blogs .wrapper-content { flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } .home-blogs .wrapper-content .article-item__detail .art-title { font-size: 18px; } .home-blogs .wrapper-content .article-item__detail .art-meta { font-size: 10px; } } @media (max-width: 767px) { .home-blogs { padding-bottom: 30px; } .home-blogs .section-heading { padding: 0; } .home-blogs .wrapper-content { margin-left: -15px; margin-right: -15px; } .home-blogs .wrapper-content .owl-carousel .owl-stage { left: -38px; } .home-blogs .article-item { padding-left: 7px; padding-right: 7px; } .home-blogs .article-item__detail .art-title { font-size: 14px; } .home-blogs .article-item__detail .art-desc { font-size: 12px; } } /*===== PRODUCT DETAIL ==========================*/ /*===== QUICK VIEW DETAIL ================================*/ .modal-product-quickview { background: rgba(3, 17, 27, 0.3); } .modal-product-quickview .modal-dialog-centered { pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 28px auto; min-height: calc(100% - (28px * 2)); } .modal-product-quickview .modal-dialog-centered .modal-content { pointer-events: auto; width: 100%; margin-bottom: 50px; overflow: hidden; } .modal-product-quickview .modal-paramlink { position: relative; padding: 0; z-index: 5; border-bottom: 1px solid var(--shop-color-border); } .modal-product-quickview .modal-paramlink:before { content: ""; position: absolute; width: 0; height: 100%; z-index: -1; top: 0; left: 0; background: #f7f5f5; } .modal-product-quickview .modal-paramlink .quickview-close { text-align: center; position: absolute; cursor: pointer; top: 10px; right: 10px; color: #272727; z-index: 999; width: 36px; height: 36px; border: 9px solid transparent; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .modal-product-quickview .modal-paramlink .quickview-close:before, .modal-product-quickview .modal-paramlink .quickview-close:after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background-color: rgba(39, 39, 39, 0.5); -webkit-transition: all .3s ease; transition: all .3s ease; } .modal-product-quickview .modal-paramlink .quickview-close:before { transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-product-quickview .modal-paramlink .quickview-close:after { transform-origin: 50% 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal-product-quickview .modal-paramlink .quickview-close:hover { background: #e5e5e5; } .modal-product-quickview .modal-paramlink .quickview-close:hover:before, .modal-product-quickview .modal-paramlink .quickview-close:hover:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } @media (max-width: 767px) { .modal-product-quickview .modal-paramlink .quickview-close { top: 5px; } } .modal-product-quickview .modal-paramlink .paramlink-topbar { position: relative; display: block; padding: 8px 50px; width: 100%; } .modal-product-quickview .modal-paramlink .paramlink-topbar .purl-title { font-size: 15px; margin: 0; display: block; } .modal-product-quickview .modal-paramlink .paramlink-topbar .purl-title span { overflow: hidden; visibility: initial; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .modal-product-quickview .modal-paramlink .paramlink-topbar .purl-link { margin: 0; font-size: 13px; } .modal-product-quickview .modal-detailProduct { padding: 0; } .modal-product-quickview .product-container-detail > [class*='product-'] { padding-left: 15px; padding-right: 15px; } .modal-product-quickview .modal-detailProduct .productDetail-information { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal-product-quickview .modal-detailProduct .productDetail--gallery, .modal-product-quickview .modal-detailProduct .productDetail--content { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct:not(.owl-loaded), .modal-product-quickview .modal-detailProduct .quickview-sliderthumb:not(.owl-loaded) { display: -ms-flexbox; display: flex; overflow: hidden; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct:not(.owl-loaded) .product-gallery { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .modal-product-quickview .modal-detailProduct .quickview-sliderthumb:not(.owl-loaded) .product-thumb { -webkit-flex: 0 0 calc(100%/6 - 4px); -ms-flex: 0 0 calc(100%/6 - 4px); flex: 0 0 calc(100%/6 - 4px); max-width: calc(100%/6 - 4px); margin: 0 2px; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct { overflow: hidden; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav button { display: inline-block; position: absolute; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0; margin: 0; width: 35px; height: 35px; outline: none; font-size: 0; line-height: 35px; text-align: center; background: transparent; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav button.owl-prev { left: 0px; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav button.owl-next { right: 0px; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav button:before { content: ""; display: inline-block; font-family: "FontAwesome"; font-size: 35px; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav .owl-prev:before { content: "\f104"; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav .owl-next:before { content: "\f105"; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-nav button.disabled { opacity: 0; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-dots { position: absolute; left: 10px; right: 10px; bottom: 10px; text-align: center; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; margin: 0 4px; border-width: 2px; border-radius: 50%; border: 1px solid #fff; outline: none; background: #ddd; -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out; transition: color 0.2s ease-in-out, background 0.2s ease-in-out; } .modal-product-quickview .modal-detailProduct .quickview-sliderproduct .owl-dots .owl-dot.active { background: var(--shop-color-main); } .modal-product-quickview .modal-detailProduct .quickview-sliderthumb { max-width: 88%; margin: 10px auto 0; } .modal-product-quickview .modal-detailProduct .quickview-sliderthumb .product-thumb__item { display: block; margin: 1px; border: 1px solid #f4f4f4; } .modal-product-quickview .modal-detailProduct .quickview-sliderthumb .current .product-thumb__item { border-color: #0d5cb6; } .modal-product-quickview .modal-detailProduct .product-container-detail { font-size: 13px; } .modal-product-quickview .modal-detailProduct .product-viewdetail { text-align: center; } .modal-product-quickview .modal-detailProduct .product-heading h2 { font-size: 18px; margin-bottom: 5px; } .modal-product-quickview .modal-detailProduct .product-viewdetail a { text-decoration: underline; display: inline-block; color: var(--shop-color-text); } .modal-product-quickview .modal-detailProduct .product-viewdetail a svg { width: 10px; height: 10px; margin-left: 5px; } .modal-product-quickview .modal-detailProduct .product-variants .select-actions .quantity-area { width: 130px; } .modal-product-quickview .modal-detailProduct .product-variants .select-actions .quantity-area input.quantity-input { width: 50px; height: 38px; line-height: 36px; } .modal-product-quickview .modal-detailProduct .product-variants .select-actions .quantity-area input.qty-btn { width: 38px; height: 38px; line-height: 36px; } .modal-product-quickview .modal-detailProduct .product-variants .select-actions .addcart-area { padding-left: 10px; width: calc(100% - 130px); } .modal-product-quickview .modal-detailProduct .product-variants .select-actions .addcart-area .btn-addtocart { height: 38px; line-height: 38px; font-size: 13px; } .modal-product-quickview .modal-toolbarProduct { padding: 8px 15px 10px; border-top: 1px solid var(--shop-color-border); } .modal-product-quickview .modal-detailProduct .productDetail--promotion { flex: 0 0 100%; -ms-flex: 0 0 100%; } .modal-product-quickview .modal-detailProduct .product-toshare { padding-top: 0; padding-bottom: 0; } .modal-product-quickview .combo-info { padding-top: 5px; margin-top: 15px; border-top: 1px solid #eee; } .modal-product-quickview .combo-info .combo-info--content { flex-wrap: wrap; -ms-flex-wrap: wrap; } .modal-product-quickview .combo-info .combo-info--content .combo-content--total { padding-left: 0; flex: 0 0 100%; -ms-flex: 0 0 100%; -ms-display: flex; display: flex; -ms-justify-content: flex-end; justify-content: flex-end; text-align: -webkit-right; padding-top: 15px; } .modal-product-quickview .combo-info .combo-info--content .combo-content--total:before { display: none; } @media (min-width: 992px) { .modal-product-quickview .combo-info .combo-info--content .list-combos .combo-item { flex: 0 0 25%; -ms-flex: 0 0 25%; padding-right: 25px; } .modal-product-quickview .combo-info .combo-info--content .list-combos .combo-item--priceInit, .modal-product-quickview .combo-info .q-combo-info .combo-info--content .list-combos .combo-item--priceInit { font-size: 12px; } .modal-product-quickview .combo-info .combo-info--content .list-combos .combo-item--price, .modal-product-quickview .combo-info .q-combo-info .combo-info--content .list-combos .combo-item--price { font-size: 12px; } } @media (max-width: 991px) { .modal-product-quickview .combo-info { padding: 5px 15px 15px; } } @media (min-width: 992px) { .modal.modal-product-quickview.fade .modal-dialog { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .modal.modal-product-quickview.fade.show .modal-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-product-quickview .modal-dialog-centered { max-width: 840px; } .wrapper-quickview .productDetail--content { padding-left: 5px; } .wrapper-quickview .productDetail--content .wrapbox-detail { padding-right: 0; } .wrapper-quickview .modal-paramlink .paramlink-topbar, .wrapper-quickview .modal-paramlink .quickview-sharing { display: none; } .wrapper-quickview .modal-paramlink .quickview-close { right: 10px; left: initial; } .wrapper-quickview .modal-detailProduct { padding: 25px 20px; } .wrapper-quickview .modal-detailProduct .quickview-sliderproduct { border: 1px solid #f4f4f4; } .wrapper-quickview .modal-detailProduct .product-price { background: none; padding: 0; border-radius: 0; } .wrapper-quickview .modal-detailProduct .product-price .pro-title { width: 28%; } .wrapper-quickview .modal-detailProduct .product-price .pro-price { font-size: 22px; } .wrapper-quickview .modal-detailProduct .product-price del { font-size: 16px; } .wrapper-quickview .modal-detailProduct .product-price .pro-percent { padding: 3px 10px; font-size: 10px; } .wrapper-quickview .modal-detailProduct .product-variants .select-swatch .swatch .title-swap { width: 28%; padding-left: 0; } .wrapper-quickview .modal-detailProduct .product-variants .select-swatch .swatch:first-child { margin-top: 0; } .wrapper-quickview .modal-detailProduct .product-variants .select-swatch .swatch:last-child { margin-bottom: 0; } .wrapper-quickview .modal-detailProduct .productDetail--content .product-actions { padding-top: 0; border-top: 0; } .wrapper-quickview .modal-detailProduct .productDetail--content .product-actions .quantity-title { margin-bottom: 0; } .wrapper-quickview .modal-detailProduct .productToolbar-addcart .product-actions .quantity-selector .qty-btn { height: 30px; line-height: 30px; width: 30px; } .wrapper-quickview .modal-detailProduct .productToolbar-addcart .product-actions .quantity-selector .qty-btn svg { width: 9px; } .wrapper-quickview .modal-detailProduct .productToolbar-addcart .product-actions .quantity-selector .quantity-number { height: 30px; line-height: 30px; width: 40px; } } @media (max-width: 991px) { .modal-product-quickview .modal-dialog-centered { margin: 0 auto; width: 100%; max-width: 100%; height: calc(100% - 50px); min-height: auto; max-height: calc(100% - 50px); position: absolute; left: 0; right: 0; bottom: 0; background: #ffffff; background-clip: padding-box; border-radius: 16px 16px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px; } .modal-product-quickview .modal-dialog-centered .modal-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; margin: 0; border: 0; border-radius: 16px 16px 0 0; } .modal-product-quickview .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; overflow-y: auto; padding: 0 0 65px; } .modal-product-quickview.fade .modal-dialog { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; } .modal-product-quickview.fade.show .modal-dialog { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .modal-product-quickview.fade.show .modal-dialog .modal-paramlink:before { -webkit-animation: widthAnimation 3s ease-in-out; animation: widthAnimation 3s ease-in-out; } .modal-product-quickview .productDetail--content { margin-top: 0; } .wrapper-quickview .modal-detailProduct .productDetail--gallery, .wrapper-quickview .modal-detailProduct .productDetail--content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wrapper-quickview .modal-detailProduct .productDetail--gallery { border-bottom: 1px solid var(--shop-color-border); } .wrapper-quickview .modal-detailProduct .quickview-sliderthumb { display: none !important; } .wrapper-quickview .modal-detailProduct .product-viewdetail { text-align: left; margin-top: 10px; } .wrapper-quickview .modal-detailProduct .product-viewaction { position: fixed; padding: 10px 15px 12px; margin: 0; border-top: 1px solid var(--shop-color-border); left: 0; right: 0; bottom: 0; z-index: 3; background: #ffffff; } } /* NOTIFICATION PRODUCT */ .jGrowl.top-right { right: 0; top: 16%; } .jGrowl .jGrowl-notification { position: relative; background: #ffffff; border: 0; opacity: 1; width: 270px; -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3); } .jGrowl .jGrowl-notification:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(16, 16, 16, 0.04); } .jGrowl-message .jGowl-text { margin-bottom: 5px; font-size: 13px; font-weight: 600; color: var(--shop-color-main); } .jGrowl-message img { border: 1px solid #ececec; } .jGrowl-message .jGrowl-note .jGrowl-title { font-size: 13px; color: var(--shop-color-text); } .jGrowl-message .jGrowl-note ins { display: block; color: var(--shop-color-main); } .jGrowl-message .col-md-8 { padding-left: 0; } .jGrowl-notification .jGrowl-close { font-size: 0px; color: #ffffff; background-color: var(--shop-color-main); position: absolute; right: 6px; z-index: 99; border: none; float: right; font-weight: 700; cursor: pointer; display: block; width: 15px; height: 15px; line-height: 14px; border-radius: 50%; } .jGrowl-notification .jGrowl-close:focus { outline: none; } .jGrowl-notification .jGrowl-close:before { content: ""; position: absolute; width: 7px; height: 7px; right: 0px; top: 0px; left: 0; bottom: 0; margin: auto; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M638.6,500l322.7-322.7c38.3-38.3,38.3-100.3,0-138.6C923,0.4,861,0.4,822.7,38.7L500,361.4L177.3,38.7C139,0.4,77,0.4,38.7,38.7C0.4,77,0.4,139,38.7,177.3L361.4,500L38.7,822.7C0.4,861,0.4,923,38.7,961.3C57.9,980.4,82.9,990,108,990s50.1-9.6,69.3-28.7L500,638.6l322.7,322.7c19.1,19.1,44.2,28.7,69.3,28.7c25.1,0,50.1-9.6,69.3-28.7c38.3-38.3,38.3-100.3,0-138.6L638.6,500z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .jGrowl .jGrowl-closer.ui-corner-all { display: none !important; } @media (max-width: 991px) { div#jGrowl { display: none; } } /*===== COLLECTION ========================================*/ .layout-collections .breadcrumb-shop { margin-bottom: 0; } .collection-alert-no { font-size: 14px; padding: 10px 0; } .collection-alert-no p { margin: 0; }  .collection-heading__banner img { display: block; margin: auto; } .collection-heading__content { padding: 15px 0; } .collection-heading__content h1 { margin: 0; font-size: 24px; } .collection-heading__content .heading-box .title-filter { margin: 0; padding: 3px 12px; background: #fff; border: 1px solid var(--shop-color-border); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 30px; cursor: pointer; margin-bottom: 0; } .collection-heading__content .heading-box svg { width: 16px; height: 16px; stroke: var(--shop-color-text); margin-left: 5px; } .collection-heading__content .collection-filter-tags { margin: 0 -10px; } .collection-heading__content .collection-filter-tags .layered_filter_tags .filter_tags { position: relative; border-radius: 12px; margin: 10px; color: #5d5d5d; background: #fff; border: 1px solid #dadada; font-size: 13px; display: none; padding: 2px 32px 2px 10px; } .collection-heading__content .collection-filter-tags .layered_filter_tags .filter_tags.filter_tags_remove_all { cursor: pointer; border: 0; padding: 2px 10px; } .collection-heading__content .collection-filter-tags .layered_filter_tags .filter_tags.filter_tags_remove_all span { color: var(--shop-color-main); border-bottom: 1px solid var(--shop-color-main); } .collection-heading__content .collection-filter-tags .layered_filter_tags .filter_tags span.filter_tags_remove { position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; cursor: pointer; display: flex; display: -ms-flex; } .collection-heading__content .collection-filter-tags .layered_filter_tags .filter_tags.opened { display: inline-block; } .wrapper-mainCollection .collection-sortbyfilter-container { position: relative; min-width: 220px; } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option { background: #fff; border: 1px solid var(--shop-color-border); border-top: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by { margin: 0; padding: 5px 10px; } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li { position: relative; cursor: pointer; padding: 4px 10px 4px 25px; } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li:before { content: ""; position: absolute; left: 5px; top: 10px; margin: auto; z-index: 1; width: 12px; height: 6px; border: 1.5px solid var(--shop-color-main); border-top-style: none; border-right-style: none; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); -moz-transform: rotate(-45deg) scale(0, 0); -ms-transform: rotate(-45deg) scale(0, 0); -o-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li.active:before { -webkit-transform: rotate(-45deg) scale(1, 1); -moz-transform: rotate(-45deg) scale(1, 1); -ms-transform: rotate(-45deg) scale(1, 1); -o-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1); } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li:hover { color: var(--shop-color-main); } @media (min-width: 992px) { .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option { position: absolute; left: 0; right: 0; margin: 0; top: calc(100% + 10px); z-index: 999; pointer-events: none; visibility: hidden; opacity: 0; } .wrapper-mainCollection .collection-sortbyfilter-container:hover .collection-sortby-option { pointer-events: auto; visibility: visible; top: 100%; opacity: 1; } .wrapper-mainCollection .collection-sortbyfilter-container:hover .collection-sortby-opticccon { color: #666; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width: 991px) { .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by { text-align: right; } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li { padding-left: 10px; padding-right: 25px; } .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li:before { left: initial; right: 5px; } } .wrapper-mainCollection .collection-sortby-filter { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; } .wrapper-mainCollection .collection-sortby-filter .collection-sortby, .wrapper-mainCollection .collection-sortby-filter .collection-filterby { -webkit-flex: 1 1; flex: 1 1; width: 50%; } .wrapper-mainCollection .collection-sortby-filter .collection-filterby { display: none; } .wrapper-mainCollection .collection-sortby-filter .collection-sortby .boxstyle-mb, .wrapper-mainCollection .collection-sortby-filter .collection-filterby .boxstyle-mb { position: relative; height: 38px; line-height: 36px; width: 100%; font-size: 13px; font-weight: 600; padding: 0px 40px 0px 10px; cursor: pointer; border: 1px solid var(--shop-color-border); border-right: 0; border-radius: 0; } .wrapper-mainCollection .collection-sortby-filter > div:last-child .boxstyle-mb { border-right: 1px solid var(--shop-color-border); background: #fff; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter { margin: 0; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter:after { content: ""; display: block; position: absolute; top: 40%; right: 10px; width: 0px; height: 0px; margin: 0; background: transparent; border-style: solid; border-width: 7px 6px 0 6px; border-color: #bababa transparent transparent transparent; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter .icon-filter { height: 36px; line-height: 36px; display: inline-block; vertical-align: top; color: #333; margin-right: 6px; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter .icon-filter svg { width: 20px; height: 36px; line-height: 36px; fill: #333; stroke: #333; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter .icon-filter .fa { line-height: 36px; font-size: 17px; color: #333; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter .icon-close { display: none; position: absolute; top: 0; bottom: 0; margin: auto; right: 8px; width: 18px; height: 18px; line-height: 18px; } .wrapper-mainCollection .collection-sortby-filter .layered_filter_title .title_filter .icon-close svg { width: 18px; height: 18px; fill: var(--shop-color-main); } .wrapper-mainCollection .collection-listproduct { margin-bottom: 25px; } .wrapper-mainCollection .collection-listproduct .animated.fadeIn { animation-duration: 1.5s; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .wrapper-mainCollection .layered_filter_bottom { display: none; } /*  FILTER */ .filter_group.filter_sortby { display: none; } .btn-collection.btn_clear_filter { display: none; } .btn-collection { display: inline-block; text-transform: initial; font-size: 14px; margin-top: 15px; padding: 10px 25px; border-radius: 4px; background: transparent; border: 1px solid var(--shop-color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; letter-spacing: 2px; } .btn-collection:focus { outline: none; color: var(--shop-color-text); } .btn-collection:hover { color: var(--shop-color-hover); border-color: var(--shop-color-hover); } .checkbox-list { max-height: 150px; height: 100%; overflow: hidden; overflow-y: auto; } .checkbox-list::-webkit-scrollbar { width: 5px; } /* Track */ .checkbox-list::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .checkbox-list::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .checkbox-list::-webkit-scrollbar-thumb:hover { background: #555; } .checkbox-list li { position: relative; margin: 0 0 12px; padding: 0 0 0 25px; } .checkbox-list input[type='checkbox'], .checkbox-list input[type='radio'] { position: absolute; top: 0px; left: 0px; margin-top: 0; vertical-align: top; width: 16px; height: 16px; cursor: pointer; outline: none; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkbox-list input[type='checkbox']:after, .checkbox-list input[type='radio']:after { content: ""; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; background: #fff; border: 1px solid #cedadd; cursor: pointer; border-radius: 2px; } .checkbox-list input[type='checkbox']:before, .checkbox-list input[type='radio']:before { content: ""; position: absolute; left: 3px; top: 5px; margin: auto; z-index: 1; width: 10px; height: 5px; border: 2px solid #ffffff; border-top-style: none; border-right-style: none; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); -moz-transform: rotate(-45deg) scale(0, 0); -ms-transform: rotate(-45deg) scale(0, 0); -o-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); } .checkbox-list input[type='checkbox']:checked:after, .checkbox-list input[type='radio']:checked:after { background: var(--shop-color-main); } .checkbox-list input[type='checkbox']:checked:before, .checkbox-list input[type='radio']:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); -moz-transform: rotate(-45deg) scale(1, 1); -ms-transform: rotate(-45deg) scale(1, 1); -o-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1); } .checkbox-list li label { margin: 0px; font-weight: normal; cursor: pointer; color: var(--shop-color-text); } .checkbox-list li:hover { color: var(--shop-color-main); } .checkbox-list li:hover input[type='checkbox']:after { border-color: var(--shop-color-main); } .wrapper_layered_filter .layered_filter_title { text-transform: uppercase; } .wrapper_layered_filter .layered_filter_title .title_filter { margin: 0; font-weight: 600; font-size: 14px; } .wrapper_layered_filter .layered_filter_title .title_filter .icon-filter { display: inline-block; vertical-align: middle; margin-right: 5px; } .wrapper_layered_filter .layered_filter_title .title_filter .icon-filter svg { width: 20px; height: 30px; fill: #909097; stroke: #909097; -webkit-transition: 0.5s; transition: 0.5s; } .wrapper_layered_filter .layered_filter_container { margin-bottom: 5px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .wrapper_layered_filter .layered_filter_container .layered_filter_group { -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .wrapper_layered_filter .filter_group .filter_group_block { position: relative; } .wrapper_layered_filter .filter_group .filter_group-subtitle { position: relative; font-size: 17px; font-weight: 600; padding: 10px 0; cursor: pointer; } .wrapper_layered_filter .filter_group .filter_group-subtitle:after { content: " "; position: absolute; top: 0; bottom: 0; right: 13px; margin: auto; height: 8px; width: 8px; border-color: #666; border-style: solid; border-width: 0 1px 1px 0; transform: translateY(-50%) rotate(45deg); transition: transform .2s ease; } .wrapper_layered_filter .filter_group .filter_group-subtitle.action-group:after { transform: translateY(-50%) rotate(225deg); bottom: -10px; } .wrapper_layered_filter .filter_group .filter_group-content { padding: 10px 0; } .wrapper_layered_filter .layered_filter_tags .filter_tags { position: relative; border-radius: 12px; margin: 15px 10px 0px 0; color: #5d5d5d; background: #fff; border: 1px solid #dadada; font-size: 13px; display: none; padding: 2px 32px 3px 10px; } .wrapper_layered_filter .layered_filter_tags .filter_tags span.filter_tags_remove { position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; cursor: pointer; } .wrapper_layered_filter .layered_filter_tags .filter_tags span.filter_tags_remove svg { width: 16px; height: 16px; vertical-align: inherit; } .wrapper_layered_filter .layered_filter_tags .filter_tags.opened { display: inline-block; } .wrapper_layered_filter .layered_filter_tags .filter_tags.filter_tags_remove_all { cursor: pointer; border: 0; padding: 2px 10px; } .wrapper_layered_filter .layered_filter_tags .filter_tags.filter_tags_remove_all span { color: var(--shop-color-main); border-bottom: 1px solid var(--shop-color-main); } .wrapper_layered_filter .layered_filter_title .close_filter { display: none; width: 30px; height: 30px; position: absolute; right: 10px; top: calc(50% - 15px); z-index: 5; border: 0; background: transparent; text-align: center; outline: none; } .wrapper_layered_filter .layered_filter_title .close_filter svg { width: 16px; height: 30px; } .checkbox-sortby li { position: relative; margin: 0 0 8px; padding: 0 0 0 25px; } .checkbox-sortby li:after { content: ""; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; background: #fff; border: 1px solid #cedadd; border-radius: 2px; cursor: pointer; } .checkbox-sortby li:before { content: ""; position: absolute; left: 3px; top: 5px; margin: auto; z-index: 1; width: 10px; height: 5px; border: 2px solid #ffffff; border-top-style: none; border-right-style: none; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); -moz-transform: rotate(-45deg) scale(0, 0); -ms-transform: rotate(-45deg) scale(0, 0); -o-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); } .checkbox-sortby li.active:after { background: var(--shop-color-main); } .checkbox-sortby li.active:before { -webkit-transform: rotate(-45deg) scale(1, 1); -moz-transform: rotate(-45deg) scale(1, 1); -ms-transform: rotate(-45deg) scale(1, 1); -o-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1); } .filter-color .checkbox-list li { margin: 0 14px 15px 0; line-height: normal; float: left; padding: 0; } .filter-color .checkbox-list li label { border: 1px solid #eaeaea; width: 25px; height: 25px; border-radius: 4px; float: left; position: relative; font-size: 0; margin-left: 0; margin-bottom: 0; } .filter-color .checkbox-list input[type="checkbox"] { display: none; } .filter-color .checkbox-list input[type="checkbox"]:checked + label:before { content: ''; position: absolute; top: 7px; left: 6px; height: 6px; width: 12px; z-index: 99; border: 2px solid #fff; border-top-style: none; border-right-style: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .filter-color .checkbox-list input[type="checkbox"]:checked + label { box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px var(--shop-color-border); } @media (min-width: 992px) { .wrapper_layered_filter .layered_filter_parent.layered_filter_sortby { display: none; } .wrapper_layered_filter { top: 30px; position: -webkit-sticky; position: sticky; -webkit-transition: top 400ms ease; -moz-transition: top 400ms ease; transition: top 400ms ease; } .wrapper_layered_filter .layered_filter_title { display: none; } .wrapper_layered_filter .layered_filter_container { display: block; } .wrapper_layered_filter .filter_group .filter_group_block { border-radius: 4px; overflow: hidden; margin-bottom: 14px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); } .wrapper_layered_filter .filter_group .filter_group-subtitle { padding: 10px 13px; background: #ffffff; color: var(--shop-color-text); font-size: 16px; } .wrapper_layered_filter .filter_group .filter_group-content { background: #fff; padding: 10px; border-top: 1px solid var(--shop-color-border); } .collection-filter.checkFilter { display: none; } body.scroll-body-up .wrapper_layered_filter { top: 80px; } .collection-heading__content .dFlex-row { justify-content: space-between; -ms-justify-content: space-between; align-items: center; -ms-align-items: center; } .collection-heading__content .heading-box { display: -webit-flex; display: -ms-flex; display: flex; height: 100%; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .collection-heading__content .heading-box .filter-box { padding-left: 30px; } } @media (max-width: 991px) { .collection-listproduct { overflow: hidden; } .collection-content { padding-left: 2px; padding-right: 2px; } .collection-heading__content { padding: 10px 15px; } .collection-heading__content .dFlex-row { display: block; margin: 0; } .wrapper-mainCollection .collection-heading h1 { font-size: 22px; margin-bottom: 0px; } .wrapper_layered_filter { margin: 0; } .wrapper_layered_filter .layered_filter_parent { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; overflow: hidden; } .wrapper_layered_filter .layered_filter_parent .overlays-rgba { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0.5); } .wrapper_layered_filter .layered_filter_parent.show-filter .overlays-rgba { pointer-events: auto; } .wrapper_layered_filter .layered_filter_parent.show-filter .layered_filter_container { pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .wrapper_layered_filter .layered_filter_parent.layered_filter_sortby .layered_filter_container { height: auto; border-radius: 16px 16px 0 0; } .wrapper_layered_filter .layered_filter_parent.layered_filter_sortby .filter_sortby .filter_group-subtitle { display: none; } .wrapper_layered_filter .layered_filter_container { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; max-height: 100%; background: #ffffff; margin: 0; overflow: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -ms-flex-direction: column; flex-direction: column; -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; } .wrapper_layered_filter .layered_filter_container .layered_filter_title { position: relative; width: 100%; display: block; max-width: 100%; padding: 12px 50px 12px 15px; background: var(--shop-color-main); } .wrapper_layered_filter .layered_filter_container .layered_filter_title .close_filter { display: block; } .wrapper_layered_filter .layered_filter_container .layered_filter_title .close_filter svg { fill: #ffffff; } .wrapper_layered_filter .layered_filter_container .layered_filter_title .title_filter { font-size: 16px; color: #ffffff; } .wrapper_layered_filter .layered_filter_container .layered_filter_title .title_filter:after { display: none; } .wrapper_layered_filter .layered_filter_container .layered_filter_title .title_filter .icon-filter { width: 22px; height: 22px; margin-top: -6px; } .wrapper_layered_filter .layered_filter_container .layered_filter_title .title_filter .icon-filter svg { width: 22px; height: 100%; fill: #ffffff; stroke: #ffffff; } .wrapper_layered_filter .layered_filter_container .layered_filter_group { -ms-flex: 0 0 auto; flex: 1 1 auto; width: 100%; height: 100%; overflow: auto; overflow-x: hidden; padding: 10px 15px 10px; border-top: 1px solid var(--shop-color-border); border-bottom: 1px solid var(--shop-color-border); } .wrapper_layered_filter .layered_filter_container .layered_filter_bottom { width: 100%; padding: 10px 5px 12px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .wrapper_layered_filter .layered_filter_container .layered_filter_bottom .btn-filter { margin: 0 6px; -ms-flex: 0 0 calc(50% - 12px); flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); position: relative; display: block; padding: 10px 15px; font-size: 13px; font-weight: 500; cursor: pointer; text-align: center; letter-spacing: 1px; outline: none; border-radius: 2px; text-transform: uppercase; } .wrapper_layered_filter .layered_filter_container .layered_filter_bottom .btn-filter-apply { color: #ffffff; background-color: var(--shop-color-button); border: 1px solid var(--shop-color-button); } .wrapper_layered_filter .layered_filter_container .layered_filter_bottom .btn-filter-clear { color: #000000; background-color: #f3f4f6; border: 1px solid #e5e7eb; } .wrapper_layered_filter .layered_filter_container .filter_group + .filter_group .filter_group_block { border-top: 1px solid var(--shop-color-border); } .wrapper_layered_filter .layered_filter_container .filter_group.filter_sortby { display: block; } .wrapper_layered_filter .layered_filter_container .filter_group .filter_group-subtitle { border: 0; font-size: 14px; } .wrapper_layered_filter .layered_filter_container .filter_group .filter_group-subtitle, .wrapper_layered_filter .layered_filter_container .filter_group .filter_group-content { padding-left: 0; padding-right: 0; } .wrapper_layered_filter .layered_filter_tags { display: none; } .collection-heading__content .heading-box .filter-box { margin-top: 5px; display: -webit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .collection-heading__content .collection-filter-tags { display: none; } } /* SIDEBAR COLLECTION */ .sidebar-page .group-menu { margin: 0 0 30px; position: relative; padding: 20px; border: 1px solid #e3e5ec; } .sidebar-page .page_menu_title h2 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #000; text-align: center; } .tree-menu li a { padding: 5px 5px 5px 0; color: #666; line-height: 26px; font-size: 12px; } .tree-menu > li > a { color: #252a2b; font-weight: 500; font-size: 14px; line-height: 28px; letter-spacing: 1px; } .tree-menu li.has-child ul { display: none; } .tree-menu li.has-child:first-child ul { display: block; } .tree-menu li.has-child > ul { padding-left: 15px; } .tree-menu li a .icon-control { font-size: 8px; position: relative; top: -2px; } /*===== PAGE===============================================*/ .section-parallax { padding: 100px 0; background-size: cover; background-position: center center; /*background-attachment: fixed;*/ position: relative; } .section-parallax:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .section-breadcrumb { background-image: url(//theme.hstatic.net/200000117693/1001219415/14/breadcrumb-banner.jpg?v=409); } .headtitle-block { position: relative; z-index: 1; } .headtitle-block h1, .headtitle-block h2 { font-size: 30px; color: #ffffff; font-weight: 600; letter-spacing: 1px; margin: 0; padding: 0; text-transform: uppercase; } .headtitle-block .breadcrumb-shop { background: transparent; margin-bottom: 0; border: 0; color: #999999; } .headtitle-block .breadcrumb-shop .breadcrumb > li a, .headtitle-block .breadcrumb-shop li { color: #ffffff; } @media (max-width: 991px) { .section-parallax { padding: 40px 0; background-attachment: inherit; } } @media (max-width: 767px) { .section-parallax .headtitle-block h1, .section-parallax .headtitle-block h2 { font-size: 17px; } } /* page.about-01 */ .section-about01-breadcrumb { background-image: url(//theme.hstatic.net/200000117693/1001219415/14/about01_banner_bkg.jpg?v=409); } .section-about01_introduce { padding: 65px 0; font-size: 16px; line-height: 22px; } .section-about01_introduce .wrapflex-introduce { display: -webkit-flex; display: -ms-flex; display: flex; } .section-about01_introduce .wrapflex-introduce .intro-left, .section-about01_introduce .wrapflex-introduce .intro-right { flex: 0 0 50%; } .section-about01_introduce .wrapflex-introduce .intro-left .intro-img { margin-top: 50px; } .section-about01_introduce .wrapflex-introduce .intro-right .intro-desc { padding: 75px 80px 75px 80px; } .section-about01_introduce .wrap-heading { margin-bottom: 35px; } .section-about01_introduce .wrap-heading h2 { font-size: 26px; } .section-about01_introduce .wrap-heading .line { position: relative; text-transform: uppercase; font-size: 16px; letter-spacing: 5px; } .section-about01_introduce .wrap-content .wrap-info { padding: 0 20px; } @media (min-width: 992px) { .section-about01_introduce .wrapflex-introduce:nth-child(2) { flex-direction: row-reverse; margin-top: 40px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-about01_introduce .wrapflex-introduce .intro-right .intro-desc { padding: 35px 40px; } } @media (max-width: 991px) and (min-width: 768px) { .section-about01_introduce .wrapflex-introduce .intro-right .intro-desc { padding: 50px 60px 70px; } } @media (max-width: 991px) { .section-about01_introduce { padding-top: 30px; padding-bottom: 0; font-size: 14px; } .section-about01_introduce .wrapflex-introduce { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section-about01_introduce .wrapflex-introduce .intro-left, .section-about01_introduce .wrapflex-introduce .intro-right { flex: 0 0 100%; } .section-about01_introduce .wrapflex-introduce .intro-left .intro-img { margin-top: 20px; } .section-about01_introduce .wrap-heading .line { font-size: 14px; letter-spacing: 3px; } .section-about01_introduce .wrap-heading h2 { font-size: 22px; } } @media (max-width: 767px) { .section-about01_introduce .wrap-heading { margin-bottom: 15px; } .section-about01_introduce .wrapflex-introduce .intro-right .intro-desc { padding: 15px; } .section-about01_introduce .wrap-content .wrap-info { padding: 0 10px 10px; } } .section-about01_introduce + .section-about01_introduce { padding-top: 0; } .section-about01-services .flex-container-services .services-column, .section-about02-services .flex-container-services .services-column { margin-bottom: 30px; } .section-about01-services .flex-container-services .services-area-thumb, .section-about02-services .flex-container-services .services-area-thumb { max-width: 50px; margin: auto; } .section-about01-services .flex-container-services .services-area-thumb img, .section-about02-services .flex-container-services .services-area-thumb img { -webkit-transition: .6s linear; transition: .6s linear; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } .section-about01-services .flex-container-services .services-area-content h3, .section-about02-services .flex-container-services .services-area-content h3 { font-size: 18px; font-weight: 500; margin: 15px 0 10px; } .section-about01-services .flex-container-services .services-area-content p, .section-about02-services .flex-container-services .services-area-content p { line-height: 1.3; letter-spacing: .3px; } .section-about01-services .flex-container-services .services-area:hover .services-area-thumb img, .section-about02-services .flex-container-services .services-area:hover .services-area-thumb img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } @media (max-width: 991px) { .section-about01-services, .section-about02-services { padding: 40px 0 20px; } .section-about01-services .flex-container-services .services-column, .section-about02-services .flex-container-services .services-column { margin-bottom: 25px; } } /* page.about-02 */ [class^="section-about02-"] { padding-bottom: 60px; } @media (max-width: 991px) { [class^="section-about02-"] { padding-bottom: 40px; } } .section-about02-breadcrumb { background-image: url(//theme.hstatic.net/200000117693/1001219415/14/about02_banner_bkg.jpg?v=409); } .section-about02-introduce .wrap-content { padding-top: 65px; } @media (max-width: 991px) { .section-about02-introduce .wrap-content { padding-top: 30px; } .section-about02-introduce h2 { font-size: 22px; } } .section-about02-alternate { padding: 0; } .section-about02-alternate .rowFlex { display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; flex-wrap: wrap; margin-bottom: 60px; } .section-about02-alternate .rowFlex:nth-child(even) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .section-about02-alternate .alternate-detail { padding: 0 45px; padding-top: 40px; padding-bottom: 40px; position: relative; } .section-about02-alternate .alternate-detail h2 { font-size: 26px; } .section-about02-alternate .alternate-detail p { margin-bottom: 10px; } .section-about02-alternate .alternate-detail .button_content_box { margin-top: 20px; } .section-about02-alternate .alternate-detail ul { list-style-type: disc; margin-left: 16px; } .section-about02-alternate .alternate-detail ul li { margin-bottom: 10px; } .section-about02-alternate .alternate-image .block-image { position: relative; z-index: 1; padding: 40px 0; } .section-about02-alternate .alternate-image .block-image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 70%; margin: auto; background-color: var(--shop-color-main); opacity: 0.08; z-index: -1; } @media (min-width: 1200px) { .section-about02-alternate .rowFlex { margin-bottom: 60px; } .section-about02-alternate .alternate-image { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .section-about02-alternate .rowFlex { margin-bottom: 50px; } .section-about02-alternate .alternate-image { padding: 0; } } @media (max-width: 767px) { .section-about02-alternate .rowFlex { margin-bottom: 40px; } .section-about02-alternate .rowFlex:last-child { margin-bottom: 0; } .section-about02-alternate .alternate-image { padding: 0 0 20px; } .section-about02-alternate .alternate-image .block-image { padding: 20px 0; } .section-about02-alternate .alternate-detail { padding: 0; } .section-about02-alternate .alternate-detail h2 { font-size: 20px; } .section-about02-alternate .alternate-detail .button_content_box { margin-top: 15px; } } .section-about02-information .information-area { margin: 0 0 20px; } .section-about02-information .information-area--thumb { margin-bottom: 15px; } .section-about02-information .information-area--content { padding: 0 25px; line-height: 22px; text-align: center; } .section-about02-information .information-area--content h3 { font-size: 22px; margin-bottom: 5px; } @media (max-width: 991px) { .section-about02-information .rowFlex { flex-wrap: nowrap; -ms-flex-wrap: nowrap; overflow: scroll; } .section-about02-information .rowFlex::-webkit-scrollbar { display: none; } .section-about02-information .information-column { flex: 0 0 80%; -ms-flex: 0 0 80%; max-width: 80%; } .section-about02-information .information-column + .information-column { margin-left: -15px; } } @media (max-width: 767px) { .section-about02-information .information-area--content { padding: 0; } .section-about02-information .information-area--content h3 { font-size: 20px; } } .section-about02-ecosystem .wrapbox-head { padding-bottom: 20px; } .section-about02-ecosystem .wrapbox-head .line span { font-size: 18px; font-weight: 700; margin-bottom: 5px; position: relative; padding-left: 60px; padding-right: 60px; display: inline-block; } .section-about02-ecosystem .wrapbox-head h2 { text-align: center; font-size: 30px; letter-spacing: -1px; } .section-about02-ecosystem .wrapbox-content .wrapbox-area:last-child { margin-bottom: 0; } .section-about02-ecosystem .wrapbox-area { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 40px; } .section-about02-ecosystem .wrapbox-area--thumb { margin-right: 15px; display: flex; display: -ms-flex; flex: 0 0 auto; -ms-flex: 0 0 auto; } .section-about02-ecosystem .wrapbox-area--thumb:hover img { animation-name: pulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .section-about02-ecosystem .wrapbox-area--detail h3 { font-size: 16px; font-weight: 700; line-height: 18px; margin-bottom: 5px; } @media (max-width: 991px) { .section-about02-ecosystem .wrapbox-content.right .wrapbox-area { flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; justify-content: flex-end; -ms-justify-content: flex-end; } .section-about02-ecosystem .line span { font-size: 16px; } .section-about02-ecosystem .wrapbox-head h2 { font-size: 22px; } } @media (max-width: 767px) { .section-about02-ecosystem .wrapbox-area { margin: 0 0 15px; } } .section-about02-client { background-image: url(//theme.hstatic.net/200000117693/1001219415/14/about02_client_img.jpg?v=409); margin-bottom: 60px; } .section-about02-client .wrapbox-content { padding: 15px 0; margin: 0 auto; display: flex; display: -ms-flex; flex-direction: column; -ms-flex-direction: column; justify-content: center; -ms-justify-content: center; position: relative; } .section-about02-client .wrapbox-detail .box-img-effect1 { position: absolute; top: -10px; right: 0; } .section-about02-client .wrapbox-detail .box-img-effect2 { position: absolute; top: 10px; left: 0; } .section-about02-client .wrapbox-detail .box-img-effect3 { position: absolute; bottom: -100px; left: -70px; } .section-about02-client .wrapbox-item { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding: 0 150px; } .section-about02-client .wrapbox-item .box-img { max-width: 100px; border-radius: 50%; overflow: hidden; margin-bottom: 15px; } .section-about02-client .wrapbox-item .box-desc { font-size: 18px; line-height: 30px; margin-bottom: 15px; font-weight: 500; } .section-about02-client .wrapbox-item .box-author { color: #aaa; font-weight: 500; } .section-about02-client .owl-nav button.owl-prev, .section-about02-client .owl-nav button.owl-next { position: absolute; top: calc(50% - 25px); padding: 0; opacity: 1; height: 50px; width: 50px; line-height: 46px; text-align: center; display: inline-block; text-align: center; color: #000; background-color: #fff; border: 1px solid var(--shop-color-border); outline: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; border-radius: 50%; } .section-about02-client .owl-nav button.owl-prev span, .section-about02-client .owl-nav button.owl-next span { display: none; } .section-about02-client .owl-nav button.owl-prev:hover, .section-about02-client .owl-nav button.owl-next:hover { background-color: var(--shop-color-main); color: #fff; } .section-about02-client .owl-nav button.owl-prev { left: 0; } .section-about02-client .owl-nav button.owl-next { right: 0; } .section-about02-client .owl-nav button.owl-prev:before, .section-about02-client .owl-nav button.owl-next:before { content: ""; font-family: 'FontAwesome'; font-size: 26px; } .section-about02-client .owl-nav button.owl-prev:before { content: "\f104"; } .section-about02-client .owl-nav button.owl-next:before { content: "\f105"; } .section-about02-client .owl-dots { position: absolute; left: 50%; bottom: -40px; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-about02-client .owl-dots .owl-dot { margin: 0; outline: 0; } .section-about02-client .owl-dots .owl-dot span { display: flex; display: -ms-flex; display: -webkit-flex; width: 12px; height: 12px; margin: 5px; border-radius: 50%; background: #928c8c; } .section-about02-client .owl-dots .owl-dot.active { border-radius: 50%; } .section-about02-client .owl-dots .owl-dot.active span { background: var(--shop-color-main); } @media (min-width: 1200px) { .section-about02-client .wrapbox-content { max-width: 900px; min-height: 400px; } } @media (max-width: 767px) { .section-about02-client .wrapbox-item { padding: 0 10px; } .section-about02-client .box-img-effect1, .section-about02-client .box-img-effect2, .section-about02-client .box-img-effect3 { display: none; } .section-about02-client .owl-nav button.owl-prev, .section-about02-client .owl-nav button.owl-next { display: none; } } .section-about02-services { padding-bottom: 0; } /* page.about-03 */ [class^="section-about03-"] { padding: 60px 0; } [class^="section-about03-"] .wrap-heading h2 { font-size: 30px; margin-bottom: 30px; } @media (max-width: 991px) { [class^="section-about03-"] { padding: 40px 0; } [class^="section-about03-"] .wrap-heading h2 { font-size: 22px; } } .section-about03-breadcrumb { background-image: url(//theme.hstatic.net/200000117693/1001219415/14/about03_banner_bkg.jpg?v=409); } .section-about03-introduce { padding-bottom: 110px; } .section-about03-introduce .wrap-heading .line { font-size: 20px; font-weight: 500; line-height: 1.3; display: block; margin-bottom: 15px; } .section-about03-introduce .wrap-heading h2 { margin-bottom: 30px; } .section-about03-introduce .box-banner { position: relative; margin-left: 50px; margin-right: 20px; z-index: 2; } .section-about03-introduce .box-banner:before { content: ""; position: absolute; width: 100%; height: 100%; background: transparent; border: 10px solid var(--shop-color-main); left: -50px; bottom: -50px; z-index: -1; } .section-about03-introduce .box-banner .about-slide.owl-carousel .owl-nav { margin-top: 0px; position: absolute; right: -15px; bottom: 15px; } .section-about03-introduce .box-banner .about-slide.owl-carousel .owl-nav button:focus { outline: none; } .section-about03-introduce .box-banner .about-slide.owl-carousel .owl-prev, .section-about03-introduce .box-banner .about-slide.owl-carousel .owl-next { display: block; margin: 0px; background: var(--shop-color-main); color: #ffffff; padding: 8px 10px; width: 35px; height: 35px; text-align: center; font-size: 13px; cursor: pointer; } .section-about03-introduce .box-banner .about-slide.owl-carousel .owl-item .owl-lazy { transition: inherit; } .section-about03-introduce .about-introduce-top .row-flex { align-items: center; } .section-about03-introduce .button_content_box { margin-top: 30px; } @media (max-width: 991px) { .section-about03-introduce { padding-bottom: 60px; } .section-about03-introduce .introduce-loop { border-right: 1px solid #314f93; border-bottom: 1px solid #314f93; } .section-about03-introduce .introduce-loop:nth-child(2n+0) { border-right: 0; } } @media (max-width: 767px) { .section-about03-introduce .box-banner { margin-right: 0; margin-left: 30px; margin-bottom: 50px; } .section-about03-introduce .box-banner:before { left: -30px; bottom: -30px; } .section-about03-introduce .box-banner .about-slide.owl-carousel .owl-nav { right: 15px; } } .section-about03-service.bg-black { background: #439e93; } .section-about03-service .section-heading .text-white { color: #ffffff; } .section-about03-service .nav-tabs { border: 0; } .section-about03-service .box-wrapper { padding: 20px; margin-bottom: 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff; border: 2px solid #ffffff; cursor: pointer; } .section-about03-service .box-wrapper h4 { color: #ffffff; font-size: 22px; } .section-about03-service .row-flex { align-items: center; -ms-align-items: center; -webkit-align-items: center; } @media (min-width: 992px) { .section-about03-service .box-wrapper:hover { background: var(--shop-color-hover); border-color: var(--shop-color-hover); } .section-about03-service .circle-block-banner { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .section-about03-service .circle-block-banner .tab-content { margin-bottom: 30px; } } @media (max-width: 991px) { .section-about03-service { padding-top: 40px; } } @media (max-width: 767px) { .section-about03-service .box-wrapper { padding: 15px 15px; margin-bottom: 20px; } .section-about03-service .box-wrapper.text-right { text-align: left !important; } .section-about03-service .box-wrapper h4 { font-size: 18px; } .section-about03-service .box-wrapper p { margin-bottom: 0; } } .section-about03-stories .story-row { position: relative; margin-bottom: 70px; margin-right: -15px; margin-left: -15px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .section-about03-stories .story-row .block-detail { position: relative; padding: 20px 30px; margin: 40px 0px; } .section-about03-stories .story-row .block-detail .date { font-size: 14px; } .section-about03-stories .story-row .block-detail h3 { font-size: 22px; } .section-about03-stories .story-row:nth-child(even) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .section-about03-stories .story-row:nth-child(even) .block-detail { right: -70px; z-index: 5; background-color: var(--shop-color-main); color: #fff; text-align: right; } .section-about03-stories .story-row:nth-child(even) .block-detail h3 { color: #fff; } .section-about03-stories .story-row:nth-child(odd) .block-detail { left: -70px; z-index: 5; background-color: #fff; color: #000; } @media (min-width: 768px) and (max-width: 991px) { .section-about03-stories .story-row .block-detail { padding: 18px 20px; } .section-about03-stories .story-row:nth-child(even) .block-detail { right: 0; margin-right: -70px; } .section-about03-stories .story-row:nth-child(odd) .block-detail { left: 0; margin-left: -70px; } } @media (max-width: 991px) { .section-about03-stories { padding: 40px 0 20px; } } @media (max-width: 767px) { .section-about03-stories .story-row { margin-bottom: 25px; } .section-about03-stories .story-row:last-child { margin-bottom: 0; } .section-about03-stories .story-row .block-detail { padding: 20px 15px; } .section-about03-stories .story-row:nth-child(even) .block-detail { right: 0; margin: 0; text-align: left; } .section-about03-stories .story-row:nth-child(odd) .block-detail { left: 0; margin: 0; } } /*===== CART===============================================*/ .wrapper-mainCart .mainCart-detail { background: #fff; border-radius: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); } .wrapper-mainCart .mainCart-detail .heading-cart { font-size: 20px; margin: 0; padding: 15px 15px 0; border-bottom: 1px solid var(--shop-color-border); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .wrapper-mainCart .mainCart-detail .heading-cart h1 { font-size: 24px; margin: 0 0 6px; } .wrapper-mainCart .mainCart-detail .heading-cart.heading-row { border-bottom: 0; } .wrapper-mainCart .mainCart-detail .heading-cart.heading-row .cart-shipping { flex: 0 0 100%; max-width: 100%; border-top: 1px solid var(--shop-color-border); margin-top: 15px; padding-top: 15px; } .wrapper-mainCart .mainCart-detail .expanded-message { padding: 20px 15px; } .wrapper-mainCart .title-number-cart { padding: 0; margin: 0 0 15px; font-weight: 400; font-size: 16px; } .wrapper-mainCart .list-pageform-cart { padding: 15px; } .wrapper-mainCart .table-cart { padding: 8px 10px; border: 2px solid var(--shop-color-border); overflow: hidden; border-radius: 8px; } .wrapper-mainCart .cart-row { width: 100%; display: inline-block; } @media (min-width: 768px) { .wrapper-mainCart .expanded-message { text-align: left; font-size: 17px; } } .wrapper-mainCart .media-line-item + .media-line-item { border-top: 1px solid #f1f1f1; } .wrapper-mainCart .media-line-item { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; padding: 15px 10px; } .wrapper-mainCart .media-line-item .media-left { -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; padding: 0; position: relative; display: block; } .wrapper-mainCart .media-line-item .media-left img { border: 1px solid #ededed; } .wrapper-mainCart .media-line-item .media-left .item-remove { position: absolute; top: -7px; left: -10px; } .wrapper-mainCart .media-line-item .media-left .item-remove a { display: block; background: #8f9bb3; color: #fff; font-size: 8px; font-weight: 400; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; } .wrapper-mainCart .media-line-item .media-right { -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 1 1 auto; padding-left: 18px; padding-right: 18px; } .wrapper-mainCart .media-line-item .media-total { text-align: right; } .wrapper-mainCart .media-line-item .item-info { margin-bottom: 10px; } .wrapper-mainCart .media-line-item .item-info .item--title { font-size: 15px; margin: 0 0 2px; font-weight: 500; } .wrapper-mainCart .media-line-item .item-info .item--title a { color: var(--shop-color-text); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .wrapper-mainCart .media-line-item .item-info .item--variant { font-size: 12px; color: #777; font-weight: 500; } .wrapper-mainCart .media-line-item .item-price p { margin: 0; } .wrapper-mainCart .media-line-item .item-price .ico-gift { display: inline-block; max-width: 18px; vertical-align: 2px; margin-left: 10px; } .wrapper-mainCart .media-line-item .item-price span { font-weight: 600; color: #8f9bb3; } .wrapper-mainCart .media-line-item .item-price del { color: #8f9bb3; font-size: 12px; margin-left: 5px; } .wrapper-mainCart .media-line-item .item-qty { display: inline-block; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent { margin: 8px 0 3px; display: flex; -ms-display: flex; -webkit-display: flex; width: 100%; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent input.item-quantity { float: left; font-weight: 500; font-size: 15px; width: 36px; height: 28px; padding: 0; background: #fff; text-align: center; outline: none; border: 1px solid #f3f4f4; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn { float: left; font-weight: 500; padding: 0; height: 28px; width: 28px; text-align: center; background: #f9f9f9; color: var(--shop-color-text); border: 1px solid #f3f4f4; border-radius: 0px; outline: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn svg { width: 11px; height: 27px; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn:first-child { border-right: 0; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn:last-child { border-left: 0; } .wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn:focus { outline: none; } .wrapper-mainCart .media-line-item .item-total-price .text { font-size: 14px; } .wrapper-mainCart .media-line-item .item-total-price .line-item-total { font-size: 16px; font-weight: 700; } .wrapper-mainCart .order-noted-block .checkout-buttons { background: #f3f4f4; padding: 15px; margin: 20px 0 10px; } .wrapper-mainCart .order-noted-block label.note-label { display: block; margin: 00px 0 10px; font-weight: 600; font-size: 14px; } .wrapper-mainCart .order-noted-block textarea { padding: 10px 15px; width: 100%; min-height: 80px; resize: none; border: 1px solid #dfe0e1; box-shadow: none; } .wrapper-mainCart .order-summary-block { background: #fff; padding: 15px; margin-bottom: 15px; border-radius: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); } .wrapper-mainCart .order-summary-block.order-summary-notify { padding: 0; border: 0; } .wrapper-mainCart .order-summary-block .summary-warning { padding: 12px 15px; border-radius: 4px; /*	background-color: #fee3e8;border:1px solid #fdd0d8;*/ background-color: #d9edf7; } .wrapper-mainCart .order-summary-block .summary-warning .textmr { margin-bottom: 5px; } .wrapper-mainCart .order-summary-block .summary-warning p { margin: 0; } .wrapper-mainCart .order-summary-block .summary-alert { background-color: #fee3e8; border: 1px solid #fdd0d8; color: #d20909; font-size: 13px; padding: 10px 15px; margin: 10px 0; text-align: left; } .wrapper-mainCart .order-summary-block .summary-alert:not(.in) { display: none; } .wrapper-mainCart .order-summary-block .summary-title { font-size: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 15px; } .wrapper-mainCart .order-summary-block .summary-time { background: #fcfcfc; border: 1px solid #F5f5f5; } .wrapper-mainCart .order-summary-block .summary-time__row { padding: 10px 8px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-title { -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; padding-right: 10px; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-title .txt-title { text-transform: uppercase; font-size: 13px; font-weight: 400; margin: 0 0 5px; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-title .txt-time { font-size: 13px; font-weight: 600; margin: 0; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-title .txt-time i { color: var(--shop-color-main); margin-right: 2px; font-size: 15px; vertical-align: text-bottom; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio { max-width: 50%; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio .radio-item { position: relative; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio .radio-item + .radio-item { margin-top: 5px; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio input[type='radio'] { position: absolute; top: 2px; left: 0; height: 15px; width: 15px; border-radius: 50%; color: #fff; background: #ffffff; border: 1px solid #e5e5e5; cursor: pointer; outline: none; display: inline-block; margin: 0; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio input[type='radio'] + label { position: relative; margin: 0; padding-left: 20px; font-size: 13px; font-weight: 500; cursor: pointer; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio input[type='radio']:before { content: '\2714\fe0e'; font-size: 11px; height: 13px; width: 13px; line-height: 13px; opacity: 0; position: absolute; display: block; text-align: center; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio input[type='radio']:checked { background: var(--shop-color-hover); border-color: var(--shop-color-hover); } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-radio input[type='radio']:checked:before { opacity: 1; color: #ffffff; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose { margin-right: -5px; margin-left: -5px; display: -ms-flexbox; display: flex; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 50%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box .select-option { position: relative; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box .select-option:after { content: ''; position: absolute; top: calc(50% - 5px); right: 10px; border: solid #666666; border-width: 0px 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box label { display: block; font-weight: 400; font-size: 13px; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box select { padding: 0px 8px; padding-right: 20px; cursor: pointer; outline: none; border-radius: 4px; height: 34px; line-height: 32px; background: #ffffff; border: 1px solid #e5e5e5; font-size: 14px; width: 100%; color: #000; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box select:-ms-expand { display: none; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box select:invalid { color: #ededed; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box select [disabled] { color: #ededed; font-weight: 300; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-choose .select-box select option { color: #000; font-weight: 500; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-button .btn-accepttime { display: block; width: 100%; border-radius: 4px; padding: 0 10px; height: 34px; line-height: 30px; color: var(--shop-color-main); background: #ffffff; border: 2px solid var(--shop-color-main); font-size: 13px; font-weight: 500; text-transform: uppercase; } .wrapper-mainCart .order-summary-block .summary-time__row .boxtime-select .select-button .btn-accepttime.disabled { opacity: 0.8; } .wrapper-mainCart .order-summary-block .summary-time__row.picktime_selecter { display: none; border-top: 1px solid #efefef; } .wrapper-mainCart .order-summary-block .summary-time + .summary-total { border-top: 0; } .wrapper-mainCart .order-summary-block .summary-total { font-size: 16px; padding-bottom: 10px; padding-top: 10px; font-weight: bold; border-top: 1px dotted #dfe0e1; border-bottom: 1px dotted #dfe0e1; margin-bottom: 10px; } .wrapper-mainCart .order-summary-block .summary-total p { display: flex; align-items: center; justify-content: space-between; margin: 0; } .wrapper-mainCart .order-summary-block .summary-total span { font-weight: bold; float: right; color: red; font-size: 24px; } .wrapper-mainCart .order-summary-block .summary-action { padding-top: 5px; text-align: center; } .wrapper-mainCart .order-summary-block .summary-action p { position: relative; font-size: 14px; margin-bottom: 4px; padding-left: 15px; font-weight: 400; text-align: left; } .wrapper-mainCart .order-summary-block .summary-action p:before { content: ""; width: 4px; height: 4px; background: #999999; left: 0; opacity: 1; position: absolute; top: 8px; border-radius: 50%; } .wrapper-mainCart .order-summary-block .summary-button .checkout-btn { display: block; background: red; color: #fff; text-decoration: none; text-transform: uppercase; padding: 10px 5px; text-align: center; font-size: 15px; font-weight: bold; border-radius: 0; margin-top: 12px; } .wrapper-mainCart .order-summary-block .summary-button .checkout-btn.disabled { pointer-events: none; opacity: 0.7; background: #151515; } .wrapper-mainCart .txt-continue { margin: 15px 0; } .wrapper-mainCart .order-noted-block .btn-checkout.disabled { pointer-events: none; opacity: 0.7; background: #151515; } .wrapper-mainCart .order-invoice-block .checkbox { margin: 5px 0; position: relative; } .wrapper-mainCart .order-invoice-block .checkbox > .title { font-size: 14px; padding-left: 40px; vertical-align: text-top; margin-bottom: 0; display: block; font-weight: bold; } .wrapper-mainCart .order-invoice-block .checkbox .regular-checkbox { display: none; } .wrapper-mainCart .order-invoice-block .checkbox .regular-checkbox + .box { border: 2px solid var(--shop-color-main); padding: 9px; border-radius: 50%; opacity: 0.25; display: inline-block; background: transparent; margin-bottom: 0; position: absolute; left: 5px; } .wrapper-mainCart .order-invoice-block .checkbox .regular-checkbox + .box:after { content: '\2714\fe0e'; font-size: 13px; position: absolute; top: 0px; left: 4px; color: var(--shop-color-main); } .wrapper-mainCart .order-invoice-block .checkbox .regular-checkbox:checked + .box { background: var(--shop-color-main); opacity: 1; } .wrapper-mainCart .order-invoice-block .checkbox .regular-checkbox:checked + .box:after { color: #ffffff; } .wrapper-mainCart .order-invoice-block .bill-field { display: none; margin-top: 20px; } .wrapper-mainCart .order-invoice-block .bill-field:before, .wrapper-mainCart .order-invoice-block .bill-field:after { content: ""; display: table; clear: both; } .wrapper-mainCart .order-invoice-block .bill-field .form-group { margin-bottom: 15px; float: left; width: calc(100%/3 - 15px); margin-right: 15px; } .wrapper-mainCart .order-invoice-block .bill-field .form-group:nth-child(4) { width: calc(100% - 15px); } .wrapper-mainCart .order-invoice-block .bill-field .form-group input { font-size: 12px; height: 40px; color: #000000; box-shadow: none; background-clip: padding-box; border-radius: 2px; border: 1px solid var(--shop-color-border); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .wrapper-mainCart .order-invoice-block .bill-field .form-group input[type=number]::-webkit-outer-spin-button, .wrapper-mainCart .order-invoice-block .bill-field .form-group input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .wrapper-mainCart .order-invoice-block .bill-field .form-group input[type=number] { -moz-appearance: textfield; } .wrapper-mainCart .order-invoice-block .bill-field .form-group .text-danger { margin-top: 5px; display: block; font-size: 11px; color: #ff0000; } .wrapper-mainCart .order-invoice-block .bill-field .form-btn .button { height: 40px; padding-top: 0; padding-bottom: 0; line-height: 40px; } .wrapper-mainCart .cart-coupon { margin: 0 -7px; } .wrapper-mainCart .cart-coupon .title-coupon h2 { margin: 0 0 2px; padding-left: 7px; } .wrapper-mainCart .cart-coupon .coupon-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav button { border: 0; box-shadow: none; background: unset; } .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav button:hover { background: unset; } .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav .owl-prev { right: 40px; } .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav .owl-prev svg { transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav svg { width: 22px; height: 22px; fill: rgba(0, 0, 0, 0.5); } .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav .owl-prev, .wrapper-mainCart .cart-coupon .owl-carousel .owl-nav .owl-next { top: -30px; } .wrapper-mainCart .coupon-initial .coupon-item + .coupon-item { margin-top: 15px; } @media (min-width: 992px) { .wrapper-mainCart .sidebarCart-sticky .wrap-order-summary { position: -webkit-sticky; position: sticky; top: 95px; } } @media (max-width: 991px) { .wrapper-mainCart .mainCart-detail { margin-bottom: 15px; } .wrapper-mainCart .order-summary-block .summary-button { position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; z-index: 99; padding: 8px 10px 8px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .wrapper-mainCart .order-summary-block .summary-button .checkout-btn { margin-top: 0; border-radius: 0; } } @media (max-width: 991px) and (min-width: 768px) { .wrapper-mainCart .order-summary-block .summary-title { font-size: 16px; } .wrapper-mainCart .order-summary-block .summary-total { font-size: 14px; } .wrapper-mainCart .order-summary-block .summary-total span { font-size: 17px; } .wrapper-mainCart .coupon-initial .coupon-item { margin-bottom: 0px; } } @media (max-width: 767px) { .wrapper-mainCart .mainCart-detail h1.heading-cart { margin-top: 0; } .wrapper-mainCart .media-line-item .media-left { -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; } .wrapper-mainCart .media-line-item .media-right { padding-left: 5px; } .wrapper-mainCart .media-line-item .item-info { margin-bottom: 2px; } .wrapper-mainCart .media-line-item .item-info .item--title { font-size: 14px; } .wrapper-mainCart .media-line-item .item-info .type_promote { margin-bottom: 0; } .wrapper-mainCart .order-summary-block.order-summary-notify { background: transparent; padding: 0; } .wrapper-mainCart .order-invoice-block .bill-field .form-group, .wrapper-mainCart .order-invoice-block .bill-field .form-group:nth-child(4) { width: 100%; } .wrapper-mainCart .cart-coupon .owl-stage { left: -20px; } } .swal-modal { padding: 20px 15px 15px; margin-bottom: 50px; background: #ffffff; color: var(--shop-color-text); } .swal-modal .swal-button-container { margin: 7px; } .swal-modal .swal-button { box-shadow: none; } .swal-modal .swal-title { display: block; font-size: 16px; text-transform: uppercase; margin: 0; color: var(--shop-color-title); padding: 10px 0; } .swal-modal .swal-text { display: block; text-align: center; font-size: 14px; color: var(--shop-color-text); font-weight: 400; padding: 0; margin: 0; max-width: 100%; } .swal-modal .swal-content { font-size: 15px; } .swal-modal .swal-footer { text-align: center; padding: 8px 0px; } .swal-modal .swal-footer .swal-button { position: relative; display: inline-block; min-width: 110px; padding: 10px 25px; line-height: normal; color: #000; border: 1px solid #000; border-radius: 2px; text-transform: uppercase; font-size: 12px; text-align: center; letter-spacing: 1px; background-color: transparent; -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 1; overflow: hidden; box-shadow: none; } .swal-modal .swal-footer .swal-button.swal-button--cancel { border: 1px solid #000; background-color: #000; color: #fff; } .swal-modal .swal-footer .swal-button.swal-button--confirm { border: 1px solid #ec0b0b; background-color: #ec0b0b; color: #fff; } .swal-modal.swal-cart-remove .swal-button--confirm { background: var(--shop-color-button); color: #ffffff; } .swal-modal.swal-cart-remove .swal-button, .swal-modal.swal-cart-checkInvoice .swal-button { width: 100px; } .swal-modal.swal-cart-checkInvoice .swal-button--cancel { background: #333333; color: #ffffff; } .swal-modal.swal-cart-checkInvoice .swal-button--confirm { background: red; color: #ffffff; } .swal-modal.swal-alert-km, .swal-modal.swal-alert-km-qv { width: 380px; padding-left: 20px; padding-right: 20px; } .swal-modal.swal-alert-km .swal-content, .swal-modal.swal-alert-km-qv .swal-content { margin-top: 10px; padding: 0 0px; } .swal-modal.swal-alert-km .swal-footer, .swal-modal.swal-alert-km-qv .swal-footer { text-align: center; padding: 8px 0px; } .swal-modal.swal-alert-km .swal-footer .swal-button-container, .swal-modal.swal-alert-km-qv .swal-footer .swal-button-container { display: block; margin: 0; } .swal-modal.swal-alert-km .swal-footer .swal-button-container + .swal-button-container, .swal-modal.swal-alert-km-qv .swal-footer .swal-button-container + .swal-button-container { margin-top: 10px; } .swal-modal.swal-alert-km .swal-footer .swal-button, .swal-modal.swal-alert-km-qv .swal-footer .swal-button { width: 100%; padding-left: 15px; padding-right: 15px; min-width: 150px; } .swal-modal.swal-alert-km .swal-footer .swal-button.swal-button--cancel, .swal-modal.swal-alert-km-qv .swal-footer .swal-button.swal-button--cancel { border: 1px solid #dfdfdf; background-color: #dfdfdf; color: #000000; } .swal-modal.swal-alert-km .swal-footer .swal-button.swal-button--confirm, .swal-modal.swal-alert-km-qv .swal-footer .swal-button.swal-button--confirm { border: 1px solid var(--shop-color-button); background-color: var(--shop-color-button); color: #fff; } @media (max-width: 767px) { .swal-modal.swal-alert-km-qv .swal-button-container, .swal-modal.swal-alert-km .swal-button-container { display: block; } .swal-modal.swal-alert-km-qv .swal-button, .swal-modal.swal-alert-km .swal-button { width: 100%; } } /*===== BLOGS +++ ARTICLE  =================================*/ /* Blog */ .layout-blogs .breadcrumb-shop, .layout-article .breadcrumb-shop { margin-bottom: 0; } .boxBlog-left { padding-right: 30px; } .boxBlog-right { padding-left: 0; } .heading-page { margin-bottom: 20px; } .heading-page h1 { font-size: 28px; margin: 0; } .list-article-content { display: flex; display: -ms-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; } /* Article Loop */ .article-loop { margin-bottom: 30px; } .article-loop .article-inner { background: #fff; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); } .article-loop .article-image { position: relative; overflow: hidden; } .article-loop .article-image img { transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .article-loop .article-detail { padding: 15px 20px; } .article-loop .article-title .post-title { font-size: 20px; } .article-loop .article-detail .entry-content { font-size: 16px; margin-bottom: 8px; } .article-loop .article-post-meta { font-size: 13px; color: #74839f; margin: 0 0 5px; } .article-loop .article-post-meta a { color: #757575; } .article-loop .article-post-meta a:hover { color: var(--shop-color-hover); } .article-loop .article-post-meta span { position: relative; } .article-loop .article-post-meta span + span:before { content: ''; display: inline-block; width: 5px; height: 5px; margin: -1px 10px 0; border-radius: 100%; background-color: #74839f; opacity: 0.4; vertical-align: middle; } @media (max-width: 991px) { .article-loop .article-post-meta { font-size: 10px; } .article-loop .article-post-meta span + span:before { margin: 0 2px; } .article-loop .article-post-meta span.comment:before { margin-right: 5px; } } @media (min-width: 1200px) { .article-loop .article-inner:hover .article-image img { transform: scale(1.07); -webkit-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); -moz-transform: scale(1.07); opacity: 0.8; } } /* Article */ .wrapper-contentArticle, .wrapper-contentBlogs { margin-bottom: 40px; } .wrapper-contentArticle .heading-article { margin: 0px 0 20px; } .wrapper-contentArticle .heading-article h1 { font-size: 22px; font-weight: 700; margin: 0 0 10px; } .boxArticle-detail { background: #fff; padding: 15px 20px; margin-bottom: 25px; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); } .inforArticle-content .article-content > div { margin-bottom: 30px; } .inforArticle-content .article-content .box-article-detail { max-width: 860px; margin: 0 auto 30px; } .inforArticle-content .article-post-meta { font-size: 13px; color: #74839f; margin: 0 0 5px; } .inforArticle-content .article-post-meta a { color: #757575; } .inforArticle-content .article-post-meta a:hover { color: var(--shop-color-hover); } .inforArticle-content .article-post-meta span { position: relative; } .inforArticle-content .article-post-meta span + span:before { content: ''; display: inline-block; width: 5px; height: 5px; margin: -1px 10px 0; border-radius: 100%; background-color: #74839f; opacity: 0.4; vertical-align: middle; } @media (max-width: 991px) { .inforArticle-content .article-post-meta { font-size: 10px; } .inforArticle-content .article-post-meta span + span:before { margin: 0 2px; } .inforArticle-content .article-post-meta span.comment:before { margin-left: 0; margin-right: 5px; } } .inforArticle-content .post-navigation { border-top: 1px solid var(--shop-color-border); width: 100%; display: inline-block; font-size: 16px; padding: 25px 0 0; } .inforArticle-content .post-navigation .flex-row-articleToolbar { font-size: 13px; margin: 0 -7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .inforArticle-content .post-navigation .flex-row-articleToolbar a { color: var(--shop-color-text); } .inforArticle-content .post-navigation .flex-row-articleToolbar a:hover { color: var(--shop-color-hover); } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar-title p { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar-title p span { font-size: 14px; color: var(--shop-color-title); font-weight: 600; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar--nav { text-align: right; font-weight: 600; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar--nav > span svg { vertical-align: -1px; width: 12px; color: var(--shop-color-text); height: 12px; margin: 0 4px; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar--nav .separator { display: inline-block; position: relative; width: 1px; height: 12px; margin: 0 18px; background: var(--shop-color-text); opacity: 0.8; vertical-align: middle; } .inforArticle-content .box-article-detail h2 { font-size: 22px; } .inforArticle-content .box-article-detail h3 { font-size: 20px; } .inforArticle-content .box-article-detail h4, .inforArticle-content .box-article-detail h5, .inforArticle-content .box-article-detail h6 { font-size: 18px; } .inforArticle-content .box-article-tags { font-size: 16px; } .inforArticle-content .box-article-tags a { color: red; } .inforArticle-content .article-comment { background: #fff; padding: 15px 20px; border-radius: 3px; box-shadow: 0 0 6px #e5e8e0; } .inforArticle-content .article-comment > div { margin-bottom: 30px; } .inforArticle-content .article-comment .title-bl h3 { font-size: 22px; color: #252a2b; border-bottom: 1px solid var(--shop-color-border); padding-bottom: 10px; margin-bottom: 20px; } .inforArticle-content .article-comment .comment_form .form-group { width: 100%; margin-bottom: 15px; } .inforArticle-content .article-comment .comment_form .form-group input { color: #5c5c5c; height: 45px; width: 100%; font-weight: 500; padding: 8px 20px; background: #fff; border: 1px solid var(--shop-color-border); border-radius: 4px; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .inforArticle-content .article-comment .comment_form .form-group textarea { box-shadow: none; border: 1px solid var(--shop-color-border); border-radius: 4px; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .inforArticle-content .article-comment .comment-user { margin-bottom: 20px; } .inforArticle-content .article-comment .comment-user .author { font-size: 16px; margin: 0 0 5px; } .inforArticle-content .article-comment .comment-user .author span.date { font-size: 14px; float: right; } .inforArticle-content .article-related { margin-top: 25px; border-radius: 3px; } .inforArticle-content .article-related .title-blog-related { position: relative; text-align: left; margin: 0 0 20px; } .inforArticle-content .article-related .title-blog-related span { display: inline-block; color: var(--shop-color-text); position: relative; font-size: 24px; } .inforArticle-content .list-blogs-related .article-loop { margin-bottom: 0; height: 100%; } .inforArticle-content .list-blogs-related .article-loop .article-inner { height: 100%; } .inforArticle-content .list-blogs-related .article-loop .article-detail .post-title { font-size: 16px; margin: 0; padding-bottom: 8px; } .inforArticle-content .list-blogs-related .article-loop .article-detail .entry-content { font-size: 14px; } /* Toolbar article */ .article-content h2 { font-size: 18px; } .article-content h3 { font-size: 16px; } /* Table of Contents Article */ .table-of-contents { background: #f7fbf9; border: 1px solid #e0f1e9; border-radius: 6px; display: block; padding: 8px 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); position: relative; margin: 0 auto 30px; width: 100%; max-width: 860px; display: table; } .table-of-contents .table-title { font-weight: 700; font-size: 15px; margin: 0; padding: 10px 0; } .table-of-contents .table-title .toc_toggle { font-size: 13px; color: #bcbdc1; display: inline-block; vertical-align: 2px; margin-left: 8px; } .table-of-contents .table-title .toc_toggle a { color: var(--shop-color-main); padding: 0 1px; } .table-of-contents ul { font-size: 14px; list-style-type: disc; margin: 0 0 0 16px; } .table-of-contents ul li { list-style-position: outside; margin: 8px 0 0; } .table-of-contents ul li::marker { color: var(--shop-color-main); } .table-of-contents ul li a { text-decoration: none; color: #333333; } .table-of-contents > ul { padding-bottom: 10px; } .table-of-contents > ul ul ul { display: none; } .table-of-contents ul li a:hover, .table-of-contents ul li a:focus { color: var(--shop-color-hover); } .table-content-button { width: 35px; height: 35px; display: block; position: fixed; left: 10px; z-index: 10; opacity: 0; top: 45%; transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .table-content-button .btn-icolist { font-size: 18px; width: 35px; height: 35px; line-height: 35px; outline: none; float: left; background: #fcfcfc; border: 1px solid #eeeeee; border-radius: 4px; } .table-content-button .btn-icolist svg { width: 20px; height: 35px; vertical-align: initial; } .table-content-fixed { position: fixed; left: 10px; z-index: 999; max-width: 280px; top: 45%; background: #f7fbf9; border: 1px solid #e0f1e9; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); -webkit-transform-origin: 0 top; transform-origin: 0 top; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .table-content-fixed .table-of-header { position: relative; padding-right: 50px; display: -ms-flexbox; display: flex; -ms-justify-content: space-between; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid  #eeeeee; } .table-content-fixed .table-of-header .hTitle { max-width: calc(100% - 50px); margin-left: 0; font-weight: 600; font-size: 14px; } .table-content-fixed .table-of-header .hClose { position: absolute; right: 5px; top: 2px; cursor: pointer; width: 32px; height: 32px; text-align: center; } .table-content-fixed .table-of-header .hClose svg { width: 32px; height: 32px; width: 14px; } .table-content-fixed .table-of-contents { border: 0; background: #ffffff; margin: 0; padding: 5px 12px; box-shadow: none; display: block; overflow: hidden; overflow-y: auto; max-height: 70vh; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: none; } .table-content-fixed .table-of-contents .table-title { display: none; } .table-content-fixed .table-of-contents ul { font-size: 13px; } .table-content-button.active { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .table-content-fixed.active { transform: scale(1) translateY(-45%); -webkit-transform: scale(1) translateY(-45%); -moz-transform: scale(1) translateY(-45%); -ms-transform: scale(1) translateY(-45%); -o-transform: scale(1) translateY(-45%); } @media (min-width: 768px) { .blogs-aside--sticky { top: 30px; position: -webkit-sticky; position: sticky; -webkit-transition: top 400ms ease; -moz-transition: top 400ms ease; transition: top 400ms ease; } body.scroll-body-up .blogs-aside--sticky { top: 80px; } } @media (max-width: 991px) and (min-width: 768px) { .boxBlog-left { padding-right: 15px; } .boxBlog-right { padding-left: 15px; padding-right: 15px; } .article-loop .article-inner .article-image { background: transparent; } .article-loop .article-inner .article-title h3.post-title { font-size: 18px; margin: 10px 0 5px; } .inforArticle-content .article-related .list-blogs-related .article-post { margin-bottom: 15px; } .inforArticle-content .article-related .list-blogs-related .article-post:nth-of-type(2n+1) { clear: both; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar--nav, .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar-title p { text-align: center; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar-title p { margin-bottom: 20px; } .inforArticle-content .article-related { margin-bottom: 20px; } } @media (max-width: 767px) { .heading-page h1 { font-size: 24px; text-align: left; margin-bottom: 15px; } .boxBlog-left { padding: 0 7px; } .boxBlog-right { padding: 0 7px; } .list-article-content { margin: 0 -7px; } .wrapper-contentArticle, .wrapper-contentBlogs { margin-top: 0; margin-bottom: 0; } .article-loop { margin-bottom: 14px; padding: 0 7px; } .article-loop .article-inner .article-image { background: transparent; } .article-loop .article-inner .article-detail { padding: 7px; } .article-loop .article-inner .article-detail .entry-content { font-size: 12px; margin-bottom: 5px; } .article-loop .article-inner .article-title h3.post-title { font-size: 14px; margin: 0 0 6px; } .article-loop.article_loopfirst .article-inner { padding-top: 0; overflow: hidden; } .article-loop.article_loopfirst .article-inner .article-title { -webkit-order: 2; order: 2; } .article-loop.article_loopfirst .article-inner .article-detail { -webkit-order: 3; order: 3; width: 100%; padding-left: 0; } .article-loop.article_loopfirst .article-inner .article-image { -webkit-order: 1; order: 1; width: 100%; } .wrapper-contentArticle .heading-article h1 { font-size: 22px; } .inforArticle-content .article-related { margin-bottom: 20px; } .inforArticle-content .article-related .content-blogs-related { position: relative; overflow: hidden; margin: 0 -15px; } .inforArticle-content .article-related .content-blogs-related .list-blogs-related { white-space: nowrap; margin-left: 0; margin-right: 0; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 50px; margin-bottom: -50px; transition: transform 0.25s ease 0s; -ms-overflow-style: none; scrollbar-width: none; display: block; } .inforArticle-content .article-related .content-blogs-related .owl-stage { left: -23px; } .inforArticle-content .article-related .list-blogs-related .article-post { display: inline-block; width: 65%; float: none; padding-left: 0; padding-right: 7px; vertical-align: top; white-space: normal; } .inforArticle-content .article-comment .title-bl h3 { font-size: 20px; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar--nav, .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar-title p { text-align: center; } .inforArticle-content .post-navigation .flex-row-articleToolbar .articleToolbar-title p { margin-bottom: 20px; } } /*===== CONTACT +++ ABOUT +++ SEARCH ======================*/ .heading-pageDetail h1 { font-weight: 700; font-size: 22px; margin: 0 0 20px; } .wrapper-pageDetail { background: #fff; padding: 10px 15px; height: 100%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); } .content-pageDetail { margin-bottom: 40px; } .content-pageDetail * { max-width: 100%; } .wrapper-bodycontact .wrapbox-content-left { padding-right: 0; } .layout-pageContact .breadcrumb-shop { margin-bottom: 0; } .box-info-contact, .box-send-contact { background: #fff; padding: 15px; border-radius: 3px; } .box-info-contact { margin-bottom: 15px; } .box-info-contact li { margin-bottom: 10px; } .box-info-contact li > span { width: 35px; height: 35px; line-height: 35px; border-radius: 50%; float: left; border: 1px solid #ddd; text-align: center; font-size: 15px; } .box-info-contact li p { width: calc(100% - 35px); float: left; padding-left: 15px; margin-bottom: 5px; color: #696969; font-weight: 500; } .box-info-contact li p strong { color: #000; margin-bottom: 5px; } .wrapbox-contact { display: flex; display: -ms-flex; justify-content: space-between; -ms-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; } .wrapbox-contact .infoList-contact { width: 50%; } .box-send-contact h2, .box-info-contact h2 { font-weight: 700; font-size: 22px; margin: 0 0 20px; } .box-send-contact p { margin-bottom: 15px; } .contact-form .input-group { width: 100%; margin-bottom: 20px; } .contact-form .input-group input, .contact-form .input-group textarea { color: #5c5c5c; height: 45px; width: 100%; font-weight: 500; padding: 8px 20px; background: #fff; border: 1px solid var(--shop-color-border); border-radius: 4px; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .contact-form .input-group textarea { width: 100%; height: 130px; padding: 20px 20px; } .contact-form .input-group textarea:focus { outline: none; } .layout-searchPage { margin-bottom: 50px; } .layout-searchPage .heading-page { position: relative; text-align: center; } .layout-searchPage .heading-page:after { content: ""; background: #252a2b; display: block; width: 60px; height: 4px; margin: 20px auto 30px; } .layout-searchPage .heading-page h1 { margin: 25px 0 5px; font-size: 30px; } .layout-searchPage .subtext-result { margin: 0 0 15px; } .layout-searchPage .expanded-message .message-txt { width: 100%; text-align: center; margin-bottom: 30px; } .layout-searchPage .expanded-message h2 { font-weight: 600; font-size: 20px; } .layout-searchPage .expanded-message .subtext { margin-bottom: 40px; display: block; } .layout-searchPage .search-field { width: 100%; display: block; margin: auto; } .layout-searchPage .search-field input#go { width: 55px; height: 45px; float: right; background: url(//theme.hstatic.net/200000117693/1001219415/14/iconsearch.png?v=409) #252a2b center no-repeat; margin: 0px; position: relative; top: 0; border-radius: 0; font-size: 0; border: 0; } .layout-searchPage .search-field .search_box { width: calc(100% - 55px); outline: none; height: 45px; padding: 0 20px; background: #ededed; border: 0; box-shadow: none; } @media (min-width: 992px) { .layout-searchPage .col-lg { flex: 0 0 20%; -webkit-flex: 0 0 20%; } } @media (min-width: 992px) { .box-map-contact { height: 100%; border-radius: 4px; overflow: hidden; } .box-map-contact iframe { top: 30px; height: 100%; position: -webkit-sticky; position: sticky; -webkit-transition: top 400ms ease; -moz-transition: top 400ms ease; transition: top 400ms ease; } } @media (max-width: 991px) { .wrapbox-contact { flex-direction: column; -ms-flex-direction: column; } .wrapbox-contact .infoList-contact { width: 100%; } .wrapbox-contact .infoList-contact:nth-child(2) { flex-direction: column-reverse; -ms-flex-direction: column-reverse; } .widthContent { flex-direction: column-reverse; -ms-flex-direction: column-reverse; } .wrapper-bodycontact .wrapbox-content-left { padding-right: 15px; margin-top: 15px; } .box-map-contact iframe { height: 50vh; } } @media (max-width: 767px) { .wrapbox-content-right { padding: 0; } } /*======  STORES =========*/ .layout-pageStores .wrapbox-content { background: #fff; padding: 25px 30px; border-radius: 4px; } .layout-pageStores .heading-pageDetail h1 { font-size: 30px; } .layout-pageStores .wrapbox-info { background: #fff; padding: 25px 20px 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); } .layout-pageStores .wrapbox-info h2 { font-size: 22px; margin-bottom: 10px; } .layout-pageStores .box-filter label { font-size: 14px; font-weight: 500; margin-bottom: 10px; } .layout-pageStores .box-filter select { padding: 0px 15px; padding-right: 25px; cursor: pointer; outline: none; text-overflow: ellipsis; border-radius: 4px; height: 40px; line-height: 38px; background: #ffffff; border: 1px solid var(--shop-color-border); font-size: 15px; width: 100%; color: #000; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .layout-pageStores .box-filter .field-select { position: relative; } .layout-pageStores .box-filter .field-select:after { content: ''; position: absolute; top: calc(50% - 5px); right: 12px; border: solid #666666; border-width: 0px 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .layout-pageStores .box-filter .select-item { margin-bottom: 16px; } .layout-pageStores .box-content h3 { font-size: 16px; margin-bottom: 5px; } .layout-pageStores .box-content .store-item { padding-left: 30px; margin-bottom: 25px; position: relative; } .layout-pageStores .box-content .store-item > [class^="store--"] { margin-bottom: 5px; } .layout-pageStores .box-content .store-item:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 368.666 368.666' style='enable-background:new 0 0 368.666 368.666;' xml:space='preserve'%3E%3Cg id='XMLID_2_'%3E%3Cg%3E%3Cg%3E%3Cpath d='M184.333,0C102.01,0,35.036,66.974,35.036,149.297c0,33.969,11.132,65.96,32.193,92.515 c27.27,34.383,106.572,116.021,109.934,119.479l7.169,7.375l7.17-7.374c3.364-3.46,82.69-85.116,109.964-119.51 c21.042-26.534,32.164-58.514,32.164-92.485C333.63,66.974,266.656,0,184.333,0z M285.795,229.355 c-21.956,27.687-80.92,89.278-101.462,110.581c-20.54-21.302-79.483-82.875-101.434-110.552 c-18.228-22.984-27.863-50.677-27.863-80.087C55.036,78.002,113.038,20,184.333,20c71.294,0,129.297,58.002,129.296,129.297 C313.629,178.709,304.004,206.393,285.795,229.355z'%3E%3C/path%3E%3Cpath d='M184.333,59.265c-48.73,0-88.374,39.644-88.374,88.374c0,48.73,39.645,88.374,88.374,88.374s88.374-39.645,88.374-88.374 S233.063,59.265,184.333,59.265z M184.333,216.013c-37.702,0-68.374-30.673-68.374-68.374c0-37.702,30.673-68.374,68.374-68.374 s68.373,30.673,68.374,68.374C252.707,185.341,222.035,216.013,184.333,216.013z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .layout-pageStores .box-content .store-item .store--address { font-weight: 500; } .layout-pageStores .box-content .store-item .store--time span, .layout-pageStores .box-content .store-item .store--hotline span { font-weight: 600; } .layout-pageStores .box-content .store-item .store--link { text-decoration: underline; color: #1a73e8; } .layout-pageStores .boxscroll { overflow-y: scroll; max-height: 330px; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: none; margin-right: -20px; padding-right: 20px; padding-top: 12px; } .layout-pageStores .boxscroll::-webkit-scrollbar { width: 4px; height: 3px; } .layout-pageStores .boxscroll::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; } .layout-pageStores .boxscroll::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: #e1e3e4; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .layout-pageStores .boxscroll::-webkit-scrollbar-thumb:window-inactive { background: #e1e3e4; } @media (min-width: 992px) { .layout-pageStores .boxscroll { min-height: 330px; } .layout-pageStores .box-map { height: 100%; } .layout-pageStores .box-map iframe { width: 100%; height: 100%; border-radius: 4px; } } @media (max-width: 991px) { .layout-pageStores .wrapbox-content { padding: 15px; } .layout-pageStores .heading-pageDetail h1 { font-size: 26px; } .layout-pageStores .wrapbox-info { margin-bottom: 15px; padding: 25px 20px; } .layout-pageStores .box-map { height: 100%; } .layout-pageStores .box-map iframe { width: 100%; border-radius: 4px; } } /*======  SIDEBAR BLOG =========*/ .list-blogs-latest { counter-reset: post-ranking; } .list-blogs-latest .item-article { border-bottom: 1px #efefef dotted; padding: 15px 0; margin: 0; } .list-blogs-latest .item-article:last-child { border-bottom: none; } .list-blogs-latest .item-article .post-image { width: 100px; padding-right: 10px; float: left; position: relative; } .list-blogs-latest .item-article .post-image:before { position: absolute; content: counter(post-ranking); top: calc(50% - 16px); left: -16px; border: 2px solid #fff; height: 28px; width: 28px; line-height: 26px; text-align: center; border-radius: 100%; background: var(--shop-color-main); color: #fff; font-size: 12px; counter-increment: post-ranking; z-index: 1; } .list-blogs-latest .item-article .post-content { width: calc(100% - 100px); float: left; } .list-blogs-latest .item-article .post-content h3 { margin: 0 0 5px; font-size: 13px; font-weight: 500; } .list-blogs-latest .item-article .post-content .post-meta { font-size: 12px; margin: 0; } .list-blogs-latest .item-article .post-content .post-meta .date { color: #74839f; } .menuList-links { margin: 0; } .menuList-links li { position: relative; } .menuList-links li a { color: var(--shop-color-text); position: relative; font-size: 13px; display: block; } .menuList-links li a:hover, .menuList-links li a:focus { color: var(--shop-color-hover); } .menuList-links > li { border-bottom: 1px dashed var(--shop-color-border); } .menuList-links > li:last-child { border-bottom: none; } .menuList-links > li > a { padding: 12px 0; font-weight: 500; font-size: 15px; } .menuList-links > li.has-submenu > a { padding-right: 30px; } .menuList-links > li.has-submenu span.icon-plus-submenu { width: 25px; height: 25px; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid transparent; } .icon-plus-submenu:after, .icon-plus-submenu:before { background: rgba(9, 9, 9, 0.6); content: ''; display: block; position: absolute; margin-right: 7px; top: 50%; right: 0; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; } .icon-plus-submenu:before { width: 9px; height: 1px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .icon-plus-submenu:after { width: 1px; height: 9px; right: 4px; transform-origin: center; -moz-transform: translateY(-50%) scale(1, 1); -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); } li.has-submenu.opened > a .icon-plus-submenu:after { -moz-transform: translateY(-50%) scale(1, 0); -ms-transform: translateY(-50%) scale(1, 0); -webkit-transform: translateY(-50%) scale(1, 0); transform: translateY(-50%) scale(1, 0); } .menuList-links > li.has-submenu .icon-plus-submenu:hover { border: 1px solid var(--shop-color-border); } ul.menuList-links li ul.submenu-links { display: none; } ul.submenu-links li a { padding: 8px 0 8px 0px; } li.has-submenu.level0 > ul.submenu-links { border-top: 1px dashed var(--shop-color-border); } li.has-submenu.level0 > ul.submenu-links li a { padding-left: 12px; } li.has-submenu.level1 > ul.submenu-links li a { padding-left: 25px; } .group-sidebox { position: relative; background: #fff; margin: 0 0 20px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); border-radius: 3px; } .group-sidebox .sidebox-title { padding: 15px 20px; } .group-sidebox .sidebox-title h3 { font-size: 16px; margin-bottom: 0; position: relative; cursor: pointer; } .group-sidebox .sidebox-title h3:after { content: " "; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 8px; height: 8px; border-color: #666; border-style: solid; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg); transition: transform .2s ease; -ms-transition: transform .2s ease; -webkit-transition: transform .2s ease; } .group-sidebox .sidebox-content { padding: 0 20px 15px; border-top: 1px solid var(--shop-color-border); } .group-sidebox.is-open .sidebox-title h3:after { transform: translateY(-50%) rotate(225deg); bottom: -10px; } @media (max-width: 767px) { .group-sidebox .sidebox-title h3 { text-align: left; position: relative; } .group-sidebox .sidebox-title h3 span { display: inline-block; position: absolute; right: 0; top: 0; font-size: 24px; width: 25px; text-align: center; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .group-sidebox .sidebox-content-togged { display: none; } .group-sidebox.is-open .sidebox-title h3 span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } /*-------------------------------------------------------------------------------- ADDTHIS ** SHARING --------------------------------------------------------------------------------*/ /* - Harafunnel mobile */ .harafunnel-mb { position: fixed; right: 8px; bottom: 120px; z-index: 9999; width: 60px; height: 60px; padding: 6px; background: #fff; border-radius: 50%; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); transition: box-shadow 150ms linear; } .harafunnel-mb:hover { box-shadow: 0 5px 24px rgba(0, 0, 0, 0.3); } .harafunnel-mb a { display: block; } .harafunnel-mb a svg { width: 100%; height: 100%; } /* end-- Harafunnel mobile */ .fb_dialog_content iframe { right: 0px !important; } .fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge { right: 12px !important; } .addThis_listSharing { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 990; background-color: transparent; display: none; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .addThis_listSharing .listSharing_action { position: absolute; bottom: 140px; border-radius: 12px; right: 31px; max-width: 300px; background-color: #f5f6fa; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); -webkit-transform-origin: 100% bottom; transform-origin: 100% 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); -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); } .addThis_listing .addThis_item { margin: 0; padding: 10px 15px; } .addThis_listing .addThis_item:not(:last-of-type) { border-bottom: 1px solid #ecedf1; box-shadow: 0 1px 0 0 #fff; } .addThis_listing .addThis_item .addThis_item--icon { width: 100%; height: auto; border-radius: 0; box-shadow: none; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; align-items: center; } .addThis_listing .addThis_item .addThis_item--icon svg { display: block; border-radius: 50%; width: 32px; height: 32px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); } .addThis_listing .addThis_item .addThis_item--icon .tooltip-text { opacity: 1; visibility: visible; position: initial; width: calc(100% - 30px); padding-left: 15px; text-align: left; background: transparent; color: #1d243e; font-size: 13px; font-weight: 400; } .addThis_listing .addThis_item:hover .tooltip-text { color: var(--shop-color-hover); } .addThis_listing .addThis_item.addThis_item__fbchat { display: block; } .addThis_listSharing .addThis_close { position: absolute; z-index: 10; right: 0; top: 0; border: 0; outline: none; padding: 6px; background: transparent; } .addThis_listSharing .addThis_close svg { opacity: 0.6; width: 24px; height: 24px; display: block; margin: auto; } .addThis_iconContact { position: fixed; bottom: 105px; right: 24px; margin: 0; z-index: 990; cursor: pointer; } .addThis_iconContact .svgico svg { fill: #ffffff; width: 28px; height: 46px; 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; } .addThis_iconContact .box-item .svgico > svg { animation: iconSkew 1s infinite ease-out; } .addThis_iconContact .svgico .svgico--close { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transform: scale(0.3); 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; } .addThis_iconContact .svgico .svgico--close svg { fill: #ffffff; width: 17px; height: 46px; } .addThis_listSharing.active + .addThis_iconContact .svgico .svgico--close { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .addThis_listSharing.active + .addThis_iconContact .svgico > svg { opacity: 0; visibility: hidden; transform: scale(0.3); } .addThis_listSharing.active { opacity: 1; visibility: visible; } .addThis_listSharing.active .listSharing_action { -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); } .addThis_listSharing.active + .addThis_iconContact .item-livestream { opacity: 0; visibility: hidden; } .addThis_iconContact .box-item { position: relative; } .addThis_iconContact .box-item + .box-item { margin-top: 18px; } .addThis_iconContact .box-item .svgico { position: relative; z-index: 4; height: 48px; width: 48px; text-align: center; border-radius: 50%; border: 1px solid #ffffff; cursor: pointer; background: var(--shop-color-main); 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; } .addThis_iconContact .box-item.item-livestream .svgico { background: #ff0000; } .addThis_iconContact .box-item.item-livestream:before, .addThis_iconContact .box-item.item-livestream:after { background: #ff0000; } .addThis_iconContact .box-item:before, .addThis_iconContact .box-item:after { position: absolute; content: ''; height: 48px; width: 48px; left: 0; top: 0; background: var(--shop-color-main); border-radius: 50%; } .addThis_iconContact .box-item:before { animation: euiBeaconPulseSmall 2s infinite ease-out; } .addThis_iconContact .box-item:after { animation: euiBeaconPulseSmall 2s  infinite ease-out 0.4s; } @media (max-width: 991px) { .addThis_iconContact { right: 10px; } } .listSharing_overlay { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0.5); display: none; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } @keyframes euiBeaconPulseSmall { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 50% { opacity: 0.6; } 100% { -webkit-transform: scale(1.6); transform: scale(1.4); opacity: 0; } } @media (min-width: 1200px) { .fb_dialog.fb_dialog_advanced, .fb_dialog.fb_dialog_mobile { z-index: 999 !important; -webkit-transform: none; -ms-transform: none; transform: none; } .addThis_listing .addThis_item.addThis_item__fbchat { display: none; } } @media (max-width: 991px) { .addThis_listSharing .listSharing_action { bottom: 140px; left: 14px; right: 14px; max-width: 100%; } .addThis_listing .addThis_item .addThis_item--icon svg { width: 28px; height: 28px; } .addThis_listing .addThis_item.addThis_item__fbchat { display: block; } .addThis_listSharing.active .listSharing_overlay { display: block; opacity: 1; visibility: visible; pointer-events: auto; } } /* - Modal contact form */ .modal-addThis { background: rgba(3, 17, 27, 0.7); -webkit-transition: opacity .35s linear; -o-transition: opacity .35s linear; transition: opacity .35s linear; } .modal-addThis.fade .modal-dialog { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .modal-addThis.fade.show .modal-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-contactform .modal-header h4.modal-title { font-size: 18px; font-weight: 500; text-align: center; width: 100%; } .modal-contactform .modal-header button.close { outline: none; } .modal-contactform .modal-body.body-popupform .form-control { background: #f3f5f6; border-radius: 0; } .modal-contactform .modal-body.body-popupform .form-control:focus { background: #fff; } .modal-contactform .modal-body.body-popupform .btnSubmit-modal { padding: 10px 28px; outline: none; } @media (min-width: 768px) { .modal-contactform .modal-dialog { max-width: 605px; } } /* modal-succes */ .modal-succesform .modal-body .modal-title { font-size: 18px; font-weight: 600; margin: 0; color: var(--shop-color-main); } .modal-succesform .modal-body p:not(.modal-title) { font-size: 15px; margin: 10px 0 5px; } .modal-succesform .modal-body p.txtloading { color: #aaa; font-size: 14px; } @media (min-width: 768px) { .modal-succesform .modal-dialog { max-width: 450px; } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); -moz-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); -moz-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } .modal-icon.sweet-alert { padding-top: 15px; } .animateSuccessTip { animation: animateSuccessTip 0.75s; } .animateSuccessLong { animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { animation: rotatePlaceholder 4.25s ease-in; } .sweet-alert .sa-icon.sa-success { width: 80px; height: 80px; border: 4px solid #4cae4c; border-radius: 50%; margin: 20px auto 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; -moz-transform-origin: 60px 60px; -o-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; -moz-transform-origin: 0px 60px; -o-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(92, 184, 92, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #5cb85c; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* - Modal popup contact form */ .modal-popupContact { color: #333; background: rgba(3, 17, 27, 0.7); -webkit-transition: opacity .35s linear; -o-transition: opacity .35s linear; transition: opacity .35s linear; } .modal-popupContact .close-popup-contact { background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 30px; line-height: 30px; position: absolute; right: 10px; top: 10px; z-index: 2; border-radius: 50%; opacity: 1; text-align: center; outline: none; } .modal-popupContact .close-popup-contact svg { display: block; margin: auto; height: 30px; width: 14px; text-align: center; fill: #f3f3f3; } .modal-popupContact .close-popup-contact:hover { background-color: rgba(0, 0, 0, 0.6); } .modal-popupContact.fade .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-popupContact.fade .modal-dialog-centered { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .modal-popupContact.fade.show .modal-dialog-centered { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-popupContact.popupBanner .modal-content { background-color: transparent; width: auto; margin-left: auto; margin-right: auto; } .modal-popupContact.popupForm .modal-content { position: relative; overflow: hidden; padding: 0; display: unset; width: 100%; background-size: cover; background-repeat: no-repeat; background-color: #e6e6e6; } .modal-popupContact.popupForm .modal-content.lazyloaded { background-image: url(//theme.hstatic.net/200000117693/1001219415/14/popup_contact_bkg.jpg?v=409); } .modal-popupContact.popupForm .modal-content:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; background: #f3f3f3; opacity: 0.75; width: 58%; } .modal-popupContact.popupForm .modal-content .modal-wrapper-contact { position: relative; padding: 50px 25px; float: right; width: 58%; } .title-popup-contact { font-size: 24px; margin: 0px 0px 10px; font-weight: 500; } .message-popup-contact { margin-bottom: 25px; } .title-adv-popup-contact { font-size: 14px; margin-bottom: 5px; } .list-adv-popup-contact li { list-style-type: disc; margin-left: 25px; font-size: 14px; } .popup-form-customer .input-group { width: 100%; display: block; margin-bottom: 0; } .popup-form-customer .input-group input { width: 100%; margin-bottom: 15px; font-size: 14px; height: 45px; padding: 10px 20px; line-height: 25px; background: #fff; border: 1px solid #e7e7e7; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .popup-form-customer button.input-group-addon { width: 100%; margin-bottom: 15px; border-radius: 4px; height: 45px; padding: 10px 20px; line-height: 25px; } .popup-form-customer .input-group .input-group-addon { font-weight: 700; color: #fff; cursor: pointer; border-color: var(--shop-color-main); } .popup-form-customer .input-group .input-group-addon:hover, .popup-form-customer .input-group .input-group-addon:focus { background-color: #fff; border-color: var(--shop-color-main); color: var(--shop-color-main); } .popup-form-customer .succes-popup { font-size: 13px; min-height: 25px; visibility: hidden; margin: 0; text-align: center; } .popup-form-customer .succes-popup.error { visibility: visible; color: red; } .popup-form-customer .succes-popup.success { visibility: visible; color: #27a208; } @media (min-width: 768px) { .modal-popupContact .modal-dialog-centered { max-width: 650px; } } @media (max-width: 767px) { .modal-popupContact.popupForm .modal-content:before, .modal-popupContact.popupForm .modal-content .modal-wrapper-contact { width: 100%; } } /*====== POPUP CONTACT ====================================================================*/ /*===== APP COMBO - BUY X TANG Y ============================================*/ .modal-productApp { text-align: center; padding: 0 !important; font-size: 0; background: rgba(3, 17, 27, 0.7); -webkit-transition: opacity .35s linear; -o-transition: opacity .35s linear; transition: opacity .35s linear; z-index: 9999; } .modal-productApp:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-productApp .modal-dialog-centered { display: inline-block; text-align: left; vertical-align: middle; font-size: 14px; } .modal-productApp.fade .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); display: inline-flex; } .modal-productApp .modal-dialog-centered .modal-content { width: 100%; } .modal-productApp.fade .modal-dialog-centered { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .modal-productApp.fade.show .modal-dialog-centered { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-productApp .modal-footer { padding: 15px; text-align: center; flex-wrap: wrap; } .modal-productApp .modal-footer .button { margin: 0 5px; font-weight: 600; outline: none; } .modal-productApp .modal-footer .button:first-child:not(:hover) { color: var(--shop-color-button); } .modal-productApp .modal-footer .button:first-child:not(:hover):before { background: #ffffff; } .modal-productApp .modal-header { padding: 15px 20px; } .modal-productApp .modal-header .name-combo, .modal-productApp .modal-header .modal-title { margin: 0; font-weight: bold; font-size: 22px; padding: 0px 30px 0px 0px; } .modal-productApp .modal-header .combo-title { margin: 10px 0 0; font-size: 14px; font-weight: bold; } .modal-productApp .modal-header .close-modal-app { display: flex; align-items: center; justify-content: center; position: absolute; background-color: #ffffff; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #333; right: 13px; top: 9px; z-index: 9; opacity: 1; margin: 0; } .modal-productApp .modal-header .close-modal-app svg { display: inline-block; fill: currentColor; position: relative; width: 12px; height: 28px; } #combo-program { max-height: 400px; overflow: auto; } #combo-program .combo-title b { color: #ff0707; } #combo-program .combo-w { border: 0; margin-bottom: 0px; padding: 0px 10px 0px 40px; position: relative; } #combo-program .combo-w:after { content: '\2714\fe0e'; font-size: 16px; position: absolute; top: calc(50% - 11px); left: 11px; color: var(--shop-color-main); opacity: 0; } #combo-program .combo-w:before { content: ''; width: 20px; height: 20px; border: 1px solid #e1e1e1; border-radius: 3px; position: absolute; top: calc(50% - 10px); left: 7px; } #combo-program .combo-w.checked:after { opacity: 1; } #combo-program .combo-w.checked:before { border: 1px solid var(--shop-color-main); } #combo-program table tr { margin-bottom: 3px; } #combo-program table tr:first-child td { border-top: 0; } #combo-program table label { font-weight: normal; font-size: 13px; display: block; border: none; padding: 2px 5px; cursor: pointer; } #combo-program table label:after { content: ""; display: table; clear: both; } #combo-program table label img { display: inline-block; width: 85px; float: left; } #combo-program table label p { display: inline-block; width: calc(100% - 85px); float: left; margin-bottom: 0px; padding-left: 15px; } #combo-program table label .discount-promotion-price b { color: #fa0303; } #combo-program table label .discount-promotion-price del { margin-left: 5px; } #combo-program table input { display: none; } #combo-program table input:checked + label { color: #000; background: #fff8f8; } #buyxgety-program { border: 2px dotted var(--shop-color-main); padding: 10px; position: relative; min-height: 100px; z-index: 0; } #buyxgety-program .buyxgety-heading { padding: 5px 60px 5px 0; position: relative; } #buyxgety-program .buyxgety-heading h3 { font-size: 16px; font-weight: 600; margin: 0 0 4px; } #buyxgety-program .buyxgety-heading p { font-size: 12px; } #buyxgety-program .buyxgety-heading:after { content: ""; position: absolute; width: 35px; height: 35px; right: 10px; top: 6px; background-image: url("https://file.hstatic.net/1000308580/file/icon-gifbox_21127e78739a40a28f058e5e123d41b1.png"); background-repeat: no-repeat; background-size: contain; } #buyxgety-program .modal-body { padding: 15px 30px; } .buyxgety_item { display: -webkit-flex; display: flex; -ms-align-items: center; align-items: center; padding: 5px 10px 10px; } .buyxgety_item .buyxgety_checkbox { width: 30px; } .buyxgety_item .buyxgety_image { width: 70px; text-align: center; } .buyxgety_item .buyxgety_image img { padding: 3px; border: 1px solid #eee; } .buyxgety_item .buyxgety_item_title { width: calc(100% - 70px); padding-left: 10px; } .buyxgety_item .buyxgety_list_variant select { font-size: 94%; font-style: italic; min-width: 110px; outline: none; padding: 1px 15px 2px; margin: 2px 0 5px; } .buyxgety_item .buyxgety_checkbox input[type=radio] { cursor: pointer; width: 15px; height: 15px; } .buyxgety_item .buyxgety_item_title .bxy__tt1 span { margin-bottom: 2px; margin-right: 8px; font-weight: 500; font-size: 10px; padding: 1px 6px 2px; border: 1px solid #ffe1db; background: #fef4f4; color: #ff0000; border-radius: 3px; display: inline-block; } .buyxgety_item .buyxgety_item_title .bxy__tt1 a { color: #315399; } .buyxgety_item .buyxgety_item_title .bxy__tt2 strong { color: #ff0000; } .buyxgety_item .buyxgety_item_title .bxy__tt2 span { color: #315399; } .product-loop .proloop-image .gift.product_gift_label .lazyload, .product-loop-ldpage .gift.product_gift_label .lazyload { min-height: 25px; } .product-loop .proloop-image .gift.product_gift_label img, .product-loop-ldpage .gift.product_gift_label img { display: inline-block; } table.table-cart tr td.item .ico-gift { display: inline-block; width: 16px; vertical-align: text-bottom; margin-left: 10px; } @media (max-width: 767px) { .buyxgety_item { padding: 5px 0px 10px; } .modal-productApp .modal-dialog-centered { margin: 30px 10px 50px; } .modal-productApp .modal-header { padding-left: 15px; } .modal-productApp .modal-header .name-combo, .modal-productApp .modal-header .modal-title { font-size: 18px; } .modal-productApp .modal-footer .button { width: 100%; margin: 0; } .modal-productApp .modal-footer .button + .button { margin-top: 10px; } }