/* ------------ declaring color variables ------------ */ /*#e6e6e6*/ /*#000*/ /*#fff*/ /*#000*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#666*/ /*#666*/ /*#fff*/ /*#000*/ /*#fafafa*/ /*#fafafa*/ /*333*/ .product-item .product-img .discount-tag, .product-item .product-img .product-actions > div > button.btnBuyNow, .product-item .product-title > a, .product-item .product-price > span, .popup .popup-content form input, .popup .popup-content form button, #seen-products .seen-item .product-img .discount-tag, #seen-products .seen-item .product-title > a, #seen-products .seen-item .product-price > span, #home-blog .a-related-blog .article-title a, #home-countdown .parallax .parallax-text a, #home-policy .policy-item .inner > a > div.policy-title, #home-featured-products .tab button.tablinks, #home-featured-products .tabcontent .btnViewMore, #header .header-top .header-support p, #header .header-top .search-form-wrapper form select, #header .header-top .search-form-wrapper form input, #header .header-top .toolbar-link > li a, #contact-info p, #contact-info .contact-form input, #contact-info .contact-form textarea, #blog-main-content .blog-sidebar .blog-types li a, #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-title a, #blog-main-content .article-all-tags ul li > a, #blog-main-content #related-articles .a-related-blog .article-title a, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-title, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-price, #productQuickView .modal-content .product-more-info, #productQuickView .modal-content .product-price-wrapper #PriceSaving, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a, .search-form-wrapper1 form select, .search-form-wrapper1 form input { font-size: 14px; } .popup .popup-content .form-desc, #home-collection .hcol-banner .collection-name > a, #blog-main-content .article-loop-item .article-loop-title > a, #productQuickView .modal-content .product-price-wrapper del { font-size: 16px; } #shopmap-page .your-address, #shopmap-page .list-shop h2, .product-item .product-img .product-actions > div > button.btnQuickView, .product-item .product-img .product-actions > div > button.btnAddToCart, .popup .popup-content .popup-title, .popup .popup-content .popup-social-network, footer .footer-content h3, footer .footer-content .footer-social a, #home-collection .hcol-banner .collection-name > p, #contact-info .contact-title, .pagination-custom > span.current, .pagination-custom > span > a, #blog-main-content .blog-sidebar h3, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper button.accordion { font-size: 18px; } #page-wrapper h1, #seen-products .home-section-head h2, #seen-products .owl-controls .owl-buttons > div, #related-products .home-section-head h2, #related-products .owl-controls .owl-buttons > div, #home-blog .home-section-head h2, #home-blog .owl-controls .owl-buttons > div, #home-collection .home-section-head h2, #home-collection .owl-controls .owl-buttons > div, #home-featured-products .home-section-head h2, #blog-main-content .a-blog-detail .article-head h1, #blog-main-content #related-articles .home-section-head h2, #blog-main-content #related-articles .owl-controls .owl-buttons > div, #collection-wrapper h1 { font-size: 24px; } #page-wrapper h1, #shopmap-page .your-address, #shopmap-page .list-shop h2, .product-item .product-img .product-actions > div > button.btnBuyNow, .product-item .product-title > a, .product-item .product-price > span, .popup .popup-content .popup-title, .popup .popup-content form button, #seen-products .home-section-head h2, #seen-products .seen-item .product-title > a, #seen-products .seen-item .product-price > span, #related-products .home-section-head h2, footer .footer-content h3, #home-blog .home-section-head h2, #home-blog .a-related-blog .article-title a, #home-countdown .parallax .parallax-text a, #home-countdown .parallax .parallax-text p.parallax-title, #home-collection .home-section-head h2, #home-collection .hcol-banner .collection-name > a, #home-policy .policy-item .inner > a > div.policy-title, #home-featured-products .home-section-head h2, #home-featured-products .tab button.tablinks, #home-featured-products .tabcontent .btnViewMore, #header #navbar .site-nav li a, #contact-info .contact-title, .pagination-custom > span.current, .pagination-custom > span > a, #blog-main-content .article-loop-item .article-loop-title > a, #blog-main-content .blog-sidebar h3, #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-title a, #blog-main-content .a-blog-detail .article-head h1, #blog-main-content #related-articles .home-section-head h2, #blog-main-content #related-articles .a-related-blog .article-title a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper h1, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper button.accordion, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-title, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-price, #productQuickView .modal-content h4, #productQuickView .modal-content .product-price-wrapper span.p-price, .swatch .header { font-weight: bold !important; } #home-blog .a-related-blog .article-desc, #blog-main-content #related-articles .a-related-blog .article-desc { text-align: justify !important; } #page-wrapper h1, #shopmap-page .your-address, #shopmap-page .list-shop h2, .product-item .product-img .product-actions > div > button.btnBuyNow, .popup .popup-content .popup-title, #seen-products .home-section-head h2, #related-products .home-section-head h2, footer .footer-content h3, #home-blog .home-section-head h2, #home-countdown .parallax .parallax-text a, #home-countdown .parallax .parallax-text p.parallax-title, #home-collection .home-section-head h2, #home-collection .hcol-banner .collection-name > a, #home-featured-products .home-section-head h2, #home-featured-products .tab button.tablinks, #home-featured-products .tabcontent .btnViewMore, #contact-info .contact-title, #blog-main-content .article-loop-item .article-loop-title > a, #blog-main-content .blog-sidebar h3, #blog-main-content .a-blog-detail .article-head h1, #blog-main-content #related-articles .home-section-head h2, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper h1, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper button.accordion { text-transform: uppercase !important; } #page-wrapper .pcontact-shop-item a, .product-item .product-img > a img, .product-item .product-title > a, #seen-products .seen-item .product-img > a img, #seen-products .seen-item .product-title > a, #seen-products .owl-controls .owl-buttons > div, #related-products .owl-controls .owl-buttons > div, footer .footer-content .footer-nav li a, footer .footer-content .footer-contact > div a, footer .footer-content .footer-social a, footer #copyright p a, #home-blog .owl-controls .owl-buttons > div, #home-blog .a-related-blog .article-img a img, #home-countdown .parallax .parallax-text a, #home-collection .owl-controls .owl-buttons > div, #home-collection .hcol-banner > a img, #home-banner a img, #home-policy .policy-item .inner, #back-to-top, #home-featured-products .tab button.tablinks, #home-featured-products .tabcontent .btnViewMore, #header .header-top .header-support p a, #header .header-top .search-form-wrapper form button, #header .header-top .toolbar-link > li, #header .header-top .toolbar-link > li a, #header #navbar .site-nav li a, .pagination-custom > span > a, #blog-main-content .article-loop-item .article-loop-img > a img, #blog-main-content .article-loop-item .article-loop-title > a, #blog-main-content .article-loop-item .article-loop-tag > a, #blog-main-content .article-loop-item .article-loop-viewmore > a, #blog-main-content .blog-sidebar .blog-types li a, #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-img a img, #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-title a, #blog-main-content .blog-sidebar .bs-banner img, #blog-main-content .article-all-tags ul li > a, #blog-main-content #related-articles .owl-controls .owl-buttons > div, #blog-main-content #related-articles .a-related-blog .article-img a img, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a, .search-form-wrapper1 form button { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #page-wrapper .pcontact-shop-item .pcontact-shop-img img, .product-item .product-img .product-actions > div > button, #home-collection .hcol-banner .collection-name { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .clear-left { clear: left; } body { margin: 0; } body { position: relative; line-height: normal !important; } body button, body h1, body h2, body h3 { line-height: normal; font-weight: normal; } img { vertical-align: middle; } .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; } .float-right { float: right !important; } 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; } #page-wrapper, #product-wrapper, #collection-wrapper { padding: 30px 0px; } #page-wrapper .pcontact-shop-item { margin-bottom: 30px; } #page-wrapper .pcontact-shop-item .pcontact-shop-img { overflow: hidden; margin-bottom: 5px; } #page-wrapper .pcontact-shop-item .pcontact-shop-img img { width: 100%; } #page-wrapper .pcontact-shop-item .pcontact-shop-img img:hover { transform: scale(1.05); } #page-wrapper .pcontact-shop-item a { color: #000000; display: inline-block; } #page-wrapper .pcontact-shop-item a:hover { color: #000000; } #page-wrapper h1 { color: #000000; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #cccccc; } #shopmap-page .your-address, #shopmap-page .list-shop h2 { color: #000000; padding: 0px; margin: 0px 0px 15px 0px; } #shopmap-page #start, #shopmap-page #end { margin-bottom: 15px; } #shopmap-page #start ul, #shopmap-page #end ul { margin: 0px; } /*Product item*/ @media (max-width: 768px) { #related-products .product-item .product-title > a, #home-featured-products .product-item .product-title > a, #page-wrapper .search-item .product-item .product-title > a { font-size: 12px; height: 28px !important; } #related-products .product-item .product-price > span, #home-featured-products .product-item .product-price > span, #page-wrapper .search-item .product-item .product-price > span { font-size: 12px; } } .product-item { border: 1px solid #cccccc; margin: 5px; } .product-item:hover { -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); } .product-item:hover .product-img > a > img { transform: scale(1.05); } .product-item:hover .product-title > a { color: #000000; } .product-item:hover .product-actions button { transform: translate(0px) !important; opacity: 1 !important; } .product-item .product-img { margin-bottom: 5px; position: relative; overflow: hidden; } .product-item .product-img .discount-tag { position: absolute; top: 0; right: 0; z-index: 1; padding: 3px 5px; background: #d30000; color: #fff; text-align: center; } .product-item .product-img .product-actions { position: absolute; left: 0; right: 0; bottom: 15px; z-index: 1; } .product-item .product-img .product-actions > div { display: inline-block; margin: auto; } .product-item .product-img .product-actions > div > button { float: left; display: inline-block; height: 40px; line-height: 40px; background: #000000; color: #fff; opacity: 0; } .product-item .product-img .product-actions > div > button.btnQuickView { width: 40px; margin-right: 5px; padding: 0px; transform: translateX(-50px); } .product-item .product-img .product-actions > div > button.btnAddToCart { width: 40px; padding: 0px; transform: translateX(50px); } .product-item .product-img .product-actions > div > button.btnBuyNow { padding: 0px 15px; margin-right: 5px; transform: translateY(50px); } .product-item .product-img > a { display: block; overflow: hidden; } .product-item .product-img > a img { width: 100%; transform: scale(1); } .product-item .product-title { margin-bottom: 5px; padding: 0px 5px; } .product-item .product-title > a { display: inline-block; height: 34px; color: #000000; } .product-item .product-price { padding: 0px 5px 5px 5px; } .product-item .product-price > span { display: inline-block; } .product-item .product-price > span.current-price { color: #d30000; margin-right: 15px; } .product-item .product-price > span.original-price { color: #999999; } .search-item > .product-item { margin-bottom: 30px; } /*end product item*/ /*Popup subscribe*/ .popup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */ } .popup .popup-content { background: url("images/popup_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; max-width: 750px; width: 90%; top: 50px; position: relative; } .popup .popup-content .popup-wrapper { background: rgba(255, 255, 255, 0.8); padding: 50px 15px; } .popup .popup-content .popup-title { color: #000000; margin-bottom: 15px; } .popup .popup-content .popup-desc { color: #000000; margin-bottom: 15px; text-align: justify; } .popup .popup-content .popup-list { margin-bottom: 15px; } .popup .popup-content .popup-list ul { margin: 0; } .popup .popup-content .popup-list ul li { position: relative; margin-bottom: 5px; padding-left: 15px; color: #000000; } .popup .popup-content .popup-list ul li:last-child { margin: 0 !important; } .popup .popup-content .popup-list ul li:after { content: '\f111'; font-family: FontAwesome; position: absolute; top: calc(50% - 3px); left: 0; font-size: 6px; color: #000000; } .popup .popup-content .form-desc { color: #000000; margin-bottom: 15px; } .popup .popup-content form { position: relative; width: 100%; } .popup .popup-content form .input-group { width: 100%; } .popup .popup-content form input { width: 100%; height: 30px; line-height: 30px; padding: 0 15px; color: #000000; background: #fff; border: 1px solid #000000; border-radius: 0px !important; outline: 0 !important; margin-bottom: 15px; } .popup .popup-content form button { height: 30px; line-height: 30px !important; padding: 0 10px; margin: 0; border-radius: 0px; color: #fff; background: #000000; outline: 0 !important; box-shadow: none; float: right; } .popup .popup-content .popup-social-network { display: inline-block; color: #fff; background: #000000; margin-right: 5px; margin-bottom: 5px; height: 30px; width: 30px; text-align: center; line-height: 30px; padding: 0; border-radius: 50%; } .popup .close-popup { position: absolute; top: -15px; right: -15px; color: #fff; font-size: 18px; font-weight: bold; display: block; height: 30px; width: 30px; background-color: #000000; text-align: center; z-index: 9999; border-radius: 50%; line-height: 30px; } .popup .close-popup:focus, .popup .close-popup:hover { color: #fff; text-decoration: none; cursor: pointer; } #popup-btn { display: none; } /*end popup subscribe*/ /*Seen products*/ @media (max-width: 768px) { #seen-products .seen-item .product-title > a { font-size: 12px; height: 28px !important; } #seen-products .seen-item .product-price > span { font-size: 12px; } } #seen-products .home-section-body { overflow: hidden; } #seen-products .home-section-head { margin-bottom: 30px; text-align: center; } #seen-products .home-section-head h2 { display: inline-block; padding: 0px; margin: 0px; position: relative; } #seen-products .home-section-head h2:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 100px; height: 1px; background: #cccccc; display: inline-block; } #seen-products .seen-item { border: 1px solid #cccccc; margin: 5px; } #seen-products .seen-item:hover { -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); } #seen-products .seen-item:hover .product-img > a > img { transform: scale(1.05); } #seen-products .seen-item:hover .product-title > a { color: #000000; } #seen-products .seen-item .product-img { margin-bottom: 5px; position: relative; } #seen-products .seen-item .product-img > a { display: block; overflow: hidden; } #seen-products .seen-item .product-img > a img { width: 100%; transform: scale(1); } #seen-products .seen-item .product-img .discount-tag { position: absolute; top: 0; right: 0; z-index: 1; padding: 3px 5px; background: #d30000; color: #fff; text-align: center; } #seen-products .seen-item .product-title { margin-bottom: 5px; padding: 0px 5px; } #seen-products .seen-item .product-title > a { display: inline-block; height: 34px; color: #000000; } #seen-products .seen-item .product-price { padding: 0px 5px 5px 5px; } #seen-products .seen-item .product-price > span { display: inline-block; } #seen-products .seen-item .product-price > span.current-price { color: #d30000; margin-right: 15px; } #seen-products .seen-item .product-price > span.original-price { color: #999999; } #seen-products .owl-controls { margin: 0px; } #seen-products .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; border-radius: 0px; background: #000000; color: #fff; opacity: 0.5; padding: 0px; margin: 0px; } #seen-products .owl-controls .owl-buttons > div.owl-next { right: 0; } #seen-products .owl-controls .owl-buttons > div.owl-prev { left: 15px; } #seen-products .owl-controls .owl-buttons > div:hover { opacity: 1; } /*end seen products*/ /*Related products*/ #related-products { margin-bottom: 30px; } #related-products .home-section-body { overflow: hidden; } #related-products .home-section-head { margin-bottom: 30px; text-align: center; } #related-products .home-section-head h2 { display: inline-block; padding: 0px; margin: 0px; position: relative; } #related-products .home-section-head h2:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 100px; height: 1px; background: #cccccc; display: inline-block; } #related-products .owl-controls { margin: 0px; } #related-products .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; border-radius: 0px; background: #000000; color: #fff; opacity: 0.5; padding: 0px; margin: 0px; } #related-products .owl-controls .owl-buttons > div.owl-next { right: 0; } #related-products .owl-controls .owl-buttons > div.owl-prev { left: 15px; } #related-products .owl-controls .owl-buttons > div:hover { opacity: 1; } /*End related products*/ /*Footer*/ @media (max-width: 468px) { #footer .footer-social { margin-bottom: 30px; } } @media (max-width: 768px) { #footer .footer-contact, #footer .footer-subscribe { margin-bottom: 30px; } } footer .footer-content { padding: 50px 0; background: url("images/footer_bg.png"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } footer .footer-content > .ft-bg-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.6); } footer .footer-content > .wrapper > .inner { position: relative; z-index: 2; } footer .footer-content h3 { color: #ffffff; margin: 0px 0px 15px 0px; } footer .footer-content .footer-nav { margin-bottom: 30px; } footer .footer-content .footer-nav li { margin: 0px 0px 5px 0px; } footer .footer-content .footer-nav li a { font-size: 14px; color: #ffffff; } footer .footer-content .footer-nav li a:hover { color: #999999; } footer .footer-content .footer-contact > div { margin-bottom: 5px; color: #ffffff; } footer .footer-content .footer-contact > div a { color: #ffffff; } footer .footer-content .footer-contact > div a:hover { color: #999999; } footer .footer-content .footer-contact i { color: #ffffff; font-size: 18px; font-family: "FontAwesome"; margin-right: 5px; } footer .footer-content .footer-subscribe p { color: #ffffff; } footer .footer-content .footer-subscribe input { border: 0px; border-radius: 0px; outline: 0px; height: 40px; line-height: 40px; padding: 0px 15px; color: #000000; } footer .footer-content .footer-subscribe button { width: 40px; height: 40px; line-height: 40px; padding: 0px; margin: 0px; color: #ffffff; border-radius: 0px; border: 0px; outline: 0px; } footer .footer-content .footer-social a { display: inline-block; border: 1px solid #ffffff; border-radius: 0; font-family: "FontAwesome"; color: #ffffff; margin-right: 5px; height: 40px; width: 40px; line-height: 40px; padding: 0px; text-align: center; } footer .footer-content .footer-social a:hover { color: #999999; border: 1px solid #999999; } footer .footer-content .footer-social p { color: #ffffff; } footer .footer-content .footer-certification a { display: inline-block; } footer #copyright { padding: 15px 0px; background: #000000; } footer #copyright p { font-size: 14px; color: #666666; text-align: center; margin: 0; } footer #copyright p a { color: #666666; } footer #copyright p a:hover { color: #ffffff; } /*end footer*/ /*Home-articles*/ @media (max-width: 468px) { .a-related-blog .article-title a { height: auto !important; } } #home-blog { background-color: #fafafa; padding: 30px 0px; } #home-blog .home-section-body { overflow: hidden; } #home-blog .home-section-head { margin-bottom: 30px; text-align: center; } #home-blog .home-section-head h2 { display: inline-block; padding: 0px; margin: 0px; position: relative; } #home-blog .home-section-head h2:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 100px; height: 1px; background: #cccccc; display: inline-block; } #home-blog .owl-controls { margin: 0px; } #home-blog .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; border-radius: 0px; background: #000000; color: #fff; opacity: 0.5; padding: 0px; margin: 0px; } #home-blog .owl-controls .owl-buttons > div.owl-next { right: 0; } #home-blog .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #home-blog .owl-controls .owl-buttons > div:hover { opacity: 1; } #home-blog .a-related-blog .article-img { margin-bottom: 5px; } #home-blog .a-related-blog .article-img a { display: block; overflow: hidden; } #home-blog .a-related-blog .article-img a img { width: 100%; transform: scale(1); } #home-blog .a-related-blog .article-img a img:hover { transform: scale(1.05); } #home-blog .a-related-blog .article-title { margin-bottom: 5px; } #home-blog .a-related-blog .article-title a { height: 34px; display: inline-block; } #home-blog .a-related-blog .article-overview { margin-bottom: 5px; } #home-blog .a-related-blog .article-overview > div { display: inline-block; margin-right: 10px; } #home-blog .a-related-blog .article-overview > div:last-child { margin-right: 0px; } /*End home articles*/ /*Home shop list*/ @media (max-width: 768px) { #home-countdown .parallax { background-attachment: scroll !important; } #home-countdown .parallax .parallax-text p.parallax-title { font-size: 32px !important; } #home-countdown .parallax .parallax-text p { font-size: 18px !important; } } #home-countdown .parallax { background-image: url("images/home-parallax-bg.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; height: 350px; } #home-countdown .parallax .parallax-text { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; color: white; } #home-countdown .parallax .parallax-text a { display: inline-block; color: #fff; padding: 10px 20px; border: 3px solid #fff; background: transparent; } #home-countdown .parallax .parallax-text a:hover { background: #000000; } #home-countdown .parallax .parallax-text p { font-size: 24px; } #home-countdown .parallax .parallax-text p.parallax-title { font-size: 48px; margin-bottom: 0px; } /*end Home shop list*/ /*home collections*/ @media (max-width: 768px) { #home-collection .hcol-banner .collection-name { transform: scale(1) !important; opacity: 1 !important; } } #home-collection { background-color: #fafafa; padding: 30px 0px; } #home-collection .home-section-body { overflow: hidden; } #home-collection .home-section-head { margin-bottom: 30px; text-align: center; } #home-collection .home-section-head h2 { display: inline-block; padding: 0px; margin: 0px; position: relative; } #home-collection .home-section-head h2:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 100px; height: 1px; background: #cccccc; display: inline-block; } #home-collection .owl-controls { margin: 0px; } #home-collection .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; border-radius: 0px; background: #000000; color: #fff; opacity: 0.5; padding: 0px; margin: 0px; } #home-collection .owl-controls .owl-buttons > div.owl-next { right: 0; } #home-collection .owl-controls .owl-buttons > div.owl-prev { left: 0px; } #home-collection .owl-controls .owl-buttons > div:hover { opacity: 1; } #home-collection .hcol-banner { overflow: hidden; position: relative; } #home-collection .hcol-banner:hover .collection-name { transform: scale(1) !important; opacity: 1 !important; } #home-collection .hcol-banner > a { display: block; } #home-collection .hcol-banner > a img { width: 100%; transform: scale(1); } #home-collection .hcol-banner > a img:hover { transform: scale(1.05); } #home-collection .hcol-banner .collection-name { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 10px 15px; background: rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } #home-collection .hcol-banner .collection-name > a { color: #000000; display: block; margin-bottom: 5px; } #home-collection .hcol-banner .collection-name > p { margin: 0px; } /*end home collections*/ /*home banners*/ @media (max-width: 480px) { #home-banner .grid > .grid__item { margin-bottom: 30px; } #home-banner .grid > .grid__item:last-child { margin-bottom: 0px !important; } } @media (max-width: 768px) { #home-banner .grid > .grid__item.float-right { margin-bottom: 30px; } } #home-banner { padding: 30px 0px; } #home-banner a { display: block; overflow: hidden; position: relative; } #home-banner a img { width: 100%; transform: scale(1); } #home-banner a img:hover { transform: scale(1.05); } /*end home banners*/ /*home policy*/ @media (max-width: 768px) { #home-policy > .wrapper > .inner > .grid > .grid__item { margin-bottom: 30px; } #home-policy > .wrapper > .inner > .grid > .grid__item:last-child { margin-bottom: 0px; } } #home-policy { padding: 30px 0px; } #home-policy .policy-item .inner { padding: 10px; border: double 4px #cccccc; } #home-policy .policy-item .inner > a { display: block; } #home-policy .policy-item .inner > a > div { margin-bottom: 5px; } #home-policy .policy-item .inner > a > div:last-child { margin-bottom: 0px; } #home-policy .policy-item .inner:hover { border-color: #000000 !important; } #home-policy .policy-icon { position: relative; margin: auto; } /*end home policy*/ #back-to-top { position: fixed; bottom: 55px; right: 15px; height: 40px; width: 40px; line-height: 40px; opacity: 0.5; background: #000000; color: #ffffff; text-align: center; font-size: 24px; z-index: 9999; padding: 0px; margin: 0px; cursor: pointer; } #back-to-top:hover { opacity: 1; } /*home featured products*/ @media (max-width: 480px) { #home-featured-products .tab button.tablinks { width: 100% !important; margin: 0px 0px 5px 0px !important; } } #home-featured-products { padding: 30px 0px; } #home-featured-products .home-section-head { margin-bottom: 30px; text-align: center; } #home-featured-products .home-section-head h2 { display: inline-block; padding: 0px; margin: 0px; position: relative; } #home-featured-products .home-section-head h2:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 100px; height: 1px; background: #cccccc; display: inline-block; } #home-featured-products .tab { display: inline-block; margin-bottom: 30px; } #home-featured-products .tab button.tablinks { text-align: center; min-width: 120px; padding: 5px 15px; margin: 0px 5px 5px 0px; outline: 0 !important; border: 3px solid #cccccc; } #home-featured-products .tab button.tablinks.active, #home-featured-products .tab button.tablinks:hover { border-color: #000000; } #home-featured-products .tabcontent .btnViewMore { color: #000000; padding: 6px 20px; background: transparent; border: 3px solid #000000; text-align: center; outline: 0 !important; } #home-featured-products .tabcontent .btnViewMore:hover { background: #000000; color: #fff; } #home-featured-products .product-item { margin-bottom: 30px !important; } /*end home featured products*/ #main-slider .hrvslider ul li { overflow: hidden; } #main-slider .hrvslider ul img { width: 100%; } #main-slider .owl-controls { margin: 0px; } #main-slider .owl-controls .owl-pagination { position: absolute; left: 0; right: 0; bottom: 15px; z-index: 1; display: block !important; } #header #mobile-navbar { padding: 5px 0px; } #header #mobile-navbar .mobile-bar { font-size: 24px; color: #333; padding: 25px 15px 15px 15px; } #header #mobile-navbar .mobile-cart { font-size: 24px; padding: 25px 15px 15px 15px; } #header .header-top { background: #ffffff; padding: 15px 0px; } #header .header-top .header-support p { padding: 0; margin: 0; color: #000000; } #header .header-top .header-support p i { font-size: 16px; font-family: "FontAwesome"; color: #000000; margin-right: 5px; } #header .header-top .header-support p a { font-size: 16px; font-weight: 700; color: #000000; } #header .header-top .header-support p a:hover { color: #000000; } #header .header-top .header-logo > a { display: inline-block; } #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 .search-form-wrapper { position: relative; } #header .header-top .search-form-wrapper form { position: relative; width: 100%; height: 34px; line-height: 34px; } #header .header-top .search-form-wrapper form select { width: 120px; position: absolute; top: calc(50% - 16px); left: 0; height: 34px; line-height: 34px; outline: 0; border-radius: 0; border: 1px solid #cccccc; z-index: 2; padding: 0 5px; margin-top: -1px; } #header .header-top .search-form-wrapper form input { width: 100%; padding: 0 39px 0 5px; height: 34px; line-height: 34px; outline: 0; border-radius: 0; border: 1px solid #cccccc; } #header .header-top .search-form-wrapper form button { height: 34px; line-height: 34px; width: 34px; text-align: center; background: #000000; color: #fff; font-size: 18px; padding: 0; margin: 0; outline: 0; border: 1px solid #000000; border-radius: 0; transform: translateY(1px); position: absolute; top: -1px; right: 0; } #header .header-top .search-form-wrapper form .input-group { width: 100%; } #header .header-top .toolbar-link { margin-top: 5px; } #header .header-top .toolbar-link > li { margin-left: 10px; float: right; color: #000000; } #header .header-top .toolbar-link > li a { display: inline-block; color: #000000; } #header .header-top .toolbar-link > li a:hover { color: #000000; } #header .header-top .toolbar-link > li:hover { color: #000000; } #header .header-left, #header .header-right { padding-top: 15px; } #header #navbar { background: #000000; text-align: center; } #header #navbar .site-nav li { padding: 0px 15px; } #header #navbar .site-nav li:last-child { border-bottom: 0px; } #header #navbar .site-nav li.active a { color: #ffffff; } #header #navbar .site-nav li a { font-size: 14px; color: #ffffff; text-transform: uppercase; padding: 5px 0; display: inline-block; } #header #navbar .site-nav li a:hover { color: #ffffff; } #header #navbar .site-nav .dropdown-menu--lv2 a { position: relative; } #header #navbar .site-nav .dropdown-menu--lv2 a i { position: absolute; top: 18px; right: 10px; } #contact-form { margin-bottom: 30px; } #contact-info .contact-title { color: #000000; text-align: left; } #contact-info .contact-logo { text-align: center; } #contact-info p { margin: 0px 0px 15px 0px; padding: 0px; } #contact-info .contact-form { text-align: center; } #contact-info .contact-form input, #contact-info .contact-form textarea { border: 1px solid #000000; border-radius: 0px; outline: 0px !important; box-shadow: none; height: 40px; margin-bottom: 10px; width: 100%; } #contact-info .contact-form button { height: 40px; text-align: center; width: 100%; font-size: 18px; text-transform: uppercase; color: #000000; font-weight: 700; border: 1px solid #000000; border-radius: 0px; outline: 0px !important; box-shadow: none; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #contact-info .contact-form button:hover { background: #000000; color: #fff; } .pagination-custom .list_pagination { display: inline-block; margin-right: 5px; } .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: #000000; border: 1px solid #000000; } .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: 1px solid #000000; } .pagination-custom > span > a:hover { color: #fff; background: #000000; border: 1px solid #000000; } #pagination-page { clear: left; margin: 0px; } .pagination { clear: left; margin: 0px; } @media (max-width: 480px) { .article-loop-item .article-loop-img { margin-bottom: 10px; } } @media (max-width: 768px) { #blog-main-content .bs-categories { margin-top: 30px; } } #blog-main-content { padding: 30px 0px; } #blog-main-content .article-loop-item { margin-bottom: 30px; } #blog-main-content .article-loop-item .article-loop-img > a { display: block; overflow: hidden; } #blog-main-content .article-loop-item .article-loop-img > a img { width: 100%; transform: scale(1); } #blog-main-content .article-loop-item .article-loop-img > a img:hover { transform: scale(1.05); } #blog-main-content .article-loop-item .article-loop-title { margin-bottom: 10px; } #blog-main-content .article-loop-item .article-loop-title > a { color: #000000; } #blog-main-content .article-loop-item .article-loop-title > a:hover { color: #000000; } #blog-main-content .article-loop-item .article-loop-overview { margin-bottom: 10px; } #blog-main-content .article-loop-item .article-loop-overview > div { display: inline-block; margin-right: 10px; } #blog-main-content .article-loop-item .article-loop-overview > div:last-child { margin-right: 0px; } #blog-main-content .article-loop-item .article-loop-desc { margin-bottom: 10px; } #blog-main-content .article-loop-item .article-loop-tag { margin-bottom: 10px; } #blog-main-content .article-loop-item .article-loop-tag > a { display: inline-block; margin-right: 5px; color: #000000; } #blog-main-content .article-loop-item .article-loop-tag > a:hover { color: #000000; } #blog-main-content .article-loop-item .article-loop-viewmore > a { display: inline-block; color: #000000; } #blog-main-content .article-loop-item .article-loop-viewmore > a:hover { color: #000000; } #blog-main-content .blog-sidebar { margin-bottom: 30px; } #blog-main-content .blog-sidebar h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } #blog-main-content .blog-sidebar .blog-types { margin: 0px; } #blog-main-content .blog-sidebar .blog-types li { margin-bottom: 5px; } #blog-main-content .blog-sidebar .blog-types li:last-child { margin-bottom: 0px; } #blog-main-content .blog-sidebar .blog-types li a { color: #000000; display: block; } #blog-main-content .blog-sidebar .blog-types li a:hover { color: #000000; } #blog-main-content .blog-sidebar .blog-types li a span { float: right; } #blog-main-content .blog-sidebar .recent-blogs { margin-bottom: 0px; } #blog-main-content .blog-sidebar .recent-blogs li { margin-bottom: 10px; } #blog-main-content .blog-sidebar .recent-blogs li:last-child { margin-bottom: 0px; } #blog-main-content .blog-sidebar .recent-blogs li:hover img { transform: scale(1.1); } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-img a { display: block; overflow: hidden; } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-img a img { width: 100%; transform: scale(1); } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-img a img:hover { transform: scale(1.05); } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-title { margin-bottom: 10px; } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-title a { color: #000000; } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-title a:hover { color: #000000; } #blog-main-content .blog-sidebar .recent-blogs li .bs-recent-article-date { color: #000000; } #blog-main-content .blog-sidebar .bs-banner { display: block; overflow: hidden; } #blog-main-content .blog-sidebar .bs-banner img { width: 100%; transform: scale(1); } #blog-main-content .blog-sidebar .bs-banner img:hover { transform: scale(1.05); } #blog-main-content .a-blog-detail { margin-bottom: 30px; } #blog-main-content .a-blog-detail .article-head { margin-bottom: 30px; } #blog-main-content .a-blog-detail .article-head h1 { padding: 0px; margin-bottom: 15px; } #blog-main-content .a-blog-detail .article-head .article-overview > div { display: inline-block; margin-right: 10px; } #blog-main-content .article-all-tags { margin-bottom: 25px; } #blog-main-content .article-all-tags ul { margin: 0px; } #blog-main-content .article-all-tags ul li { margin: 0px; } #blog-main-content .article-all-tags ul li > span { display: inline-block; float: left; margin: 5px 5px 5px 0px; } #blog-main-content .article-all-tags ul li > a { display: inline-block; float: left; margin: 0px 5px 5px 0px; padding: 5px; border: 1px dashed #cccccc; color: #000000; } #blog-main-content .article-all-tags ul li > a:hover { color: #000000; border: 1px dashed #000000; } #blog-main-content #related-articles .home-section-body { overflow: hidden; } #blog-main-content #related-articles .home-section-head { margin-bottom: 30px; text-align: center; } #blog-main-content #related-articles .home-section-head h2 { display: inline-block; padding: 0px; margin: 0px; position: relative; } #blog-main-content #related-articles .home-section-head h2:after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 100px; height: 1px; background: #cccccc; display: inline-block; } #blog-main-content #related-articles .owl-controls { margin: 0px; } #blog-main-content #related-articles .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; border-radius: 0px; background: #000000; color: #fff; opacity: 0.5; padding: 0px; margin: 0px; } #blog-main-content #related-articles .owl-controls .owl-buttons > div.owl-next { right: 0; } #blog-main-content #related-articles .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #blog-main-content #related-articles .owl-controls .owl-buttons > div:hover { opacity: 1; } #blog-main-content #related-articles .a-related-blog .article-img { margin-bottom: 5px; } #blog-main-content #related-articles .a-related-blog .article-img a { display: block; overflow: hidden; } #blog-main-content #related-articles .a-related-blog .article-img a img { width: 100%; transform: scale(1); } #blog-main-content #related-articles .a-related-blog .article-img a img:hover { transform: scale(1.05); } #blog-main-content #related-articles .a-related-blog .article-title { margin-bottom: 5px; } #blog-main-content #related-articles .a-related-blog .article-title a { height: 34px; display: inline-block; } #blog-main-content #related-articles .a-related-blog .article-overview { margin-bottom: 5px; } #blog-main-content #related-articles .a-related-blog .article-overview > div { display: inline-block; margin-right: 10px; } #blog-main-content #related-articles .a-related-blog .article-overview > div:last-child { margin-right: 0px; } @media (max-width: 768px) { #breadcrumb-wrapper { background-attachment: scroll !important; } } #breadcrumb-wrapper.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("images/breadcrumb_bg1.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #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: 1; width: 100%; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 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:hover { color: #000000; } #breadcrumb-wrapper2.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("images/breadcrumb_bg2.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper2.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-wrapper2.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #000000; } #breadcrumb-wrapper3.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("images/breadcrumb_bg3.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper3.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-wrapper3.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #000000; } #breadcrumb-wrapper4.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("images/breadcrumb_bg4.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper4.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-wrapper4.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #000000; } #breadcrumb-wrapper5.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("images/breadcrumb_bg5.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper5.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-wrapper5.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #000000; } #product-wrapper .pro-brand, #product-wrapper .pro-type { display: inline-block; margin: 0px 10px 10px 0px; } #product-wrapper .pro-brand a, #product-wrapper .pro-type a { display: inline-block; color: #000000; } #collection-wrapper h1 { margin: 0px 0px 15px 0px; padding: 0px; } #collection-wrapper .collection-sidebar-wrapper { margin-top: 30px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper { border: 1px solid #cccccc; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper button.accordion { cursor: pointer; padding: 10px 15px; width: 100%; text-align: left; outline: none; transition: 0.4s; background: #000000; color: #fff; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper button.accordion:after { content: "\f067"; color: #fff; font-family: "FontAwesome"; font-weight: bold; float: right; margin-left: 5px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper button.accordion.active:after { content: "\f068"; font-family: "FontAwesome"; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper div.panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul { margin: 0px; padding: 15px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li { margin-bottom: 15px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li:last-child { margin-bottom: 0px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a { text-align: left; display: block; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-price span { display: inline-block; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-price span.current-price { color: #d30000; margin-right: 5px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-price span.old-price { color: #999999; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-img { display: block; overflow: hidden; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-img img { vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; transform: scale(1); } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-title { margin: 0px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a .seenPro-price { text-align: left; font-size: 12px; margin-bottom: 0px; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a:hover { color: #000000; } #collection-wrapper .collection-sidebar-wrapper .seenPro-wrapper ul li a:hover .seenPro-img img { transform: scale(1.05); } #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: #000000; 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 #cccccc; } #productQuickView .modal-content .product-price-wrapper { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } #productQuickView .modal-content .product-price-wrapper span { display: inline-block; } #productQuickView .modal-content .product-price-wrapper span.p-price { font-size: 20px; color: #d30000; 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: #000000; color: #fff; margin-bottom: 5px; } #productQuickView #AddToCardQuickView:hover, #productQuickView .btn-soldout:hover { background: black; } #productQuickView .qv-readmore a { color: #000000; } #productQuickView .qv-readmore a:hover { color: black; } #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; } .swatch-element label span { color: #000000 !important; } .swatch .header { font-weight: normal !important; } .fb_iframe_widget iframe { max-width: 1000px; z-index: 9; } .search-form-wrapper1 { position: relative; } .search-form-wrapper1 form { position: relative; width: 100%; height: 34px; line-height: 34px; } .search-form-wrapper1 form select { width: 120px; position: absolute; top: calc(50% - 16px); left: 0; height: 34px; line-height: 34px; outline: 0; border-radius: 0; border: 1px solid #cccccc; z-index: 2; padding: 0 5px; margin-top: -1px; } .search-form-wrapper1 form input { width: 100%; padding: 0 39px 0 135px; height: 34px; line-height: 34px; outline: 0; border-radius: 0; border: 1px solid #cccccc; } .search-form-wrapper1 form button { height: 34px; line-height: 34px; width: 34px; text-align: center; background: #000000; color: #fff; font-size: 18px; padding: 0; margin: 0; outline: 0; border: 1px solid #000000; border-radius: 0; transform: translateY(1px); position: absolute; top: -1px; right: 0; } .search-form-wrapper1 form .input-group { width: 100%; }