/*#e6e6e6*/ /*#fff*/ /*#c0c906*/ /*#484105*/ /*#000*/ /*#fff*/ /*#fff*/ @font-face { font-family: 'BeauLuloClean-OneBold'; src: url(https://file.hstatic.net/200000789657/file/beaululoclean-onebold_9dd908aea49c467eab6846e66db44489.otf); font-weight: normal; font-style: normal; } @font-face { font-family: 'NittiTypewriter'; src: url(https://file.hstatic.net/200000789657/file/nittitypewriter_36399e4591b54b50b83144f22a0ab5bd.otf); font-weight: normal; font-style: normal; } @media (min-width: 1200px) { .wrapper { max-width: 1050px; } } @media (max-width: 480px) { body .md-mg-left-5 { margin-left: -5px !important; } body .md-pd-left5 { padding-left: 5px !important; } body .md-pd-left0 { padding-left: 0px !important; } body .md-mg-left-10 { margin-left: -10px !important; } body .md-mg-left0 { margin-left: 0px !important; } body .md-pd-left10 { padding-left: 10px !important; } body .md-mg-left-15 { margin-left: -15px !important; } body .md-pd-left15 { padding-left: 15px !important; } } .article-item .article-img .article-date .article-month-year, .article-item .article-desc, footer .footer-bottom .ft-copyright, header #site-header .hd-info > a, header #site-header .hd-actions > a { font-size: 12px; } .product--loop .product-img .product-new, .product--loop .product-img .product-sale, #home-introduce .intro-text > p.text-desc, #home-introduce .intro-text > a, #sale-product > .wrapper > .inner .sale-btn > a, #home-products .prd-tab .tab .tablinks, #home-products .btn-viewmore-tab .btn-remore, #home-order .order-content button, .article-item .article-title > a, footer .ft-contact > div > a, footer .footer-bottom .ft-copyright a, footer .footer-bottom .ft-copyright-menu ul li > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-btn > a, #page-wrapper .page-contact-wrapper .contact-desc, #page-wrapper .page-contact-wrapper .contact-info, #page-wrapper .page-contact-wrapper .contact-map, #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, header .hd-navbar > ul > li.dropdown > ul > li > a, header .hd-navbar > ul > li.dropdown > ul > li > ul > li > a, header .hd-navbar > ul > li.megamenu > ul > li > a, .col-banner2 a, .product-page #AddToCart, .product-page #buy-now, #order-form-cart .prd-tab .tab .tablinks, #order2-form-cart .prd-tab .tab .tablinks, #productQuickView .modal-content .product-more-info, #productQuickView .modal-content .product-price-wrapper #PriceSaving, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a { font-size: 14px; } .product--loop .product-title > a, .product--loop .product-price, .product--loop .product-actions button, #home-introduce .intro-text > p.text-title, #sale-product > .wrapper > .inner .sale-date h4, footer .ft-menu > ul > li > a, #productQuickView .modal-content .product-price-wrapper del { font-size: 16px; } .title-text h2, #sale-product > .wrapper > .inner .sale-date h3, #home-article .owl-controls .owl-buttons > div, footer .ft-contact > div > i, .pagination-custom > span.current, .pagination-custom > span > a, #page-wrapper .page-contact-wrapper h4, header #site-mobile .site-nav--mobile > button, header #site-mobile .site-nav--mobile > a, header .hd-navbar > ul > li > a i, .collection-sidebar-wrapper .collection-categories button.accordion, .collection-sidebar-wrapper .collection-categories button.accordion:after, #related-products .owl-controls .owl-buttons > div, .product-page h1, .product-page .product-info #ProductPrice { font-size: 18px; } #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #days, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #hrs, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #mins, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #secs, .article-item .article-img .article-date .article-day, footer .ft-social-network > a, #page-wrapper h1, #collection-wrapper h1, #blog-wrapper h1, #blog-wrapper .related-articles .related-articles-head h3 { font-size: 24px; } #contact-page .title-contact h2, .text1-order a, .info-order p, .your-cart p a, .header-page h1, .money-count .cart__subtotal, #collection-search h1, #intro-page h2, .title-text h3, .title-text h2, .product--loop .product-title > a, .product--loop .product-price, .product--loop .product-actions button, #home-introduce .intro-text > a, #sale-product > .wrapper > .inner .sale-date h3, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #days, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #hrs, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #mins, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #secs, #sale-product > .wrapper > .inner .sale-btn > a, #home-products .prd-tab .tab .tablinks, #home-products .btn-viewmore-tab .btn-remore, #home-order .order-content button, .article-item .article-img .article-date .article-day, .article-item .article-title > a, footer h4, #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-light-text, .pagination-custom > span.current, .pagination-custom > span > a, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper h1, .collection-sidebar-wrapper .collection-categories button.accordion, .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a, .col-banner2 a, .product-page h1, .product-page .product-info #ProductPrice, .product-page #AddToCart, .product-page #buy-now, .content2 .tablinks, #blog-wrapper h1, #blog-wrapper .related-articles .related-articles-head h3, #order-form-cart .prd-tab .tab .tablinks, #order2-form-cart .prd-tab .tab .tablinks, #order-form-cart .overlay-order .info-address-order p, #order2-form-cart .overlay-order .info-address-order p, #productQuickView .modal-content h4, #productQuickView .modal-content .product-price-wrapper span.p-price { font-weight: bold !important; } #home-introduce .intro-text > p.text-desc, #page-wrapper .page-contact-wrapper .contact-desc { text-align: justify !important; } .title-text h3, .title-text h2, .product--loop .product-title > a, #home-introduce .intro-text > p.text-title, #home-introduce .intro-text > a, #sale-product > .wrapper > .inner .sale-date h3, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div, #sale-product > .wrapper > .inner .sale-btn > a, #home-products .prd-tab .tab .tablinks, #home-products .btn-viewmore-tab .btn-remore, #home-order .order-content button, footer h4, #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-light-text, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, header .hd-navbar > ul > li > a, #collection-wrapper h1, .collection-sidebar-wrapper .collection-categories button.accordion, .col-banner2 a, .product-page h1, .product-page #AddToCart, .product-page #buy-now, .content2 .tablinks, #blog-wrapper h1, #blog-wrapper .related-articles .related-articles-head h3, #order-form-cart .prd-tab .tab .tablinks, #order2-form-cart .prd-tab .tab .tablinks, #productQuickView .modal-content h4 { text-transform: uppercase !important; } .product--loop .product-img > a > img, .product--loop .product-title > a, .product--loop .product-actions button, #home-introduce .intro-text > a, .intro-img img, #sale-product > .wrapper > .inner .sale-btn > a, #home-products .prd-tab .tab .tablinks, #home-products .btn-viewmore-tab .btn-remore, #home-order .order-content button, .article-item .article-img > a > img, .article-item .article-title > a, #home-article .owl-controls .owl-buttons > div, footer .ft-contact > div > a, footer .ft-menu > ul > li > a, footer .ft-social-network > a, footer .footer-top > .wrapper #owl-home-main-banners-slider-ft .ft-img a img, footer .footer-bottom .ft-copyright a, footer .footer-bottom .ft-copyright-menu ul li > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel .owl-controls .owl-pagination .owl-page, #back-to-top, .pagination-custom > span > a, #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, header #site-header .hd-info > a, header #site-header .hd-actions > a, header #site-mobile .site-nav--mobile > button, header #site-mobile .site-nav--mobile > a, header .hd-navbar > ul > li.dropdown > ul > li > a, header .hd-navbar > ul > li.dropdown > ul > li > ul > li > a, header .hd-navbar > ul > li.megamenu > ul > li > a, header .hd-navbar > ul > li > a, .collection-sidebar-wrapper .collection-categories button.accordion, .collection-sidebar-wrapper .collection-categories button.accordion:after, .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a, .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a, .col-banner2 a, #related-products .owl-controls .owl-buttons > div, #ProductThumbs .product-single__thumbnail, .product-page #AddToCart, .product-page #buy-now, #blog-wrapper article .article-tags a, #blog-wrapper .related-articles .related-articles-body ul > li > a, #blog-wrapper .related-articles .related-articles-body ul > li > a:before, #order-form-cart .prd-tab .tab .tablinks, #order2-form-cart .prd-tab .tab .tablinks, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .hd-navbar > ul > li.dropdown > ul > li > a:after, header .hd-navbar > ul > li.dropdown > ul > li > ul > li > a:after, header .hd-navbar > ul > li.megamenu > ul > li > a:after, header .hd-navbar > ul > li > a i { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } /* ----------------------------------- */ body { position: relative; line-height: normal !important; background-color: #ffffff !important; font-size: 16px; line-height: 1.7; } h1, h2, h3, h4 { line-height: normal !important; } input, button { outline: 0px; } /*-------------------mobile--------------------*/ /*-------------------desktop--------------------*/ #CustomerLoginForm h2 { text-transform: uppercase; } #CustomerLoginForm .login_input { display: inline-block; width: 33%; text-transform: uppercase; margin-bottom: 0; margin-right: 20px; } #CustomerLoginForm .button_login button { width: 45%; background: #fff; padding: 10px; text-transform: uppercase; } #CustomerLoginForm .button_login button img { max-width: 20px; } #CustomerLoginForm .button_login button span { margin-left: 20px; font-weight: bold; } #register_form h2 { text-transform: uppercase; } #register_form .login_input { display: inline-block; width: 33%; text-transform: uppercase; margin-bottom: 0; margin-right: 20px; } #register_form .login_input1 { display: inline-block; width: 50%; text-transform: uppercase; margin-bottom: 0; margin-right: 20px; } #register_form .content_date label { display: block; } #register_form .button_login button { width: 45%; background: #fff; padding: 10px; text-transform: uppercase; } #register_form .button_login button img { max-width: 20px; } #register_form .button_login button span { margin-left: 20px; font-weight: bold; } #main-article { padding-top: 40px; background: #ffffff; } #article { background: #ffffff; padding-top: 30px; } #contact-page textarea, #contact-page input { border-radius: 10px; } #contact-page .btn { padding: 8px 45px; } .box-contact .icon-contact { background: #870505; position: relative; z-index: 1; padding: 15px 10px; text-align: center; width: 57px; height: 57px; border-radius: 4px; margin: 0 auto; } .box-contact .bg-contact { border: solid 1px #870505; width: 57px; height: 57px; transform: translate(7px, -50px); border-radius: 4px; margin: 0 auto; } .box-contact .text-contact h4 { color: #870505; } .contact-map-content { position: relative; } .address { position: absolute; max-width: 257px; z-index: 9999; top: 30px; left: 123px; border: solid 1px #fff; border-radius: 5px; background: #fff; } .address ul { display: block; padding: 10px; } .address ul li:first-child { color: #870505; font-weight: 700; } .address ul li { color: #a6a6a6; font-size: 12px; } .address ul li i { padding-right: 7px; } .btn-order-now { border: solid 1px #ddd; border-radius: 10px; background: #870505; } .btn-order-now:hover { background: #840515; } /*-----Blog----*/ #contact-page { background: #ffffff; padding-bottom: 20px; } #contact-page .title-contact { padding: 40px 0 !important; } #contact-form { padding: 40px 0; } #contact-form input, #contact-form textarea { border-radius: 10px; } #contact-form .btn { padding: 8px 50px; background: #870505; margin: 0 auto; margin-top: 15px; } #contact-form .btn:hover { background: #840515; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .cart-overlay.open { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 8888; top: 0; right: 0; bottom: 0; left: 0; } .drawer { z-index: 9999; } .text1-order { color: #484105; } .text1-order a:nth-child(1) { color: #c0c906; } .text1-order a:nth-child(2) { color: #484105; } .text2-order { color: #484105; } .info-order p { text-align: center; font-size: 14px; color: #484105; text-transform: uppercase; } .content-login, .your-cart { padding: 40px; background: #ffffff; } .your-cart { color: #870505; } .content-login h1 { color: #870505; } .content-login input { border-radius: 10px; } .your-cart .update-cart { background-color: #870505; } .your-cart h1, .your-cart th, .your-cart a, .your-cart span, .your-cart btn, .your-cart small, .your-cart em, .your-cart label { color: #870505; } .your-cart button { border-radius: 10px; } .your-cart button:hover { background-color: #840515; } article { padding-bottom: 40px; } .header-page h1 { font-size: 25px; } .content-search { background: #ffffff; } .content-search .search--text { padding: 20px 0; } .money-count { padding-top: 20px; padding-left: 70px; font-size: 20px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .money-count .green { color: #840515; } .money-count .cart__subtotal { color: #870505; } .money-count img { width: 50px; } #collection-search { padding-top: 40px; background: #ffffff; } #collection-search h1 { color: #870505; font-size: 25px; } #collection-search .icon-search { color: #000; } #collection-search .home-search-bar { padding-top: 0; } #intro-page { color: #870505; padding: 40px 0; } .action-cart .btn { margin-top: 0; } .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; } img { vertical-align: middle; } #AddToCart, #buy-now { border: solid 1px #840515; padding: 10px; border-radius: 8px; } #buy-now:hover { background: #840515; } #AddToCart:hover { background: #840515; } .title-text h3 { font-size: 32px; color: #840515; margin-bottom: 0; } .title-text h2 { color: #870505; margin: 0; } .title-text img { margin-top: 5px; margin-bottom: 50px; } .product--loop { overflow: hidden; border: 1px solid #870505; border-radius: 10px; background: #fff; } .product--loop:hover .product-img > a > img { transform: scale(1.05); } .product--loop:hover .product-title > a { color: #840515; } .product--loop .product-img { position: relative; } .product--loop .product-img > a { display: block; overflow: hidden; } .product--loop .product-img > a > img { width: 100%; transform: scale(1); } .product--loop .product-img .product-new { position: absolute; top: 5px; right: 5px; z-index: 1; padding: 10px; border-radius: 10px; background: #840515; color: #fff; } .product--loop .product-img .product-sale { position: absolute; top: 5px; left: 5px; z-index: 1; padding: 10px; border-radius: 10px; background: #840515; color: #fff; } .product--loop .product-title { padding: 10px; } .product--loop .product-title > a { display: inline-block; color: #000000; } .product--loop .product-price { display: inline-block; padding: 0px 15px; height: 40px; line-height: 40px; background: #840515; color: #fff; float: left; border-top-right-radius: 10px; position: relative; z-index: 2; } .product--loop .product-actions { display: inline-block; float: left; position: relative; z-index: 1; } .product--loop .product-actions button { height: 40px; line-height: 40px; width: 45px; padding: 0px; margin: 0px 0px 0px -7px; background: #870505; color: #fff; border: 0px; outline: 0px; border-top-right-radius: 10px; } @media (max-width: 768px) { #home-introduce .intro-text { margin-top: 50px; } } #home-introduce { padding: 50px 0px; background-color: #ffffff; } #home-introduce .intro-text > p.text-desc { color: #000000; line-height: 24px; } #home-introduce .intro-text > a { display: inline-block; padding: 10px 15px; border-radius: 10px; color: #fff; background: #870505; } #home-introduce .intro-text > a:hover { background: #840515; } .intro-img { margin-top: 20px; border: solid 1px #870505; border-radius: 12px; } .intro-img img { width: 100%; -ms-transform: translate(20px, -15px); /* IE 9 */ -webkit-transform: translate(20px, -15px); /* Safari */ transform: translate(20px, -15px); border-radius: 12px; } .intro-img img:hover { transform: translate(0) !important; } @media (max-width: 768px) { #sale-product { background-attachment: scroll !important; } #sale-product .home-sale-countdown > div #days, #sale-product .home-sale-countdown > div #hrs, #sale-product .home-sale-countdown > div #mins, #sale-product .home-sale-countdown > div #secs { height: 40px !important; line-height: 40px !important; width: 40px !important; font-size: 18px !important; } } #sale-product { padding: 50px 0px; background-image: url("//theme.hstatic.net/200000789657/1001140218/14/sale_bg1.png?v=619"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; } #sale-product .home-sale-product-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.4); } #sale-product > .wrapper > .inner { position: relative; z-index: 2; } #sale-product > .wrapper > .inner .sale-date h3 { color: #fff; margin: 0px 0px 15px 0px; } #sale-product > .wrapper > .inner .sale-date h4 { color: #fff; margin: 0px 0px 15px 0px; } #sale-product > .wrapper > .inner .sale-date .home-sale-countdown { margin-bottom: 30px; } #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div { display: inline-block; margin-right: 15px; color: #fff; } #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #days, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #hrs, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #mins, #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div #secs { background: #840515; color: #fff; height: 60px; width: 60px; line-height: 60px; margin-bottom: 5px; border-radius: 10px; } #sale-product > .wrapper > .inner .sale-date .home-sale-countdown > div:last-child { margin-right: 0px; } #sale-product > .wrapper > .inner .sale-btn > a { display: inline-block; border-radius: 10px; padding: 10px 15px; background: #870505; } #sale-product > .wrapper > .inner .sale-btn > a:hover { background: #840515; } #sale-product .title-text h2 { color: #fff; } #home-products { padding: 50px 0px; background-color: #ffffff; } #home-products .prd-tab { margin-bottom: 50px; } #home-products .prd-tab .tab .tablinks { padding: 10px 15px; border-radius: 10px; color: #fff; background: #870505; margin-right: 15px; } #home-products .prd-tab .tab .tablinks:hover, #home-products .prd-tab .tab .tablinks.active { background: #840515; } #home-products .prd-tab .tab .tablinks:last-child { margin-right: 0px; } #home-products .tabcontent .product--loop { margin-bottom: 30px; } #home-products .btn-viewmore-tab .btn-remore { display: inline-block; padding: 10px 15px; border-radius: 10px; color: #fff; background: #870505; } #home-products .btn-viewmore-tab .btn-remore:hover, #home-products .btn-viewmore-tab .btn-remore.active { background: #840515; } .tabcontent { display: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } /* Fade in tabs */ @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 768px) { #home-order { background-attachment: scroll !important; } } #home-order { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/banform.jpg?v=619"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding: 50px 0px; } #home-order .order-background .order-form { background: rgba(0, 0, 0, 0.5); padding: 15px; border-radius: 10px; } #home-order .order-title h2 { color: #fff; } #home-order .order-content label { display: block; color: #fff; margin-bottom: 5px; } #home-order .order-content input, #home-order .order-content textarea { outline: 0px; margin-bottom: 5px; } #home-order .order-content button { padding: 10px 15px; color: #fff; background: #870505; border-radius: 10px; } #home-order .order-content button:hover { background: #840515; } .article-item { border-radius: 10px; border: 1px solid #870505; background: #fff; overflow: hidden; } .article-item:hover .article-img > a > img { transform: scale(1.05); } .article-item:hover .article-title > a { color: #840515; } .article-item .article-img { position: relative; margin-bottom: 5px; } .article-item .article-img > a { display: block; overflow: hidden; } .article-item .article-img > a > img { width: 100%; transform: scale(1); aspect-ratio: 1; object-fit: cover; } .article-item .article-img .article-date { padding: 0px 5px 5px 5px; position: absolute; right: 5px; top: 5px; background: #840515; border-radius: 10px; overflow: hidden; } .article-item .article-img .article-date .article-day { color: #fff; } .article-item .article-img .article-date .article-month-year { color: #fff; } .article-item .article-title { margin-bottom: 5px; padding: 0px 10px; } .article-item .article-title > a { display: inline-block; color: #000000; } .article-item .article-overview { margin: 0px 0px 5px 0px; padding: 0px 10px; } .article-item .article-overview > div { display: inline-block; color: #840515; } .article-item .article-overview > div:first-child { margin-right: 10px; } .article-item .article-desc { padding: 0px 10px 10px 10px; text-align: justify; height: 64.4px; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } #home-article { padding: 50px 0px; background-color: #ffffff; } #home-article > .wrapper > .inner { overflow-x: hidden; } #home-article .owl-controls { margin: 0px; } #home-article .owl-controls .owl-buttons > div { height: 30px; width: 30px; line-height: 30px; color: #fff; background: #870505; margin: 0px; padding: 0px; opacity: 0.6; border-radius: 0px; position: absolute; top: calc(50% - 15px); } #home-article .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #home-article .owl-controls .owl-buttons > div.owl-next { right: 0px; } #home-article .owl-controls .owl-buttons > div:hover { opacity: 1; } @media (max-width: 480px) { footer .ft-social-network { margin-bottom: 15px; } } @media (max-width: 768px) { footer .ft-social-network { margin-bottom: 15px; } footer .footer-top .ft-contact, footer .footer-top .ft-menu { margin-bottom: 30px; } footer .footer-bottom .ft-copyright, footer .footer-bottom .ft-copyright-menu { text-align: center !important; } footer .footer-bottom .ft-copyright-menu { padding-bottom: 15px; } } footer { background: #ffffff; } footer h4 { font-size: 13px; color: #870505; padding: 0px; margin: 0px 0px 13px 0px; } footer .ft-contact > div { margin-bottom: 10px; } footer .ft-contact > div:last-child { margin: 0px; } footer .ft-contact > div > i { display: inline-block; width: 20px; } footer .ft-contact > div > a { display: inline-block; color: #000000; } footer .ft-contact > div > a:hover { color: #f8e71c; } footer .ft-menu > ul { margin: 0px; } footer .ft-menu > ul > li { margin: 0px 0px 10px 0px; } footer .ft-menu > ul > li > a { color: #000000; } footer .ft-menu > ul > li > a:hover { color: #f8e71c; padding-left: 7px; } footer .ft-subscribe-wrapper input#Email { height: 35px; border-radius: 0; max-width: 180px; font-size: 13px; -webkit-box-shadow: none; box-shadow: none; color: #000000; border: 1px solid #ced4da; } @media (min-width: 1200px) { footer .ft-subscribe-wrapper input#Email { max-width: 250px; } } footer .ft-subscribe-wrapper input#Email::-webkit-input-placeholder { color: #000000 !important; } footer .ft-subscribe-wrapper input#Email:-moz-placeholder { /* Firefox 18- */ color: #000000 !important; } footer .ft-subscribe-wrapper input#Email::-moz-placeholder { /* Firefox 19+ */ color: #000000 !important; } footer .ft-subscribe-wrapper input#Email:-ms-input-placeholder { color: #000000 !important; } footer .ft-subscribe-wrapper .input-group { display: flex; } footer .ft-subscribe-wrapper button { padding: 0 0px; background-color: #870505; border: none; color: #fff; text-transform: uppercase; width: 100px; margin-bottom: 0; line-height: 35px; font-size: 16px; border-radius: 0; } footer .ft-subscribe-wrapper button:hover { color: #f8e71c; } footer .ft-subscribe-wrapper p:not(.p-last) { margin-top: -9px; color: #232323; font-size: 14px; margin-bottom: 10px; } footer .ft-subscribe-wrapper .span-text { color: #b4b9bc; font-size: 13px; display: inline-block; margin-top: 5px; } footer .ft-social-network > a { display: inline-block; margin-right: 10px; color: #b80707; } footer .ft-social-network > a:hover { color: #f8e71c; } footer .ft-social-network > a:last-child { margin: 0px; } footer .footer-top { position: relative; color: #000000; padding: 15px 0px; } footer .footer-top > .wrapper { position: relative; z-index: 2; } footer .footer-top > .wrapper #owl-home-main-banners-slider-ft .ft-img a { display: block; overflow: hidden; border-radius: 10px; } footer .footer-top > .wrapper #owl-home-main-banners-slider-ft .ft-img a img { width: 100%; transform: scale(1); } footer .footer-top > .wrapper #owl-home-main-banners-slider-ft .ft-img a img:hover { transform: scale(1.05); } footer .footer-bottom { background: #7f0303; border-top: 1px solid #4d0202; padding: 25px 0px 20px; } footer .footer-bottom .ft-copyright { color: #ffffff; line-height: 1.7; } footer .footer-bottom .ft-copyright a { color: #ffffff; } footer .footer-bottom .ft-copyright a:hover { color: #f8e71c; } footer .footer-bottom .ft-copyright-menu ul { margin: 0px; } footer .footer-bottom .ft-copyright-menu ul li { margin: 0px; display: inline-block; } footer .footer-bottom .ft-copyright-menu ul li > span { color: #ffffff; } footer .footer-bottom .ft-copyright-menu ul li > a { display: inline-block; padding: 0 10px; color: #ffffff; } footer .footer-bottom .ft-copyright-menu ul li > a:hover { color: #f8e71c; } footer .footer-bottom .ft-copyright-menu ul li:last-child > a { padding: 0px 0px 0px 10px; } footer .footer-center { padding: 20px 0px; border-top: 1px solid #cccccc; } /*#fff*/ /*#000*/ @media (max-width: 768px) { body #home-main-slider.owl-carousel .owl-slide-video.owl-slide.owl-slide1 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img1.jpg?v=619") !important; } body #home-main-slider.owl-carousel .owl-slide-video.owl-slide.owl-slide2 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img2.jpg?v=619") !important; } body #home-main-slider.owl-carousel .owl-slide-video.owl-slide.owl-slide3 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img3.jpg?v=619") !important; } body #home-main-slider.owl-carousel .owl-slide-video.owl-slide.owl-slide4 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img4.jpg?v=619") !important; } body #home-main-slider.owl-carousel .owl-slide-video.owl-slide.owl-slide5 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img5.jpg?v=619") !important; } .owl-slide-video video { display: none !important; } #owl-slide-content-wrapper1 .slide-content .slide-light-text, #owl-slide-content-wrapper2 .slide-content .slide-light-text, #owl-slide-content-wrapper3 .slide-content .slide-light-text, #owl-slide-content-wrapper4 .slide-content .slide-light-text, #owl-slide-content-wrapper5 .slide-content .slide-light-text { font-size: 15px !important; } #owl-slide-content-wrapper1 .slide-content .slide-bold-text, #owl-slide-content-wrapper2 .slide-content .slide-bold-text, #owl-slide-content-wrapper3 .slide-content .slide-bold-text, #owl-slide-content-wrapper4 .slide-content .slide-bold-text, #owl-slide-content-wrapper5 .slide-content .slide-bold-text { font-size: 24px !important; } #owl-slide-content-wrapper1 .slide-content .slide-btn > a, #owl-slide-content-wrapper2 .slide-content .slide-btn > a, #owl-slide-content-wrapper3 .slide-content .slide-btn > a, #owl-slide-content-wrapper4 .slide-content .slide-btn > a, #owl-slide-content-wrapper5 .slide-content .slide-btn > a { font-size: 14px !important; min-width: auto !important; } #owl-slide-content-wrapper1 .slide-content .slide-btn > a:first-child, #owl-slide-content-wrapper2 .slide-content .slide-btn > a:first-child, #owl-slide-content-wrapper3 .slide-content .slide-btn > a:first-child, #owl-slide-content-wrapper4 .slide-content .slide-btn > a:first-child, #owl-slide-content-wrapper5 .slide-content .slide-btn > a:first-child { margin-right: 5px !important; } } #home-main-slider { margin-bottom: 40px; } #home-main-slider .home-main-slider-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; background: rgba(0, 0, 0, 0.2); } #home-main-slider.owl-carousel { position: relative; height: 40vh; } @media (min-width: 992px) { #home-main-slider.owl-carousel { height: 100%; } } #home-main-slider.owl-carousel div:not(.owl-controls) { height: 100%; } #home-main-slider.owl-carousel .owl-slide { background-repeat: no-repeat; background-size: contain; background-position: center; } #home-main-slider.owl-carousel .owl-slide1 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img1.jpg?v=619"); } #home-main-slider.owl-carousel .owl-slide2 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img2.jpg?v=619"); } #home-main-slider.owl-carousel .owl-slide3 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img3.jpg?v=619"); } #home-main-slider.owl-carousel .owl-slide4 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img4.jpg?v=619"); } #home-main-slider.owl-carousel .owl-slide5 { background-image: url("//theme.hstatic.net/200000789657/1001140218/14/ms_banner_img5.jpg?v=619"); } #home-main-slider.owl-carousel .owl-slide-video video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background-size: cover; background-repeat: no-repeat; } #home-main-slider.owl-carousel .owl-slide-video.owl-slide { background-image: none !important; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1, #home-main-slider.owl-carousel #owl-slide-content-wrapper2, #home-main-slider.owl-carousel #owl-slide-content-wrapper3, #home-main-slider.owl-carousel #owl-slide-content-wrapper4, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 { position: relative; z-index: 99; overflow: hidden; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item { height: 100%; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content { position: absolute; width: 100%; bottom: 0; left: 0; height: auto; background: rgba(255, 241, 208, 0.9); padding: 20px 0 15px; text-align: center; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-light-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-light-text { font-size: 17px; margin-bottom: 10px; font-family: 'BeauLuloClean-OneBold'; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-bold-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-bold-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-bold-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-bold-text, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-bold-text { font-size: 14px; margin-bottom: 15px; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-btn > a, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-btn > a { position: relative; display: inline-block; text-decoration: underline; font-style: italic; color: #870505; } #home-main-slider.owl-carousel #owl-slide-content-wrapper1 > .grid > .grid__item .slide-content .slide-btn > a.slide-btn1, #home-main-slider.owl-carousel #owl-slide-content-wrapper2 > .grid > .grid__item .slide-content .slide-btn > a.slide-btn1, #home-main-slider.owl-carousel #owl-slide-content-wrapper3 > .grid > .grid__item .slide-content .slide-btn > a.slide-btn1, #home-main-slider.owl-carousel #owl-slide-content-wrapper4 > .grid > .grid__item .slide-content .slide-btn > a.slide-btn1, #home-main-slider.owl-carousel #owl-slide-content-wrapper5 > .grid > .grid__item .slide-content .slide-btn > a.slide-btn1 { margin-right: 10px; } #home-main-slider.owl-carousel .owl-controls { margin: 0; position: absolute; left: 0px; right: 0px; bottom: 5px; z-index: 9; display: inline-block; } #home-main-slider.owl-carousel .owl-controls .owl-pagination .owl-page { border: 1px solid transparent; margin-right: 5px; } #home-main-slider.owl-carousel .owl-controls .owl-pagination .owl-page.active { border: 1px solid #ffffff; border-radius: 50%; } #home-main-slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span { background: #ffffff; } #home-main-slider.owl-carousel .owl-controls .owl-pagination .owl-page span { background: #ffffff; border: 2px solid #ffffff; opacity: 1; margin: 5px !important; } #back-to-top { display: none; border-radius: 5px; height: 40px; line-height: 40px; width: 40px; color: #fff; background: #870505; font-size: 36px; position: fixed; bottom: 55px; right: 15px; opacity: 0.8; cursor: pointer; z-index: 999; } #back-to-top:hover { opacity: 1; background: #840515; } .pagination-custom > span { display: inline-block; height: 40px; width: 40px; line-height: 40px; margin: 5px; } .pagination-custom > span.current { padding: 0px !important; color: #fff; background: #870505; border-radius: 10px; } .pagination-custom > span > a { padding: 0px; display: inline-block; text-align: center; height: 40px; line-height: 40px; width: 40px; padding: 0px; color: #000000; background: #fff; border-radius: 10px; } .pagination-custom > span > a:hover { color: #fff; background: #870505; } #pagination-page { clear: left; margin: 0px; } .pagination { clear: left; margin: 0px; } #page-wrapper { padding: 50px 0px; } #page-wrapper input, #page-wrapper button, #page-wrapper textarea { outline: 0px; } #page-wrapper h1 { color: #000000; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #870505; } #page-wrapper .page-contact-wrapper { margin-bottom: 50px; } #page-wrapper .page-contact-wrapper .contact-desc { margin-bottom: 15px; } #page-wrapper .page-contact-wrapper h4 { color: #000000; padding: 0px; margin: 0px 0px 5px 0px; } #page-wrapper .page-contact-wrapper .contact-info, #page-wrapper .page-contact-wrapper .contact-map, #page-wrapper .page-contact-wrapper .contact-info { margin-bottom: 15px; } #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #page-wrapper .page-contact-wrapper .contact-info a { color: #000000; } #page-wrapper .page-contact-wrapper .contact-info a:hover, #page-wrapper .page-contact-wrapper .contact-map a:hover, #page-wrapper .page-contact-wrapper .contact-info a:hover { color: #870505; } .search-item .product--loop { margin-bottom: 30px; } @media (max-width: 768px) { #breadcrumb-wrapper.breadcrumb-w-img { background-attachment: scroll !important; } } #breadcrumb-wrapper.breadcrumb-w-img { height: 300px; padding: 50px 0; background: url("//theme.hstatic.net/200000789657/1001140218/14/breadcrumb_bg.png?v=619"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; width: 100%; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 32px; color: #fff; padding: 0px; margin: 0px 0px 15px 0px; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:after { content: ''; display: block; border-bottom: 1px solid #fff; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; z-index: 9; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #fff; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover:after { width: 100%; } header { position: relative; } header #site-header { background: rgba(135, 5, 5, 0.9); } header #site-header #topheader { margin: 20px 0px 10px 0px; } header #site-header .hd-info > a, header #site-header .hd-actions > a { display: inline-block; color: #ffffff; } header #site-header .hd-info > a:hover, header #site-header .hd-actions > a:hover { color: #ede11f; } header #site-header .hd-info > span, header #site-header .hd-actions > span { display: inline-block; color: #ffffff; padding: 0px 5px; } header #site-header .hd-searchbar { margin-top: 15px; } header #site-mobile { padding: 5px 0px; background: #870505; } header #site-mobile .hd-logo img { max-height: 70px; } header #site-mobile .site-nav--mobile > button, header #site-mobile .site-nav--mobile > a { display: inline-block; height: 40px; width: 40px; line-height: 40px; margin: 15px 0px 0px 0px; padding: 0px; color: #000000; border: 1px solid #000000; text-align: center; } header .site-header__wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } header .site-header__wrap .hd-logo { margin: 0px 10px; } @media (min-width: 1300px) { header .site-header__wrap .hd-logo { margin: 0px auto; } } header .site-header__wrap .hd-logo img { max-width: 160px; } header .site-header__wrap .hd-logo > a { display: inline-block; } header .site-header__wrap .hd-logo h1 { font-size: 0px !important; padding: 0px; margin: 0px; line-height: 130px; } header .site-header__wrap .hd-logo h1 > a { display: inline-block; } header .hd-navbar > ul { margin: 0; } header .hd-navbar > ul > li { padding: 40px 15px; display: inline-block; } header .hd-navbar > ul > li:not(:last-child) { margin: 0px 8px 0px 0px; } header .hd-navbar > ul > li:last-child > a { margin-right: 0 !important; } header .hd-navbar > ul > li.dropdown { position: relative; } header .hd-navbar > ul > li.dropdown:hover > ul { display: block; } header .hd-navbar > ul > li.dropdown > ul { display: none; border-radius: 3px; z-index: 100; padding: 5px; min-width: 250px; top: 100%; left: 0; position: absolute; background: #ffffff; margin: 0px; line-height: normal; text-align: left; } header .hd-navbar > ul > li.dropdown > ul:after { content: ''; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #ffffff; border-right: 8px solid transparent; position: absolute; top: -16px; left: 0; right: -75%; margin: auto; width: 10px; display: block !important; } header .hd-navbar > ul > li.dropdown > ul > li { margin: 0px; width: 100%; padding: 5px 10px; position: relative; } header .hd-navbar > ul > li.dropdown > ul > li:hover > ul { display: block; } header .hd-navbar > ul > li.dropdown > ul > li > a { display: inline-block; color: #000000; position: relative; } header .hd-navbar > ul > li.dropdown > ul > li > a > i { display: inline-block; margin-left: 5px; } header .hd-navbar > ul > li.dropdown > ul > li > a:hover:after { width: 100%; } header .hd-navbar > ul > li.dropdown > ul > li > a:after { content: ''; width: 0; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #000000; } header .hd-navbar > ul > li.dropdown > ul > li > ul { display: none; border-radius: 3px; z-index: 100; padding: 5px; min-width: 250px; top: 0%; left: calc(100% + 13px); position: absolute; background: #ffffff; margin: 0px; line-height: normal; text-align: left; } header .hd-navbar > ul > li.dropdown > ul > li > ul:after { content: ''; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #ffffff; border-right: 8px solid transparent; position: absolute; top: 13px; left: -16px; margin: auto; width: 10px; display: block !important; transform: rotate(-90deg); } header .hd-navbar > ul > li.dropdown > ul > li > ul > li { margin: 0px; width: 100%; padding: 5px 10px; } header .hd-navbar > ul > li.dropdown > ul > li > ul > li > a { display: inline-block; color: #000000; position: relative; } header .hd-navbar > ul > li.dropdown > ul > li > ul > li > a:hover:after { width: 100%; } header .hd-navbar > ul > li.dropdown > ul > li > ul > li > a:after { content: ''; width: 0; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #000000; } header .hd-navbar > ul > li.megamenu { position: relative; } header .hd-navbar > ul > li.megamenu:hover > a > i { transform: rotate(180deg); } header .hd-navbar > ul > li.megamenu:hover > ul { display: inline-block !important; } header .hd-navbar > ul > li.megamenu > ul { display: none; border-radius: 3px; z-index: 100; padding: 5px; min-width: 450px; top: 100%; right: 0; left: auto; position: absolute; background: #ffffff; margin: 0px; line-height: normal; text-align: left; } header .hd-navbar > ul > li.megamenu > ul:after { content: ''; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #ffffff; border-right: 8px solid transparent; position: absolute; top: -16px; left: 0; right: -75%; margin: auto; width: 10px; display: block !important; } header .hd-navbar > ul > li.megamenu > ul > li { margin: 0px; width: 50%; float: left; padding: 5px 10px; } header .hd-navbar > ul > li.megamenu > ul > li:nth-child(2n+1) { clear: left; } header .hd-navbar > ul > li.megamenu > ul > li > a { display: inline-block; color: #000000; position: relative; } header .hd-navbar > ul > li.megamenu > ul > li > a:hover:after { width: 100%; } header .hd-navbar > ul > li.megamenu > ul > li > a:after { content: ''; width: 0; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #000000; } header .hd-navbar > ul > li:first-child > a { margin-left: 0px; padding-left: 0; } header .hd-navbar > ul > li > a { display: inline-block; font-size: 18px; color: #ffffff; position: relative; line-height: 1.7; } header .hd-navbar > ul > li > a:after { content: ''; position: absolute; bottom: 3px; width: 0; background: #ede11f; height: 1px; left: 0; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } header .hd-navbar > ul > li > a i { display: inline-block; margin-left: 5px; transform: translateY(1px); } header .hd-navbar > ul > li > a:hover { color: #ede11f; } header .hd-navbar > ul > li > a:hover:after { background: #ede11f; width: 100%; } @media (max-width: 480px) { .col-banner1 .col-banner1-content .img-product1 { position: relative !important; text-align: center; top: 0 !important; left: 0 !important; } .col-banner1 .col-banner1-content .text-product1 { padding: 30px 15px !important; } } @media (max-width: 768px) { .col-banner2 .img-product2 { margin-top: 50px !important; } #collection-wrapper { padding: 50px 0px !important; } } #collection-wrapper { padding: 50px 0px 100px 0px; } #collection-wrapper h1 { margin: 0px 0px 50px 0px; } #collection-wrapper .product--loop { margin-bottom: 30px; } .collection-sidebar-wrapper .collection-categories { background: #fff; border: 1px solid #870505; margin-bottom: 30px; border-radius: 10px; overflow: hidden; } .collection-sidebar-wrapper .collection-categories button.accordion { background-color: #870505; color: #fff; cursor: pointer; padding: 15px; width: 100%; border: none; border-bottom: 1px solid #870505 !important; text-align: left; outline: none; position: relative; display: block; } .collection-sidebar-wrapper .collection-categories button.accordion:after { content: '\f067'; font-family: FontAwesome; color: #fff; position: absolute; top: calc(50% - 9px); right: 10px; } .collection-sidebar-wrapper .collection-categories button.accordion.active:after { content: "\f068"; } .collection-sidebar-wrapper .collection-categories div.panel { padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .collection-sidebar-wrapper .collection-categories div.panel > ul { margin: 0px; padding: 15px 0px; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li { margin-bottom: 5px; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li:last-child { margin: 0px !important; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a { display: inline-block; position: relative; color: #000000; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a:after { content: ''; display: block; border-bottom: 1px solid #870505; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a:hover { color: #870505; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a:hover:after { width: 100%; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul { margin: 0px; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li { margin: 3px 0px; padding-left: 15px; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a { display: inline-block; position: relative; color: #000000; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a:after { content: ''; display: block; border-bottom: 1px solid #870505; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a:hover { color: #870505; } .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a:hover:after { width: 100%; } .col-banner1 { margin-bottom: 50px; } .col-banner1 .col-banner1-content { position: relative; } .col-banner1 .col-banner1-content .img-product1 { position: absolute; top: -20px; left: -130px; z-index: 1; width: 180px; } .col-banner1 .col-banner1-content .text-product1 { padding: 30px 15px 30px 150px; background: #870505; border-radius: 10px; color: #fff; line-height: 24px; position: relative; } .col-banner1 .col-banner1-content .text-product1:after { content: ''; position: absolute; z-index: -1; right: -15px; bottom: -15px; border: 1px solid #870505; height: 100%; width: 100%; border-radius: 10px; } .col-banner2 { padding: 50px 0px; background: url("//theme.hstatic.net/200000789657/1001140218/14/col_banner2_bg.png?v=619"); background-repeat: no-repeat; background-size: cover; background-position: center; } .col-banner2 a { display: inline-block; padding: 10px 15px; color: #fff; background: #870505; border: 0px; border-radius: 10px; } .col-banner2 a:hover { background: #840515; } .col-banner2 .img-product2 { margin-top: -120px; } #related-products { margin-bottom: 100px; } #related-products .owl-controls { margin: 0px; } #related-products .owl-controls .owl-buttons > div { height: 30px; width: 30px; line-height: 30px; color: #fff; background: #870505; margin: 0px; padding: 0px; opacity: 0.6; border-radius: 0px; position: absolute; top: calc(50% - 15px); } #related-products .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #related-products .owl-controls .owl-buttons > div.owl-next { right: 0px; } #related-products .owl-controls .owl-buttons > div:hover { opacity: 1; } .product-main-content { background: #fff; padding-bottom: 65px; color: #870505; } .product-detail .haravan-product-reviews-badge { padding-bottom: 10px; font-size: 10px; } .product-detail .haravan-product-reviews-badge p { display: none; } #ProductPhoto a { border: solid 1px #ddd; border-radius: 10px; background: #fff; } #ProductPhoto a img { border-radius: 22px; padding: 13px; width: 100%; } .product-single__photos { position: relative; } .product-single__photos .owl-prev { position: absolute; top: 40%; left: -6px; padding: 3px 11px !important; border-radius: 10px !important; border: solid 2px #acacac !important; background: rgba(255, 255, 255, 0.8) !important; } .product-single__photos .owl-prev .fa-angle-left { font-size: 26px !important; color: #484105 !important; } .product-single__photos .owl-next { position: absolute; top: 40%; right: -6px; padding: 3px 11px !important; border-radius: 10px !important; border: solid 2px #acacac !important; background: rgba(255, 255, 255, 0.8) !important; } .product-single__photos .owl-next .fa-angle-right { font-size: 26px !important; color: #484105 !important; } #ProductThumbs .product-single__thumbnail { border: solid 2px #870505; border-radius: 6px; background: #fff; } #ProductThumbs .product-single__thumbnail img { padding: 5px; width: 100%; border-radius: 10px; } #ProductThumbs .product-single__thumbnail:hover { border: solid 2px #870505; border-radius: 6px; background: #fff; } .product-main-content1 { background: #ffffff; padding: 50px 0px; } .product-page h1 { color: #870505; margin: 0; } .product-page .product-more-info { margin: 0 0 2px 0; } .product-page .product-info #ProductPrice { color: #870505; } .product-page #AddToCart { background: #870505; color: #fff; padding: 10px 15px; border-radius: 10px; } .product-page #AddToCart:hover { background: #840515; } .product-page #buy-now { background: #840515; color: #fff; padding: 10px 15px; border-radius: 10px; } .product-page #buy-now:hover { background: #840515; } .product-page .qty-addcart { line-height: 2; display: inline-flex; padding-top: 15px; } .product-page .qty-addcart .quantity-selector { padding-right: 10px; } .product-page .qty-addcart .js-qty .js-qty__num { border-radius: 10px; } .product-page .product--page-content { padding: 28px 23px; background: #fff; border-radius: 10px; border: solid 1px #ddd; } .content2 .tablinks { color: #000000; padding: 10px 35px; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; } .content2 .tablinks.active { background: #870505; color: #840515; } .content2 .tab { padding-left: 30px; } .content2 .tab .tablinks:nth-child(1) { position: relative; z-index: 999; display: inline-block; } .content2 .tab .tablinks:nth-child(2) { position: relative; margin-left: -18px; z-index: 99; } .content2 .tab .tablinks:nth-child(3) { position: relative; margin-left: -18px; } .content2 .content-product-tab { margin: 0; background: #fff; padding: 15px; border-radius: 10px; border: solid 1px #870505; } .select-swap label { border-radius: 10px; } .select-swap label img:last-child { border-bottom-right-radius: 10px; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .fb_iframe_widget iframe { max-width: 1000px; z-index: 9; } .fb-comments, .fb-comments > span, .fb-comments span iframe { width: 100% !important; } #blog-wrapper { padding: 50px 0px; } #blog-wrapper h1 { margin: 0px 0px 50px 0px; } #blog-wrapper .article-item { margin-bottom: 30px; } #blog-wrapper article { padding: 30px 15px; background: #fff; border-radius: 10px; overflow: hidden; } #blog-wrapper article .article-head { margin-bottom: 30px; } #blog-wrapper article .article-tldr { padding: 15px 15px 0px 15px; margin-bottom: 30px; background: #e1e1e1; } #blog-wrapper article .article-tags a { display: inline-block; padding: 5px; margin: 3px 3px 3px 0px; border: 1px dashed #000000; color: #000000; } #blog-wrapper article .article-tags a:hover { border-color: #870505; color: #870505; } #blog-wrapper article .article-date-comment > div { display: inline-block; margin-right: 15px; } #blog-wrapper .social-network-actions-outside { padding: 15px 0px 15px 15px; } #blog-wrapper #section-fbcomment { margin-bottom: 30px; } #blog-wrapper .related-articles { margin-bottom: 30px; } #blog-wrapper .related-articles .related-articles-head { position: relative; width: 100%; text-align: left; display: block; } #blog-wrapper .related-articles .related-articles-head h3 { padding: 0px; margin: 0px 0px 5px 0px; color: #000000; } #blog-wrapper .related-articles .related-articles-body ul { margin: 0px; } #blog-wrapper .related-articles .related-articles-body ul > li { display: block; } #blog-wrapper .related-articles .related-articles-body ul > li > a { position: relative; display: inline-block; padding-left: 15px; color: #000000; } #blog-wrapper .related-articles .related-articles-body ul > li > a:after { content: ''; display: block; border-bottom: 1px solid #870505; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } #blog-wrapper .related-articles .related-articles-body ul > li > a:hover { color: #870505; } #blog-wrapper .related-articles .related-articles-body ul > li > a:hover:after { width: 100%; } #blog-wrapper .related-articles .related-articles-body ul > li > a:hover:before { color: #870505; } #blog-wrapper .related-articles .related-articles-body ul > li > a:before { content: '\f111'; font-family: FontAwesome; position: absolute; top: calc(50% - 3px); left: 0; font-size: 6px; color: #000000; } #order-form-cart .overlay-order { padding: 40px 0; } #order2-form-cart .tabcontent { padding: 0px 20px 40px 20px; } #order2-form-cart .order-product { background: #fff; border-radius: 10px; overflow: hidden; } #order-form-cart, #order2-form-cart { background-image: url("bg_order.png"); } #order-form-cart .prd-tab, #order2-form-cart .prd-tab { margin-top: 50px; margin-bottom: 50px; } #order-form-cart .prd-tab .tab .tablinks, #order2-form-cart .prd-tab .tab .tablinks { padding: 10px 15px; border-radius: 10px; color: #fff; background: #870505; margin-right: 15px; } #order-form-cart .prd-tab .tab .tablinks:hover, #order-form-cart .prd-tab .tab .tablinks.active, #order2-form-cart .prd-tab .tab .tablinks:hover, #order2-form-cart .prd-tab .tab .tablinks.active { background: #840515; } #order-form-cart .prd-tab .tab .tablinks:last-child, #order2-form-cart .prd-tab .tab .tablinks:last-child { margin-right: 0px; } #order-form-cart .tabcontent .product--loop, #order2-form-cart .tabcontent .product--loop { margin-bottom: 30px; } #order-form-cart .overlay-order, #order2-form-cart .overlay-order { background: rgba(248, 242, 232, 0.5); padding: 50px 0px; } #order-form-cart .overlay-order .info-address-order p, #order2-form-cart .overlay-order .info-address-order p { padding-top: 40px; font-size: 18px; color: #870505; text-align: center; } .your-collection { border-radius: 10px; overflow: hidden; background: #ffffff; } .your-collection .cart__row { margin-top: 0; } .your-collection .your-cart { padding: 20px 5px; } .your-collection .your-cart tr { padding: 5px; } .your-collection .your-cart tr td { padding: 5px; } .your-collection .your-cart tr td a { font-size: 12px !important; } .your-collection .your-cart tr td span { font-size: 12px !important; } .your-collection .your-cart tr td .h3 { text-align: left; } .your-collection .your-cart tr td input { width: 55px; height: 25px; } .your-collection .your-cart .subtotal-cart { padding-bottom: 20px; } .your-collection .your-cart .subtotal-cart p { padding: 10px !important; margin: 0; } .your-collection .your-cart .subtotal-cart .cart__subtotal { font-size: 20px; } .your-collection .your-cart .subtotal-cart .btn { margin: 0; } .your-collection .your-cart .subtotal-cart button { border-radius: 10px; } .your-collection .your-cart p a { color: #870505 !important; } .your-collection thead.cart__row.cart__header-labels tr th { font-size: 10px; } .your-collection .cart__image { width: 65px; } .your-collection .cart__image img { max-width: 100%; } #productQuickView .modal-content { position: relative; } #productQuickView .modal-content form .form-input.hidden { margin-bottom: 15px; } #productQuickView .modal-content form .form-input.hidden > label { margin: 0; font-weight: bold; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } #productQuickView .modal-content .close { position: absolute; top: -15px; right: -15px; color: #fff; font-size: 18px; font-weight: bold; display: block; height: 30px; width: 30px; background-color: #870505; text-align: center; z-index: 9999; border-radius: 50%; line-height: 30px; } #productQuickView .modal-content .close:focus, #productQuickView .modal-content .close:hover { color: #fff; text-decoration: none; cursor: pointer; } #productQuickView .modal-content h4 { font-size: 22px; color: #000000; margin: 0 0 5px; } #productQuickView .modal-content .product-more-info { display: block; color: #000000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #870505; } #productQuickView .modal-content .product-price-wrapper { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #870505; } #productQuickView .modal-content .product-price-wrapper span { display: inline-block; } #productQuickView .modal-content .product-price-wrapper span.p-price { font-size: 20px; color: #870505; margin-right: 15px; } #productQuickView .modal-content .product-price-wrapper del { color: #bebebe; margin-top: 3px; } #productQuickView .modal-content .product-price-wrapper #PriceSaving { margin-top: 5px; } #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout { outline: 0px; background: #870505; color: #fff; margin-bottom: 5px; } #productQuickView #AddToCardQuickView:hover, #productQuickView .btn-soldout:hover { background: #6e0404; } #productQuickView .qv-readmore a { color: #870505; } #productQuickView .qv-readmore a:hover { color: #6e0404; } #productQuickView #p-sliderproduct { margin-left: -15px; } #productQuickView #p-sliderproduct .owl-controls { margin: 0px; } #productQuickView #p-sliderproduct .owl-item > li { display: block; padding-left: 15px; } #productQuickView #p-sliderproduct .owl-item > li a { display: block; } #productQuickView #p-sliderproduct .owl-item > li a img { width: 100%; } #productQuickView #p-sliderproduct .owl-pagination { display: none; } #productQuickView .image-zoom > img { margin-bottom: 15px; } .siteBanner { position: relative; margin-bottom: 30px; } .siteBanner img { width: auto; margin: auto; display: block; } .siteBanner__infor { line-height: 1.7; display: inline-block; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; padding: 6px 0; min-width: 60%; background: rgba(255, 241, 208, 0.9); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .siteBanner__title { text-transform: uppercase; font-size: 20px; color: #555555; position: relative; display: block; font-family: 'BeauLuloClean-OneBold'; padding: 0px 10px; } .siteBanner p { line-height: 1.7; } .siteBanner.style2 .siteBanner__infor { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; position: static; margin-top: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 241, 208, 0.9); padding: 0 15px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); min-width: unset; } @media (min-width: 1200px) { .siteBanner.style2 .siteBanner__infor { position: absolute; left: 0; width: calc(50% - 15px); top: 0; height: 100%; margin: 0; } } @media (max-width: 1199px) { .siteBanner.style2 .siteBanner__infor { padding: 20px 15px; } } .siteBanner.style2 .siteBanner__infor .siteBanner__title { margin-bottom: 20px; } .siteBanner.style2 .siteBanner__infor .siteBanner__title:after { content: ''; position: absolute; left: 50%; bottom: -5px; width: 70px; height: 4px; background: #555555; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1200px) { .siteBanner.style2:hover .siteBanner__infor { left: calc(100% - 50% + 15px); right: 0; } } .siteBanner.style3 .siteBanner__infor { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 241, 208, 0.9); position: static; margin-top: 30px; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0); transform: translate(0, 0); min-width: 100%; padding: 23px 15px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media (min-width: 1200px) { .siteBanner.style3 .siteBanner__infor { margin: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 50%; } } @media (max-width: 1199px) { .siteBanner.style3 .siteBanner__infor { padding: 20px 15px; } } .siteBanner.style3 .siteBanner__infor .siteBanner__title { margin-bottom: 20px; } .siteBanner.style3 .siteBanner__infor .siteBanner__title:after { content: ''; position: absolute; left: 50%; bottom: -5px; width: 70px; height: 4px; background: #555555; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .siteBanner.style3 .siteBanner__title { margin-bottom: 20px; } .siteBanner.style3 .siteBanner__title:after { content: ''; position: absolute; left: 50%; bottom: -5px; width: 70px; height: 4px; background: #555555; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section_ourStory .siteBanner__infor { min-width: 350px; } .section_ourStory .siteBanner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 241, 208, 0.9); -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 1; } .section_ourStory .siteBanner:hover:after { opacity: 0; } .map_list .item { margin-bottom: 10px; padding: 10px 15px; border: solid 1px #ccc; cursor: pointer; } .map_list .item.active { border-color: #000; } .page_map iframe { width: 100%; } h1, h2, h3, h4, h5, h6 { font-family: 'BeauLuloClean-OneBold'; } .google-translate { padding: 0 15px; } #google_translate_element .goog-logo-link, #google_translate_element_mobile .goog-logo-link { display: none !important; } #google_translate_element .skiptranslate, #google_translate_element_mobile .skiptranslate { font-size: 0 !important; } .skiptranslate iframe { display: none !important; } #google_translate_element .goog-te-combo, #google_translate_element .skiptranslate, #google_translate_element div, #google_translate_element_mobile .goog-te-combo, #google_translate_element_mobile .skiptranslate, #google_translate_element_mobile div { height: 30px !important; margin-top: 0px !important; width: 30px !important; outline: none; cursor: pointer; z-index: 99999; } #google_translate_element, #google_translate_element_mobile { /*position: absolute !important; left: 0; top: 3px;*/ z-index: 99999; display: none; } #google_translate_element select, #google_translate_element_mobile select { color: transparent !important; border: none !important; background: transparent !important; } #google_translate_element select option, #google_translate_element_mobile select option { color: #000000 !important; } .flex_header_mb { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; } .flex_header_mb .google-translate { margin: 20px 0 0; padding-left: 0; } .logo-footer { margin: 20px 0 0; }