/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; margin: 0; padding: 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*------------*/ body { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #757575; font-size: 14px; line-height: 1.428571429; width: 100%; background: #fff; } *:focus{ outline: none !important; } h1, h2, h3, h4, h5, h6 { color: #3e444a; line-height: 1.3; } /* default font size */ .fa { font-size: 14px; } /* Override the bootstrap defaults */ h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 21px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } a { color: #343434; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } a:focus, a:active, a:hover { text-decoration: none; color: #ffd54c; } body ::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius:0; } body ::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ddd; border-radius: 0; } body ::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 0; } legend { font-size: 18px; padding: 7px 0px; color: #303030; border-color: #ddd; } label { font-size: 13px; font-weight: normal; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 13px; } input[type=text] { min-width: 50px; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 12px; } .input-group .input-group-addon { font-size: 12px; height: 30px; } img{ max-width: 100%; height: auto; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .flip{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /* tooltip */ .tooltip.top .tooltip-arrow { border-top-color: #ffd54c; } .tooltip.top-left .tooltip-arrow { border-top-color: #ffd54c; } .tooltip.top-right .tooltip-arrow { border-top-color: #ffd54c; } .tooltip.right .tooltip-arrow { border-right-color: #ffd54c; } .tooltip.left .tooltip-arrow { border-left-color: #ffd54c; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #ffd54c; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #ffd54c; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #ffd54c; } .tooltip-inner{ background: #ffd54c; } .alert{ text-align: center; font-size: 13px; /* margin: 0; */ border-radius: 0; border: none; } /* transition */ a:hover,.banner-3 a:hover::before, #button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover, #button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover, #button-shipping-method:hover, #button-quote:hover, #button-coupon:hover, .form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover, .product-layout:hover .action-links, .static-policy .col:hover .text-content h2, .static-policy .col:hover .col-img .hover, .layout1:hover .btn-wishlist, .layout1:hover .btn-compare, .banner-2 a:hover::before, .product-image:hover .img-r, .banner-1 > div:hover img{ -webkit-transition: ease-in-out all .3s; -moz-transition: ease-in-out all .3s; transition: ease-in-out all .3s; } #button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover, #button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover, #button-shipping-method:hover, #button-quote:hover, #button-coupon:hover, .form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover{ color: #fff; background-color: #ffd54c; } #button-guest, #button-search, #button-review, #button-account, #button-login, #button-confirm, #button-payment-method, #button-shipping-method, #button-quote, #button-coupon, #button-register, .form-horizontal input.btn, a.btn, input[type='submit'], .button{ border: none; background: #f0f0f0; padding: 0 30px; text-transform: capitalize; font-size: 14px; font-weight: 600; color: #3e444a; line-height: 48px; display: inline-block; vertical-align: top; border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #button-voucher, #button-coupon{ height: 34px; line-height: 34px; margin-left: 10px; border-radius: 20px; } #button-search + h2{ display: none; } #button-search{ margin: 15px 0; } #modal-agree{ z-index: 9999; } /* owl carousel */ .owl-container { margin: 0 -10px; } .owl-container .owl-item { padding: 0 10px; } .owl-carousel.owl-theme:hover .owl-nav div { opacity: 1; } .owl-carousel.owl-theme .owl-dot:hover span { background: #ffd54c; } .owl-carousel.owl-theme .owl-dot.active span { border: 1px solid #26b5f1; background: #fff; transform: scale(1.5); } .owl-carousel.owl-theme .owl-dot { display:inline-block; vertical-align:top; } .owl-carousel.owl-theme .owl-dot span { width: 12px; height: 12px; border-radius: 100%; background: #d6d6d6; margin: 5px 8px; display: block; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .owl-carousel.owl-theme .owl-nav { margin: 0; } .owl-carousel.owl-theme .owl-nav div { position: absolute; top: 50%; font-size: 0; margin: 0; margin-top: -30px; width: 60px; height: 60px; padding: 0; line-height: 58px; color: #a9a9a9; background: rgba(255,255,255,0.75); border: 1px solid #e9e9e9; border-radius: 100%; text-align: center; cursor: pointer; opacity: 0; z-index: 10; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .owl-carousel.owl-theme .owl-nav div:before { font-family: "Ionicons"; display: inline-block; vertical-align: top; font-size: 21px; width: 100%; line-height: inherit; } .owl-carousel.owl-theme .owl-nav div.owl-prev { left: 0; } .owl-carousel.owl-theme .owl-nav div.owl-prev:before { content: "\f3d5"; } .owl-carousel.owl-theme .owl-nav div.owl-next { right: 0; } .owl-carousel.owl-theme .owl-nav div.owl-next:before { content: "\f3d6"; } .owl-carousel.owl-theme:hover .owl-nav div.owl-prev { left: -10px; } .owl-carousel.owl-theme:hover .owl-nav div.owl-next { right: -10px; } .owl-carousel.owl-theme .owl-nav div:hover { background: #ffd54c; border-color: #ffd54c; color: #fff; } /*--------------*/ /* newsletter popup */ .b-close{ display: block; padding: 5px 10px; } .newletter-popup{ background: #fff; top: 50% !important; width: 55%; position: fixed !important; padding: 0; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; } #boxes .newletter-title h2{ font-size: 24px; text-transform: uppercase; color: #000; font-weight: 700; letter-spacing: 3px; margin: 0 0 15px; } .newletter-popup #dialog { padding: 50px 20px; } #boxes .box-content label{ font-weight: 400; font-size: 15px; } #boxes #frm_subscribe .required{ color: #f00; padding-right: 5px; } #boxes #frm_subscribe a{ cursor: pointer; } #boxes #frm_subscribe #subscribe_pemail{ background: #EBEBEB none repeat scroll 0% 0%; border: medium none; height: 40px; width: 65%; margin: 20px 0; padding:0 15px; font-size: 15px; } #boxes .box-content .subscribe-bottom{ margin-top: 20px; } #boxes .box-content .subscribe-bottom label{ margin: 0; } #boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again{ display: inline-block; margin: 0; vertical-align: middle; margin-top: -1px; } #boxes #frm_subscribe #notification{ color: #f00; } #boxes #frm_subscribe #notification .success{ color: #67D7BB; } #popup2{ text-align: center; background: #333; border-radius: 0; cursor: pointer; float: right; padding: 0; color: #fff; margin-top: -49px; margin-right: -19px; } #popup2:hover { background:#ffd54c; } /* newsllter */ .newletter-subscribe-container { } .newletter-subscribe-container .box { } .newletter-title h5 { color: #333333; font-size: 17px; font-weight: 700; margin: 0; margin-bottom: 22px; } .newletter-title p { margin: 0; } #dialog-normal .newleter-content{ } #subscribe-normal { margin-bottom: 0; position: relative; margin-top: 25px; } #subscribe_email-normal{ display: inline-block; vertical-align: top; padding: 10px 15px; padding-right: 125px; line-height: 30px; height: 48px; color: #9e9e9e; font-size: 13px; width: 100%; border: 0; background: #f0f0f0; border-radius: 5px; -webkit-border-radius: 5px; text-align: left; box-shadow: none; -webkit-box-shadow: none; } #frm_subscribe-normal .btn:hover{ color: #fff; background: #3e444a; } #frm_subscribe-normal .btn { line-height: 48px; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 0 18px; font-size: 14px; max-width: 120px; color: #3e444a; background: #ffd54c; font-weight: 400; position: absolute; text-transform: uppercase; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #frm_subscribe-normal .btn:before { content: "\f003"; font-family: 'FontAwesome'; font-size: 18px; display: inline-block; vertical-align: top; display: none; } #subscribe-normal .btn span {/* display: none; */} #notification-normal{ position: absolute; left: 0; right: 0; bottom: -30px; font-size: 13px; } #notification-normal div{ color: blue; } #notification-normal div.warning{ color: red; text-align: left; } #subscribe-normal ::-webkit-input-placeholder { color: #9e9e9e; opacity: 1; } #subscribe-normal :-moz-placeholder { /* Firefox 18- */ color: #9e9e9e; opacity: 1; } #subscribe-normal ::-moz-placeholder { /* Firefox 19+ */ color: #9e9e9e; opacity: 1; } #subscribe-normal :-ms-input-placeholder { color: #9e9e9e; opacity: 1; } /* Top */ #top{ background: #ffd54c; } #top .container-inner { display: inline-block; vertical-align: top; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); } #top .box-left { float:left; margin: 0; list-style: none; padding: 0; } .header-text p { font-size: 12px; font-style: italic; text-transform: uppercase; line-height: 22px; padding: 10px 0; margin: 0; } .header-text p a { color: #ffd54c; } #top .box-right { float:right; } #top .box > div { display: inline-block; vertical-align: top; margin-right: 32px; position: relative; } #top .box > div:after { content: ""; width: 1px; height: 12px; background: #1b1b1b; position: absolute; top: 50%; margin-top: -6px; right: -18px; } #top .box > div:last-child { margin: 0; } #top .box > div:last-child:after { display: none; } #top .btn-group > .btn-link,#top .btn-group .text-ex { text-shadow: none; cursor: pointer; font-size: 13px; text-transform: capitalize; overflow: hidden; line-height: 24px; font-weight: 400; padding: 10px 0; color: #3e444a; display: block; text-align: left; border: 0; text-decoration: none; } #top .setting .btn-group > .btn-link > .hidden-xs { margin-left: 4px; } #top .btn-group .text-ex{ margin-right: 5px; color: #777; display: none; } #form-language .btn-group .btn-link img { /* margin-right: 4px; */ } #top .btn-group .btn-link i { font-size: 11px; margin-left: 6px; font-weight: normal; display: inline-block; } #top .btn-group .btn-link:hover { /* color: #ffd54c; */ opacity: 0.7; } #top .btn-group .dropdown-menu{ position: absolute; left: auto; right: -10px; text-align: left; margin: 0; border: 0; background: white; border-radius: 0; padding: 0 20px; -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); } #form-currency .btn-group .dropdown-menu{ } #top .btn-group .dropdown-menu li { border-bottom: 1px solid #eeeeee; } #top .btn-group .dropdown-menu li:last-child { border:0; } #top .btn-group .dropdown-menu li > a, #top .btn-group .dropdown-menu li> button { padding: 9px 0; line-height: 28px; display: block; text-transform: capitalize; font-weight: 300; height: inherit; border-radius: 0; text-align: left; font-size: 13px; color: #666; } #top .btn-group .dropdown-menu li > a:hover, #top .btn-group .dropdown-menu li> button:hover { text-decoration: none; color: #ffd54c; } #top .btn-group .dropdown-menu li a img, #top .btn-group .dropdown-menu li button img{ vertical-align: baseline; margin-right:5px; } #top .btn-group .dropdown-menu > a:hover, #top .btn-group .dropdown-menu > button:hover, #top .btn-group .dropdown-menu .item-selected{ color: #ffd54c; text-decoration: none; } .logo-container { z-index: 1; position: relative; display: inline-block; vertical-align: top; float: left; } #logo{ padding: 34px 0; } #logo a{ display: inline-block; vertical-align: top; } .header-inner { position:relative; background: #ffd54c; text-align: center; z-index: 9; } .header-inner .container-inner { display: inline-block; vertical-align: top; width: 100%; position: relative; } .header-phone { position: absolute; top: 50%; right: 115px; margin-top: -22.5px; } .header-phone .text { text-align: left; padding-left: 52px; background: url(../image/icon-header-phone.png) left center no-repeat; } .header-phone .text label { font-size: 13px; color: #888888; font-weight: 300; text-transform: capitalize; margin-bottom: 0; } .header-phone .text p { margin: 0; color: #333333; font-size: 18px; font-weight: 700; } .header-phone p span { font-style: normal; font-weight: 700; } .top-search { position: absolute; right: 285px; left: 285px; top: 50%; margin-top: -24px; z-index: 2; } /* search */ .search-button { font-size: 18px; height: 38px; width: 38px; line-height: 38px; background: #aaaaaa; color: #fff; border-radius: 100%; -webkit-border-radius: 100%; cursor: pointer; box-shadow: none !important; } .search-button:before { content:"\f002"; font-family: 'FontAwesome'; display: inline-block; vertical-align: top; } .search-button:hover {background: #ffd54c;} #search .search-content { padding: 0; border: 0; margin: 0; background: rgba(0,0,0,0.75); box-shadow: none; right: 0; width: auto; position: fixed; left: 0; top: 0; bottom: 0; border-radius: 0; } #search .search-content .button-close { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 72px; background: none; border: 0; border-radius: 100%; padding: 0; line-height: 1; } #search .search-content .button-close:hover { color: #ffd54c; } #search .search-content .container { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #search .search-content .inner { position: relative; display: inline-block; vertical-align: top; width: 100%; } #search { display: block; } #search input { font-size: 14px; color: #fff; width: 100%; height: 48px; float: none; font-weight: 300; background: rgba(255,255,255,0.2); border: 0; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none !important; padding: 0 65px 0 20px; position: relative; } #search .input-group-btn { position: absolute; right: 0; z-index: 2; width: auto; top: 0; } #search .input-group-btn button { background: transparent; border: 0; line-height: 48px; width: 60px; padding: 0; box-shadow: none !important; margin: 0; font-size: 22px; color: #fff; } #search .input-group-btn button:hover { color: #ffdd20; } #search .input-group-btn button:before { content: "\e93d"; font-family: 'plaza-icon'; display: inline-block; vertical-align: top; line-height: inherit; } #search ::-webkit-input-placeholder { /* Chrome */ color: #fff; } #search :-ms-input-placeholder { /* IE 10+ */ color: #fff; } #search ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } #search :-moz-placeholder { /* Firefox 4 - 18 */ color: #fff; opacity: 1; } /*====search-by-category=====*/ /*popup search*/ @media (min-width: 768px) { .search-content { display: block !Important; position: relative; top: auto; left: auto; float: none; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background: transparent; } .search-content .button-close { display: none; } .search-content .container { width: auto; padding: 0; } #search-by-category .btn-group { display: block; } } @media (max-width: 767px) { .search-button { font-size: 32px; height: 32px; width: 35px; line-height: 32px; color: #3e444a; cursor: pointer; box-shadow: none !important; background: transparent; } .search-button:hover { opacity: 0.7; } .search-button:before { content: "\e86f"; font-family: 'Linearicons-Free'; display: inline-block; vertical-align: top; line-height: inherit; } .search-button:hover {opacity: 0.7;background: transparent;} .search-content { padding: 0; border: 0; margin: 0; background: rgba(0,0,0,0.75); box-shadow: none; right: 0; width: auto; position: fixed; left: 0; top: 0; bottom: 0; border-radius: 0; } #search-by-category .search-content .search-container #text-search { height: 70px; font-size: 24px; color: #fff; width: 100%; font-weight: 400; background: transparent; border: 0; border-bottom: 1px solid #ffd54c; border-radius: 0; box-shadow: none !important; padding: 0 50px 0 15px; position: relative; } #search-by-category .search-content #sp-btn-search { position: absolute; right: 0; z-index: 2; width: auto; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #search-by-category .search-content #btn-search-category { background: transparent; border: 0; height: 50px; width: 50px; line-height: 50px; font-size: 34px; color: #fff; padding: 0; box-shadow: none !important; margin: 0; } #search-by-category .search-content #btn-search-category:hover { color: #ffd54c } #search-by-category .search-content .search-ajax { display: none; } .search-content .button-close { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 72px; background: none; border: 0; border-radius: 100%; padding: 0; line-height: 1; } .search-content .button-close:hover { color: #ffd54c; } .search-content .container { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-content .inner { position: relative; display: inline-block; vertical-align: top; width: 100%; } #search-by-category .search-content ::-webkit-input-placeholder { /* Chrome */ color: #fff; } #search-by-category .search-content :-ms-input-placeholder { /* IE 10+ */ color: #fff; } #search-by-category .search-content ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } #search-by-category .search-content :-moz-placeholder { /* Firefox 4 - 18 */ color: #fff; opacity: 1; } } @media (max-width: 479px) { .search-button { font-size: 26px; } #search-by-category .search-content .search-container #text-search { font-size: 18px; } } /*-----*/ #search-by-category ::-webkit-input-placeholder { /* Chrome */ color: #9e9e9e; } #search-by-category :-ms-input-placeholder { /* IE 10+ */ color: #9e9e9e; } #search-by-category ::-moz-placeholder { /* Firefox 19+ */ color: #9e9e9e; opacity: 1; } #search-by-category :-moz-placeholder { /* Firefox 4 - 18 */ color: #9e9e9e; opacity: 1; } #search-by-category { position: relative; width: 100%; } #search-by-category .search-container{ } #search-by-category .search-container .categories-container{ position: absolute; left: 1px; top: 1px; padding: 10px 0; background: #f0f0f0; border-top-left-radius: 25px; border-bottom-left-radius: 25px; display: none; } #search-by-category .search-container #text-search{ font-size: 13px; color: #9e9e9e; width: 100%; height: 48px; float: none; font-weight: 400; background: #fff; border: 0; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none !important; padding: 0 65px 0 20px; position: relative; } #search-by-category #sp-btn-search{ position: absolute; right: 0px; top: 0; } #search-by-category .search-container .categories-container .hover-cate p{ margin:0; color: #555555; padding: 0 30px; cursor: pointer; overflow: hidden; position:relative; text-transform: capitalize; font-size: 14px; line-height: 26px; font-weight: 500; max-width: 180px; white-space: nowrap; text-overflow: ellipsis; } #search-by-category .search-container .categories-container .hover-cate p i{display: inline-block;vertical-align: top;font-size: inherit;line-height: inherit;margin-left: 19px;} #search-by-category .search-container .categories-container .hover-cate .cate-items{ z-index: 9999 !important; position: absolute; display: none; background: #FFF; max-height: 300px; overflow: auto; margin-top: 0px; border: 1px solid #ddd!important; padding: 5px; width:100%; cursor: pointer; top: 100%; text-align: left; } .cate-items li { text-transform: capitalize; color: #363f4d; font-size: 11px; list-style: none; line-height: 18px; } .cate-items li:hover{ color:#ffd54c } .cate-items li.f1 { padding-left: 5px; } .cate-items li.f2 { padding-left: 15px; } #search-by-category .search-ajax{ position: absolute; z-index: 9999 !important; background: none repeat scroll 0% 0% #fff; left: 0px; top: 100%; width: 88%; } .ajax-result-item .product-info .detail .price-box .old-price{ text-decoration: line-through; color: #acacac; font-weight: 400; } .ajax-result-item .product-info .detail .price-box p{ display: inline-block; } .ajax-result-item .product-info .detail .price-box{ font-weight: 700; margin: 0 0 10px 0; } .ajax-result-item .product-info .detail .product-name{ margin: 10px 0; } #search-by-category .search-ajax li{ list-style: none; } #search-by-category .search-ajax .ajax-result-container{ box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } #search-by-category .search-ajax .ajax-result-container .ajax-result-msg{ padding: 20px; margin: 0; color: #646464; } #search-by-category .search-ajax .ajax-result-container .ajax-result-list{ display:block; border:1px solid #ddd; max-height:300px; overflow: auto; padding:10px; } #btn-search-category:hover{ color: #fff; background: #2b3137; } #btn-search-category{ background: #3e444a; border: 0; line-height: 48px; width: 60px; padding: 0; box-shadow: none !important; margin: 0; font-size: 22px; color: #fff; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #btn-search-category span { display: none; } #btn-search-category:before { content: "\e93d"; font-family: 'plaza-icon'; display: inline-block; vertical-align: top; line-height: inherit; } /*==========================*/ .box-cart { position: absolute; right: 0; top: 50%; z-index: 112; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .box-cart .language,.box-cart .currency,.box-cart .setting { display: inline-block; vertical-align: top; margin-right: 15px; } .box-cart .wishlist a .count,#cart-total .txt_number { width: 19px; height: 19px; line-height: 19px; border-radius: 100%; -webkit-border-radius: 100%; font-weight: 400; font-size: 11px; font-style: normal; color: #222222; background: #fff; position: absolute; left: 34px; top: 6px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #cart-total .txt_items { /* display: none; */ } #cart-total .total-price { color: #ffd54c; font-style: normal; font-weight: 700; display: none; } .box-cart .wishlist { display: inline-block; vertical-align: top; margin-right: 23px; } .box-cart .wishlist a { display: block; position: relative; } .box-cart .wishlist a:hover > span,#cart > button:hover #cart-total { color: #2b3137; } .box-cart .wishlist a:hover:before,#cart > button:hover:before{ color: #2b3137; } .box-cart .wishlist a:before,#cart > button:before { content: "\e862"; font-family: 'Linearicons-Free'; font-size: 32px; color: #3e444a; display: inline-block; vertical-align: top; line-height: 1; margin-right: 5px; } .box-cart .wishlist a:before { content: "\e813"; } #cart > button:before { content: "\e82e"; } #cart{ width: auto; display: inline-block; vertical-align: top; } #cart > button { background: none; border: none; border-radius: 0; box-shadow: none; padding: 0; width: auto; position: relative; float: none; } .box-cart .wishlist a > span,#cart-total { color: #3e444a; font-size: 13px; font-weight: 400; display: inline-block; vertical-align: bottom; line-height: 1; } #cart .dropdown-menu { margin: 0; padding: 0 30px 0 30px !important; width: 380px; font-size: 14px; right: 0; list-style: none none; border-radius: 0; -webkit-border-radius: 0; border: 0; background: #fff; margin-top: 33px; box-sizing: border-box; top: 100%; -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); } #cart .dropdown-menu:after,#cart .dropdown-menu:before { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } #cart .dropdown-menu:before { border: 7px solid; border-color: transparent transparent #343434 transparent; z-index: 99; right: 10px; top: -12px; opacity: 0; } #cart .dropdown-menu:after { border: 8px solid; border-color: transparent transparent #343434 transparent; z-index: 98; right: 10px; top: -15px; opacity: 0; } #cart .cart-close { position: absolute; top: 20px; right: 0; font-weight: 400; } #cart .cart-empty{ padding-bottom: 25px; padding-top: 25px; } #cart .dropdown-menu p{ margin: 0; } #cart .dropdown-menu small { font-size: 14px; color: #7e7e7e; line-height: 24px; } #cart .dropdown-menu > li:first-child .table > tbody > tr > td{ border: 0; } #cart .dropdown-menu > li:first-child .table > tbody > tr { padding-bottom: 30px; padding-top: 30px; position: relative; display: block; border-bottom: 1px solid #ebebeb; } #cart .dropdown-menu li:not(:first-child):last-child tbody tr { /* border-bottom: 1px solid #e5e5e5; */ } #cart .dropdown-menu li:not(:first-child):last-child { margin-top: 0; } #cart .dropdown-menu li:not(:first-child):last-child table { margin-bottom: 22px; margin-top: 21px; } #cart .dropdown-menu li:not(:first-child):last-child tbody tr:first-child { /* border-top: 1px solid #e5e5e5; */ } #cart .dropdown-menu > li:first-child .table > tbody > tr:last-child { border: 0; } #cart .table > tbody > tr > td{ border: none; padding: 0; color: #3e444a; text-transform: capitalize; font-size: 18px; vertical-align: middle; font-weight: 600; line-height: 30px; } #cart .dropdown-menu > li:last-child .table > tbody > tr > td { /* padding: 5px 0; */ } #cart .cart-close button{ background: #fff; color: #333; border-radius: 0; width: 20px; height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; box-shadow: none; -webkit-box-shadow: none; } #cart .cart-close button:hover { color: #ffd54c; } #cart .cart-close button i { line-height: inherit;} #cart .cart-close button i:before { content:"\f2d7"; font-size: 16px; font-family: "Ionicons"; } #cart .cart-quantity{ line-height: 18px; font-size: 13px; display: inline-block; vertical-align: top; color: #666; font-weight: 300; } #cart .cart-price { font-size: 18px; color: #3e444a; display: inline-block; vertical-align: top; line-height: 20px; font-weight: 600; } #cart .cart-name { line-height: 20px; text-transform: capitalize; display: block; margin-bottom: 8px; font-size: 14px; font-weight: 400; color: #2777d0; } #cart .cart-name:hover { color: #ffd54c; } #cart .dropdown-menu .cart-button{margin: 0 -30px;padding: 0 30px 30px 30px;} #cart p.cart-button a:last-child{margin-top: 10px;} #cart p.cart-button a{ background: #ffd54c; color: #3e444a; line-height: 50px; text-align: center; padding: 0 5px; text-transform: uppercase; font-size: 16px; margin: 0; border: 0; border-radius: 0; -webkit-border-radius: 0; display: block; vertical-align: top; font-weight: 400; } #cart p.cart-button a strong { font-weight: 400; } #cart p.cart-button a:hover{ color: #fff; background: #3e444a; } #cart p.cart-button a:hover i{ color: #fff; } #cart p.cart-button a i{ padding-left: 5px; font-size: 10px; display: none; } #cart .dropdown-menu .info-item{ padding-left: 10px; padding-right: 20px; } #cart .dropdown-menu .has-scroll{ max-height: 290px; overflow: auto; padding: 0 30px; margin: 0 -30px; background: none; border-bottom: 1px solid #ebebeb; } #cart .dropdown-menu .has-scroll table { margin: 0; } #cart .dropdown-menu tr td strong{ color: #232323; font-weight: 500; float: left; padding: 2px 0; font-size: 12px; text-transform: uppercase; } #cart .dropdown-menu tr td:last-child{ /* color: #333; */ /* font-size: 14px; */ /* font-weight: 700; */ } #cart .dropdown-menu > li:last-child tr:last-child td:last-child { color: #fd5018; font-size: 24px; } .headerSpace { display: none; } .common-home .top-menu { margin-bottom: 20px; } .top-menu { position: relative; background: #fff; z-index: 8; -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1); } .top-menu .col-ver { } .top-menu .col-hoz {position: relative;z-index: 2;} @media (min-width: 1200px) { .fix-header{ padding: 0 !important; border: none; background: rgba(255, 255, 255, 0.7); box-shadow: 0 0 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); -o-box-shadow: 0 0 2px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 2px rgba(0,0,0,0.1); width: 100%; max-width: 100% !important; top: 0; left: 0; right: 0; z-index: 889; margin: 0 auto; position: fixed !important; -webkit-animation-name: fadeInDown; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .fix-header:hover { background: #fff; } .fix-header .col-ver { display: none; } .fix-header .horizontal-menu { padding-left: 0; } .fix-header #logo { padding: 10px 0; } } /* cms block */ .banner-static { text-align: center; clear: both; overflow: hidden; } .banner-static .owl-pagination { position:absolute; left:0; right:0; margin: auto; bottom: 2%; } .banner-static .image { position:relative; display: inline-block; vertical-align: top; } @media (min-width: 1920px) { .banner-static .image,.banner-static .image > a,.banner-static .image a img { width: 100%; } } .banner-static .image > a { position: relative; display: inline-block; max-width: 100%; overflow: hidden; vertical-align: top; } .banner-static .image a img { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .banner-static .image a:hover img { opacity: 0.7; } .banner-static .image a .text { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .static-sidebar { text-align: left; overflow: hidden; } .static-sidebar .image { /* margin-top: 12px; */ } .static-bottom-menu { margin-top: 25px; } .static-middle-autima1 { display: grid; grid-template-columns: auto auto; grid-gap: 10px; margin-top: 50px; } .static-middle-autima1 .text { pointer-events: none; position: absolute; left: 9%; top: 50%; text-align: left; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Lato', sans-serif; } .static-middle-autima1 .text h4 { font-size: 22px; color: #747c83; font-weight: 400; text-transform: capitalize; margin: 0; margin-bottom: 3px; line-height: 1; } .static-middle-autima1 .text h3 { font-size: 30px; color: #3e444a; font-weight: 700; text-transform: capitalize; margin: 0; margin-bottom: 21px; line-height: 1; } .static-middle-autima1 .text h3 span { display: block; } .static-middle-autima1 .text a { font-size: 13px; color: #3e444a; font-weight: 400; margin: 0; line-height: 40px; text-transform: uppercase; padding: 0 18px; display: inline-block; vertical-align: top; background: #ffd54c; border-radius: 5px; -webkit-border-radius: 5px; pointer-events: visible; } .static-middle-autima1 .text a:hover { color: #fff; background: #3e444a; } @media(min-width: 768px) and (max-width:991px) { .static-middle-autima1 .text h4 { font-size: 2vw; } .static-middle-autima1 .text h3 { font-size: 2.2vw; margin-bottom: 1.5vw; } .static-middle-autima1 .text a { font-size: 1.4vw; line-height: 3.3vw; padding: 0 1.5vw; } } @media (max-width: 767px) { .static-middle-autima1 { grid-template-columns: 100%; } } @media (max-width:425px) { .static-middle-autima1 .text h4 { font-size: 4vw; } .static-middle-autima1 .text h3 { font-size: 6vw; margin-bottom: 2vw; } .static-middle-autima1 .text a { font-size: 3vw; line-height: 6vw; padding: 0 2.3vw; } } .static-bottom-autima1 { display: grid; grid-template-columns: auto auto; align-items: center; } .static-bottom-autima1 h3 { font-size: 30px; margin-top: 0; margin-bottom: 3px; } .static-bottom-autima1 p { margin-bottom: 0; } .static-bottom-autima1 a { line-height: 48px; background: #3e444a; color: #fff; padding: 0 33px; display: inline-block; vertical-align: top; text-transform: uppercase; border-radius: 25px; -webkit-border-radius: 25px; } .static-bottom-autima1 a:hover { background: #2b3137; } @media (max-width: 767px) { .static-bottom-autima1 { grid-template-columns: 100%; text-align: center; grid-row-gap: 20px; } } /**/ .layer-background { background: #f8f8f8; } /* Products */ .owl-item.active .item { -moz-animation: zoomIn 500ms ease; -o-animation: zoomIn 500ms ease; -webkit-animation: zoomIn 500ms ease; animation: zoomIn 500ms ease; } .item .item-inner { position: relative; border: 1px solid #f0f0f0; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .item .item-inner:hover { /* border-color: #ffd54c; */ } .label-product { color: #fff; font-weight: 400; text-align: center; line-height: 22px; padding: 0 9px; position: absolute; background: #83b71c; min-width: 46px; left: 22px; top: 4px; text-transform: uppercase; font-size: 12px; z-index: 3; border-radius: 5px; -webkit-border-radius: 5px; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); -ms-transform: skewX(-20deg); } .label-product span { transform: skewX(20deg); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); display: block; } body:not(.common-home) .label_new { display: none; } .label_sale { background: #ffd54c; color: #222; } .label-product:nth-child(1) { /* top: 20px; */ } .item-inner .images-container { position: relative; text-align: center; overflow: hidden; } .item-inner .images-container > .inner { position: relative; } .item-inner .images-container .product-image { position:relative; display: block; } .item-inner .images-container img { margin: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .item-inner .images-container .img-r { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; opacity:0; visibility:hidden; z-index:1; } .item-inner:hover .images-container .img-r { opacity:1; visibility: visible; } .item-inner .images-container .quickview { position: absolute; right: 10px; bottom: 20px; opacity: 0; z-index: 3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .item-inner:hover .images-container .quickview { opacity: 1; } .item-inner:hover .images-container .quickview button { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } .item-inner .images-container .quickview button { width: 36px; height: 36px; line-height: 36px; background: #e9e9e9; color: #222; padding: 0; font-weight: normal; border-radius: 100%; -webkit-border-radius: 100%; transform: scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); } .item-inner .images-container .quickview button:hover { background: #ffd54c; } .item-inner button.btn-quickview:before { content: "\e86f"; font-family: 'Linearicons-Free'; font-size: 16px; display: inline-block; vertical-align: top; line-height: inherit; } .item-inner .images-container .quickview button span { display: none; } .item-inner .images-container .action-links { position: absolute; opacity: 0; visibility: hidden; right: 10px; z-index: 3; top: 8px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .item-inner:hover .images-container .action-links { opacity: 1; visibility: visible; } .item-inner .action-links button{ line-height: 36px; width: 36px; display: inline-block; vertical-align: top; background-color: transparent; font-weight: normal; font-size: 0; padding: 0; border-radius: 100%; -webkit-border-radius: 100%; text-align: center; color: #3e444a; } .item-inner .action-links button:last-child { margin: 0; } .item-inner .action-links button span { display:none;} .item-inner .action-links button:before { font-family: 'Linearicons-Free'; font-size: 22px; display: inline-block; vertical-align: top; line-height: inherit; } .item-inner .action-links button.btn-wishlist:before { content: "\e813"; } .item-inner .action-links button.btn-compare:before { content: "\e862"; } .item-inner .action-links button:hover { background: transparent; color: #ffd54c; } .item-inner .caption { background: transparent; text-align: left; overflow: hidden; position: relative; padding: 20px 19px 24px 19px; } .item-inner .caption-top { padding: 10px 19px 0 19px; } .item-inner .caption > .inner { position: relative; } .item-inner .product-des { line-height: 22px; } .product-name { display: block; margin: 15px 0 4px 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .product-name a { padding: 0; display: block; text-transform: capitalize; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px; color: #2777d0; } .product-name a:hover { color: #3e444a; } .ratings { display:block; } .ratings a { margin-left: 8px; text-transform: capitalize; color: #5a5a5a; font-size: 12px; line-height: 12px; display: inline-block; vertical-align: top; } .ratings a:hover { color: #ffd54c; } .ratings a.review-count:after { content: "|"; margin-left: 8px; vertical-align: top; } .ratings .rating-box { display: inline-block; vertical-align:top; } .rating-box div[class^='rating']{ background: url('../image/rating0.png') no-repeat; font-size: 0; height: 13px; width: 79px; } .rating-box div.rating1{ background-image: url('../image/rating1.png'); } .rating-box div.rating2{ background-image: url('../image/rating2.png'); } .rating-box div.rating3{ background-image: url('../image/rating3.png'); } .rating-box div.rating4{ background-image: url('../image/rating4.png'); } .rating-box div.rating5{ background-image: url('../image/rating5.png'); } .price-box p { display: inline-block; vertical-align:top; margin-bottom: 0; } .price-box .price-tax { display: none; } .price-box .price { color: #3e444a; font-size: 18px; font-weight: 600; } .price-box p.special-price .price{ color: #fd5018; } .price-box p.old-price { margin-left: 4px; padding-top: 2px; } .price-box p.old-price .price { color: #757575; text-decoration: line-through; font-size: 16px; font-weight: 400; } .item-inner .caption .price-box { display: block; margin-top: 3px; } .item-inner .caption .model { margin: 0; color: #737373; } .item-inner .caption .ratings { /* margin-top: 15px; */ } .item-inner .category-options .ul-swatches-colors { margin-bottom: 5px; } .item-inner .caption .price-box label { margin:0; font-size: 13px; color: #363f4d; display: none; } .item-inner .caption .manufacture-product { margin: 0; display: none; } .item-inner .caption-top .manufacture-product a { font-size: 12px; color: #878787; font-weight: 400; line-height: 1; padding: 0; text-transform: uppercase; display: block; } .item-inner .caption-top .manufacture-product a:hover { color: #222; } .item-inner .caption .product-tags { margin-bottom: 7px; } .item-inner .caption .product-tags a { color: #5a5a5a; font-size: 13px; } .item-inner .caption .product-tags a:hover { color: #ffd54c; } .item-inner .caption .available { display: none; } /* module title*/ .module-title { position: relative; display: block; margin-top: 44px; margin-bottom: 23px; text-align: left; } .module-title:before { content:""; background: #e9e9e9; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; } .module-title h2 { position: relative; text-transform: capitalize; font-size: 26px; margin: 0; display: inline-block; vertical-align: top; background: #fff; padding-right: 20px; font-weight: 400; font-family: 'Lato', sans-serif; } .module-title h2 .word1 { font-weight: 700; } .module-description { margin-top: 16px; } .module-description p { line-height: 18px; display: inline-block; vertical-align: top; margin: 0; } /*grid-style*/ .grid-style:not(:first-child) { margin-top: 45px; } .grid-style .item-inner button.btn-cart { width: 36px; height: 36px; line-height: 36px; font-size: 22px; font-weight: 400; padding: 0; background: transparent; color: #3e444a; border-radius: 100%; -webkit-border-radius: 100%; position: absolute; bottom: 0; right: -10px; opacity: 0; transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); } .grid-style .item-inner:hover button.btn-cart { opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } .grid-style .item-inner button.btn-cart span { display: none; } .grid-style .item-inner button.btn-cart:before { content: "\e82e"; font-family: 'Linearicons-Free'; } .grid-style .item-inner button.btn-cart:hover { background: transparent; color: #ffd54c; } .grid-style .item-inner .caption-top .manufacture-product { display: block; opacity: 0; margin: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .grid-style .item-inner:hover .caption-top .manufacture-product { opacity: 1; margin-bottom: 9px; } .grid-style .item-inner:hover .product-name { margin-bottom: 10px; margin-top: 0; } .grid-style .item-inner .action-links button{ display: block; transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); } .grid-style .item-inner:hover .action-links button { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } /*list-style*/ .list-style:not(:first-child) { margin-top: 20px; } .list-style .item .item-inner { overflow: hidden; padding: 19px; display: grid; grid-template-columns: auto 44.215%; } .list-style .item .item-inner .images-container { } .list-style .item .item-inner .caption { padding: 0; padding-right: 5px; display: grid; align-items: center; } .list-style .product-name { margin-top: 0; margin-bottom: 15px; } .list-style .item .item-inner button.btn-cart { background: #fff; border: 1px solid #aaa; color: #555; font-weight: 400; font-size: 13px; line-height: 40px; padding: 0 30px; margin-top: 10px; } .list-style .item .item-inner button.btn-cart:hover { border-color: #ffd54c; background: #ffd54c; color: #fff; } /*list-module*/ .list-module .module-title { text-align: left; margin-bottom: 22px; } .list-module .module-title h2 { font-size: 22px; font-weight: 700; } .list-module .list-style .item .item-inner { border: 0; padding: 0; grid-template-columns: 28.575% auto; } .list-module .list-style .item .item-inner .caption { padding-right: 0; padding-left: 20px; } .list-module .list-style .product-name { margin-bottom: 10px; } .list-module .item-inner .caption .price-box { margin-top: 0; } @media (max-width: 567px) and (min-width: 480px) { .list-style .item .item-inner { grid-template-columns: 100%; } .list-style .item .item-inner .caption { padding-right: 0; margin-bottom: 15px; } .list-module .list-style .item .item-inner { grid-template-columns: 100%; } .list-module .list-style .item .item-inner .caption { padding-left: 0; margin-bottom: 0; margin-top: 15px; } } /* module-style2 */ /* background-full */ .background-full { background: #f6f6f6; padding-bottom: 50px; margin-top: 50px; } .background-full .module-title h2 { background: #f6f6f6; } /* module-nav2 */ .module-nav2 .owl-carousel.owl-theme .owl-nav { position: absolute; right: 10px; top: -54px; background: #fff; } .module-nav2 .owl-carousel.owl-theme .owl-nav { border: 1px solid #e9e9e9; padding: 0 9px; border-radius: 25px; -webkit-border-radius: 25px; } .module-nav2 .owl-carousel.owl-theme .owl-nav div { position: relative; display: inline-block; vertical-align: top; opacity: 1; top: auto !important; left: auto !important; right: auto !important; margin: 0; border: 0; width: 25px; height: 30px; line-height: 30px; font-weight: normal; } .module-nav2 .owl-carousel.owl-theme .owl-nav div:hover { background: transparent; color: #ffd54c; } .module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-prev { /* margin-right: 4px; */ } /* slider-group */ .slider-group {margin-top: 20px;} /* tabs-category-slider */ .tabs-category-slider.tabs-style1 .box-tab { position: absolute; left: 0; right: 0; text-align: center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tabs-category-slider.tabs-style1 .tabs-categorys { display: inline-block; vertical-align: top; text-align: center; background: #fff; padding: 0 15px; border: 1px solid #e9e9e9; border-radius: 25px; font-family: 'Lato', sans-serif; } .tabs-style2 .tabs-categorys { display: none; } .tabs-category-slider .tabs-categorys li { display: inline-block; vertical-align: top; margin-right: 15px; position: relative; } .tabs-category-slider .tabs-categorys li:after { content: ""; width: 15px; height: 1px; background: #d6d6d6; position: absolute; top: 50%; right: -15px; } .tabs-category-slider .tabs-categorys li:last-child:after { display: none; } .tabs-category-slider .tabs-categorys li a { font-size: 14px; color: #777; line-height: 30px; text-transform: none; font-weight: 500; cursor: pointer; position: relative; display: block; padding: 0 15px; } .tabs-category-slider .tabs-categorys li:last-child { margin:0; } .tabs-category-slider .tabs-categorys li a:hover,.tabs-category-slider .tabs-categorys li.active a { color: #3e444a; } .tabs-category-slider .tabs-categorys li.active a { font-weight: 700; } /* tabs-brand-category-slider */ .tabs-brand-category-slider {} .tabs-brand-category-slider.module-nav2 .owl-carousel.owl-theme .owl-nav { top: -195px; } .tabs-brand-category-slider .tabs-categorys { text-align: center; border: 1px solid #f0f0f0; background: #f8f8f8; padding: 17px 10px; margin-bottom: 30px; } .tabs-brand-category-slider .tabs-categorys .tab-name { display: none; } .tabs-brand-category-slider .tabs-categorys .a-tabs { display: block; } .tabs-brand-category-slider .tabs-categorys .a-tabs img { opacity: 0.4; } .tabs-brand-category-slider .tabs-categorys .a-tabs:hover img, .tabs-brand-category-slider .tabs-categorys .li-tabs.active .a-tabs img { opacity: 1; } /* product-tabs-container-slider */ .product-tabs-container-slider .module-title h2 { display: none; } .product-tabs-container-slider .module-title { } .product-tabs-container-slider .tabs-categorys { display: inline-block; vertical-align: top; position: relative; } .product-tabs-container-slider .tabs-categorys li { float: left; margin-right: 20px; } .product-tabs-container-slider .tabs-categorys li a { font-size: 26px; color: #868686; line-height: 1.3; text-transform: capitalize; font-weight: 500; cursor: pointer; display: inline-block; vertical-align: top; padding: 0 30px; background: #fff; } .product-tabs-container-slider .tabs-categorys li:first-child a { padding-left:0; } .product-tabs-container-slider .tabs-categorys li:last-child { margin: 0; } .product-tabs-container-slider .tabs-categorys li:last-child:after { display: none; } .product-tabs-container-slider .tabs-categorys li.active a { color: #222; } .product-tabs-container-slider .tabs-categorys li.active a .word1 { font-weight: 600; } .product-tabs-container-slider .tabs-categorys li a:hover { color: #222; } /* bestseller-products-slider */ .bestseller-products-slider { } /* related-products */ .related-products { } /* featured-categories-container */ .featured-categories-container { } .featured-categories-container .item:not(:first-child) { border-top: 1px solid #f0f0f0; } .featured-categories-container.module-nav2 .owl-carousel.owl-theme .owl-nav { right: 0; } .featured-categories-content { background: #fff; border-radius: 5px; -webkit-border-radius: 5px; } .featured-categories-content .owl-container { margin: 0; } .featured-categories-content .owl-container .owl-item { padding: 0; } .featured-categories-content .owl-container .owl-item { padding: 0; border-left: 1px solid #f0f0f0; } .featured-categories-content .owl-container .owl-item.first { border-left: 0; } .featured-categories-content .item .item-inner { border: 0; } .fcategory-content { padding: 19px; display: grid; grid-template-columns: 44.295% auto; } .fcategory-content .image {text-align: center;} .fcategory-content .content-thumb { padding-left: 20px; } .fcategory-content .content-thumb .total-items { color: #868686; margin-bottom: 0; display: none; } .fcategory-content .image img { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .fcategory-content:hover .image img { opacity: 0.7; } .featured-categories-container .content-thumb .name { margin-top: 0; margin-bottom: 8px; } .featured-categories-container .content-thumb .name a { font-size: 18px; display: block; font-weight: 400; text-transform: capitalize; pointer-events: visible; color: #3e444a; } .featured-categories-container .content-thumb .name a:hover { color: #ffd54c; } .sub-featured-categories li a { display: block; color: #757575; line-height: 24px; text-transform: capitalize; } .sub-featured-categories li a:hover { color: #ffd54c; } .featured-categories-container .view-more { color: #757575; text-transform: uppercase; margin-top: 10px; display: block; font-size: 13px; font-weight: 700; line-height: 20px; float: right; } .featured-categories-container .view-more:after { content:"\f362"; font-family: "Ionicons"; font-size: 16px; font-weight: 400; margin-left: 4px; display: inline-block; line-height: inherit; vertical-align: top; color: #ffd54c; } .featured-categories-container .view-more:hover { color: #ffd54c; } @media (max-width: 767px) { .fcategory-content { padding: 15px; } .fcategory-content .content-thumb { padding-left: 10px; } } @media (max-width: 567px) and (min-width: 480px) { .fcategory-content { grid-template-columns: 100%; padding: 19px; } .fcategory-content .content-thumb { padding-top: 15px; padding-left: 0; } } /* CountDown */ .occountdown_module { } .occountdown_module .item .item-inner { border: 1px solid #f0f0f0; padding: 19px; display: grid; grid-template-columns: 53.466% auto; } .occountdown_module .item .item-inner .caption { border: 0; padding-right: 0; } .occountdown_module .label-product { position: relative; top: auto; left: auto; right: auto; } .occountdown_module .item-inner .caption .ratings { margin-top: 10px; } .occountdown_module .item-inner .caption .price-box { margin-top: 15px; } .occountdown_module .item-inner .price-box .price { font-size: 18px; } .occountdown_module .price-box p.old-price .price { font-size: 15px; } .occountdown_module .product-images { padding: 0 20px; margin-top: 10px; } .occountdown_module .swiper-viewport { margin: 0 -5px; border: 0; box-shadow: none; width: auto; } .occountdown_module .swiper-viewport .swiper-slide { padding: 0 5px; } .img-slide { border: 1px solid transparent; display: inline-block; vertical-align: top; } .img-slide.active { border-color: #ffd54c; } .occountdown_module .swiper-viewport .swiper-button-prev,.occountdown_module .swiper-viewport .swiper-button-next { width: 20px; height: 30px; line-height: 30px; margin-top: -15px; text-shadow: none; color: #333; } @media (max-width: 767px) { .occountdown_module .swiper-viewport .swiper-button-prev,.occountdown_module .swiper-viewport .swiper-button-next { display: none; } } .occountdown_module .swiper-viewport .swiper-button-prev:hover,.occountdown_module .swiper-viewport .swiper-button-next:hover { color: #ffd54c; } .occountdown_module .swiper-viewport .swiper-button-prev:before,.occountdown_module .swiper-viewport .swiper-button-next:before { line-height: inherit; height: inherit; color: inherit; font-family: "Ionicons"; display: inline-block; vertical-align: top; font-size: 20px; width: 100%; } .occountdown_module .swiper-viewport .swiper-button-prev:before { content: "\f3d2"; } .occountdown_module .swiper-viewport .swiper-button-next:before { content: "\f3d3"; } .occountdown_module .swiper-viewport:hover .swiper-button-prev { left: -20px; } .occountdown_module .swiper-viewport:hover .swiper-button-next { right: -20px; } .text-hurryup { display: none; } .occountdown_module .quantity-progress { display: block; overflow: hidden; } .quantity-progress { margin-bottom: 25px; display: none; margin-top: 25px; } .product-available,.product-sold { float: left; margin-top: 10px; text-transform: capitalize; margin-bottom: 0; color: #333; } .product-available span { } .product-available { float: right; } .product-sold span { } .bar-percent { height: 10px; background: #f0f0f0; width: 100%; border-radius: 25px; position: relative; overflow: hidden; } .available-percent { position: absolute; height: 100%; left: 0; background: #ffdd20; } .occountdown_module .text-hurryup { display: inline-block; vertical-align: top; margin: 0; margin-right: 14px; } .occountdown_module .box-countdown { display: none; position: absolute; right: 117px; top: 50%; margin-top: -18px; } .occountdown_module .box-countdown > .inner { font-size: 17px; font-weight: 700; line-height: 36px; padding: 0 20px; background: #ffd54c; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; vertical-align: top; } .is-countdown { display: inline-block; vertical-align: top; } .countdown-row { overflow: hidden; display: block; } .countdown-section { float: left; position: relative; } .countdown-section:after { content: ":"; margin: 0 5px; } .countdown-section:last-child:after { display: none; } .countdown-section .time-info { } .countdown-section:last-child { border: 0; } .countdown-amount { } .countdown-period { display:none; } @media (max-width: 767px) { .occountdown_module .box-countdown { right: 0; } } @media (max-width: 567px) { .occountdown_module .box-countdown { position: relative; top: auto; right: auto; margin-top: 15px; } } @media (max-width: 479px) { .occountdown_module .item .item-inner { grid-template-columns: 100%; } .occountdown_module .item .item-inner .caption { padding-left: 0; } } /* testimonial */ .testimonial-full { padding: 100px 0; background: url(../image/bkg_testtimor.jpg) top no-repeat; background-attachment: fixed; margin-top: 74px; } @media (max-width: 991px) { .testimonial-full { padding: 50px 0; margin-top: 50px; } } .testimonial-container { } .testimonial-container .module-title {margin-top: 75px;display: none;} .testimonial-container .owl-dots { margin-top: 35px; } .common-home .testimonial-images { display: none; } .testimonial-images { display: inline-block; vertical-align: top; border-radius: 100%; overflow: hidden; margin-bottom: 15px; } .testimonial-content{text-align: center;} .testimonial-content .title { margin-top: 20px; margin-bottom: 12px; display: none; } .testimonial-content .title a { font-size: 18px; color: #454545; } .testimonial-content .title a:hover { color: #ffd54c; } .testimonial-box { padding: 15px 0; margin: auto; line-height: 20px; } .testimonial-container .icon { display: block; text-align: center; padding-top: 5px; } .testimonial-container .icon i { width: 52px; height: 52px; border: 1px solid #ffd54c; display: inline-block; vertical-align: top; position: relative; } .testimonial-container .icon i:before { content: "\e04a"; font-family: 'simple-line-icons'; font-size: 24px; width: 52px; height: 52px; line-height: 52px; background: #fff; color: #ffd54c; position: absolute; left: 5px; bottom: 5px; text-align: center; } .testimonial-box a { font-weight: 400; line-height: 40px; text-transform: none; display: block; color: #fff; font-size: 28px; } .testimonial-box a:hover { color: #ffd54c } .testimonial-author { font-size: 14px; text-transform: capitalize; color: #fff; margin: 0; font-style: italic; } .row-testimonials { padding: 20px; border: 1px solid #ebebeb; margin-bottom: 30px; text-align: center; } .testimonial-container .owl-carousel.owl-theme .owl-nav div { background: transparent; color: rgba(255,255,255,0.5); } .testimonial-container .owl-carousel.owl-theme .owl-nav div:hover { color: #fff; } /* policy-block */ .policy-block { text-align: center; border: 1px solid #f0f0f0; padding: 19px 5px; margin-top: 50px; border-radius: 5px; -webkit-border-radius: 5px; } .policy-block .inner{ display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 0 -5px; grid-row-gap: 10px; } .policy-block .col { padding: 0 5px; } .policy-block .col:not(:last-child) { border-right: 1px solid #f0f0f0; } .policy-block .box { padding: 15px 0; padding-left: 53px; background:url(../image/free_shipping.png) left center no-repeat; display: inline-block; vertical-align: top; text-align: left; } .policy-block .col:nth-child(2) .box { background:url(../image/support247.png) left center no-repeat; } .policy-block .col:nth-child(3) .box { background:url(../image/money_back.png) left center no-repeat; } .policy-block .col:nth-child(4) .box { padding-left: 51px; background:url(../image/payment_secure.png) left center no-repeat; } .policy-block .box h4 { font-size: 14px; font-weight: 700; color: #3e444a; text-transform: capitalize; margin: 0; margin-bottom: 4px; } .policy-block .box p { margin: 0; font-size: 13px; } .policy-block-2 { padding: 12px 0; margin-top: 4px; border-left: 0; border-right: 0; border-radius: 0; -webkit-border-radius: 0; text-align: left; } .policy-block-2 .col { border: 0 !Important; } .policy-block-2 .inner { grid-template-columns: auto auto auto; } .policy-block-2 .box { background: url(../image/free_shipping_2.png) left center no-repeat; padding-left: 50px; } .policy-block-2 .col:nth-child(2) .box { background: url(../image/return.png) left center no-repeat; padding-left: 50px; } .policy-block-2 .col:nth-child(3) .box { background: url(../image/guarantee.png) left center no-repeat; padding-left: 44px; } @media (max-width: 991px) { .policy-block .inner { grid-template-columns: 50% 50%; } .policy-block .col { border: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .policy-block-2 .inner { grid-template-columns: 100%; } } @media (max-width: 767px) { .policy-block .inner { grid-template-columns: 50% 50%; } .policy-block-2 .inner { grid-template-columns: auto auto auto; } } @media (max-width: 479px) { .policy-block-2 .inner { grid-template-columns: 100%; } } @media (max-width: 374px) { .policy-block .inner { grid-template-columns: 100%; margin: 0; } } /* End Corporate */ .box-blog { border-top: 1px solid #2d2d2d; margin-top: 95px; } .menu-recent { } .menu-recent .module-title { } .menu-recent.module-nav2 .owl-carousel.owl-theme .owl-nav { } .menu-recent .row_items .articles-inner:not(:first-child) { display: inline-block; margin-top: 20px; vertical-align: top; width: 100%; } .menu-recent .articles-image { } .menu-recent .aritcles-content {text-align: left;position: relative;border: 1px solid #f5f5f5;border-top: 0;padding: 12px 20px 15px 20px;} .menu-recent .aritcles-content .content-inner { } .menu-recent .articles-image a { display: inline-block; overflow: hidden; vertical-align: top; max-width: 100%; width: 100%; position: relative; } .menu-recent .articles-image a img { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 100%; } .menu-recent .articles-image a:hover img { opacity: 0.7; } .menu-recent .articles-image a:hover .icon-view { opacity: 1; } .menu-recent .articles-image a .icon-view { width: 52px; height: 52px; border: 1px solid #ffd54c; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .menu-recent .articles-image a .icon-view:before { content:"\e032"; font-family: 'simple-line-icons'; font-size: 23px; width: 52px; height: 52px; line-height: 52px; background: #ffd54c; color: #fff; text-align: center; position: absolute; left: 5px; bottom: 5px; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); } .articles-name { display: block; font-size: 16px; text-transform: capitalize; line-height: 24px; position: relative; margin-top: 0; margin-bottom: 20px; color: #333; font-weight: 600; } .author-name,.date-time-post { display: inline-block; vertical-align: top; text-transform: none; margin: 0; color: #999999; font-size: 13px; position: relative; } .author-name { margin-right: 14px; } .author-name:after { content: ""; width: 3px; height: 3px; background: #999999; border-radius: 100%; -webkit-border-radius: 100%; position: absolute; top: 50%; right: -10px; margin-top: -1.5px; } .author-name span { color: #333333; } .author-name .text-post-by { color: #777; } .articles-intro { margin-top: 21px; display: none; } .articles-intro p { line-height: 24px; padding: 0; margin: 0; } .menu-recent .read-more { font-size: 14px; display: block; text-transform: uppercase; margin-top: 33px; text-decoration: underline; } .menu-recent .read-more:hover { text-decoration: underline; } .blog-blog .intro-content img { float: left; margin-right: 30px; } .blog-blog .intro-content .text-intro { /* float: left; */ } .blog-blog .article-list,.blog-article .article-container{ clear: both; overflow: hidden; margin-bottom: 30px; } .article-description p,.intro-content p { line-height: 24px; } @media(max-width: 767px) { .blog-blog .intro-content img,.blog-article .article-description img { float: none; margin-right: 0; } } /*----instagram_block_home----*/ #instagram_block_home { position: relative; } #instagram_block_home img { width: 100%; } #instagram_block_home .title { margin-bottom: 25px; } #instagram_block_home .title a { font-size: 17px; color: #333; font-weight: 600; display: block; line-height: 24px; } #instagram_block_home .title a:hover { text-decoration: underline; } #instagram_block_home .content_block { display: block; } #instagram_block_home a.fancybox:not(:first-child) { position: relative; margin-top: 10px; } #instagram_block_home a.fancybox { position: relative; } #instagram_block_home a.fancybox:before { content:""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; opacity: 0; background: rgba(58,153,67,0.5); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #instagram_block_home a.fancybox:after { content: "\f350"; font-family: "Ionicons"; font-size: 24px; color: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; z-index: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } #instagram_block_home a.fancybox:hover:before,#instagram_block_home a.fancybox:hover:after { opacity: 1; } /* Tweets */ .timeline-Widget { background: none; } /* brand */ .brand-slider img { display:inline-block; vertical-align:top; opacity:1; } .brand-slider img:hover {opacity:0.7;} .brand-slider { border: 1px solid #ededed; padding: 34px 5px; text-align: center; margin-top: 50px; border-radius: 5px; -webkit-border-radius: 5px; } .common-home .brand-slider { } /*popular-tags*/ .popular-tags { } .popular-tags .title { margin-bottom: 20px; } .popular-tags .title h3 { margin: 0; font-size: 17px; font-weight: 300; } .popular-tags ul li a { line-height: 29px; display: inline-block; vertical-align: top; padding: 0 11px; border: 1px solid #d5d5d5; margin-right: 7px; margin-bottom: 10px; color: #666666; font-weight: 400; } .popular-tags ul li a:last-child { margin-right: 0; } .popular-tags ul li a:hover { background: #ffd54c; border-color: #ffd54c; color: #fff; } /* Social-top */ .social-top { padding: 7.5px 0; } .social-top ul.link-follow { margin: 0; } .social-top ul.link-follow li { margin: 0; } .social-top ul.link-follow li a { background: transparent !important; width: 30px; color: #3e444a; border: 0; height: 30px; line-height: 30px; } .social-top ul.link-follow li a:hover { opacity: 0.7; color: #3e444a; } .social-top .follow label { display: inline-block; vertical-align: top; } @media(max-width: 767px) { .social-top .follow label { display: none; } } /* social-group */ .social-group { background: #ffd54c; padding: 39px 0; margin-top: 50px; } .social-group .inner { display: grid; grid-template-columns: auto auto; align-items: center; } .social-group .inner .follow { text-align: right; } .social-group .inner .follow ul.link-follow { margin: 0; margin-bottom: 10px; } @media (max-width: 1199px) { .social-group .inner { grid-template-columns: 100%; grid-gap: 10px; } .social-group .inner .follow { text-align: center; } } /*---*/ .follow { } .follow label { font-size: 13px; line-height: 24px; text-transform: capitalize; font-weight: 400; margin: 0; color: #3e444a; display: inline-block; vertical-align: top; margin-right: 3px; padding: 3px 0; display: none; } ul.link-follow { display: inline-block; vertical-align: top; margin-top: 13px; } ul.link-follow li { display: inline-block; margin-right: 7px; margin-bottom: 0; vertical-align: top; margin-top: 10px; } ul.link-follow li:last-child { margin-right: 0; } ul.link-follow li a { position: relative; display: inline-block; vertical-align: top; color: #3e444a; width: 48px; height: 48px; line-height: 46px; background: transparent; border-radius: 100%; -webkit-border-radius: 100%; font-size: 0; border: 1px solid #42474a; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } ul.link-follow li a:before { font-size: 18px; display: inline-block; line-height: inherit; vertical-align: top; } ul.link-follow li a span { display: none; } ul.link-follow li a:hover { background: #3e444a; border-color: #3e444a; color: #fff; } /*twitter*/ #twitter-feed { } #twitter-feed .tweet-title { display: none; } #twitter-feed .tweet-title h3 { color: #2d2d2d; font-size: 18px; text-transform: uppercase; display: block; margin-bottom: 20px; font-weight: 700; margin-top: 0; } #twitter-feed .twitter-pic { display: none; } #twitter-feed .twitter-text { line-height: 20px; position: relative; font-style: italic; padding-left: 30px; } #twitter-feed .twitter-text:before { content: "\f099"; font-family:"Font Awesome 5 Brands"; position: absolute; left: 0; top: 3px; font-style: normal; font-size: 20px; color: #ffd54c; } #twitter-feed .twitter-text .tweetprofilelink,#twitter-feed .twitter-text br{ display: none; } #twitter-feed .twitter-text .tweet-time { display: block; margin-top: 5px; } #twitter-feed .twitter-text .tweet-time a { font-size: 13px; color: #999; font-style: normal; } #twitter-feed .twitter-text a { color: #ffd54c; } #twitter-feed .twitter-text a:hover { text-decoration: underline; } #twitter-feed .twitter-article:not(:first-child) { border-top: 1px solid #e5e5e5; padding-top: 14px; margin-top: 14px; } /* footer */ /* footer */ .common-home footer { margin-top: 0; } .product-details footer { margin-top: 30px; } footer{ margin-top: 40px; } .footer-top{ padding: 45px 0 15px 0; } ul.links-footer { display: block; padding: 14px 0; border-bottom: 2px solid #393939; margin-bottom: 47px; } ul.links-footer li { display: inline-block; vertical-align: top; position: relative; padding-right: 25px; margin-right: 25px; } ul.links-footer li:after { position: absolute; content: ""; width: 1px; height: 13px; background: #808080; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } ul.links-footer li:last-child { margin: 0; padding: 0; } ul.links-footer li:last-child:after { display: none; } ul.links-footer li a { line-height: 24px; font-size: 13px; color: #999999; display: block; text-transform: capitalize; } ul.links-footer li a:hover { color: #ffd54c; } footer .col-footer{ margin-bottom: 30px; position: relative; float: left; } .footer-title h5{ font-size: 17px; line-height: 24px; text-transform: capitalize; font-weight: 700; margin: 0; color: #333; } .footer-content { line-height: 20px; color: #666; } .logo-footer { display: block; margin-bottom: 25px; margin-top: 5px; } .footer-contact { } .footer-contact p { margin-bottom: 15px; } .footer-contact .footer-title { margin-bottom: 31px; } .footer-contact li { position: relative; margin-bottom: 11px; } .footer-contact li:last-child { margin: 0; } .footer-contact li p { margin: 0; line-height: 24px; } .footer-contact li p span { display: block; color: #3e444a; font-size: 16px; font-weight: 700; } .footer-contact li i { width: 42px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; background: #ffd54c; font-style: normal; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; } .footer-time p { margin: 0; line-height: 24px; padding: 5px 0; overflow: hidden; } .footer-time p:before { content: "\f105"; font-family: "Font Awesome 5 Free"; margin-right: 6px; } .footer-time p span:last-child { float: right; } .payment { float: right; padding: 8px 0; } .payment h5 { font-size: 18px; line-height: 24px; text-transform: capitalize; margin-top: 0; margin-bottom: 24px; font-weight: 500; } footer .list-unstyled.text-content li a:hover,footer .list-unstyled.text-content li a:hover:after{ color: #ffd54c; } .footer-title { margin-bottom: 16px; } footer .list-unstyled.text-content li a{display: block;line-height: 24px;color: #666;padding: 3px 0;position: relative;} .footer-middle { } .tag-static{ } .tag-static li a:first-child{ padding: 0 15px; font-weight: 400; color: #fff; background:#37475a; border-radius: 2px; margin-right: 8px; } .tag-static li a:first-child:after,.tag-static li a:last-child:after { display:none; } .tag-static li a { line-height: 32px; text-transform: capitalize; color: #5b697b; position: relative; display: inline-block; vertical-align: top; } .tag-static li a:after { content:"/"; display: inline-block; vertical-align: top; margin:0 9px; color: #5b697b; } .tag-static li a:hover { color: #fff; } .tag-static li { display: block; margin-bottom: 8px; } .tag-static li:last-child { margin-bottom:0; } .footer-bottom { text-align: center; background: #fff; } .footer-bottom .container-inner { display: inline-block; vertical-align: top; width: 100%; padding: 10px 0; border-top: 1px solid #ededed; } .footer-copyright { float: left; line-height: 30px; color: #999999; padding: 5px 0; font-size: 13px; } .footer-copyright p{ background: none; text-transform: capitalize; font-weight: 400; margin: 0; color: #999; } .footer-copyright p span { } .footer-bottom .footer-copyright a { color: #333333; } .footer-bottom .footer-copyright a:hover { color: #ffd54c; } .footer-custom-links { float: left; padding: 5px 0; } .footer-custom-links li { display: inline-block; vertical-align: top; margin-right: 27px; position: relative; line-height: 30px; } .footer-custom-links li:after { content: ""; width: 1px; height: 15px; background: #999; position: absolute; right: -15px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .footer-custom-links li:last-child { margin: 0; } .footer-custom-links li:last-child:after { display: none; } .footer-custom-links li a { color: #999; } .footer-custom-links li a:hover { color: #ffd54c; } #back-top i{ font-size: 16px; line-height: inherit; display: inline-block; vertical-align: top; font-style: normal; } #back-top:hover{ background: #ffd54c; color: #3e444a; } #back-top{ position: fixed; bottom: 80px; right: 30px; background: #3e444a; width: 42px; height: 42px; line-height: 42px; border-radius: 100%; color: #fff; display: none; text-align: center; cursor: pointer; z-index: 100; } /* breadcrumb */ .common-home .breadcrumbs { display: none; } .breadcrumbs { display: block; line-height: 25px; overflow: hidden; margin: 0; text-align: left; } .product-details .breadcrumbs { /* margin-bottom: 30px; */ } .breadcrumbs h1 { color: #363636; text-transform: uppercase; font-weight: 400; font-size: 30px; margin-bottom: 0; } .breadcrumb{ margin: 0; background: none; text-transform: none; padding: 22px 0; } .breadcrumb > li + li:before { content: "\f3d3"; padding: 0; color: #666; display: inline-block; vertical-align: top; font-family: "Ionicons"; font-size: 12px; } .breadcrumb li:before { margin: 0 7px; } .breadcrumb li a:hover, .breadcrumb li:last-child a{ color: #333; } .breadcrumb li a{ color: #666666; text-transform: capitalize; font-size: 13px; font-weight: 400; } .hasimage { text-align: center; margin-top: 0; } .hasimage .breadcrumb { padding-top: 0; } .hasimage h1,.hasimage .breadcrumb li a,.hasimage .breadcrumb > li + li:before { color: #fff; } .hasimage > .container { position: relative; } .hasimage > .container .inner { position: absolute; top: 50%; left: 0; right: 0; margin: auto; padding: 0 30px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* sidebar-order */ .col-order-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .col-order-inner .category-module { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .col-order-inner .layernavigation-module { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .col-order-inner .static-sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .col-order-inner .tt_product_module { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } /*----------*/ .category-module .li a.active, .category-module .li a:hover{ font-weight: 700; } .category-module .list-child a.active, .category-module .list-child a:hover { font-weight: normal; color: #ffd54c; } .category-module .li{ } .category-module .li a{ text-transform: capitalize; line-height: 24px; padding: 5px 0; display: block; position: relative; color: #3e444a; font-size: 14px; } .category-module > .ul{ margin: 0; border-top: 0; border-bottom: 1px solid #dcdcdc; padding-bottom: 27px; } .category-module .list-child { padding-left: 10px; } .category-module .list-child a { color: #757575; } .category-module .list-child .li a:before { width: 10px; height: 10px; } .category-module{ background: #f6f6f6; padding: 20px; } .category-module h3{ font-size: 16px; text-transform: uppercase; margin: 17px 0 11px; text-align: left; font-family: 'Lato', sans-serif; font-weight: 700; } /* toolbar */ .description p:last-child { margin: 0; } .has-thumb { position: relative; margin-bottom: 20px; } .has-thumb .category-name { } .category-name { font-size: 28px; } .text-refine { margin-top:0; font-size: 16px; } .category-image { border-radius: 0; overflow: hidden; } .category-image img { border: none; padding: 0; border-radius: 0; } #compare-total ,.list-cate{ padding: 0; display: inline-block; vertical-align: top; margin-bottom: 25px; text-transform: capitalize; } .list-cate li a { line-height: 24px; display: block; } .toolbar-products { margin-bottom: 20px; display: inline-block; vertical-align: top; width: 100%; text-align: center; border: 1px solid #ededed; padding: 5px 20px; } .toolbar-products.toolbar-bottom { margin-bottom:0; position: relative; } .toolbar-products.toolbar-bottom .toolbar-amount { } .toolbar-products .modes { display:inline-block; vertical-align: top; padding: 0; margin: 1px 0; } .toolbar-products .toolbar-amount { line-height: 46px; display: inline-block; vertical-align: top; padding: 1px 0; } #grid-view i,#list-view i { display: none; } .modes button { width: 35px; height: 46px; padding: 0; margin-right: 4px; font-size: 0; display: inline-block; vertical-align: top; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none !important; border: 0; } .modes .btn-grid { background: url(../image/bkg_grid.png) center no-repeat; } .modes .btn-grid.active,.modes .btn-grid:hover { background:url(../image/bkg_grid_hover.png) center no-repeat; } .modes .btn-grid.btn-grid-2{ background: url(../image/bkg_grid2.png) center no-repeat; } .modes .btn-grid.btn-grid-2.active,.modes .btn-grid.btn-grid-2:hover { background:url(../image/bkg_grid2_hover.png) center no-repeat; } .modes .btn-grid.btn-grid-3 { width: 20px; } .modes .btn-grid.btn-grid-4{ background: url(../image/bkg_grid4.png) center no-repeat; } .modes .btn-grid.btn-grid-4.active,.modes .btn-grid.btn-grid-4:hover { background:url(../image/bkg_grid4_hover.png) center no-repeat; } .modes .btn-grid.btn-grid-5 { background: url(../image/bkg_grid5.png) center no-repeat; display: none; } .modes .btn-grid.btn-grid-5.active,.modes .btn-grid.btn-grid-5:hover { background:url(../image/bkg_grid5_hover.png) center no-repeat; } .modes .btn-list { background: url(../image/bkg_list.png) center no-repeat; } .modes .btn-list.active,.modes .btn-list:hover { background:url(../image/bkg_list_hover.png) center no-repeat; } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 1199px) { } .toolbar-products .sorter { margin-left: 45px; display: inline-block; vertical-align: top; padding: 9px 0; } .toolbar-products .limiter { display: inline-block; vertical-align: top; padding: 9px 0; } .toolbar-products .sorter label,.toolbar-products .limiter label { display:inline-block; vertical-align: top; line-height: 30px; margin: 0; margin-right: 8px; color: #666666; font-size: 14px; } .toolbar-products .sorter select, .toolbar-products .limiter select { padding: 0; height: 30px; font-size: 14px; color: #333333; background: #fff; display: inline-block; vertical-align: top; width: auto; border: 0; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; } .toolbar-products .sorter select:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #000 transparent transparent transparent; } .toolbar-products .pages { display:inline-block; vertical-align: top; padding: 9px 0; } .toolbar-products .pages ul { margin: 0; border-radius:0; } .toolbar-products .pages ul li { display: inline-block; vertical-align: top; margin: 0 3px; } .toolbar-products .pages ul li:first-child { margin-left: 0; } .toolbar-products .pages ul li:last-child { margin-right: 0; } .toolbar-products .pages ul li a { color: #3e444a; font-size: 14px; padding: 0; font-weight: 400; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; border: 0; border-radius: 4px; -webkit-border-radius: 4px; } .toolbar-products .pages ul li span { color: #fff; background: none; font-size: 14px; border: none; padding: 0; font-weight: 400; width: 30px; height: 30px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 30px; } .toolbar-products .pages ul li.active span,.toolbar-products .pages ul li:hover a { color: #3e444a; background: #ffd54c; border-color: #ffd54c; } /* category */ .custom-category > .row { margin: 0 -10px; } .custom-category > .row > .product-layout{ padding: 0 10px; } .custom-category .product-grid { margin-top: 0; } #product-category .product-grid .item-inner .caption .manufacture-product { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #product-category .product-grid .item-inner:hover .caption .hide-hover { opacity: 0; } .product-grid .product-des { display: none; } .product-grid .item {margin-bottom: 20px;} .product-list:first-child { margin-top: 20px; } .product-list .product-thumb {margin-bottom: 20px;} .product-list:last-child .product-thumb { border: 0; padding: 0; } .product-list .item-inner { display: grid; border: 1px solid #f0f0f0; padding: 19px; grid-template-columns: 31% 46% auto; } .product-list .images-container { order: 1; } .product-list .caption { text-align: left; padding: 0 20px; border: 0; border-right: 1px solid #ebebeb; order: 2; } .product-list .caption .inner { } .caption-top .text-available{ display:none; } .product-list .caption-top { display: block; padding: 15px 0 0 20px; order: 3; } .product-list .manufacture-product { display: none; } .product-list .caption-top .text-available { text-transform: capitalize; margin-bottom: 8px; display: block; } .product-list .caption-top .text-available span { color: #67c10a; } .product-list .product-name { border-top: 0; background: none; padding-bottom: 0; margin-bottom: 15px; margin-top: 15px; } .product-list .product-name a { font-size: 18px; line-height: 24px; } .product-list .item-inner .caption .ratings { } .product-list .product-des { padding: 16px 0 0 0; background: none; margin-bottom: 0; } .product-list .item-inner .price-box { order: 2; margin-top: 0; } .product-list .price-box .price { font-size: 24px; } .product-list .price-box p.old-price .price { font-size: 18px; } .product-list .price-box p.old-price { padding-top: 6px; } .product-list .item-inner .action-links { margin-top: 12px; text-align: center; } .product-list .item-inner button.btn-cart { line-height: 38px; width: 100%; margin-top: 34px; font-size: 15px; font-weight: 400; background: #ffd54c; } .product-list .item-inner button.btn-cart:hover { background: #3e444a; color: #fff; } /* product detail */ /*no use zoom*/ .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { margin-left: 20px; } .thumbnails { margin-left: -20px; } .thumbnails > img { width: 100%; } .image-additional a { margin-bottom: 20px; padding: 5px; display: block; border: 1px solid #ddd; } .image-additional { max-width: 78px; } .thumbnails .image-additional { float: left; margin-left: 20px; } /*--*/ .image-additional-container { } .image-additional-container .thumbnail{ margin: 0; border: 1px solid #edecec; } .image-additional-container .thumbnail:hover,.image-additional-container .thumbnail.current-additional { border-color: #ffd54c; } #product-product .column-main { background: #fff; padding: 10px; } .product-info-main > .inner { border: 1px solid #ebebeb; padding: 20px; } .product-info-main .tags { font-size: 13px; color: #333; margin-bottom: 7px; } .product-info-main .tags a { color: #868686; } .product-info-main .tags a:hover { color: #ffd54c; } .product-info-main .product-name { font-size: 24px; text-transform: capitalize; margin: 0px 0 22px 0; background: none; line-height: 1; color: #2777d0; } .product-info-main .price-box { display:block; margin-bottom: 7px; margin-top: 4px; } .product-info-main .price-box .price {font-size: 32px;} .product-info-main .price-box p.old-price .price { font-size: 24px; } .product-info-main .price-box p.old-price { padding-top: 7px; } .product-info-main .ratings { padding: 0; display: inline-block; vertical-align: top; margin: 0; } .product-info-main .ratings .rating-box { float: left; } .product-info-main .addthis_toolbox { padding-top: 25px; /* border-top: 1px solid #f3f3f3; */ /* padding-bottom: 9px; */ /* border-bottom: 1px solid #f3f3f3; */ /* margin-bottom: 18px; */ } .product-info-main .short-des { line-height: 20px; margin-bottom: 12px; padding: 23px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } #product .form-group .radio { display: inline-block; vertical-align: top; margin: 0 5px; } #product .form-group .radio input[type="radio"] { margin-top: 2px; } #input-quantity2, #minus2, #plus2, #input-quantity, #minus, #plus { box-shadow: none; font-weight: 700; text-align: center; width: 55px; font-size: 16px; padding: 0; color: #4c4c4c; background: #fff; float: left; border: 1px solid #e5e5e5; } #input-quantity2, #input-quantity { width: 100px; min-width: auto; margin: 0 1px; margin-right: 15px; } .product-info-main #product>h3 { margin-top: 0; font-size: 18px; } .product-info-main .form-group { display:inline-block; vertical-align: top; width: 100%; } .product-info-main #product { /* margin-bottom: 20px; */ } .product-info-main #product .form-group .control-label{ display: inline-block; vertical-align: top; color: #222; font-size: 14px; font-weight: 500; margin-bottom: 10px; } .product-info-main #product .form-group input.form-control { height: 48px; border-color: #dbdbdb; padding-left: 20px; padding-right: 20px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; } .product-info-main #product .form-group .input-group .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .product-info-main #product .form-group .input-group .input-group-btn button{ border-left: 0; border-color: #e5e5e5; padding: 9px 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 48px; } label[for='input-quantity']{ float: left; color: #363636; font-size: 14px; font-weight: 500; margin-bottom: 34px; } .product-info-main label[for='input-quantity']{ line-height: 48px; margin-right: 20px; } .product-info-main .button-cart{ float: left; margin-top: 15px; background: #ffd54c; padding: 0 70px; font-size: 16px; font-weight: 700; } .product-info-main .button-cart:before { content: "+"; margin-right: 3px; } .product-info-main .button-cart:hover { background: #333; } .product-info-main button.btn-wishlist { clear: left; } .product-info-main button.btn-wishlist,.product-info-main button.btn-compare { margin-top: 15px; text-transform: capitalize; font-size: 13px; color: #757575; line-height: 30px; border-radius: 0; -webkit-border-radius: 0; font-weight: 400; padding: 0; background: #fff; float: left; margin-right: 40px; } .product-info-main button.btn-wishlist:before,.product-info-main button.btn-compare:before { font-family: 'Linearicons-Free'; font-size: 16px; display: inline-block; vertical-align: top; line-height: inherit; margin-right: 7px; } .product-info-main button.btn-wishlist:before { content: "\e813"; } .product-info-main button.btn-compare:before { content: "\e862"; } .product-info-main button.btn-wishlist:hover,.product-info-main button.btn-compare:hover { color: #ffd54c; } #product2.has-option, #product.has-option{ max-height: 300px; overflow: auto; border: 1px solid #e1e1e1; padding: 20px; } #product + div{ /* margin: 20px 0; */ } .quantity-box { float: left; border: 0; margin-right: 4px; } .product-info-main label[for='input-quantity'], .product-info-main #input-quantity { margin-top: 15px; margin-bottom: 0 !important; } .product-info-main .box-options { margin-top: 10px; padding: 10px 0; font-size: 16px; color: #666666; } .product-info-main ul.list-unstyled {padding: 2px 0;margin-bottom: 18px;position: relative;font-size: 13px;} .product-info-main ul.list-unstyled:after { top: auto; bottom: 0; } .product-info-main ul.list-unstyled li { display: block; line-height: 24px; } .product-info-main ul.list-unstyled li span { color: #67c10a; } .product-info-main ul.list-unstyled li a { color: #67c10a; font-weight: 700; } .product-info-main ul.list-unstyled li a:hover { text-decoration: underline; } .backgroud-details { background: #f6f6f6; padding-bottom: 50px; margin-top: 50px; } .product-info-detailed { margin-top: 50px; display: inline-block; vertical-align: top; width: 100%; background: #fff; padding: 10px 20px 30px 20px; } .product-info-detailed .nav-tabs { margin-bottom: 0; text-align: center; border: 0; position: relative; } .product-info-detailed .nav-tabs li { position: relative; display: inline-block; vertical-align: top; float: none; margin-bottom: 0; margin-right: 50px; } .product-info-detailed .nav-tabs li:last-child { margin:0; } .product-info-detailed .nav-tabs li a { font-size: 20px; color: #a9a9a9; text-transform: capitalize; border-radius: 0; border: none !important; margin: 0; position: relative; font-weight: 600; line-height: 30px; padding: 13px 0; background: transparent; } .product-info-detailed .nav-tabs li a:after { content: ""; left: 0; right: 0; bottom: -1px; height: 2px; background: transparent; position: absolute; } .product-info-detailed .nav-tabs li.active a:after{ background: #ffd54c; } .product-info-detailed .nav-tabs li a:hover,.product-info-detailed .nav-tabs li.active a { background: transparent; color: #333333; } .product-info-detailed .tab-content { line-height: 24px; padding: 25px 10px; padding-bottom: 13px; border-top: 1px solid #ebebeb; font-size: 15px; } #tab-description p { margin:0; } .bootstrap-datetimepicker-widget a[data-action]{ padding: 0 !important; } .bootstrap-datetimepicker-widget td span:hover{ background: none !important; } .bootstrap-datetimepicker-widget td span{ height: 40px !important; line-height: 40px !important; margin: 0px !important; } .alert.alert-success{ text-align: center; font-size: 14px; /* margin: 0; */ } .account-login .well{ background: none; box-shadow: none; } #map-canvas{ min-height: 400px; margin: 20px 0; } .information-contact form .required{ margin-bottom: 20px; } .bootstrap-datetimepicker-widget a[data-action] { border: none; height: auto; } #content{ min-height: 300px; } #content > h1 { margin-top: 0; margin-bottom: 30px; text-transform: capitalize; font-weight: 700; } @media(min-width: 768px) { .fluid-width > .container { width: auto; padding: 0 30px; max-width: 1920px; } } @media(min-width: 1200px) { .container { width: 1140px; } } @media(min-width: 1500px){ .fluid-width > .container { padding: 0 120px; } } /* responsive */ @media(max-width: 1299px){ } @media(max-width: 1199px){ .product-list .item-inner { grid-template-columns: 42% 58%; } .product-list .caption-top { grid-column: 2/ span 3; } .product-list .images-container { grid-row: 1/ span 2; } .product-list .caption { border: 0; padding-right: 0; } } @media(max-width: 991px){ .col-order { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .col-order #content { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; float: none; } .col-order #column-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; float: none; } #column-left,#column-right { margin-top: 30px; } #search .search-content { } .tabs-category-slider.tabs-style1 .module-title { margin-bottom: 62px; } .tabs-category-slider.tabs-style1 .box-tab { top: auto; bottom: -40px; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .tabs-category-slider.tabs-style1.module-nav2 .owl-carousel.owl-theme .owl-nav { top: -94px; } .col-menu-mobile { position: absolute; z-index: 3; left: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; } .logo-container { max-width: 50%; float: left; margin-left: 50px; } .top-search { position: relative; margin-bottom: 15px; top: auto; left: auto; right: auto; margin-top: 0; } .top-menu { display: none; background: #fff; } .header-inner .container-inner > .inner{ display: inline-block; vertical-align: top; width: 100%; position: relative; } .follow { float: none; } .footer-copyright,.payment { float: none; } footer .col-footer:nth-child(3) { clear: left; } .newletter-popup, .b-modal{ display: none !important; } .zoomContainer, .vermagemenu-container, #search-by-category .search-container .categories-container{ display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { } @media(min-width: 768px) { .toolbar-products .modes { float: left; margin-right: 20px; } .toolbar-products .sorter,.toolbar-products .limiter { float: right; } .toolbar-products .toolbar-amount { float: left; } .toolbar-products.toolbar-bottom .toolbar-amount { float: right; position: relative; } .toolbar-products .pages { float: left; } } @media(max-width: 767px){ .toolbar-products .sorter { margin: 0 15px; } .link-compare { text-align: center; } #top .box > div { margin-right: 20px; } #top .box > div:after { right: -12px; } .fluid-width > .container { padding: 0 15px; } .box-cart .wishlist a > span, #cart-total { font-size: 0; } .box-cart { margin-right: 15px; } .top-search { margin-bottom: 0; margin-top: -16px; position: absolute; top: 50%; right: 140px; z-index: 113; } .tabs-category-slider.tabs-style1 .box-tab { position: relative; bottom: auto; margin-top: 25px; } .tabs-category-slider.tabs-style1 .module-title { margin-bottom: 20px; } .product-info-main { margin-top: 30px; } footer { } #back-top { width: 40px; height: 40px; line-height: 40px; } #back-top i { left: 13px; top: 10px; } } @media(max-width: 640px){ } @media(max-width: 567px){ .product-info-detailed .nav-tabs { padding: 0; width: auto; float: none; text-align: center; } .product-info-detailed .nav-tabs li { float: none; display: block; margin:0; } .header-inner .container-inner > .inner > .inner-inner { display: inline-block; vertical-align: top; width: 100%; position: relative; } .header-phone { position: relative; top: auto; left: auto; right: auto; margin-top: 0; display: inline-block; vertical-align: top; margin-bottom: 15px; } } @media (min-width: 480px) and (max-width: 767px) { } @media(max-width: 479px){ #cart { /* display: block; */ } .box-cart .wishlist { margin-right: 10px; } .top-search { right: 100px; } .logo-container { max-width: 35%; margin-left: 40px; } .box-cart .wishlist a:before, #cart > button:before { font-size: 26px; } .box-cart .wishlist a .count, #cart-total .txt_number { left: 20px; } .tabs-category-slider.tabs-style1 .box-tab { margin-top: 15px; } .tabs-category-slider.tabs-style1 .module-title:before { display: none; } #cart .dropdown-menu { right: -15px; width: 300px; margin-top: 10px; } .product-list .item-inner { grid-template-columns: 100%; } .product-list .images-container { grid-row: auto; } .product-list .caption-top { grid-column: auto; padding-left: 0; } .product-list .caption { padding: 0; } } @media(max-width: 359px){ .product-info-main > .inner { padding-left: 15px; padding-right: 15px; } .product-info-main .ratings a { line-height: 20px; } #checkout-cart .buttons > div { float: none !important; margin-bottom: 10px; text-align: right; } } /*Fix products-grid */ @media (min-width: 1200px){ #content .custom-category .col-lg-2:nth-child(6n+1), #content .custom-category .col-lg-3:nth-child(4n+1), #content .custom-category .col-lg-4:nth-child(3n+1), #content .custom-category .col-lg-6:nth-child(2n+1) { clear:left; } } @media (max-width: 1199px) and (min-width: 992px){ #content .custom-category .col-md-2:nth-child(6n+1), #content .custom-category .col-md-3:nth-child(4n+1), #content .custom-category .col-md-4:nth-child(3n+1), #content .custom-category .col-md-6:nth-child(2n+1) { clear:left; } } @media (max-width: 991px) and (min-width: 768px){ #content .custom-category .col-sm-2:nth-child(6n+1), #content .custom-category .col-sm-3:nth-child(4n+1), #content .custom-category .col-sm-4:nth-child(3n+1), #content .custom-category .col-sm-6:nth-child(2n+1) { clear:left; } } @media (max-width: 767px) and (min-width:480px){ #content .custom-category .col-xs-6:nth-child(2n+1) {clear: left;} #content .custom-category .col-xs-4:nth-child(3n+1) {clear: left;} } @media (max-width: 479px) and (min-width: 0px){ #content .custom-category .product-item:nth-child(1n+1) {clear: left;} #content .custom-category .product-item{width: 100%;} } /*Fix products-no-slider */ @media (min-width: 768px) { .six_items:nth-child(6n+1), .four_items:nth-child(4n+1), .three_items:nth-child(3n+1), .two_items:nth-child(2n+1) { clear: left;} } @media (max-width: 1500px) { .module-not-slider { grid-template-columns:auto auto auto auto auto auto !important; } } @media (max-width: 1199px) { .module-not-slider { grid-template-columns:auto auto auto auto !important; } } @media (max-width: 991px) { .module-not-slider { grid-template-columns:auto auto auto !important; } } @media (max-width: 767px) { .module-not-slider { grid-template-columns:auto auto !important; } } @media (max-width: 479px) { .module-not-slider { grid-template-columns:auto !important; } .module-not-slider .col-image { grid-column: 1 / 2 !important; } } /*Button CustomView */ @media (min-width: 1200px) { .btn-grid.btn-grid-2 { display: none; } } @media (max-width: 1199px) { .btn-grid.btn-grid-5 { display: none; } } @media (max-width: 767px) { .btn-grid.btn-grid-4 { display: none; } .modes .btn-grid.btn-grid-3{ background: url(../image/bkg_grid2.png) center no-repeat; } .modes .btn-grid.btn-grid-3.active,.modes .btn-grid.btn-grid-3:hover { background: url(../image/bkg_grid2_hover.png) center no-repeat; } .modes .btn-grid.btn-grid-2{ background: url(../image/bkg_grid1.png) center no-repeat; } .modes .btn-grid.btn-grid-2.active,.modes .btn-grid.btn-grid-2:hover { background: url(../image/bkg_grid1_hover.png) center no-repeat; } .tooltip { display: none !important; } } @media (max-width: 479px) { .btn-grid.btn-grid-3 { display: none; } } .bootstrap-datetimepicker-widget .datepicker .prev,.bootstrap-datetimepicker-widget .datepicker .next { padding:0 !important; font-weight: normal; line-height: 18px; } #account-order .buttons { margin-top: 15px; }