/* 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: 'IBM Plex Sans', sans-serif; font-weight: 300; color: #666; font-size: 14px; line-height: 1.428571429; width: 100%; background: #fff; } *:focus{ outline: none !important; } h1, h2, h3, h4, h5, h6 { color: #333333; line-height: 1.3; font-weight: 400; /* font-family: 'Montserrat', sans-serif; */ font-family: 'Neuton', serif; } /* 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: #C4601D; } 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: #C4601D; } .tooltip.top-left .tooltip-arrow { border-top-color: #C4601D; } .tooltip.top-right .tooltip-arrow { border-top-color: #C4601D; } .tooltip.right .tooltip-arrow { border-right-color: #C4601D; } .tooltip.left .tooltip-arrow { border-left-color: #C4601D; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #C4601D; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #C4601D; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #C4601D; } .tooltip-inner{ background: #C4601D; } .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: #C4601D; } #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: 16px; font-weight: 700; color: #333; 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: #C4601D; } .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: -19px; width: 38px; height: 38px; padding: 0; line-height: 38px; color: #333333; background: #f2f2f2; border: 0; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; cursor: pointer; opacity: 0; z-index: 6; -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; } .owl-carousel.owl-theme .owl-nav div:before { font-family: "Ionicons"; display: inline-block; vertical-align: top; font-size: 20px; 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: "\f3d2"; } .owl-carousel.owl-theme .owl-nav div.owl-next { right: 0; } .owl-carousel.owl-theme .owl-nav div.owl-next:before { content: "\f3d3"; } .owl-carousel.owl-theme:hover .owl-nav div.owl-prev { left: 0; } .owl-carousel.owl-theme:hover .owl-nav div.owl-next { right: 0; } .owl-carousel.owl-theme .owl-nav div:hover { background: #C4601D; border-color: #C4601D; 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:#C4601D ; } /* newsllter */ .newletter-subscribe-container { background:#C4601D url(../image/bkg_newsletter.jpg) center no-repeat !important; background-attachment: fixed; padding: 40px; } .newletter-subscribe-container .box { display: grid; grid-template-columns: 50% 50%; align-items: center; } @media (max-width: 767px) { .newletter-subscribe-container .box { grid-template-columns: 100%; grid-gap: 20px; } } @media (max-width: 479px) { .newletter-subscribe-container { padding-left: 15px; padding-right: 15px; } } .newletter-title h5 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 25px; letter-spacing: 0.02em; color: #fff; margin: 0; margin-bottom: 8px; } .newletter-title p { font-size: 16px; color: #fff; margin: 0; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; letter-spacing: 0.01em; } #dialog-normal .newleter-content{ } #subscribe-normal { margin-bottom: 0; position: relative; margin-top: 6px; } #subscribe_email-normal{ display: inline-block; vertical-align: top; padding: 10px 15px; padding-right: 125px; line-height: 30px; height: 48px; color: #a9a9a9; font-size: 14px; width: 100%; border: 0; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; text-align: left; box-shadow: none; -webkit-box-shadow: none; } #frm_subscribe-normal .btn:hover{ color: #C4601D; } #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: 16px; max-width: 120px; color: #333; background: #F2F2F2; font-weight: 700; position: absolute; text-transform: capitalize; 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; */ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 16px;} #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: #a2a2a2; } #subscribe-normal :-moz-placeholder { /* Firefox 18- */ color: #a2a2a2; } #subscribe-normal ::-moz-placeholder { /* Firefox 19+ */ color: #a2a2a2; } #subscribe-normal :-ms-input-placeholder { color: #a2a2a2; } /* Top */ #top{ background: #C4601D; } #top .container-inner { display: inline-block; vertical-align: top; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.17); } #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: #C4601D; } #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: #fff; 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: 14px; text-transform: capitalize; overflow: hidden; line-height: 24px; font-weight: 300; padding: 10px 0; color: #fff; display: block; text-align: left; border: 0; text-decoration: none; } #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: #ffdd20; } #top .btn-group .dropdown-menu{ position: absolute; left: auto; right: -15px; text-align: left; margin: 0; border: 0; background: white; border-radius: 0; padding: 0 20px; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 8px 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: #C4601D; } #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: #C4601D; text-decoration: none; } .logo-container { z-index: 1; position: relative; display: inline-block; vertical-align: top; float: left; } #logo{ padding: 6px 0; } #logo a{ display: inline-block; vertical-align: top; } .header-inner { position:relative; background: #C4601D; text-align: center; z-index: 8; } .header-inner .container-inner { display: inline-block; vertical-align: top; width: 100%; position: relative; } .header-phone { position: absolute; top: 50%; right: 265px; 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-family: 'Open Sans', sans-serif; font-size: 13px; color: #fff; font-weight: 400; text-transform: capitalize; margin-bottom: 0; } .header-phone .text p { margin: 0; color: #fff; font-size: 18px; font-weight: 700; } .header-phone p span { font-style: normal; font-weight: 700; } .top-search { position: absolute; right: 514px; left: 226px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* 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: #C4601D;} #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: #C4601D; } #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=====*/ #search-by-category ::-webkit-input-placeholder { /* Chrome */ color: #fff; } #search-by-category :-ms-input-placeholder { /* IE 10+ */ color: #fff; } #search-by-category ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } #search-by-category :-moz-placeholder { /* Firefox 4 - 18 */ color: #fff; 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-family: 'Open Sans', sans-serif; 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-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:#C4601D } .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: #ffdd20; } #btn-search-category{ background: transparent; border: 0; line-height: 48px; width: 60px; padding: 0; box-shadow: none !important; margin: 0; font-size: 22px; color: #fff; } #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; margin-top: -24.5px; } .box-cart .language,.box-cart .currency,.box-cart .setting { display: inline-block; vertical-align: top; margin-right: 15px; } #cart-total .txt_number { width: 16px; height: 16px; line-height: 16px; border-radius: 100%; -webkit-border-radius: 100%; font-weight: 400; font-size: 11px; font-style: normal; color: #333; background: #fff; position: absolute; left: 38px; top: 50%; -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: #C4601D; font-style: normal; font-weight: 700; display: none; } .box-cart .wishlist a:hover > span,#cart > button:hover #cart-total { color: #C4601D; } .box-cart .wishlist a:hover:before{ color: #C4601D; } .box-cart .wishlist a .count { left: 39px; position: absolute; font-size: 11px; top: -4px; width: 20px; height: 20px; line-height: 20px; margin: 0; padding: 0; background: #C4601D; border-radius: 100%; color: #222222; font-weight: 500; } #cart .dropdown-menu { } #cart{ width: auto; display: inline-block; vertical-align: top; } #cart > button { box-shadow: none; width: auto; position: relative; float: none; line-height: 46px; border: 1px solid rgba(255,255,255,0.17); background: transparent; border-radius: 5px; -webkit-border-radius: 5px; padding: 0; padding-right: 27px; padding-left: 8px; color: #fff; font-size: 27px; font-weight: 400; text-transform: capitalize; } #cart > button:before { content: "\e941"; font-family: "plaza-icon"; } #cart:hover > button{ color: #333; background: #fff; border-color: #fff; } #cart:hover > button #cart-total .txt_number { background: #C4601D; color: #fff; } #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: 26px; box-sizing: border-box; top: 100%; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 8px 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: #333333; 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: #C4601D; } #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: 16px; color: #C4601D; display: inline-block; vertical-align: top; line-height: 18px; font-weight: 700; } #cart .cart-name { line-height: 20px; text-transform: capitalize; display: block; margin-bottom: 8px; font-size: 15px; font-weight: 300; color: #333; } #cart .cart-name:hover { color: #C4601D; } #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: #C4601D; color: #fff; line-height: 50px; text-align: center; padding: 0 5px; text-transform: capitalize; font-size: 16px; margin: 0; border: 0; border-radius: 0; -webkit-border-radius: 0; display: block; vertical-align: top; font-weight: 700; } #cart p.cart-button a strong { font-weight: 400; } #cart p.cart-button a:hover{ color: #fff; background: #333; } #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: #C4601D; font-size: 22px; } .headerSpace { display: none; } .common-home .top-menu { } .top-menu { position: relative; background: #fff; z-index: 7; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08); } .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-top-alula1 { display: grid; grid-template-columns: auto auto; grid-gap: 10px; margin-top: 40px; } .static-top-alula1 .text { pointer-events: none; position: absolute; left: 7%; top: 50%; text-align: left; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .static-top-alula1 .text h4 { /* font-family: 'IBM Plex Sans', sans-serif; */ font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; color: #666; font-weight: 400; text-transform: capitalize; margin: 0; margin-bottom: 3px; line-height: 1; } .static-top-alula1 .text h3 { /* font-family: 'IBM Plex Sans', sans-serif; */ font-family: 'Neuton', sans-serif; font-size: 33px; color: #333; font-weight: 400; text-transform: capitalize; margin: 0; margin-bottom: 15px; font-style: normal; line-height: 1; letter-spacing: 0.05em; } .static-top-alula1 .text p { /* font-family: 'IBM Plex Sans', sans-serif; */ font-family: 'Open Sans', sans-serif; font-size: 18px; color: #666; font-weight: 400; margin: 0; line-height: 1; font-style: normal; letter-spacing: 0.03em; } .static-top-alula1 .text p span { color: #C4601D; font-size: 25px; font-weight: 600; display: block; margin-top: 4px; } @media (max-width: 767px) { .static-top-alula1 { grid-template-columns: 100%; } } @media (max-width:425px) { .static-top-alula1 .text h4 { font-size: 5vw; } .static-top-alula1 .text h3 { font-size: 7vw; margin-bottom: 2vw; } .static-top-alula1 .text p { font-size: 5vw; } .static-top-alula1 .text p span { font-size: 7vw; } } .static-middle-alula1 { margin-top: 40px; } .static-middle-alula1 .text { pointer-events: none; position: absolute; text-align: left; left: 50px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .static-middle-alula1 .text h5 { /* font-family: 'IBM Plex Sans', sans-serif; */ font-family: 'Open Sans', sans-serif; font-size: 20px; color: #C4601D; /* text-transform: uppercase; */ font-weight: 400; margin-top: 0; margin-bottom: 17px; } .static-middle-alula1 .text h4 { /* font-family: 'IBM Plex Sans', sans-serif; */ font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 26px; color: #000; text-transform: uppercase; font-weight: 300; margin-top: 0; margin-bottom: 3px; line-height: 1; } .static-middle-alula1 .text h3 { /* font-family: 'IBM Plex Sans', sans-serif; */ font-family: 'Neuton', sans-serif; font-size: 50px; color: #000; text-transform: uppercase; font-weight: 700; margin-top: 0; line-height: 1; letter-spacing: 0.05em; } .static-middle-alula1 .text p { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; letter-spacing: 0.03em; color: #000000; line-height: 20px; font-size: 14px; max-width: 350px; margin: 0; } .static-middle-alula1 .text a { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 16px; font-weight: 700; line-height: 46px; padding: 0 18px; /* border: 1px solid #C4601D; */ background-color: #C4601D; border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; vertical-align: top; margin-top: 45px; pointer-events: visible; } .static-middle-alula1 .text a:hover { background: #C4601D; color: #fff; } @media (max-width: 991px) { .static-middle-alula1 .text h5 { font-size: 2vw; margin-bottom: 1vw; } .static-middle-alula1 .text h4 { font-size: 4vw; } .static-middle-alula1 .text h3 { font-size: 6vw; margin-bottom: 1vw; } .static-middle-alula1 .text p { max-width: 60%; } .static-middle-alula1 .text a { line-height: 5vw; padding: 0 2.5vw; font-size: 2vw; margin-top: 3vw; } } @media (max-width: 479px) { .static-middle-alula1 .text h5 { font-size: 2.8vw; margin-bottom: 0; } .static-middle-alula1 .text h4 { font-size: 3.2vw; } .static-middle-alula1 .text h3 { font-size: 4vw; margin-bottom: 0; } .static-middle-alula1 .text p { font-size: 3.4vw; line-height: 1.2; max-width: 50%; } .static-middle-alula1 .text a { line-height: 4vw; font-size: 3vw; margin-top: 2vw; } } /**/ .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; } .label-product { color: #fff; font-weight: 400; text-align: left; height: 23px; line-height: 21px; padding-left: 10px; position: absolute; background: url(../image/bkg_label.png) left center no-repeat; width: 59px; right: 10px; top: 20px; text-transform: uppercase; font-size: 12px; font-weight: 600; z-index: 3; /* background-size: contain; */ } .label_sale { left: 20px; right: auto; } body:not(.common-home) .label_new { display: none; } .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 .action-links button { width: 36px; height: 36px; line-height: 36px; padding: 0; font-size: 16px; color: #333; background: #fff; font-weight: 400; border-radius: 100%; -webkit-border-radius: 100%; } .item-inner .action-links button span { display: none; } .item-inner .action-links button:before { content: "\e914"; font-family: 'plaza-icon'; } .item-inner .action-links button.btn-wishlist:before { content: "\e91a"; } .item-inner .action-links button.btn-compare:before { content: "\e942"; } .item-inner .action-links button:hover { background: #C4601D; color: #fff; } .item-inner .caption { background: transparent; text-align: left; overflow: hidden; position: relative; padding: 17px 20px 16px 20px; border: 1px solid #f0f0f0; border-top: 0; } .item-inner .caption > .inner { position: relative; } .item-inner .product-des { line-height: 20px; } .product-name { display: block; margin: 0; margin-bottom: 10px; } .product-name a { padding: 0; display: block; text-transform: none; font-size: 20px; font-weight: 400; line-height: 20px; /* color: #333; */ font-family: 'Neuton'; font-style: normal; letter-spacing: 0.03em; color: #000000; } .product-name a:hover { color: #C4601D; } .ratings { display:block; } .ratings a { margin-left: 13px; text-transform: capitalize; color: #9e9e9e; font-size: 13px; line-height: 13px; float: left; /* margin-top: 1px; */ } .ratings a:hover { color: #C4601D; } .ratings a.review-count:after { content: "|"; margin-left: 13px; 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; /* margin: auto; */ } .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: #C4601D; font-size: 16px; font-weight: 700; } .price-box p.special-price .price{ color: #C4601D; } .price-box p.old-price { margin-left: 4px; padding-top: 2px; } .price-box p.old-price .price { color: #868686; text-decoration: line-through; font-size: 13px; font-weight: 300; } .item-inner .caption .price-box { display: block; margin-top: 6px; } .item-inner .caption .model { margin: 0; color: #737373; } .item-inner .caption .ratings { margin-bottom: 0; display: inline-block; vertical-align: top; } .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-bottom: 4px; display: none; } .item-inner .caption .manufacture-product a { font-size: 13px; color: #a9a9a9; font-weight: 500; line-height: 20px; padding: 0; text-transform: uppercase; } .item-inner .caption .manufacture-product a:hover { color: #C4601D; } .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: #C4601D; } .item-inner .caption .available { display: none; } /* module title*/ .module-title { position: relative; display: block; margin-top: 34px; margin-bottom: 20px; text-align: left; } .module-title h2 { position: relative; text-transform: capitalize; font-size: 33px; margin: 0; padding-bottom: 10px; font-weight: 400; display: inline-block; vertical-align: top; font-family: 'Neuton', sans-serif; font-style: normal; } .module-title h2:after { content: ""; background: #C4601D; width: 66px; height: 2px; position: absolute; left: 0; bottom: 0; } .module-description { margin-top: 16px; } .module-description p { line-height: 18px; display: inline-block; vertical-align: top; margin: 0; } /*-module-image-*/ .module-image .box-style { display: grid; grid-template-columns: 40% 60%; margin: 0 -10px; } .module-image .box-style .col-image { padding: 0 10px; } .module-image .box-style .col-product { padding: 0 10px; } @media (max-width: 767px) { .module-image .box-style { grid-template-columns: 100%; } .module-image .box-style .col-image { margin-bottom: 30px; } } /*grid-style*/ .grid-style:not(:first-child) { margin-top: 20px; } .grid-style .item-inner .action-links { position: absolute; right: 0; bottom: 15px; display: grid; grid-gap: 0; padding: 5px; background: #fff; border-radius: 25px; -webkit-border-radius: 25px; 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; } .grid-style .item-inner:hover .action-links { right: 15px; opacity: 1; } .grid-style .item-inner button.btn-cart { width: 36px; height: 36px; line-height: 36px; font-size: 16px; font-weight: 400; padding: 0; background: #f2f2f2; color: #333; border-radius: 100%; -webkit-border-radius: 100%; position: absolute; bottom: 3px; right: 0; } .grid-style .item-inner button.btn-cart span { display: none; } .grid-style .item-inner button.btn-cart:before { content: "\e941"; font-family: 'plaza-icon'; } .grid-style .item-inner button.btn-cart:hover { background: #C4601D; color: #fff; } /*list-style*/ .list-style:not(:first-child) { margin-top: 30px; } .list-style .item .item-inner { display: grid; grid-template-columns: 37% 63%; } .list-style .item .item-inner .images-container > a{ border: 2px solid #e9e9e9; } .list-style .item .item-inner .images-container > a:hover{ border-color: #C4601D; } .list-style .item .item-inner .caption { padding: 0; text-align: left; padding-left: 15px; } .list-style .product-name { margin-bottom: 12px; } .list-style .product-name a { font-size: 16px; line-height: 20px; } .list-style .item-inner .caption .price-box { margin-top: 0; } .list-style .price-box .price { font-size: 16px; } .list-style .price-box p.old-price .price { font-size: 14px; } .list-style .price-box p.old-price { padding-top: 2px; } /*list-module*/ .list-module .module-title { text-align: left; margin-bottom: 45px; } .list-module .module-title:before { background: #d8d8d8; } .list-module .module-title h2 { font-size: 24px; } .list-module .module-title h2:before { display: none; } .col-order-inner .list-module .module-title { margin-top: 10px; } .col-order-inner .list-module .module-title h2 { background: #fff; } /* module-custom1 */ .module-custom1 { position: relative; margin: 70px 0 80px 0; } .module-custom1 .owl-dots { display: none; } .module-custom1 .item-inner { display: grid; grid-template-columns: 52% 48%; align-items: center; } .module-custom1 .item-inner .caption { padding-left: 30px; padding-bottom: 270px; } .module-custom1 .list-thumb { position: absolute; right: 0; bottom: 0; width: calc(48% - 30px); } .module-custom1 .list-thumb .owl-container { margin: 0 -5px; } .module-custom1 .list-thumb .owl-container .owl-item { padding: 0 5px; } .module-custom1 .list-thumb .row_thumb div { border: 2px solid #e9e9e9; cursor: pointer; } .module-custom1 .list-thumb .row_thumb div.active,.module-custom1 .list-thumb .row_thumb div:hover { border-color:#C4601D; } .module-custom1 .list-thumb .row_thumb div:not(:first-child) { margin-top: 10px; } .module-custom1 .module-title { margin-top: 0; margin-bottom: 5px; } .module-custom1 .module-title h2 { margin-top: 0; color: #444; font-size: 60px; font-weight: 700; text-transform: uppercase; line-height: 1; } .module-custom1 .module-title h2:before { display: none; } .module-custom1 .product-name { padding-bottom: 23px; border-bottom: 1px solid #e5e5e5; margin-bottom: 21px; } .module-custom1 .product-name a { font-size: 46px; line-height: 1; } .module-custom1 .item-inner .product-des { line-height: 28px; font-size: 18px; } .module-custom1 .price-box .price { font-size: 40px; font-weight: 400; } .module-custom1 .price-box p.old-price .price { font-size: 24px; } .module-custom1 .price-box p.old-price { padding-top: 17px; margin-left: 13px; } .module-custom1 .item-inner .caption .price-box { margin-top: 12px; padding-bottom: 17px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .module-custom1 .item-inner .action-links button.btn-cart { line-height: 49px; background: #C4601D; padding: 0 25px; color: #fff; } .module-custom1 .item-inner .action-links button.btn-cart:hover { background: #C4601D; } .module-custom1 .item-inner .action-links button.btn-cart:after { margin-left: 13px; } @media(max-width: 1199px) { .module-custom1 .item-inner .caption { padding-bottom: 220px; } } @media(max-width: 991px) { .module-custom1 { margin: 50px 0; } .module-custom1 .module-title h2 { font-size: 40px; } .module-custom1 .product-name a { font-size: 30px; } .module-custom1 .item-inner .caption { padding-bottom: 150px; } .module-custom1 .item-inner .product-des { line-height: 1.3; font-size: 16px; } .module-custom1 .price-box .price { font-size: 30px; } .module-custom1 .price-box p.old-price { padding-top: 14px; margin-left: 7px; } .module-custom1 .price-box p.old-price .price { font-size: 16px; } } @media (max-width: 640px) { .module-custom1 .item-inner { grid-template-columns: auto; } .module-custom1 .item-inner .caption { padding-left: 0; padding-top: 30px; padding-bottom: 0; } .module-custom1 { padding-top: 120px; } .module-custom1 .list-thumb { width: 100%; top: 0; left: 0; right: 0; bottom: auto; max-width: 300px; margin: auto; } } /* module-style2 */ /* background-full */ .background-full { background: #f4f4f4; padding-bottom: 65px; } @media (max-width: 991px) { .background-full { padding-bottom: 35px; } } /* module-nav2 */ .module-nav2 .owl-carousel.owl-theme .owl-nav { position: absolute; right: 10px; top: -58px; background: transparent; } .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: 36px; height: 36px; line-height: 36px; font-weight: normal; } .module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-prev { margin-right: 5px; } .module-nav2 .owl-carousel.owl-theme .owl-nav div:before { font-size: 16px; } /* slider-group */ .slider-group {margin-top: 20px;} /* tabs-category-slider */ .tabs-category-slider { } .tabs-category-slider .module-title { /* margin-bottom: 50px; */ } .tabs-category-slider .module-title h2{ display: none; } .tabs-category-slider.module-nav2 .owl-carousel.owl-theme .owl-nav { } .tabs-category-slider .box-tab { display: block; margin-top: 23px; } .tabs-category-slider .tabs-categorys { display: inline-block; vertical-align: top; background: #fff; padding: 0 20px; position: relative; z-index: 1; } .tabs-style2 .tabs-categorys { display: none; } .tabs-category-slider .tabs-categorys li { display: inline-block; vertical-align: top; margin-right: 50px; position: relative; } .tabs-category-slider .tabs-categorys li:after { content:""; width: 5px; height: 5px; background: #343434; position: absolute; top: 50%; margin-top: -2.5px; right: -28.5px; } .tabs-category-slider .tabs-categorys li:last-child:after { display: none; } .tabs-category-slider .tabs-categorys li a { font-size: 19px; line-height: 30px; text-transform: capitalize; cursor: pointer; position: relative; display: block; padding: 0; } .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: #C4601D; } /* 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) { margin-top: 30px; } .featured-categories-container.module-nav2 .owl-carousel.owl-theme .owl-nav { } .fcategory-content { } .fcategory-content .image { } .fcategory-content .content-thumb { position: absolute; left: 0; right: 0; bottom: 18px; z-index: 1; text-align: center; pointer-events: none; } .fcategory-content .content-thumb .total-items { color: #868686; margin-bottom: 0; } .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: 0; } .featured-categories-container .content-thumb .name a { font-size: 17px; display: block; font-weight: 600; text-transform: uppercase; font-family: 'IBM Plex Sans', sans-serif; pointer-events: visible; } .featured-categories-container .content-thumb .name a:hover { color: #C4601D; } .sub-featured-categories li a { display: block; font-size: 13px; color: #7a7a7a; line-height: 24px; } .sub-featured-categories li a:hover { color: #C4601D; padding-left: 7px; } .featured-categories-container .view-more { line-height: 22px; color: #222222; text-transform: capitalize; display: none; } .featured-categories-container .view-more:before { content:"+"; margin-right: 5px; } .featured-categories-container .view-more:hover { color: #C4601D; } @media (max-width: 479px) { .featured-categories-container .content-thumb .name a { font-size: 16px; } .fcategory-content .content-thumb { bottom: 10px; } } /* CountDown */ .occountdown_module { } .text-hurryup { display: none; } .occountdown_module .quantity-progress { display: block; } .quantity-progress { margin-bottom: 16px; display: none; } .product-available,.product-sold { float: left; margin-bottom: 5px; text-transform: capitalize; font-family: 'Open Sans'; font-size: 14px; font-weight: 400; } .product-available span { } .product-available { float: right; font-size: 14px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; color: #666; } .product-sold span { } .bar-percent { height: 4px; background: #f0f0f0; width: 100%; border-radius: 25px; position: relative; overflow: hidden; } .available-percent { position: absolute; height: 100%; left: 0; background: #C4601D; } .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: #C4601D; 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; } } /* 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: #C4601D; } .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 #C4601D; 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: #C4601D; 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: #C4601D } .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: left; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 30px 0; margin-top: 40px; } .policy-block .inner{ display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 0 -5px; grid-row-gap: 15px; } .policy-block .col { padding: 0 5px; } .policy-block .box { padding: 9px 0; padding-left: 74px; background:url(../image/free_shipping.png) left center no-repeat; } .policy-block .col:nth-child(2) .box { padding-left: 68px; background:url(../image/support247.png) left center no-repeat; } .policy-block .col:nth-child(3) .box { padding-left: 67px; background:url(../image/moneyback.png) left center no-repeat; } .policy-block .col:nth-child(4) .box { padding-left: 73px; background:url(../image/payment_secure.png) left center no-repeat; } .policy-block .box h4 { font-family: 'Open Sans'; font-style: normal; letter-spacing: 0.03em; font-size: 16px; font-weight: 700; color: #C4601D; text-transform: capitalize; margin: 0; margin-bottom: 0; } .policy-block .box p { margin: 0; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 19px; letter-spacing: 0.03em; color: #000000; } .policy-block-2 { padding: 20px 0; margin-top: 4px; } .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 (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%; } } /* 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 #C4601D; 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: #C4601D; color: #fff; text-align: center; position: absolute; left: 5px; bottom: 5px; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); } .articles-name { font-family: 'Neuton', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; letter-spacing: 0.03em; color: #000000; display: block; 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: 26px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; color: #000 !important; } @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-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 20px; /* line-height: 30px; */ color: #000000; /* font-size: 17px; */ /* color: #333; */ font-weight: 600; display: block; line-height: 24px; } #instagram_block_home .title a:hover { text-decoration: none; } #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-top: 1px solid #ededed; padding: 34px 0; text-align: center; margin-top: 40px; } .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: #C4601D; border-color: #C4601D; color: #fff; } /* Social */ .social-top { padding: 5.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; } .social-top ul.link-follow li a:hover { color: #ffdd20; opacity: 1; } .social-top .follow label { display: inline-block; vertical-align: top; } .follow { } .follow label { font-size: 14px; line-height: 24px; text-transform: capitalize; font-weight: 300; margin: 0; color: #fff; display: inline-block; vertical-align: top; margin-right: 3px; padding: 5px 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: #fff; width: 34px; height: 34px; line-height: 34px; background: #C4601D; border-radius: 100%; -webkit-border-radius: 100%; font-size: 0; border: 0; 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.twitter { background: #C4601D; } ul.link-follow li a.google { background: #C4601D; } ul.link-follow li a.youtube { background: #C4601D; } ul.link-follow li a.instagram { background: #C4601D; } ul.link-follow li a:before { font-size: 16px; display: inline-block; line-height: inherit; vertical-align: top; } ul.link-follow li a span { display: none; } ul.link-follow li a:hover { opacity: 0.7; } /*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: #C4601D; } #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: #C4601D; } #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: 0; background: #fff; } .common-home .footer-top .container-inner { border-color: transparent; } .footer-top .container-inner { padding: 35px 0 10px 0; border-top: 1px solid #ededed; } 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: #C4601D; } footer .col-footer{ margin-bottom: 30px; position: relative; float: left; } .footer-title h5{ font-size: 17px; line-height: 24px; text-transform: capitalize; font-weight: 600; margin: 0; } .footer-content { /* color: #999; */ } .logo-footer { display: block; margin-bottom: 23px; margin-top: 5px; } .footer-contact { } .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; display: block; color: #666; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: 0.00em; } .footer-contact li p span { display: block; color: #333333; font-size: 16px; font-weight: 600; } .footer-contact li i { width: 42px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; background: #C4601D; 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: #C4601D; } .footer-title { margin-bottom: 16px; } footer .col-links ul { display: grid; grid-template-columns: auto auto; } footer .list-unstyled.text-content li a{ display: block; line-height: 24px; color: #666; padding: 3px 0; position: relative; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: 0.00em;} .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; } .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: #C4601D; } .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: #C4601D; } #back-top i{ font-size: 16px; line-height: inherit; display: inline-block; vertical-align: top; font-style: normal; } #back-top:hover{ background: #C4601D; } #back-top{ position: fixed; bottom: 80px; right: 30px; background: #C4601D; 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{ font-family: 'Open Sans', sans-serif; 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{ color: #C4601D } .category-module .li{ } .category-module .li a{ text-transform: capitalize; line-height: 24px; padding: 5px 0; display: block; position: relative; color: #333333; font-size: 15px; } .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: #666; } .category-module .list-child .li a:before { width: 10px; height: 10px; } .category-module{ background: #f8f8f8; padding: 20px; } .category-module h3{ font-family: 'Neuton', serif; color: #333333; font-size: 24px; text-transform: uppercase; margin: 15px 0 11px; text-align: left; } /* 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; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #000; } .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) { #product-category .product-grid.col-lg-divide-5 .item-inner .caption { padding-left: 10px; padding-right: 10px; } #product-category .product-grid.col-lg-divide-5 .item-inner .product-name a { font-size: 14px; } } @media (min-width: 768px) { #product-category .product-grid.col-lg-3 .item-inner .caption { padding-left: 10px; padding-right: 10px; } #product-category .product-grid.col-lg-3 .item-inner .product-name a { font-size: 14px; } } @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: #333; 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: #fff; background: #c4601d; border-color: #c4601d; } /* 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 { } .product-list .caption { text-align: left; padding: 0 20px; border: 0; border-right: 1px solid #ebebeb; } .product-list .caption .inner { } .box-list { display:none; } .product-list .box-list { display: block; padding: 15px 0 0 20px; } .product-list .box-list .text-available { text-transform: capitalize; margin-bottom: 8px; } .product-list .box-list .text-available span { color: #C4601C; } .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: 10px; text-align: center; } .product-list .item-inner button.btn-cart { line-height: 38px; width: 100%; margin-top: 34px; } .product-list .item-inner button.btn-cart:hover { } /* 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: #C4601D; } #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: #C4601D; } .product-info-main .product-name { font-size: 24px; text-transform: capitalize; margin: 0px 0 22px 0; background: none; font-weight: 300; line-height: 1; font-family: 'IBM Plex Sans', sans-serif; } .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: 60px; 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: 15px; padding-right: 15px; 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; line-height: 48px; margin-right: 20px; color: #363636; font-size: 14px; font-weight: 500; margin-bottom: 34px; } .product-info-main .button-cart{ float: left; margin-top: 15px; color: #fff; background: #C4601D; padding: 0 20px; } .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: #666; line-height: 30px; border-radius: 0; -webkit-border-radius: 0; font-weight: 300; 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: 'plaza-icon'; font-size: 16px; margin-right: 7px; display: inline-block; line-height: inherit; vertical-align: top; } .product-info-main button.btn-wishlist:before { content: "\e91a"; } .product-info-main button.btn-compare:before { content: "\e942"; } .product-info-main button.btn-wishlist:hover,.product-info-main button.btn-compare:hover { color: #C4601D; } #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: #C4601D; } .product-info-main ul.list-unstyled li a { color: #C4601D; font-weight: 700; } .product-info-main ul.list-unstyled li a:hover { text-decoration: underline; } .product-info-detailed { margin-top: 40px; display: inline-block; vertical-align: top; width: 100%; } .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: #C4601D; } .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 20px; 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 { font-family: 'Neuton', sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 42px; letter-spacing: 0.05em; color: #000000; margin-top: 0; margin-bottom: 30px; text-transform: capitalize; } @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 .box-list { 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 { } .logo-container { max-width: 50%; float: left; } .top-search { position: relative; margin-bottom: 15px; top: auto; left: auto; right: auto; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .top-menu { /* padding: 15px 0; */ } .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; } .fluid-width > .container { padding: 0 15px; } #top .box { float: none; text-align: center; } #top .box:first-child { border-bottom: 1px solid rgba(255,255,255,0.17); } .product-info-main { margin-top: 30px; } footer { } #back-top { width: 40px; 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; } #cart .dropdown-menu { right: 0; width: 300px; } .product-list .item-inner { grid-template-columns: 100%; } .product-list .images-container { grid-row: auto; } .product-list .box-list { grid-column: auto; padding-left: 0; } .product-list .caption { padding: 0; } #top .setting .btn-group .dropdown-menu { right: auto; left: -15px; } } @media(max-width: 359px){ .product-info-main > .inner { padding-left: 15px; padding-right: 15px; } .product-info-main .ratings a { line-height: 20px; } } /*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; } /* Custome Css */ .text_error_instagram { color: #666 !important; font-family: 'Open Sans', sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 14px !important; letter-spacing: 0.00em !important; } address { font-family: 'Open Sans', sans-serif !important; letter-spacing: 0.05em !important; color: #000 !important; font-weight: 400 !important; font-size: 13px;} strong {font-family: 'Open Sans', sans-serif !important; letter-spacing: 0.03em !important; color: #000 !important; font-weight: 400 !important; font-size: 13px; } .login-btn { position: absolute !important; right: 345px !important; top: 50% !important; left: 875px;} .btn-text { color: #fff; font-family: 'Open Sans', sans-serif !important; font-weight: 500; font-size: 14px; letter-spacing: 1px;} .btn-text:hover { text-decoration: none !important; color: #fff;} .btn-text:active { color: #fff !important; text-decoration: none !important;} .login-menu { padding: 10px 10px !important; } .list-login { line-height: 26px !important;} .btn-link:hover, .btn-link:focus { color: #fff !important; text-decoration: none !important; } .btn-text i { font-size: 25px;} .lnr-text-align-left:before { color: #c4601d !important; } @media(min-width:320px) and (max-width:992px){ .header-phone { display: none !important; } } @media(max-width:375px){ .login-btn { position: absolute !important; right: 180px !important; top: 25% !important; left: 180px !important; } .btn-text i { font-size: 20px;} .header-phone .text label { font-size: 11px; margin-bottom: 0; } .header-phone { position: relative; top: auto; left: auto; right: auto; margin-top: 0; display: block !important; vertical-align: top; margin-bottom: 15px; } .header-phone .text p { margin: 0; color: #fff; font-size: 14px; font-weight: 700; } .header-phone { display: none !important; } #logo { padding: 5px 0 !important;} #cart > button:before { font-size: 20px !important; } #cart:hover > button #cart-total .txt_number { font-size: 10px !important; } #cart-total .txt_number { width: 14px; height: 14px; line-height: 15px; font-size: 10px; left: 32px;} #cart > button { line-height: 36px !important; padding-right: 23px !important; padding-left: 7px !important; margin-top: 5px !important; } } @media(min-width:330px) and (max-width:375px){ .login-btn { position: absolute !important; right: 180px !important; top: 25% !important; left: 218px !important; } } @media(min-width:376px) and (max-width:425px){ .header-phone { display: none !important; } #logo { padding: 5px 0 !important;} #cart > button:before { font-size: 20px !important; } #cart:hover > button #cart-total .txt_number { font-size: 10px !important; } #cart-total .txt_number { width: 14px; height: 14px; line-height: 15px; font-size: 10px; left: 32px;} #cart > button { line-height: 36px !important; padding-right: 23px !important; padding-left: 7px !important; margin-top: 5px !important; } .login-btn { right: 250px !important; top: 20% !important; left: 250px !important; } .header-phone .text label { font-size: 15px; margin-bottom: 0; } #logo a { font-size: 45px !important;} } @media(min-width:376px) and (max-width:567px){ .header-phone .text p { margin: 0; color: #fff; font-size: 15px;} .header-phone { position: relative; top: auto; left: auto; right: auto; margin-top: 0; display: block; vertical-align: top; margin-bottom: 15px; } } @media(min-width:568px) and (max-width:600px){ .header-phone { position: absolute; top: 55%; right: 185px;} .header-phone .text p { margin: 0; color: #fff; font-size: 14px; font-weight: 700; } .header-phone .text label { font-family: 'Open Sans', sans-serif; font-size: 11px; color: #fff; font-weight: 400; text-transform: capitalize; margin-bottom: 0; } .btn-text { font-size: 12px !important; } .login-btn { position: absolute !important; right: 59px !important; top: 38% !important; left: 500px !important;} } @media(min-width:580px) and (max-width:600px){ .login-btn { position: absolute !important; right: 59px !important; top: 38% !important; left: 390px !important; } .login-btn { position: absolute !important; right: 59px !important; top: 36% !important; left: 427px !important; } } @media(min-width:426px) and (max-width:768px){ .header-phone { display: none !important; } .login-btn { position: absolute !important; right: 300px !important; top: 24% !important; left: 595px !important; } .header-phone .text label { font-family: 'Open Sans', sans-serif; font-size: 11px; color: #fff; font-weight: 400; text-transform: capitalize; margin-bottom: 0; } .header-phone .text p { margin: 0; color: #fff; font-size: 14px; font-weight: 700; } .header-phone { position: absolute; top: 55%; right: 209px; margin-top: -22.5px; left: 200px; } #logo a { font-size: 45px !important; line-height: 58px !important; } } @media(min-width:768px) and (max-width:991px){ .login-btn { position: absolute !important; right: 520px !important; top: 24% !important; left: 575px; } } @media(min-width:768px) and (max-width:1024px){ .login-btn { position: absolute !important; right: 345px !important; top: 30% !important; left: 795px; } } @media(min-width:1025px) and (max-width:1199px){ .login-btn { position: absolute !important; right: 345px !important; top: 30% !important; left: 733px; } } @media(min-width:1200px) { .login-btn { position: absolute !important; right: 730px !important; top: 25% !important; left: 989px;} } .ml-2 { margin-left:10px; } .button-buy-now { float: left; margin-top: 15px; color: #fff; background: #333333; padding: 0 20px; transition:all .3s; } .button-buy-now:hover { background: #C4601D; transition:all .3s; } /* extra styles */ @media(min-width:320px) and (max-width:768px) { .d-none { display:none !important; } #content .custom-category .product-item { width: 50%; } #content .custom-category .product-item:nth-child(1n+1) { clear: none; } .product-name a { font-size: 18px; } .row-eq-height { display: flex; flex-wrap: wrap; } } .d-lg-block { display: block; } .d-md-block { display: block ; }