/*#9c9c9c*/ /*#ec3237*/ /*#3c3c3c*/ /*#3c3c3c*/ /*#fff*/ /*#3c3c3c*/ /*#ec3237*/ /*#fff*/ /*#333333*/ /*#ec3237*/ /*#f7f7f7*/ /*#3c3c3c*/ /*#ec3237*/ /*#3c3c3c*/ /*#eaeaea*/ /* ----------------------------------- */ header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form label, footer .footer-payment-method ul li .small-desc, .breadcrumb-wrapper a, .breadcrumb-wrapper span, .product-item .product-review, .product-item .product-price > span.original-price, #product-wrapper .product-content-wrapper .product-overview .product-rating a, #product-wrapper .product-content-wrapper .product-overview .product-sku, #product-wrapper .product-content-wrapper .product-overview .product-inv-status, .seen-pro-item .seen-pro-price > span.original-price, .related-pro-item .related-pro-price > span.original-price, .quickview-cart h3, .quickview-cart ul .cart-item-info > a, .quickview-cart ul .cart-item-info small, .quickview-cart ul .cart-item-price-quantity span, .quickview-cart .quickview-cartactions a { font-size: 12px; } header .header-top .header-top-slogan > a, header .header-top .header-contact > span, header .header-top .header-contact > a, header .header-navbar .megamenu-starter .megamenu-starter-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > ul > li > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview .highlight-suggest-text p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview .highlight-suggest-text p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview .highlight-suggest-text p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-body p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-body p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-body p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-body select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-body select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-body select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-btn .btnHighlightSuggest, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-btn .btnHighlightSuggest, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-btn .btnHighlightSuggest, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form input, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form textarea, header .header-navbar .customized-search-form form select, header .header-navbar .customized-search-form form input, header .header-navbar .header-other-services .hos-title, header .header-navbar .header-other-services .other-services-wrapper ul li a, header .header-navbar .header-cart-wrapper, #home-featured-brands .viewAll-wrapper a, #home-testimonials p, #home-testimonials .home-testimonial-item .testi-date, #home-testimonials .home-testimonial-item .testi-customer, #home-professtionals .home-pro-contact a, footer .footer-contact ul li a, footer .footer-payment-method ul li a, footer .footer-nav ul li a, footer .footer-catalog ul li p, footer .footer-subscription .ft-sub-wrapper p, footer .footer-subscription .ft-sub-wrapper form .input-group input, footer .footer-subscription .ft-sub-wrapper form .input-group button, footer .copyright-wrapper, .collection-banner .collection-suggestion-wrapper select, .collection-banner .collection-suggestion-wrapper button, .collection-content-wrapper .collection-head div.col-head-search, .collection-content-wrapper .collection-head select.col-head-select, .collection-content-wrapper .collection-head .form-horizontal select, .collection-content-wrapper .collection-body .collection-categories ul li a, .collection-content-wrapper .collection-body .collection-categories ul li span, .product-item .product-title a, .product-item .product-price > span.current-price, #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-quantity-wrapper .product-quantity-select select, #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-days-wrapper .product-days-select .pvd, #product-wrapper .product-content-wrapper .product-pricecheck-policy > button, .seen-pro-item .seen-pro-title a, .seen-pro-item .seen-pro-price > span.current-price, .related-pro-item .related-pro-title a, .related-pro-item .related-pro-price > span.current-price, #collection-review .review-item .review-content .review-title .review-rating, #collection-review .review-item .review-content .review-title .review-author, #collection-review .review-item .review-content .review-desc, #collection-description-wrapper .collection-description-text, .quickview-cart .qv-cart-total { font-size: 14px; } #home-featured-collections .collection-item .collection-title a, #home-professtionals .item .home-pro-item .pro-title, #home-professtionals .item .home-pro-item .pro-desc, .collection-content-wrapper .collection-head h2, .product-img-slider #ProductThumbs .thumbnail-item > .btnYoutubeProduct { font-size: 16px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li a span:last-child, header .header-navbar .customized-search-form form button, #home-why-us .whyus-item .whyus-title, footer .footer-title, .collection-content-wrapper .collection-body .accordion, .product-img-slider .pis-split, #product-wrapper .product-content-wrapper .product-description button.accordion, .mobile-cart-wrapper a { font-size: 18px; } #home-professtionals .home-pro-hotline, #product-wrapper .product-content-wrapper .product-overview .product-title h1, .mobile-cart-wrapper a i { font-size: 24px; } header .header-top .header-top-slogan > a, header .header-top .header-contact > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form label, #home-testimonials .home-testimonial-item .testi-customer, #home-professtionals .item .home-pro-item .pro-title, #home-why-us .whyus-item .whyus-title, .product-item .product-price > span.current-price, #product-wrapper .product-content-wrapper .product-overview .product-inv-status span, #product-wrapper .product-content-wrapper .product-pricecheck-policy > button:first-child, #collection-review .review-item .review-content .review-title .review-author { font-family: "OpenSans-Bold" !important; } /* ----------------------------------- */ .quickview-cart h3, .quickview-cart .qv-cart-total, .quickview-cart .quickview-cartactions a { text-transform: uppercase !important; } /* ----------------------------------- */ .input-group { table-layout: fixed; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ header .header-navbar .customized-search-form form select { margin: -5px !important; width: 145px !important; } } /*@supports (-ms-accelerator:true) { header .header-navbar .customized-search-form form select { margin: -5px !important; width: 145px !important; } } @supports not (display: flex) { //@supports (display: flex) { //@support ((display: grid;) or (display:flexbox;)) and (column-count:3;) { header .header-navbar .customized-search-form form select { margin: -5px !important; width: 145px !important; } }*/ @supports (-ms-ime-align: auto) { header .header-navbar .customized-search-form form select { margin: -5px !important; width: 145px !important; } } @media (max-width: 480px) { .collection-content-wrapper .collection-body .product-item:hover { padding-left: 5% !important; } } @media (max-width: 768px) { #seen-products #owl-spdx .owl-dots, #related-products #owl-related-products-slider .owl-dots { opacity: 1 !important; } #seen-products #owl-spdx .owl-nav div, #related-products #owl-related-products-slider .owl-nav div { opacity: 1 !important; } #seen-products #owl-spdx .owl-nav div.owl-prev, #related-products #owl-related-products-slider .owl-nav div.owl-prev { left: 30px !important; } #seen-products #owl-spdx .owl-nav > div.owl-next, #related-products #owl-related-products-slider .owl-nav > div.owl-next { right: 0px !important; } #home-demo-products #owl-home-dproducts-slider .owl-nav > div, #home-demo-products #owl-home-dproducts-slider .owl-dots { opacity: 1 !important; } #home-testimonials #owl-home-testimonials-slider .owl-nav > div, #home-testimonials #owl-home-testimonials-slider .owl-dots { opacity: 1 !important; } .collection-content-wrapper .collection-body .collection-categories ul { max-height: 350px; overflow-y: scroll; } .pagination-custom p { display: block !important; margin: 0px 0px 15px 0px !important; float: none !important; } .collection-content-wrapper .collection-head .form-horizontal { padding: 0px !important; border: none !important; } .collection-content-wrapper .collection-head .form-horizontal select { height: 40px !important; line-height: 40px !important; } #collection-review .owl-dots { display: none !important; margin: 0px; } #collection-review .owl-nav > div { top: calc(50% - 50px) !important; } .swatch .header { display: block !important; width: 100% !important; } .collection-banner .collection-suggestion-wrapper select { width: 100% !important; } .product-img-slider #ProductThumbs .thumbnail-item { max-width: none !important; } .product-item:hover { padding-right: 0px !important; /*width: 100% !important;*/ } .product-item:hover .product-actions, .product-item:hover .list-variants-img { display: none !important; } #collection-review .owl-nav > div.owl-prev, #collection-review .owl-nav > div.owl-next, #collection-review .owl-dots { opacity: 1 !important; } .collection-content-wrapper .collection-head .form-horizontal select { margin: 0px !important; max-width: none !important; } #collection-description-wrapper .collection-featured-img { margin-bottom: 15px; } #modalYoutube .modal-content { width: 90% !important; } #home-testimonials .owl-dots, #related-products .owl-dots, #seen-products .owl-dots { opacity: 1 !important; } .product-img-slider #sync3 .item > img { max-height: none !important; } .product-img-slider-sticky { margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-overview .product-inv-status { margin-top: 15px; } .product-variant-title { width: 100% !important; display: block !important; margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-pricecheck-policy > button, .product-color-select, .product-days-select, .product-quantity-select { width: 100% !important; display: block !important; } footer .wrapper .inner .grid .grid__item:nth-child(2n+1) { clear: left; } #home-professtionals { padding: 30px 0 !important; } #home-professtionals .owl-nav > div { display: inline-block !important; opacity: 1 !important; } #home-professtionals .owl-nav > div.owl-prev { left: 0px !important; } #home-professtionals .owl-nav > div.owl-next { right: 0 !important; } #home-demo-products, #home-testimonials, #home-why-us { padding: 30px 0 !important; } #home-demo-products .owl-nav > div, #home-testimonials .owl-nav > div, #home-why-us .owl-nav > div { display: inline-block !important; opacity: 1 !important; } #home-demo-products .owl-nav > div.owl-prev, #home-testimonials .owl-nav > div.owl-prev, #home-why-us .owl-nav > div.owl-prev { left: 30px !important; } #home-demo-products .owl-nav > div.owl-next, #home-testimonials .owl-nav > div.owl-next, #home-why-us .owl-nav > div.owl-next { right: 0 !important; } #home-professtionals .item .home-pro-item { width: 100% !important; } .viewAll-wrapper > a { display: inline-block !important; } } /* ----------------------------------- */ body { position: relative; line-height: normal !important; overflow-x: hidden; } li { list-style-type: none; } button, h1, h2, h3 { line-height: normal !important; font-weight: normal !important; } .mg-bottom30 { margin-bottom: 30px !important; } .mg-left-0 { margin-left: 0 !important; } .mg-left-5 { margin-left: -5px !important; } .mg-left-15 { margin-left: -15px !important; } .pd-left0 { padding-left: 0 !important; } .pd-left5 { padding-left: 5px !important; } .pd-left15 { padding-left: 15px !important; } /* ----------------------------------- */ header .header-top { padding: 15px 0; } header .header-top .header-logo > a { display: inline-block; } header .header-top .header-logo > a img { max-width: 100%; vertical-align: middle; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-top .header-logo h1 { font-size: 0px !important; padding: 0px; margin: 0px; } header .header-top .header-logo h1 > a { display: inline-block; } header .header-top .header-logo h1 > a img { max-width: 100%; vertical-align: middle; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-top .header-top-slogan { /*margin-top: 8px;*/ } header .header-top .header-top-slogan > a { color: #6c6c6c; } header .header-top .header-contact { /*margin-top: 8px;*/ } header .header-top .header-contact .header-contact-desc { display: block !important; } header .header-top .header-contact > span, header .header-top .header-contact > a { display: inline-block; } header .header-top .header-contact > span { color: #ed3237; font-weight: bold; } header .header-top .header-contact > a { color: #6c6c6c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-top .header-contact > a:hover { color: #e81f27; } header .other-hide { display: none; } header .header-navbar { border-bottom: 1px solid #ffffff; border-top: 1px solid #e7e7e7; background-color: #f0f0f0; -moz-box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.45); box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.45); position: relative; z-index: 9; } header .header-navbar .megamenu-starter { position: relative; border-right: solid 1px #e7e7e7; border-left: solid 1px #fff; } header .header-navbar .megamenu-starter .megamenu-starter-title { border-left: solid 1px #e7e7e7; padding: 0 7px; margin: 1px 0 2px; height: 46px; line-height: 46px; position: relative; cursor: pointer; color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .megamenu-starter .megamenu-starter-title i.fa-bars { display: inline-block; margin-right: 15px; } header .header-navbar .megamenu-starter .megamenu-starter-title i.fa-angle-down { display: inline-block; margin-left: 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper { position: absolute; top: 100%; width: initial; background: #fff; display: none; z-index: 99; border: 0 solid #cdcdcd; border-width: 0 1px 1px 1px; box-sizing: border-box; -moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem -0.0625rem rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem -0.0625rem rgba(0, 0, 0, 0.5); box-shadow: 0.0625rem 0.0625rem 0.1875rem -0.0625rem rgba(0, 0, 0, 0.5); -moz-border-bottom-left-radius: 0.1875rem !important; -webkit-border-bottom-left-radius: 0.1875rem !important; -ms-border-bottom-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; -moz-border-bottom-right-radius: 0.1875rem !important; -webkit-border-bottom-right-radius: 0.1875rem !important; -ms-border-bottom-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; } header .header-navbar .megamenu-starter .megamenu-wrapper.mystyle { display: block; } header .header-navbar .megamenu-starter .megamenu-wrapper.open { display: inline-block; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu { margin: 0; width: 214px; display: inline-block; float: left; position: relative; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li { margin: 0; padding: 3px 20px 3px 15px; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li.active, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li:hover { background: #fff; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li.active > a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li:hover > a { color: #ec3237; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li.active > ul, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li:hover > ul { display: block !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > a { display: block; color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > a i { position: absolute; right: 0; top: calc(50% - 7px); } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul { margin: 0; position: absolute; left: 100%; top: 0; width: calc(1284px - 428px); height: 100%; padding: 15px 0px; display: none; background: #fff; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li { margin: 0; width: 25%; float: left; margin-bottom: 30px; padding: 0px 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li:nth-child(4n+1) { clear: left; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > a { color: #ec3237; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > ul { margin: 0; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > ul > li { margin: 0; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > ul > li > a { color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-menu > li > ul > li > ul > li > a:hover { color: #ec3237; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight { background: #fff; float: right; width: 214px; height: 469px; margin: 0; display: inline-block; padding: 15px 15px 15px 0; position: relative; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > a { color: #ec3237; display: inline-block; margin-bottom: 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li { margin-bottom: 15px; border-radius: 10px; padding: 15px; border: 1px solid #cecece; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li:hover .highlight-catalog, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li:hover .highlight-special, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li:hover .highlight-suggest { display: block !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest { position: absolute; top: 0; right: 100%; width: calc(1284px - 428px); height: 469px; padding: 15px; margin: 0; background: #fff; z-index: 99; display: none; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .customized-search-form, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .customized-search-form, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .customized-search-form { padding: 5px 0px !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview { position: relative; margin-bottom: 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview > img, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview > img, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview > img { vertical-align: middle; width: 100%; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview .highlight-suggest-text, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview .highlight-suggest-text, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview .highlight-suggest-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview .highlight-suggest-text > h3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview .highlight-suggest-text > h3 { color: #fff; margin: 0 0 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-overview .highlight-suggest-text p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-overview .highlight-suggest-text p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-overview .highlight-suggest-text p { color: #fff; margin: 0; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select { margin-bottom: 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-head, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-head, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-head { text-align: left; margin-bottom: 15px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-head .select-num, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-head .select-num, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-head .select-num { display: inline-block; margin-right: 5px; height: 30px; width: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 18px; background: #64abea; border-radius: 50%; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-head .select-title, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-head .select-title { display: inline-block; color: #3c3c3c; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-body, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-body, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-body { text-align: left; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-body p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-body p, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-body p { color: #3c3c3c; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-select .select-body select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-select .select-body select, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-select .select-body select { width: 100%; border: 1px solid #cdcdcd; background: #fff; height: 30px; line-height: 30px; outline: 0; color: #333333; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 4px; max-width: 200px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-suggest-btn .btnHighlightSuggest, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-suggest-btn .btnHighlightSuggest, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-suggest-btn .btnHighlightSuggest { height: 40px; line-height: 40px; padding: 0 15px; margin: 0; outline: 0; border-radius: 0.1875rem; background: #64abea; color: #fff; text-align: center; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item { padding: 30px; display: block; border: 1px solid; border-radius: 10px; margin-bottom: 30px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item:hover, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item:hover, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item:hover { background-color: #fff !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color1, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color1, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color1 { background-color: #f7efd5; border-color: #f7efd5; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color1 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color1 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color1 span { color: #d4af37 !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color1 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color1 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color1 span:first-child { font-size: 60px !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color2, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color2, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color2 { background-color: #dbe9f5; border-color: #dbe9f5; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color2 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color2 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color2 span { color: #64abea !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color2 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color2 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color2 span:first-child { font-size: 60px !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color3, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color3 { background-color: #efd4d4; border-color: #efd4d4; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color3 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color3 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color3 span { color: #a10202 !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color3 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color3 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color3 span:first-child { font-size: 60px !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color4, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color4, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color4 { background-color: #dfede0; border-color: #dfede0; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color4 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color4 span, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color4 span { color: #067010 !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog .highlight-special-item.color4 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-special .highlight-special-item.color4 span:first-child, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-suggest .highlight-special-item.color4 span:first-child { font-size: 60px !important; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog { background: url("//cdn.hstatic.net/themes/1000209590/1001519185/14/hd_sub_bg.png?v=1"); background-repeat: no-repeat; background-position: bottom left; background-size: cover; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog h3 { color: #ec3237; margin: 0px 0px 15px 0px; text-align: center; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog p { color: #3c3c3c; text-align: justify; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form label { display: block; margin-bottom: 3px; color: #3c3c3c; text-align: left; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form input { width: 100%; border: 1px solid #cdcdcd; background: #fff; height: 30px; line-height: 30px; padding: 0px 15px; outline: 0; color: #333333; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form textarea { width: 100%; border: 1px solid #cdcdcd; background: #fff; padding: 5px 15px; outline: 0; color: #333333; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li .highlight-catalog form button { padding: 0 15px; margin: 0; outline: 0; border-radius: 0.1875rem; background: #64abea; color: #fff; text-align: center; height: 30px; line-height: 30px; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color1:hover { background: #64abea; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color1:hover a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color1:hover span { color: #fff; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color2:hover { background: #fab81b; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color2:hover a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color2:hover span { color: #fff; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color3:hover { background: #afcf60; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color3:hover a, header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li.highlight-color3:hover span { color: #fff; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li a { display: block; color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li a span { display: block; } header .header-navbar .megamenu-starter .megamenu-wrapper > ul.list-highlight > li a span:first-child { font-size: 48px; } header .header-navbar .customized-search-form { padding: 5px 15px; border-right: solid 1px #e7e7e7; border-left: solid 1px #fff; margin: 1px 0 2px; } header .header-navbar .customized-search-form form { border-left: solid 1px #e7e7e7; } header .header-navbar .customized-search-form form button, header .header-navbar .customized-search-form form input, header .header-navbar .customized-search-form form select { height: 34px !important; margin: 0; padding: 0 5px !important; outline: none; border-radius: 0; } header .header-navbar .customized-search-form form select { width: 140px; border-right: none !important; border: 1px solid #cdcdcd; background-color: #fff; color: #3c3c3c; } header .header-navbar .customized-search-form form input { width: 100%; padding: 0 15px !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border: 1px solid #cdcdcd; border-right: none; color: #3c3c3c; } header .header-navbar .customized-search-form form button { width: 55px; background: #6c6c6c; color: #fff; text-align: center; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; line-height: 34px !important; } header .header-navbar .header-other-services { position: relative; float: left; width: calc(100% - 46px); border-right: solid 1px #fff; border-left: solid 1px #fff; } header .header-navbar .header-other-services .hos-title { border-left: solid 1px #e7e7e7; padding: 0 15px; margin: 1px 0 2px; height: 46px; line-height: 46px; position: relative; cursor: pointer; color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .header-other-services .hos-title i.fa-angle-down { display: inline-block; margin-left: 15px; } header .header-navbar .header-other-services .other-services-wrapper { display: none; position: absolute; top: 100%; width: 100%; left: 0; background: #fff; padding: 15px; border: 0 solid #cdcdcd; border-width: 0 1px 1px 1px; box-sizing: border-box; -moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem -0.0625rem rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem -0.0625rem rgba(0, 0, 0, 0.5); box-shadow: 0.0625rem 0.0625rem 0.1875rem -0.0625rem rgba(0, 0, 0, 0.5); -moz-border-bottom-left-radius: 0.1875rem !important; -webkit-border-bottom-left-radius: 0.1875rem !important; -ms-border-bottom-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; -moz-border-bottom-right-radius: 0.1875rem !important; -webkit-border-bottom-right-radius: 0.1875rem !important; -ms-border-bottom-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; } header .header-navbar .header-other-services .other-services-wrapper.open { display: inline-block; } header .header-navbar .header-other-services .other-services-wrapper ul { margin: 0; } header .header-navbar .header-other-services .other-services-wrapper ul li { margin: 0; } header .header-navbar .header-other-services .other-services-wrapper ul li a { display: block; color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .header-other-services .other-services-wrapper ul li a:hover { color: #ec3237; } header .header-navbar .header-cart-wrapper { padding: 0px; border-right: solid 1px #e7e7e7; border-left: solid 1px #e7e7e7; text-align: center; margin: 1px 0 2px; height: 46px; width: 46px; line-height: 46px; float: left; position: relative; cursor: pointer; color: #3c3c3c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .header-navbar .header-cart-wrapper a { border-right: 1px solid #fff; display: block; position: relative; color: #3c3c3c; } header .header-navbar .header-cart-wrapper a .number { display: inline-block; font-size: 10px; color: #fff; background: #e81f27; width: 14px; height: 14px; border-radius: 50%; line-height: normal; position: absolute; top: 8px; right: 4px; } header .header-navbar .btn-news { text-align: center; } header .header-navbar .btn-news a { height: 46px; line-height: 46px; position: relative; cursor: pointer; color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .mobile-header { height: 70px; line-height: 70px; background: #fff; z-index: 99; position: relative; border-bottom: 1px solid #ffffff; -moz-box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.45); box-shadow: 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.45); } header .mobile-header .mobile-logo { float: left; z-index: 222; position: absolute; } header .mobile-header .mobile-logo a { display: block; } header .mobile-header .mobile-logo a img { vertical-align: middle; } header .mobile-header .mobile-bars { right: 0; top: 0; position: absolute; z-index: 2222; } header .mobile-header .mobile-bars button { display: block; font-size: 32px; color: #333333; background: transparent; outline: 0px; border: 0px; } header.scrolldown { position: fixed; top: 0; left: 0; right: 0; z-index: 99; } header.scrolldown .header-top { display: none; } #main-slider .img-banner a { display: block; } #main-slider .img-banner a img { width: 100%; vertical-align: middle; } #home-featured-brands .featured-brand-item { padding: 5px 0; } #home-featured-brands .featured-brand-item a { display: block; } #home-featured-brands .featured-brand-item a img { vertical-align: middle; filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #home-featured-brands .featured-brand-item a img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); } #home-featured-brands .viewAll-wrapper { padding: 5px 0; } #home-featured-brands .viewAll-wrapper a { margin-top: 17px; display: block; padding: 10px; color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #e5e5e5; border-radius: 5px; -moz-box-shadow: 0 3px 0 0 #dfdfdf; -webkit-box-shadow: 0 3px 0 0 #dfdfdf; box-shadow: 0 3px 0 0 #dfdfdf; } #home-featured-brands .viewAll-wrapper a:hover { color: #fff; background: #e81f27; border-color: #e81f27; } #home-featured-collections { background: #fafafa; margin-top: -22px; padding: 30px 0 20px 0; } #home-featured-collections .collection-item { margin-bottom: 15px; -moz-box-shadow: 0 2px 2px 0 #c4c4c4; -webkit-box-shadow: 0 2px 2px 0 #c4c4c4; box-shadow: 0 2px 2px 0 #c4c4c4; height: 250px; overflow: hidden; } #home-featured-collections .collection-item:hover .collection-img a img { transform: scale(1.1); } #home-featured-collections .collection-item:hover .collection-title a { color: #e81f27; } #home-featured-collections .collection-item .collection-img { margin-bottom: 5px; border: 1px solid #fff; } #home-featured-collections .collection-item .collection-img a { display: block; overflow: hidden; } #home-featured-collections .collection-item .collection-img a img { width: 100%; vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(1); } #home-featured-collections .collection-item .collection-title a { display: block; padding: 5px 5px 10px; color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #home-demo-products { padding: 25px 0px 30px 0px; } #home-demo-products:hover .owl-dots { opacity: 1 !important; } #home-demo-products:hover .owl-nav > div { opacity: 0.5 !important; } #home-demo-products:hover .owl-nav > div:hover { opacity: 1 !important; } #home-demo-products .owl-dots { margin-top: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; padding-left: 30px; } #home-demo-products .owl-nav { margin: 0px; } #home-demo-products .owl-nav > div { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; background: transparent; color: #333333; font-size: 48px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 25px); padding: 0; margin: 0; } #home-demo-products .owl-nav > div.owl-prev { left: 0; } #home-demo-products .owl-nav > div.owl-next { right: -30px; } #home-demo-products h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0px; } #home-demo-products .demo-product-item:hover > a .ori-img img { opacity: 0 !important; } #home-demo-products .demo-product-item:hover > a .hover-img img { opacity: 1 !important; } #home-demo-products .demo-product-item > a { display: block; position: relative; text-align: center; } #home-demo-products .demo-product-item > a img { width: auto !important; display: inline-block; } #home-demo-products .demo-product-item > a .ori-img { height: 200px; line-height: 200px; } #home-demo-products .demo-product-item > a .ori-img img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; position: relative; z-index: 9; opacity: 1; vertical-align: middle; } #home-demo-products .demo-product-item > a .hover-img { height: 200px; line-height: 200px; position: absolute; top: 0; left: 0; right: 0; } #home-demo-products .demo-product-item > a .hover-img img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index: 1; opacity: 0; vertical-align: middle; } #home-testimonials { background: #fafafa; padding: 25px 0px 6px 0px; } #home-testimonials:hover .owl-dots { opacity: 1 !important; } #home-testimonials:hover .owl-nav > div { opacity: 0.5 !important; } #home-testimonials:hover .owl-nav > div:hover { opacity: 1 !important; } #home-testimonials .owl-dots { margin-top: 10px; padding-left: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; } #home-testimonials .owl-nav { margin: 0px; } #home-testimonials .owl-nav > div { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; background: transparent; color: #333333; font-size: 48px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 51px); padding: 0; margin: 0; } #home-testimonials .owl-nav > div.owl-prev { left: 0; } #home-testimonials .owl-nav > div.owl-next { right: -30px; } #home-testimonials h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 15px; } #home-testimonials p { color: #333333; margin-bottom: 30px; } #home-testimonials .home-testimonial-item .testi-rating { display: inline-block; margin-right: 5px; color: #fab623; font-size: 18px; } #home-testimonials .home-testimonial-item .testi-date { display: inline-block; margin-right: 5px; color: #e5e5e5; } #home-testimonials .home-testimonial-item .testi-customer { display: inline-block; margin-right: 5px; color: #333333; } #home-testimonials .home-testimonial-item .testi-desc { margin-top: 5px; font-size: 16px; color: #333333; font-style: italic; } #home-professtionals { padding: 25px 0px 34px 0px; } #home-professtionals h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #home-professtionals .item .home-pro-item { margin: auto; } #home-professtionals .item .home-pro-item .pro-title { margin-bottom: 15px; color: #333333; } #home-professtionals .item .home-pro-item .pro-desc { color: #333333; font-style: italic; margin-bottom: 15px; } #home-professtionals .slider-nav { margin-bottom: 15px; } #home-professtionals .slider-nav .item { margin: 5px; text-align: center; cursor: pointer; } #home-professtionals .slider-nav .item img { vertical-align: middle; } #home-professtionals .slider-nav > button { outline: 0px; z-index: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: transparent; color: #333333; font-size: 48px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 25px); padding: 0; margin: 0; } #home-professtionals .slider-nav > button.slick-prev { left: 0px; } #home-professtionals .slider-nav > button.slick-next { right: 0px; } #home-professtionals .home-pro-hotline { margin-bottom: 15px; color: #e81f27; font-weight: 700; } #home-professtionals .home-pro-hotline a { color: #e81f27; } #home-professtionals .home-pro-contact a { display: inline-block; padding: 10px 15px; color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #e5e5e5; border-radius: 5px; -moz-box-shadow: 0 3px 0 0 #dfdfdf; -webkit-box-shadow: 0 3px 0 0 #dfdfdf; box-shadow: 0 3px 0 0 #dfdfdf; } #home-professtionals .home-pro-contact a:hover { color: #fff; background: #e81f27; border-color: #e81f27; } #home-why-us { padding: 25px 0px 5px 0px; background: #fafafa; } #home-why-us h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #home-why-us .whyus-item { margin-bottom: 30px; } #home-why-us .whyus-item .whyus-icon { margin-bottom: 15px; } #home-why-us .whyus-item .whyus-icon img { vertical-align: middle; } #home-why-us .whyus-item .whyus-title { margin-bottom: 15px; } #home-why-us .whyus-item .whyus-title.wt-color1 { color: #f4bb0e; } #home-why-us .whyus-item .whyus-title.wt-color2 { color: #64abea; } #home-why-us .whyus-item .whyus-title.wt-color3 { color: #bb1818; } #home-why-us .whyus-item .whyus-title.wt-color4 { color: #e95516; } #home-why-us .whyus-item .whyus-title.wt-color5 { color: #108e38; } #home-why-us .whyus-item .whyus-title.wt-color6 { color: #037fbc; } #home-about-us { padding: 25px 0px 15px 0px; } #home-about-us h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #home-about-us .wrapper .inner .grid .grid__item:nth-child(2n+1) { clear: left; } #home-about-us .about-us-item { margin-bottom: 30px; } #home-about-us .about-us-item .about-us-title { color: #333333; font-size: 1.25rem; font-weight: normal; line-height: 2.125rem; margin-bottom: 0.5rem; } #home-about-us .about-us-item .about-us-desc { color: #333333; text-align: justify; font-size: 0.875rem; line-height: 1.4rem; } footer { padding: 30px 0; background: #f2f2f2; } footer .wrapper .inner .grid .grid__item:nth-child(5), footer .wrapper .inner .grid .grid__item:nth-child(9) { clear: left; } footer .footer-title { border-bottom: 1px solid #d0d0d0; padding-bottom: 15px; margin-bottom: 15px; color: #636363; } footer .footer-contact { margin-bottom: 30px; } footer .footer-contact ul { margin: 0; } footer .footer-contact ul li { margin: 0; display: block; } footer .footer-contact ul li a { display: inline-block; color: #636363; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-contact ul li a:hover { color: #ec3237; } footer .footer-payment-method { margin-bottom: 30px; } footer .footer-payment-method ul { margin: 0; } footer .footer-payment-method ul li { margin-bottom: 15px; display: block; } footer .footer-payment-method ul li:last-child { margin-bottom: 0; } footer .footer-payment-method ul li a { display: inline-block; color: #636363; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-payment-method ul li a:hover { color: #ec3237; } footer .footer-payment-method ul li .small-desc { margin: 0; color: #636363; } footer .footer-media { margin-bottom: 30px; } footer .footer-media ul { margin: 0; } footer .footer-media ul li { margin: 0; display: block; } footer .footer-media ul li a { display: inline-block; margin: 0px 5px 5px 0px; } footer .footer-certification { margin-bottom: 30px; } footer .footer-certification ul { margin: 0; } footer .footer-certification ul li { margin: 0; display: block; } footer .footer-certification ul li a { display: inline-block; margin-right: 5px; } footer .footer-nav { margin-bottom: 30px; } footer .footer-nav ul { margin: 0; } footer .footer-nav ul li { margin-bottom: 2px; display: block; } footer .footer-nav ul li a { display: inline-block; color: #636363; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-nav ul li a:hover { color: #ec3237; } footer .footer-catalog { margin-bottom: 30px; } footer .footer-catalog ul { margin: 0; } footer .footer-catalog ul li { margin: 0; } footer .footer-catalog ul li img { float: left; vertical-align: middle; } footer .footer-catalog ul li p { color: #636363; margin: 0; padding-left: 60px; } footer .footer-subscription { margin-bottom: 30px; } footer .footer-subscription .ft-sub-wrapper p { color: #636363; } footer .footer-subscription .ft-sub-wrapper form { margin: 0; } footer .footer-subscription .ft-sub-wrapper form .input-group { width: 100%; } footer .footer-subscription .ft-sub-wrapper form .input-group input { width: calc(100% - 110px); height: 34px; line-height: 34px; padding: 0 5px; background: #fff; border: 1px solid #d0d0d0; border-radius: 0; outline: 0; float: left; color: #636363; } footer .footer-subscription .ft-sub-wrapper form .input-group .input-group-btn { float: right; width: 100px; display: inline-block; } footer .footer-subscription .ft-sub-wrapper form .input-group button { width: 100%; height: 34px; line-height: 34px; padding: 0 5px; border: 1px solid #d0d0d0; border-radius: 0; outline: 0; color: #636363; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #fefefe 0%, #f0f0f0 100%); background-color: #f0f0f0; } footer .footer-subscription .ft-sub-wrapper form .input-group button:hover { background: #f7f7f7; } footer .footer-social-network .ft-list-sn > a { display: inline-block; margin-right: 5px; height: 34px; width: 34px; line-height: 34px; padding: 0; text-align: center; background: #7d7d7d; color: #fff; font-size: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-social-network .ft-list-sn > a:hover { background: #e81f27; } footer .copyright-wrapper { color: #636363; margin-bottom: 30px; } footer .copyright-wrapper a { color: #636363; } .ft-logo { padding: 30px 0; background: #fff; } .ft-logo img { vertical-align: middle; } #back-to-top { height: 30px; line-height: 30px; width: 30px; position: fixed; bottom: 40px; right: 15px; color: #333333; font-size: 24px; text-align: center; cursor: pointer; z-index: 9; } .collection-banner { position: relative; } @media (min-width: 992px) { .collection-banner { min-height: 275px; } } .collection-banner > img { display: block; margin: auto; vertical-align: middle; } .collection-banner .collection-suggestion-wrapper { position: absolute; bottom: 0; right: 0; left: 0; padding: 15px 15px 5px 15px; } .collection-banner .collection-suggestion-wrapper h1 { margin: 0 0 15px; font-size: 32px; color: #333333; } .collection-banner .collection-suggestion-wrapper form .input-group { width: 100%; } .collection-banner .collection-suggestion-wrapper input.col-hide { display: none; } .collection-banner .collection-suggestion-wrapper select.other-hide { display: initial; } .collection-banner .collection-suggestion-wrapper select { background-color: #fff; color: #333333; border: 1px solid #cdcdcd; height: 37px; line-height: 37px; padding: 0 10px; width: 180px; margin: 0 10px 10px 10px; outline: 0; } .collection-banner .collection-suggestion-wrapper .input-group-btn { width: auto !important; display: inline-block !important; padding-top: 5px; } .collection-banner .collection-suggestion-wrapper button { background: #fcb71a; height: 37px; line-height: 37px !important; padding: 0 10px; width: 180px; color: #fff; text-align: center; outline: 0; margin: 0 10px 10px 10px; } .breadcrumb-wrapper { padding: 15px; } .breadcrumb-wrapper a { display: inline-block; color: #e5e5e5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .breadcrumb-wrapper a:hover { color: #e81f27; } .breadcrumb-wrapper span { display: inline-block; color: #e5e5e5; margin: 0 5px; } .breadcrumb-wrapper span.active { margin: 0 !important; } .collection-content-wrapper { /*#SortBy option:first-child{ line-height: normal !important; position: absolute; content: '\f0b0'; font-family: FontAwesome; }*/ } .collection-content-wrapper #col-cate-mobile { width: 100%; border: 1px solid #cdcdcd; } .collection-content-wrapper #SortBy { font-family: 'FontAwesome', 'OpenSans'; } .collection-content-wrapper .collection-head { background-color: #f0f0f0; /*border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;*/ } .collection-content-wrapper .collection-head > .grid > .grid__item:nth-child(4) select.col-head-select { /*border-right: 1px solid #cdcdcd !important;*/ } .collection-content-wrapper .collection-head h2 { margin: 0; height: 40px; line-height: 40px !important; padding: 0 15px; border: 1px solid #e2e2e2; } .collection-content-wrapper .collection-head div.col-head-search { width: 100%; border-radius: 0; padding-top: 0px !important; padding-bottom: 0px !important; height: 40px; line-height: 40px; outline: 0; color: #333333; border: 1px solid #e2e2e2; } .collection-content-wrapper .collection-head div.col-head-search input { font-size: 14px; border: none; } .collection-content-wrapper .collection-head div.col-head-search button { background: #fff; color: inherit; border: none; } .collection-content-wrapper .collection-head div.col-head-search .input-group-btn { line-height: normal; } .collection-content-wrapper .collection-head select.col-head-select { width: 100%; /*border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid #cdcdcd; border-right: 1px solid transparent;*/ border-radius: 0; /*background: transparent*/ padding-top: 0px !important; padding-bottom: 0px !important; height: 40px; line-height: 40px; outline: 0; color: #333333; border: 1px solid #e2e2e2; } .collection-content-wrapper .collection-head select.col-head-select:hover { background-color: #fff; -moz-box-shadow: 0 0.1875rem 0.125rem 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 0.1875rem 0.125rem 0 rgba(0, 0, 0, 0.14); box-shadow: 0 0.1875rem 0.125rem 0 rgba(0, 0, 0, 0.14); -moz-border-radius: 0 0.1875rem 0.1875rem 0.1875rem; -webkit-border-radius: 0 0.1875rem 0.1875rem 0.1875rem; -ms-border-radius: 0 0.1875rem 0.1875rem 0.1875rem; border-radius: 0 0.1875rem 0.1875rem 0.1875rem; border: 1px solid #cdcdcd; } .collection-content-wrapper .collection-head .form-horizontal { padding: 2px 15px; border: 1px solid #e2e2e2; } .collection-content-wrapper .collection-head .form-horizontal select { width: 100%; border: 1px solid #cdcdcd; background: #fff; height: 30px; line-height: 30px; outline: 0; color: #333333; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 4px; max-width: 200px; } .collection-content-wrapper .collection-body { border: 1px solid #e2e2e2; /*> .grid > .large--eight-tenths > .grid > .grid__item:nth-child(3), > .grid > .large--eight-tenths > .grid > .grid__item:nth-child(7), > .grid > .large--eight-tenths > .grid > .grid__item:nth-child(11), > .grid > .large--eight-tenths > .grid > .grid__item:nth-child(15), > .grid > .large--eight-tenths > .grid > .grid__item:nth-child(19), > .grid > .large--eight-tenths > .grid > .grid__item:nth-child(4n) {*/ /*}*/ } .collection-content-wrapper .collection-body .accordion { background-color: transparent; color: #333333; cursor: pointer; padding: 15px 15px 15px 30px; width: 100%; border: none; text-align: left; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; border-bottom: 1px solid #cdcdcd; } .collection-content-wrapper .collection-body .accordion:after { position: absolute; left: 0; top: calc(50% - 9px); font-size: 18px; content: '\f105'; font-family: FontAwesome; color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .collection-content-wrapper .collection-body .accordion.active:after { content: "\f107"; } .collection-content-wrapper .collection-body .panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .collection-content-wrapper .collection-body .panel > div { padding: 15px 0; } .collection-content-wrapper .collection-body .product-item:hover { padding-left: 29%; padding-right: 0px !important; margin-left: -30%; } .collection-content-wrapper .collection-body .product-item .list-variants-img { right: none !important; left: 0; } .collection-content-wrapper .collection-body .collection-categories ul { margin: 0; padding: 15px; } .collection-content-wrapper .collection-body .collection-categories ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #cdcdcd; } .collection-content-wrapper .collection-body .collection-categories ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .collection-content-wrapper .collection-body .collection-categories ul li a { color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; margin-right: 5px; } .collection-content-wrapper .collection-body .collection-categories ul li a:hover { color: #e81f27; } .collection-content-wrapper .collection-body .collection-categories ul li span { color: #333333; } .product-item { padding: 15px; border: 1px solid #e2e2e2; position: relative; background-color: #fff; } .product-item * { transition: all .5s; } .product-item:hover { -moz-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.7); box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.7); padding-right: 80px; width: 130%; z-index: 9999; } .product-item:hover .product-actions, .product-item:hover .list-variants-img { display: inline-block; } .product-item:hover .list-variants-img { border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .product-item .product-img { margin-bottom: 5px; } .product-item .product-img a { display: block; overflow: hidden; } .product-item .product-img a img { width: 100%; vertical-align: middle; } .product-item .product-variant-color { margin-bottom: 5px; height: 35px; } .product-item .product-variant-color > span { height: 7px; width: 14px; display: inline-block; border: 0.5px solid #cdcdcd; margin-right: 1px; } .product-item .product-variant-color > span.variant-color1 { background: red; } .product-item .product-variant-color > span.variant-color2 { background: blue; } .product-item .product-variant-color > span.variant-color3 { background: green; } .product-item .product-variant-color > span.variant-color4 { background: black; } .product-item .product-variant-color > span.variant-color5 { background: white; } .product-item .list-variants-img { background: #fff; z-index: 9; white-space: nowrap; text-align: center; display: none; width: 70px; position: absolute; right: 0; top: 0; height: 100%; padding: 15px 5px; } .product-item .list-variants-img .inner { max-height: 100%; overflow-y: auto; border-radius: 10px; } .product-item .list-variants-img .inner::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; } .product-item .list-variants-img .inner::-webkit-scrollbar { border-radius: 10px; width: 6px; background-color: #fff; } .product-item .list-variants-img .inner::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9c9c9c; } .product-item .list-variants-img ul { margin: 0; } .product-item .list-variants-img ul li { margin-bottom: 10px; } .product-item .list-variants-img ul li a { display: block; text-align: center; } .product-item .list-variants-img ul li a img { vertical-align: middle; } .product-item .product-actions { padding: 15px 5px 0; background: #fff; width: 100%; z-index: 9; display: none; } .product-item .product-actions > button, .product-item .product-actions > a { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; margin: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #fefefe 0%, #f0f0f0 100%); background-color: #f0f0f0; -moz-border-top-left-radius: 0.1875rem !important; -webkit-border-top-left-radius: 0.1875rem !important; -ms-border-top-left-radius: 0.1875rem !important; border-top-left-radius: 0.1875rem !important; -moz-border-bottom-left-radius: 0.1875rem !important; -webkit-border-bottom-left-radius: 0.1875rem !important; -ms-border-bottom-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; -moz-border-top-right-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -ms-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; -moz-border-bottom-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -ms-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border: 1px solid #cdcdcd; color: #333333; outline: 0; } .product-item .product-title { margin-bottom: 5px; } .product-item .product-title a { display: inline-block; height: 38px; color: #333333; } .product-item .product-review { margin-bottom: 5px; color: #fab622; } .product-item .product-review span { color: #333333; } .product-item .product-price > span { display: inline-block; } .product-item .product-price > span.current-price { color: #e81f27; margin-right: 5px; } .product-item .product-price > span.original-price { color: #333333; } .product-img-slider .owl-carousel .owl-item img { width: auto !important; } .product-img-slider.stick { position: fixed; top: 0; z-index: 10; max-width: 627px; } .product-img-slider #ProductPhoto { margin-bottom: 15px; } .product-img-slider #ProductPhoto .owl-item > li > a > img { max-height: 400px; } .product-img-slider #ProductPhoto .owl-dots { display: none !important; } .product-img-slider #ProductPhoto .owl-nav > div { position: absolute; height: 40px; width: 40px; line-height: 40px; padding: 0; top: calc(50% - 20px); background: transparent; color: #333333; font-size: 36px; } .product-img-slider #ProductPhoto .owl-nav > div.owl-prev { left: 0; } .product-img-slider #ProductPhoto .owl-nav > div.owl-next { right: 0; } .product-img-slider .pis-split { color: #333333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #cdcdcd; } .product-img-slider #ProductThumbs .thumbnail-item { margin: 5px 5px 5px 0; padding: 3px; border: 1px solid #cdcdcd; cursor: pointer; max-width: 10%; float: left; } .product-img-slider #ProductThumbs .thumbnail-item img { vertical-align: middle; } .product-img-slider #ProductThumbs .thumbnail-item > .btnYoutubeProduct { padding: 3px 5px; outline: 0px; color: #333333; } .product-img-slider #ProductThumbs .thumbnail-item > .btnYoutubeProduct span:first-child { display: block; text-align: center; } .product-img-slider #ProductThumbs .thumbnail-item > .btnYoutubeProduct span:first-child i { font-size: 24px; } #product-wrapper { padding: 0 0 30px; } #product-wrapper .product-content-wrapper .product-overview { margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-overview .product-title h1 { margin: 0; color: #333333; } #product-wrapper .product-content-wrapper .product-overview .product-rating { display: inline-block; margin-right: 15px; } #product-wrapper .product-content-wrapper .product-overview .product-rating a { color: #fbbf3d; } #product-wrapper .product-content-wrapper .product-overview .product-rating a span { color: #333333; } #product-wrapper .product-content-wrapper .product-overview .product-sku { display: inline-block; color: #333333; } #product-wrapper .product-content-wrapper .product-overview .product-inv-status { color: #333333; } #product-wrapper .product-content-wrapper .product-overview .product-inv-status span { font-size: 24px; color: #f9a73c; } #product-wrapper .product-content-wrapper .product-variant-wrapper .product-variant-title { width: 33%; display: inline-block; float: left; padding-top: 5px; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-quantity-wrapper { margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-quantity-wrapper .product-quantity-select { width: 67%; display: inline-block; float: left; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-quantity-wrapper .product-quantity-select select { width: 100%; outline: 0; background-color: #ffffff; border: #cdcdcd solid 1px; -moz-border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem; -ms-border-radius: 0.1875rem; border-radius: 0.1875rem; color: #333333; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-color-wrapper { margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-color-wrapper .product-color-select { width: 67%; display: inline-block; float: left; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-color-wrapper .product-color-select .pvc { height: 40px; width: 40px; padding: 3px; margin-bottom: 3px; margin-right: 3px; display: inline-block; float: left; border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-color-wrapper .product-color-select .pvc img { vertical-align: middle; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-color-wrapper .product-color-select .pvc:hover { -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); border: 1px solid #cdcdcd; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-color-wrapper .product-color-select .pvc.active { -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); border: 1px solid #cdcdcd; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-days-wrapper { margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-days-wrapper .product-days-select { width: 67%; display: inline-block; float: left; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-days-wrapper .product-days-select .pvd { height: 40px; line-height: 40px; padding: 0 10px; margin-bottom: 3px; margin-right: 3px; display: inline-block; float: left; border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; color: #333333; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-days-wrapper .product-days-select .pvd:hover { -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); border: 1px solid #cdcdcd; } #product-wrapper .product-content-wrapper .product-variant-wrapper .variant-days-wrapper .product-days-select .pvd.active { -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.5); border: 1px solid #cdcdcd; } #product-wrapper .product-content-wrapper .product-pricecheck-policy { margin-bottom: 15px; } #product-wrapper .product-content-wrapper .product-pricecheck-policy > button { position: relative; display: block; text-align: center; width: 67%; height: 40px; line-height: 40px; padding: 0 15px; margin: 0 0 5px auto; outline: 0; border: 1px solid #cdcdcd; color: #333333; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #fefefe 0%, #f0f0f0 100%); background-color: #f0f0f0; -moz-box-shadow: 0 2px 2px 0 #c4c4c4; -webkit-box-shadow: 0 2px 2px 0 #c4c4c4; box-shadow: 0 2px 2px 0 #c4c4c4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-content-wrapper .product-pricecheck-policy > button > i { position: absolute; color: #f19013; font-size: 24px; left: 15px; top: calc(50% - 12px); } #product-wrapper .product-content-wrapper .product-pricecheck-policy > button:hover { background: #eaeaea; border-color: #cdcdcd; } #product-wrapper .product-content-wrapper .product-pricecheck-policy > button:first-child { color: #f19013; border: 1px solid #f19013; } #product-wrapper .product-content-wrapper .product-pricecheck-policy > button:last-child { margin-bottom: 0 !important; } #product-wrapper .product-content-wrapper .product-description button.accordion { background-color: transparent; color: #333333; cursor: pointer; padding: 15px 15px 15px 30px; width: 100%; border: none; text-align: left; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; border-bottom: 1px solid #cdcdcd; } #product-wrapper .product-content-wrapper .product-description button.accordion:after { position: absolute; left: 0; top: calc(50% - 9px); font-size: 18px; content: '\f105'; font-family: FontAwesome; color: #333333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-content-wrapper .product-description button.accordion.active:after { content: "\f107"; } #product-wrapper .product-content-wrapper .product-description div.panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #product-wrapper .product-content-wrapper .product-description div.panel > div { padding: 15px 0; } #related-products { padding: 30px 0; border-bottom: 1px solid #cdcdcd; } #related-products h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #related-products:hover .owl-dots { opacity: 1 !important; } #related-products:hover .owl-nav > div { opacity: 0.5 !important; } #related-products:hover .owl-nav > div:hover { opacity: 1 !important; } #related-products .owl-dots { padding-left: 30px; margin-top: 10px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #related-products .owl-nav { margin: 0px; } #related-products .owl-nav > div { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; background: transparent; color: #333333; font-size: 48px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 51px); padding: 0; margin: 0; } #related-products .owl-nav > div.owl-prev { left: 30px; } #related-products .owl-nav > div.owl-next { right: 0; } #seen-products { padding: 30px 0; } #seen-products h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #seen-products:hover .owl-dots { opacity: 1 !important; } #seen-products:hover .owl-nav > div { opacity: 0.5 !important; } #seen-products:hover .owl-nav > div:hover { opacity: 1 !important; } #seen-products .owl-dots { margin-top: 10px; padding-left: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; } #seen-products .owl-nav { margin: 0px; } #seen-products .owl-nav > div { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; background: transparent; color: #333333; font-size: 48px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 51px); padding: 0; margin: 0; } #seen-products .owl-nav > div.owl-prev { left: 0px; } #seen-products .owl-nav > div.owl-next { right: -30px; } .seen-pro-item:hover .seen-pro-img a img { transform: scale(1.1); } .seen-pro-item:hover .seen-pro-title a { color: #e81f27; } .seen-pro-item .seen-pro-img { margin-bottom: 15px; } .seen-pro-item .seen-pro-img a { display: block; overflow: hidden; } .seen-pro-item .seen-pro-img a img { vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(1); } .seen-pro-item .seen-pro-title { margin-bottom: 5px; } .seen-pro-item .seen-pro-title a { color: #333333; } .seen-pro-item .seen-pro-price > span { display: inline-block; } .seen-pro-item .seen-pro-price > span.current-price { color: #e81f27; margin-right: 5px; } .seen-pro-item .seen-pro-price > span.original-price { color: #333333; } .related-pro-item:hover .related-pro-img a img { transform: scale(1.1); } .related-pro-item:hover .related-pro-title a { color: #e81f27; } .related-pro-item .related-pro-img { margin-bottom: 15px; } .related-pro-item .related-pro-img a { display: block; overflow: hidden; } .related-pro-item .related-pro-img a img { vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(1); } .related-pro-item .related-pro-title { margin-bottom: 5px; } .related-pro-item .related-pro-title a { color: #333333; } .related-pro-item .related-pro-price > span { display: inline-block; } .related-pro-item .related-pro-price > span.current-price { color: #e81f27; margin-right: 5px; } .related-pro-item .related-pro-price > span.original-price { color: #333333; } #modalYoutube { /* Add Animation */ /* The Close Button */ } #modalYoutube.modal { display: none; position: fixed; z-index: 999; padding-top: 30px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } #modalYoutube .modal-content { position: relative; background-color: #fff; margin: auto; padding: 0; width: 60%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; padding: 30px; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } #modalYoutube .close { color: #333333; float: right; font-size: 28px; font-weight: bold; cursor: pointer; text-decoration: none; position: absolute; top: 7px; right: 7px; } #collection-review { padding: 30px 0; } #collection-review h2 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #collection-review:hover .owl-dots { opacity: 1 !important; } #collection-review:hover .owl-nav > div { opacity: 0.5 !important; } #collection-review:hover .owl-nav > div:hover { opacity: 1 !important; } #collection-review .owl-dots { margin-top: 0px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-review .owl-nav { margin: 0px; } #collection-review .owl-nav > div { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0 !important; background: transparent; color: #333333; font-size: 48px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 55px); padding: 0; margin: 0; } #collection-review .owl-nav > div.owl-prev { left: 0; } #collection-review .owl-nav > div.owl-next { right: 0; } #collection-review .review-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; } #collection-review .review-item .review-img { display: inline-block; float: left; } #collection-review .review-item .review-img a { display: inline-block; } #collection-review .review-item .review-img a img { vertical-align: middle; } #collection-review .review-item .review-content { padding-left: 125px; } #collection-review .review-item .review-content .review-title .review-rating { color: #fab622; display: inline-block; margin-right: 5px; } #collection-review .review-item .review-content .review-title .review-author { margin-right: 5px; display: inline-block; } #collection-review .review-item .review-content .review-desc { margin-top: 5px; color: #333333; } #collection-description-wrapper { padding: 30px 0; border-top: 1px solid #cdcdcd; } #collection-description-wrapper h1 { font-size: 32px; font-weight: 400 !important; color: #333333; margin: 0 0 30px; } #collection-description-wrapper .collection-featured-img { overflow: hidden; text-align: center; } #collection-description-wrapper .collection-featured-img img { vertical-align: middle; transform: scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-description-wrapper .collection-featured-img img:hover { transform: scale(1.1); } #collection-description-wrapper .collection-description-text { color: #333333; } #NavDrawer, #CartDrawer { z-index: 9999; } .mobile-nav__item .mobile-nav__sublist .mobile-nav__item .mobile-nav__sublist .mobile-nav__item a { padding-left: 45px !important; } .tblSpec th, .tblSpec td { padding: 5px 15px !important; } .tblSpec th p, .tblSpec td p { margin: 0px; } #CartDrawer, #NavDrawer { z-index: 999999999; } .cart-overlay.open { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 8888; top: 0; right: 0; bottom: 0; left: 0; } .other-pages { padding: 30px 0px; /*overflow: -webkit-paged-x;*/ padding-bottom: 100px; } .quickview-cart { text-align: left; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: none; position: absolute; z-index: 9999; top: 100%; right: 0; width: 250px; padding: 5px; background: #fff; line-height: normal !important; } .quickview-cart h3 { padding: 5px; width: 100%; display: block; background: #e81f27; color: #fff; position: relative; } .quickview-cart h3 span { position: absolute; color: #fff; top: 5px; right: 5px; cursor: pointer; } .quickview-cart ul { margin-bottom: 5px; max-height: 300px; overflow-y: scroll; } .quickview-cart ul .cart-item { margin: 0px 0px 5px 0px; position: relative; border-bottom: 1px dashed #DDD; padding-bottom: 5px; } .quickview-cart ul .cart-item > .cart__remove { position: absolute; top: calc(50% - 9px); right: 5px; color: #e81f27; } .quickview-cart ul .cart-item:last-child { margin: 0px; } .quickview-cart ul .cart-item-info { padding-right: 15px; } .quickview-cart ul .cart-item-info > a { color: #333333; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 3px; display: inline-block; } .quickview-cart ul .cart-item-info > a:hover { color: #e81f27; } .quickview-cart ul .cart-item-info small { display: block; margin-bottom: 3px; } .quickview-cart ul .cart-item-price-quantity { padding-right: 15px; } .quickview-cart ul .cart-item-price-quantity span { display: block; margin-bottom: 3px; } .quickview-cart ul .cart-item-img img { vertical-align: middle; } .quickview-cart .qv-cart-total { margin: 5px 0px; padding: 5px; width: 100%; display: block; background: #f7f7f7; color: #e81f27; } .quickview-cart .quickview-cartactions a { display: inline-block; width: 48%; text-align: center; padding: 5px 0; } .quickview-cart .quickview-cartactions a:first-child { float: left; color: #e81f27; border: 1px solid #e81f27; } .quickview-cart .quickview-cartactions a:last-child { float: right; color: #fff; border: 1px solid #e81f27; background: #e81f27; } .quickview-cart > ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background-color: #fff; } .quickview-cart > ul::-webkit-scrollbar { width: 3px; background-color: #fff; } .quickview-cart > ul::-webkit-scrollbar-thumb { background-color: #e81f27; } .mobile-cart-wrapper { position: relative; display: block; padding-right: 50px; z-index: 1; } .mobile-cart-wrapper a { display: inline-block; color: #3c3c3c; } .pagination-custom > div { display: inline-block; } .pagination-custom p { font-size: 14px; color: #333333; display: inline-block; float: left; margin: 5px 10px 0px 0px; } .pagination-custom span { display: inline-block; padding: 0; float: left; } .pagination-custom span.current { display: inline-block; height: 32px; width: 32px; background: #e5e5e5; font-size: 14px; color: #fff; line-height: 32px; border: 1px solid #e5e5e5; } .pagination-custom span a { display: inline-block; height: 32px; width: 32px; background: #fff; font-size: 14px; color: #333333; line-height: 32px; border: 1px solid #e5e5e5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .pagination-custom span a:hover { border: 1px solid #e5e5e5; background: #e5e5e5; color: #fff; } .slick-list { padding: 0px !important; margin: 0px 50px !important; } .slick-slide.slick-center img { opacity: 1 !important; } .slick-slide img { display: inline-block !important; border-radius: 50%; opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .slick-slide img:hover { opacity: 1; } .article_title_list { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 90px; overflow: hidden; } .blog-list-item .large--one-third { margin-bottom: 20px; float: none; display: inline-block; vertical-align: top; margin-right: -4px; } .blog-list-item .large--one-third .tag-list { height: 38px; overflow: hidden; } .blog-list-item .large--one-third .blog-excerpt { height: 40px; overflow: hidden; } .template-blog a { color: #000000; } .template-blog a:hover { color: #b03333; } .blog_sidebar ul li a { color: #000000; } .blog_sidebar ul li a:hover { color: #b03333; } .banner-sidebar { display: none; position: fixed; left: 0; right: 0; top: 60px; margin: auto; z-index: 99999; max-width: 1720px; } @media (min-width: 1620px) { .banner-sidebar.show { display: block; } } .banner-sidebar .bs-left { position: absolute; left: 0px; } .banner-sidebar .bs-right { position: absolute; right: 0px; } .collection-suggestion { display: none !important; } .select-swap { width: 300px; display: flex; flex-wrap: wrap; } @media (min-width: 991px) { #header .grid { display: flex; align-items: center; } } /*-------- START ADDTHIS SHARING ----------------*/ .addThis_contact__dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: transparent; display: none; opacity: 0; visibility: hidden; transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .addThis_contact__icons { position: fixed; top: 33%; right: 18px; margin: 0; z-index: 1000; cursor: pointer; } .addThis_contact__icons .box-item { position: relative; } .addThis_contact__icons .box-item + .box-item { margin-top: 18px; } .addThis_contact__icons .box-item .svgico { position: relative; z-index: 4; display: block; height: 48px; width: 48px; text-align: center; border-radius: 50%; border: 1px solid #ffffff; cursor: pointer; background: #ed1c24; 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_contact__icons .box-item .svgico svg { fill: #ffffff; width: 28px; height: 100%; 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_contact__icons .box-item:before, .addThis_contact__icons .box-item:after { position: absolute; content: ''; height: 48px; width: 48px; left: 0; top: 0; background: #6c6c6c; border-radius: 50%; } .addThis_contact__icons .box-item:before { animation: euiBeaconPulseSmall 2s infinite ease-out; } .addThis_contact__icons .box-item:after { animation: euiBeaconPulseSmall 2s infinite ease-out 0.4s; } .addThis_contact__icons .box-item.box-contact .svgico > svg { animation: iconSkew 1s infinite ease-out; } .addThis_contact__icons .box-item.box-contact .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_contact__icons .box-item.box-contact .svgico .svgico--close svg { fill: #ffffff; width: 17px; height: 100%; } .addThis_contact__icons .box-item.box-live .svgico { background: #ff0000; } .addThis_contact__icons .box-item.box-live:before, .addThis_contact__icons .box-item.box-live:after { background: #ff0000; } .addThis_contact__icons .box-item.box-chatmsg:before, .addThis_contact__icons .box-item.box-chatmsg:after { display: none; } .addThis_contact__icons .box-item.box-chatmsg .svgico { background: #ffffff; padding: 3px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); transition: box-shadow 150ms linear; } .addThis_contact__icons .box-item.box-chatmsg .svgico svg { width: 100%; height: 100%; } .addThis_contact__lists { position: absolute; top: 13%; border-radius: 12px; right: 30px; max-width: 300px; overflow: hidden; 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); -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); transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); } .addThis_contact__lists .addThis_close { position: absolute; z-index: 10; right: 0; top: 0; border: 0; outline: none; padding: 6px; background: transparent; } .addThis_contact__lists .addThis_close svg { opacity: 0.6; width: 24px; height: 24px; display: block; margin: auto; } .addThis_contact__lists .addThis_listing { padding: 0; margin: 0; } .addThis_contact__lists .addThis_listing .addThis_item { margin: 0; padding: 0; margin: 0; } .addThis_contact__lists .addThis_listing .addThis_item--icon { padding: 10px 15px; cursor: pointer; 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_contact__lists .addThis_listing .addThis_item--icon svg { display: block; border-radius: 50%; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 32px; height: 32px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); } .addThis_contact__lists .addThis_listing .addThis_item--icon .tooltip-text { opacity: 1; visibility: visible; position: initial; width: calc(100% - 32px); padding: 0 15px; text-align: left; background: transparent; color: #1d243e; font-size: 13px; font-weight: 400; } .addThis_contact__lists .addThis_listing .addThis_item:not(:last-of-type) { border-bottom: 1px solid #ecedf1; box-shadow: 0 1px 0 0 #fff; } .addThis_contact__lists .addThis_listing .addThis_item.addThis_item__fbchat { display: block; } .addThis_contact__dialog.active { opacity: 1; visibility: visible; } .addThis_contact__dialog.active .addThis_contact__lists { -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_contact__dialog.active + .addThis_contact__icons .svgico .svgico--close { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .addThis_contact__dialog.active + .addThis_contact__icons .svgico > svg { opacity: 0; visibility: hidden; transform: scale(0.3); } .addThis_contact__dialog.active + .addThis_contact__icons .box-live { opacity: 0; visibility: hidden; } @media (min-width: 992px) { .addThis_contact__lists .addThis_listing .addThis_item--icon:hover { background: #ffffff; } .addThis_contact__lists .addThis_listing .addThis_item--icon:hover .tooltip-text { color: var(--shop-color-hover); } .addThis_contact__lists .addThis_listing .addThis_item.addThis_item__fbchat { display: none; } } @media (max-width: 991px) { .addThis_contact__dialog { background-color: rgba(0, 0, 0, 0.5); } .addThis_contact__icons { right: 35px; bottom: 100px; } .addThis_contact__icons .box-item .svgico { height: 45px; width: 45px; } .addThis_contact__icons .box-item .svgico svg { width: 24px; } .addThis_contact__icons .box-item .svgico .svgico--close svg { width: 16px; } .addThis_contact__icons .box-item:before, .addThis_contact__icons .box-item:after { height: 45px; width: 45px; } .addThis_contact__lists { left: 15px; right: 15px; bottom: 100px; max-width: 100%; } .addThis_contact__lists .addThis_listing .addThis_item.addThis_item__fbchat { display: block; } } /*-------- END ADDTHIS SHARING ----------------*/ .addThis_contact__icons .box-item { transform: scale(1.3); } .rte h2, .rte h1, .rte h3 { margin-top: 0; } .rte ul li { list-style: disc; } .rte ol li { list-style: decimal; } .grid_about_header { display: flex; align-items: center; /*justify-content: space-between;*/ justify-content: flex-end; } @media only screen and (min-width: 769px) { .grid_about_header { /*width: 24.666%; width: 8.333%; width: 10.333%;*/ width: 20%; } } .grid_about_header .header-other-services { width: auto !important; } .grid_about_header .header-other-services .hos-title { padding: 0 !important; line-height: 24px !important; height: auto !important; } .grid_about_header .header-menu2 a { height: auto !important; line-height: 24px !important; display: block !important; } .hidden { display: none !important; } header .header-navbar .header-other-services .other-services-wrapper { min-width: 200px; } header .header-navbar .header-other-services .other-services-wrapper ul li a { padding: 5px 0; } header .header-navbar .header-other-services { padding-left: 20px; } header .header-navbar .header-other-services .hos-title { border-left: 0 !important; } .succes-popup.success { color: green; margin: 5px 0; font-style: italic; } .grid_about_header .header-other-services { padding-right: 20px; } .item_art { display: flex; flex-wrap: wrap; } .item_art .img { width: 30%; } .item_art .content { width: 70%; padding-left: 10px; } /* --------------------------- MENU CATEGORY --------------------------- */ .tree-menu { padding: 0; margin: 0; } .tree-menu li.tree-menu-lv1 a { padding: 5px 5px 5px 0; color: #000; font-weight: 500; font-size: 14px; line-height: 28px; letter-spacing: 1px; } .tree-menu li.tree-menu-lv1 a .icon-control { font-size: 14px; position: relative; top: -2px; float: right; right: 5px; } .tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub { display: none; padding-left: 15px; } .tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub.show { display: block; } .tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub li.tree-menu-lv2 ul.tree-menu-sub-lv3 { padding-left: 15px; display: none; } .tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub li.tree-menu-lv2 ul.tree-menu-sub-lv3.show { display: block; } .tree-menu li.tree-menu-lv1.has-child > ul { display: none; padding-left: 15px; } .tree-menu > li > a { color: #000; font-weight: 500; font-size: 14px; line-height: 28px; letter-spacing: 1px; } #collection-review.home-review .review-item .review-img a img { max-width: 120px; } #collection-review.home-review .review-item { min-height: 140px; } @media only screen and (min-width: 992px) { .header-navbar .grid_about_header { width: 28%; } } /* --------------------------- HOME ADVISE --------------------------- */ .home-advise { margin: 60px 0 0; position: relative; overflow: hidden; background: #a40009; color: var(--home-advise-text, #253750); font-family: "Montserrat", sans-serif; } .home-advise__background { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; } .home-advise__container { position: relative; padding-top: 16px; padding-bottom: 16px; } .home-advise__content { width: 100%; max-width: 650px; max-height: calc(100vh - 32px); max-height: calc(100svh - 32px); overflow-y: auto; border-radius: 22px; } .home-advise__promo { padding: 12px 6% 16px; border-radius: 32px 32px 0 0; background: linear-gradient(125deg, #ce0615, #a80009); color: #fff; } .home-advise__anniversary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 24px; line-height: 1; font-weight: 800; } .home-advise__anniversary strong { font-size: clamp(64px, 11vh, 96px); font-style: italic; letter-spacing: 7px; background: linear-gradient(#fffef0 25%, #ffca75); -webkit-background-clip: text; background-clip: text; color: transparent; } .home-advise__anniversary span { font-size: clamp(32px, 6vh, 48px); color: #fff7dd; } .home-advise__title { margin: 0 0 8px; color: #fff; font: 800 26px/1.2 "Montserrat", sans-serif; } .home-advise__intro { max-width: 760px; margin: 0; font-size: 16px; line-height: 1.4; } .home-advise__card { padding: 20px 24px 16px; border-radius: 0 0 30px 30px; background: var(--home-advise-card-bg, #fff); } .home-advise__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; } .home-advise__field { position: relative; min-width: 0; padding: 6px 12px 6px 64px; border: 1px solid var(--home-advise-field-border, #d6dfec); border-radius: 12px; background: #fafbfc; } .home-advise__field--wide { grid-column: 1 / -1; } .home-advise__field-icon, .home-advise__benefit-icon { width: 30px; height: 34px; fill: none; stroke: var(--home-advise-primary, #df001b); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .home-advise__field-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); } .home-advise__field label { display: block; margin: 0 0 2px; color: inherit; font-size: 14px; font-weight: 500; line-height: 20px; } .home-advise__field label span { color: var(--home-advise-primary, #df001b); } .home-advise__field input, .home-advise__field select { display: block; width: 100%; min-width: 0; min-height: 24px; margin: 0; padding: 0; border: 0; border-radius: 2px; background: transparent; color: inherit; font: 500 16px/1.5 "Montserrat", sans-serif; box-shadow: none; } .home-advise__field select { padding-right: 30px; appearance: none; background: url("//cdn.hstatic.net/themes/1000209590/1001519185/14/home_advise_select_arrow.svg?v=1") right center/19px 19px no-repeat; } .home-advise__field input::placeholder, .home-advise__field select:invalid { color: #94a3b8; opacity: 1; } .home-advise__field option { color: #253750; background: #fff; } .home-advise__field:focus-within { border-color: var(--home-advise-primary, #df001b); box-shadow: 0 0 0 2px rgba(223, 0, 27, 0.12); } .home-advise__field input:focus-visible, .home-advise__field select:focus-visible, .home-advise__submit:focus-visible { outline: 2px solid var(--home-advise-primary, #df001b); outline-offset: 4px; } .home-advise__submit { display: flex; align-items: center; justify-content: center; gap: 24px; width: 100%; min-height: 46px; margin: 12px 0 0; padding: 8px 16px; border: 0; border-radius: 10px; background: linear-gradient(180deg, var(--home-advise-button-start, #e60023), var(--home-advise-button-end, #b5000c)); color: #fff; font: 800 20px/1.3 "Montserrat", sans-serif; text-transform: uppercase; cursor: pointer; transition: opacity .2s; } .home-advise__submit svg { width: 30px; height: 30px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .home-advise__submit:hover:not(:disabled) { opacity: .9; } .home-advise__submit:disabled { cursor: wait; opacity: .65; } .home-advise__status { margin: 10px 0 0; font-size: 14px; } .home-advise__status:empty { display: none; } .home-advise__status.is-success { color: #28753c; } .home-advise__status.is-error { color: #a5352d; } .home-advise__benefits { display: flex; flex-direction: column; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; } .home-advise__benefits li { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; margin: 0; font-size: 12px; line-height: 1.5; } .home-advise__benefit-icon { flex-shrink: 0; } @media (min-width: 768px) { .home-advise__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-advise__benefits { flex-direction: row; gap: 0; } .home-advise__benefits li { flex: 1; padding: 0 20px; } .home-advise__benefits li + li { border-left: 1px solid #9ca9bb; } } @media (min-width: 768px) and (max-width: 991px) { .home-advise__promo { padding-left: 36px; padding-right: 36px; } .home-advise__title { font-size: 24px; } .home-advise__field { padding-left: 68px; } .home-advise__field-icon { left: 18px; width: 32px; } .home-advise__field input, .home-advise__field select { font-size: 15px; } .home-advise__benefits li { gap: 10px; padding: 0 10px; font-size: 13px; } } @media (max-width: 767px) { .home-advise__container { padding: 12px; } .home-advise__content { max-height: calc(100vh - 24px); max-height: calc(100svh - 24px); } .home-advise__promo { padding: 10px 16px; border-radius: 22px 22px 0 0; } .home-advise__anniversary { gap: 16px; } .home-advise__anniversary strong { font-size: 56px; letter-spacing: 4px; } .home-advise__anniversary span { font-size: 30px; } .home-advise__title { font-size: 18px; margin-bottom: 4px; } .home-advise__intro { font-size: 12px; } .home-advise__card { padding: 12px; border-radius: 0 0 20px 20px; } .home-advise__fields { gap: 6px; } .home-advise__field { padding: 3px 10px 3px 44px; } .home-advise__field-icon { left: 12px; width: 24px; height: 28px; } .home-advise__field label { font-size: 12px; line-height: 18px; margin-bottom: 0; } .home-advise__field input, .home-advise__field select { font-size: 10px; } .home-advise__submit { font-size: 16px; gap: 12px; min-height: 44px; border-radius: 16px; } .home-advise__benefits { flex-direction: row; gap: 8px; } .home-advise__benefits li { flex: 1; flex-direction: column; gap: 4px; text-align: center; font-size: 10px; line-height: 1.3; } .home-advise__benefit-icon { width: 22px; height: 24px; } } @media (prefers-reduced-motion: reduce) { .home-advise__submit { transition: none; } } .template-index .home-advise { margin: 0; } /* --------------------------- END HOME ADVISE --------------------------- */