body {color: #333333;font-family: 'Montserrat', sans-serif; font-size: 14px;line-height: inherit; margin: 0; padding: 0; font-weight: 400;} .wrap {overflow: hidden;position: relative;} * {box-sizing: border-box;outline: none;} img {max-width: 100%;} a {color: #333;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;} a:hover,a:focus {text-decoration: none;outline: none;} .container {max-width: 1230px;width: 100%; padding: 0;} input, input:focus, input:hover {outline: none;} .border {border: 1px solid #e5e5e5;} .border-left {border-left: 1px solid #e5e5e5;} .border-right {border-right: 1px solid #e5e5e5;} .border-top {border-top: 1px solid #e5e5e5;} .border-bottom {border-bottom: 1px solid #e5e5e5;} .transition {transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .radius {border-radius: 4px;} .white {color: #fff;} .silver {color: #999;} .smoke {color: #ccc;} .black {color: #333;} .dark {color: #000;} .bg-white {background: #fff;} .list-none {list-style: none;margin: 0;padding: 0;} .list-inline-block {list-style: outside none none;margin: 0;padding: 0;} .list-inline-block > li {display: inline-block;vertical-align: top;} .title14, .title12, .title18, .title24, .title30, .title60, .item-banner4 .banner-info h2, .item-banner4 .banner-info h3, .tab-pro-ajax-header h2 {font-weight: 700;margin: 0;font-size: 14px;} .title12 {font-size: 12px;} .title18, .tab-pro-ajax-header h2 {font-size: 18px;} .title24 {font-size: 24px;} .title30, .item-banner4 .banner-info h3 {font-size: 30px;} .title60, .item-banner4 .banner-info h2 {font-size: 60px;} .absolute, .overlay .wrap::before {position: absolute;top: 0;left: 0; bottom: 0;right: 0;} .inline-block {display: inline-block;vertical-align: top;} .list-inline-block { margin: 0; padding: 0;list-style: none;} .list-inline-block > li {display: inline-block;vertical-align: top;} div.table {display: table; margin: 0;width: 100%;} div.table > div {display: table-cell;vertical-align: top;} .sub-menu, .cat-mega-menu, .mega-menu {pointer-events: none;} li.has-mega-menu:hover > .mega-menu, li.has-cat-mega:hover > .cat-mega-menu, li.menu-item-has-children:hover > .sub-menu {pointer-events: inherit;} .banner-adv {position: relative;} .adv-thumb-link {display: block;overflow: hidden; position: relative;} .adv-thumb-link > img {display: block;width: 100%;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;} .product-thumb-link {display: block; position: relative; overflow: hidden;} .product-thumb-link img {width: 100%;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;} .product-thumb-link::before { content: ""; background: rgba(0, 0, 0, 0.3); opacity: 0; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-thumb:hover .product-thumb-link::before { opacity: 1;} .product-thumb:hover .zoom-thumb img { transform: scale(1.15); -webkit-transform: scale(1.15);} .zoomout-thumb img:last-child { position: absolute; top: 0; left: 0; opacity: 0; transform: scale(3); -webkit-transform: scale(3);} .product-thumb:hover .zoomout-thumb img:last-child { transform: scale(1); -webkit-transform: scale(1); opacity: 1;} .wrap-item > div:not(:first-child) { display: none;} .owl-theme .owl-controls { margin: 0;} .owl-theme .owl-controls .owl-buttons div { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); opacity: 0; padding: 0; margin: 0; color: #fff; font-size: 18px; z-index: 9; position: absolute; top: 50%; margin-top: -15px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; border-radius: 4px;} .banner-slider .owl-theme .owl-controls .owl-buttons div { width: 40px; height: 40px; font-size: 30px; margin-top: -20px; border-radius: 0;} .owl-theme:hover > .owl-controls > .owl-buttons > div { opacity: 1;} .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0;} .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0;} .owl-theme .owl-controls .owl-buttons div i { display: block; height: 30px; line-height: 30px;} .banner-slider .owl-theme .owl-controls .owl-buttons div i { height: 40px; line-height: 39px;} .owl-theme .owl-controls .owl-page span { background: #ccc; margin: 0 5px; width: 10px; height: 10px; border-radius: 50%; opacity: 1; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .time-delay1 { transition-delay: 0.5s; -webkit-transition-delay: 0.5s;} .time-delay2 { transition-delay: 0.8s; -webkit-transition-delay: 0.8s;} .time-delay3 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s;} .time-delay4 { transition-delay: 1.4s; -webkit-transition-delay: 1.4s;} .top-to-bottom { transform: translateY(-500px); -webkit-transform: translateY(-500px); transition-property: all; transition-timing-function: ease-out; transition-duration: 0.5s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.5s; opacity: 0;} .owl-item.active .top-to-bottom { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;} .bottom-to-top { transform: translateY(500px); -webkit-transform: translateY(500px); transition-property: all; transition-timing-function: ease-out; transition-duration: 0.5s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.5s; opacity: 0;} .owl-item.active .bottom-to-top { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;} .right-to-left { transform: translateX(500px); -webkit-transform: translateX(500px); transition-property: all; transition-timing-function: ease-out; transition-duration: 0.5s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.5s; opacity: 0;} .owl-item.active .right-to-left { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;} .left-to-right { transform: translateX(-500px); -webkit-transform: translateX(-500px); transition-property: all; transition-timing-function: ease-out; transition-duration: 0.5s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.5s; opacity: 0;} .owl-item.active .left-to-right { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;} .item-pro-color .product-thumb-link img { left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-color .product-thumb-link img.active { opacity: 1; position: static; visibility: visible;} .grid-pro-color { padding: 0 25px 30px;} .list-color > a { border-radius: 50%; display: inline-block; height: 10px; width: 10px; margin: 0 3px;} .item-pro-color { background: #fff none repeat scroll 0 0; position: relative; text-align: center; margin: 0 0 20px 20px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .list-color { margin: 5px 0 10px;} .content-grid-boxed { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px;} .content-grid-boxed .sort-pagi-bar { border-bottom: 1px solid #e5e5e5; padding: 10px 20px 4px;} .item-pro-color .product-info { border-bottom: 1px solid #e5e5e5; position: relative;} .item-pro-color .product-info .product-extra-link { background: #fff none repeat scroll 0 0; left: 0; margin-top: 1px; padding: 20px 15px 15px; position: absolute; top: 100%; width: 100%; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-color:hover .product-info .product-extra-link { opacity: 1; visibility: visible;} .item-pro-color .product-info .product-extra-link a { opacity: 0; transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg);} .item-pro-color:hover .product-info .product-extra-link a { opacity: 1; transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0);} .item-pro-color .product-price { margin-bottom: 13px;} .item-pro-color::after { background: #fff none repeat scroll 0 0; border-color: #e5e5e5; border-radius: 4px; border-style: solid; border-width: 1px 1px 0; bottom: -75px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); content: ""; left: -10px; opacity: 0; position: absolute; right: -10px; top: -10px; visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-color:hover { z-index: 9;} .item-pro-color:hover::after { opacity: 1; visibility: visible;} .item-pro-color .product-info,.item-pro-color .product-thumb { z-index: 1;} .item-pro-color .product-extra-link a span { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-radius: 4px; bottom: 100%; color: #fff; display: block; font-size: 12px; height: 20px; left: -20px; line-height: 20px; margin-bottom: 5px; position: absolute; width: 80px; opacity: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-color .product-extra-link a:hover span { opacity: 1;} .item-pro-color .product-extra-link a span::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.6); content: ""; height: 0; left: 50%; margin-left: -5px; position: absolute; top: 100%; width: 0;} .pagi-bar { display: inline-block; vertical-align: top;} .pagi-bar a { border: 1px solid #e5e5e5; border-radius: 4px; color: #666; display: inline-block; height: 30px; line-height: 29px; margin: 0 -1px; text-align: center; vertical-align: top; width: 30px; background: #fff; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .pagi-bar a.current-page,.pagi-bar a:hover { color: #fff;} .sort-pagi-bar .pagi-bar { margin-left: 28px;} .pagi-bar.bottom { display: block; text-align: center;} .content-page { padding: 20px 0 30px;} .banner-shop { margin-bottom: 20px; overflow: hidden; position: relative;} .banner-shop-thumb a { display: block; position: relative; overflow: hidden;} .banner-shop-thumb a img { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .banner-shop:hover a img { transform: scale(1.15); -webkit-transform: scale(1.15);} .banner-shop-thumb a::after { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0;} .banner-shop-info { color: #fff; left: 0; margin-top: -35px; padding: 0 60px; position: absolute; top: 50%; width: 100%;} .banner-shop-info > h2 { font-weight: 700; margin: 0 0 6px;} .banner-shop-info > p { font-size: 18px; margin: 0;} .bread-crumb { background: #494949 none repeat scroll 0 0; color: #fff; margin-bottom: 20px; padding: 10px 20px;} .bread-crumb a { color: #fff; margin-right: 20px; position: relative;} .bread-crumb a:hover { text-decoration: underline;} .bread-crumb a::after { content: ""; font-family: fontawesome; position: absolute; right: -15px; top: 2px;} .view-type { float: left;} .view-type a { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px; display: inline-block; height: 30px; position: relative; width: 30px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .view-type a::after { bottom: 0; content: ""; height: 11px; left: 0; position: absolute; right: 0; top: 0; width: 11px; background-position: left top; background-repeat: no-repeat; margin: auto; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .view-type a.grid-view::after { background-image: url("../images/icon-grid.png");} .view-type a.list-view::after { background-image: url("../images/icon-list.png");} .view-type a.active::after,.view-type a:hover::after { background-position: left bottom;} .select-box { color: #666; display: inline-block;} .sort-bar.select-box { margin-right: 25px; padding-right: 31px; position: relative;} .select-box select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #e5e5e5; border-radius: 4px; height: 30px; padding: 0 35px 0 10px; position: relative; text-align: left; text-transform: capitalize; background-image: url("../images/icon-select.png"); background-repeat: no-repeat; background-position: right 10px center; cursor: pointer;} .sort-bar.select-box::after { background: #fafafa none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px; color: #666; content: ""; font-family: fontawesome; height: 30px; line-height: 30px; position: absolute; right: 0; top: 0; text-align: center; width: 30px;} .grid-product-ajax li { float: left; width: 20%;} .item-pro-ajax { background: #fff none repeat scroll 0 0; margin: 0 5px 10px; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-ajax:hover { z-index: 9;} .grid-product-ajax { margin: 0 -5px -10px;} .product-label { left: 0; position: absolute; top: 0; width: 100%; z-index: 1;} .product-label span { color: #fff; display: inline-block; float: left; font-size: 10px; height: 20px; line-height: 20px; padding: 0 10px; text-transform: uppercase;} .product-label span.sale-label { background: #cdd9f1 none repeat scroll 0 0;} .product-label span.new-label { background: #9c9c9c none repeat scroll 0 0;} .item-pro-ajax .quickview-link { bottom: 8px; color: #fff; left: 0; position: absolute; right: 0; text-align: center; text-transform: capitalize; z-index: 9; transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-ajax .product-thumb:hover .quickview-link { transform: translateY(0); -webkit-transform: translateY(0);} .item-pro-ajax .quickview-link span { display: inline-block; position: relative;} .item-pro-ajax .quickview-link span::after { bottom: -8px; content: ""; height: 2px; left: 0; position: absolute; width: 100%;} .item-pro-ajax .product-info { border-top: 1px solid #e5e5e5; margin: 20px 20px 0; padding-bottom: 20px; padding-top: 16px; position: relative; z-index: 9;} .product-price { margin: 0 -5px;} .product-extra-link2 .addcart-link { background: #333 none repeat scroll 0 0; border: medium none; color: #fff; padding: 0 20px; width: auto;} .product-extra-link2 { margin: 0 -3px;} .product-extra-link2 a { color: #333; display: inline-block; margin-right: 20px; line-height: 24px; font-weight: 500; position: relative; text-align: center; vertical-align: top; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-extra-link2 a:hover { color: #999;} .item-pro-ajax .product-extra-link2 a { transform: scale(0); -webkit-transform: scale(0);} .item-pro-ajax:hover .product-extra-link2 a { transform: scale(1); -webkit-transform: scale(1);} .item-pro-ajax .product-extra-link2 { background: #fff none repeat scroll 0 0; left: -20px; position: absolute; right: -20px; text-align: center; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-ajax:hover .product-extra-link2 { opacity: 1; visibility: visible;} .item-pro-ajax .product-thumb { z-index: 1;} .item-pro-ajax::after { background: #fff none repeat scroll 0 0; bottom: -130px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); content: ""; left: -10px; position: absolute; right: -10px; top: -10px; opacity: 0; visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-pro-ajax:hover::after { opacity: 1; visibility: visible;} .widget { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 20px; overflow: hidden;} .widget-content { border-top: 1px solid #e5e5e5; padding: 20px;} .widget-content ul { list-style: outside none none; margin: 0; padding: 0;} .widget-title,.toggle-tab-title { background: #fafafa none repeat scroll 0 0; cursor: pointer; padding: 17px 20px; position: relative;} .widget-title::after { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px; content: ""; display: block; font-family: fontawesome; height: 24px; line-height: 22px; position: absolute; right: 20px; text-align: center; top: 13px; width: 24px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .widget-title.active::after { content: "\f0d7";} .widget-product-cat ul ul { margin: 10px 0 0 10px;} .widget-product-cat ul ul li a { color: #999;} .widget-product-cat ul a { color: #555; display: block;} .widget-product-cat ul li.has-sub-cat > a { position: relative; padding-right: 20px;} .widget-product-cat ul li.has-sub-cat > a::after { position: absolute; font-size: 10px; font-family: fontawesome; content: "\f067"; right: 0; top: 2px; width: 16px; height: 16px; text-align: center; line-height: 16px; color: #fff; border-radius: 4px;} .widget-product-cat ul li.has-sub-cat.active > a::after { content: "\f068";} .widget-product-cat ul li { margin-bottom: 10px;} .widget-product-cat ul li:last-child { margin: 0;} .widget-product-cat li.has-sub-cat > ul { display: none;} .range-filter #slider-range { border: medium none; height: 4px; margin: 5px 0 30px; border-radius: 0px;} .range-filter #slider-range .ui-slider-handle.ui-state-default.ui-corner-all { border: medium none; border-radius: 4px; height: 16px; margin: 0 -8px; top: -6px; width: 16px; cursor: pointer;} .range-filter #amount > .number { border: 1px solid #e5e5e5; display: inline-block; height: 30px; line-height: 30px; padding: 0 13px; width: 60px; border-radius: 4px; color: #555;} .range-filter #amount > .separate { margin: 0 10px;} .range-filter #amount { display: inline-block; margin-right: 6px; vertical-align: top;} .range-filter .btn-filter { border: medium none; color: #fff; height: 30px; padding: 0 13px; display: inline-block; text-transform: uppercase; border-radius: 4px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .list-filter { margin: 0; padding: 0; list-style: none;} .list-filter li { display: inline-block; margin: 0 1px 5px;} .widget-content .list-filter { margin-bottom: -5px;} .list-filter li a { border: 1px solid #e5e5e5; color: #555; display: block; height: 30px; line-height: 30px; min-width: 30px; text-align: center; text-transform: uppercase; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .size-filter.list-filter a { border-radius: 4px; padding: 0 7px; background: #fff;} .size-filter.list-filter li a:hover,.size-filter.list-filter li.active a { border-radius: 0;} .color-filter.list-filter a { padding: 1px;} .color-filter.list-filter li.active a::after { bottom: 0; color: #000; content: ""; font-family: fontawesome; left: 0; position: absolute; right: 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); top: 0;} .color-filter.list-filter a span { display: block; width: 26px; height: 26px; border-radius: 4px;} .item-pro-seller,.widget-recent-post .widget-content > ul > li { border-bottom: 1px solid #e5e5e5; display: table; margin-bottom: 20px; padding-bottom: 20px; width: 100%;} .item-pro-seller .product-thumb,.widget-recent-post .widget-content > ul > li > .post-thumb { display: table-cell; width: 90px;} .item-pro-seller .product-thumb-link { width: 90px;} .item-pro-seller:last-child,.widget-recent-post .widget-content > ul > li:last-child { border: medium none; margin: 0; padding: 0;} .item-pro-seller .product-info,.widget-recent-post .widget-content > ul > li > .post-info { display: table-cell; padding-left: 20px; vertical-align: top;} .widget-seller .owl-theme .owl-controls .owl-buttons div { width: 30px; height: 30px; font-size: 18px; position: absolute; top: 50%; margin-top: -15px; z-index: 99; border-radius: 4px;} .widget-seller .owl-theme .owl-controls .owl-buttons div.owl-prev { left: -50px;} .widget-seller .owl-theme .owl-controls .owl-buttons div.owl-next { right: -50px;} .widget-seller:hover .owl-theme .owl-controls .owl-buttons div.owl-prev { left: -20px;} .widget-seller:hover .owl-theme .owl-controls .owl-buttons div.owl-next { right: -20px;} .widget-seller .owl-theme .owl-controls .owl-buttons div i { height: 30px; line-height: 30px;} .item-brand-side { border-bottom: 1px solid #e5e5e5; display: table; margin-bottom: 20px; padding-bottom: 20px; width: 100%;} .item-brand-side:last-child { border: medium none; margin: 0; padding: 0;} .brand-side-thumb { display: table-cell; width: 110px; text-align: center;} .brand-side-info { display: table-cell; padding-left: 20px; vertical-align: top;} .brand-side-info > p { color: #444; line-height: 24px; margin: -5px 0 2px;} .brand-side-info span::before { content: "-"; display: iline-block; color: #333; margin-right: 5px;} .top-header { background: #fafafa none repeat scroll 0 0; border-bottom: 1px solid #e8e8e8; position: relative; z-index: 10000;} .account-login a { color: #666; height: 40px; line-height: 40px; display: inline-block; border-right: 1px solid #e8e8e8; padding: 0 15px; text-transform: uppercase; font-size: 12px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .account-login { margin: 0 -15px;} .account-login a:last-child { border: none;} .language-box,.currency-box,.address-box,.checkout-box { display: inline-block; position: relative; vertical-align: top; z-index: 99;} .currency-language > div { border-left: 1px solid #e8e8e8; padding: 0 12px; margin-left: -3px;} .currency-language > div:first-child { border: medium none;} .language-box .language-current,.currency-box .currency-current,.address-box .address-toggle { color: #333; display: block; height: 40px; line-height: 40px; padding: 0 10px; position: relative; text-transform: uppercase; font-size: 12px;} .language-box .language-list,.currency-box .currency-list,.address-box .address-list,.list-category-toggle,.list-checkout { position: absolute; right: 0; top: 100%; background: #fff; padding: 10px; width: 130px; margin-top: 30px; visibility: hidden; opacity: 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-quickview { max-width: 980px; width: 100%;} .product-quickview .detail-info { margin-top: 0;} .currency-box .currency-list { width: 110px;} .language-box:hover .language-list, .currency-box:hover .currency-list, .address-box:hover .address-list, .checkout-box:hover .list-checkout { margin-top: 0; opacity: 1; visibility: visible;} .select-category:hover .list-category-toggle { margin-top: 5px; opacity: 1; visibility: visible;} .language-box .language-list li, .currency-box .currency-list li { border-bottom: 1px solid #fff;} .language-box .language-list li a img, .currency-box .currency-list li a .currency-index { margin-right: 10px;} .language-box .language-list li a, .currency-box .currency-list li a, .list-checkout li a { display: block; height: 30px; line-height: 30px; background: #fafafa; color: #666; padding: 0 10px; font-size: 14px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .language-box .language-list li a:hover, .currency-box .currency-list li a:hover, .list-checkout li a:hover { color: #fff;} .language-box .language-current::after, .currency-box .currency-current::after { content: ""; display: inline-block; font-family: fontawesome; margin-left: 3px; vertical-align: top;} .currency-language { float: right;} .language-current > img { display: inline-block; margin-right: 5px; vertical-align: middle;} .language-current > span { display: inline-block; vertical-align: middle;} .address-box .address-list { width: 250px; padding: 10px 20px;} .address-box .address-list p { color: #666;} .logo { margin: 0;} .select-category { left: 0; position: absolute; width: 180px; z-index: 999;} .smart-search-form { border-left: 1px solid #e5e5e5; padding-right: 44px; position: relative; width: 100%;} .smart-search-form input[type="submit"] { border: medium none; height: 40px; position: absolute; right: 0; top: 0; width: 40px; z-index: 9; background-image: url("../icon-search.png"); background-repeat: no-repeat; background-position: center center; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .select-category .category-toggle-link { color: #333; display: block; height: 42px; line-height: 42px; padding: 0 15px; position: relative;} .smart-search-form input[type="text"] { border: medium none; color: #999; height: 40px; padding: 0 15px; width: 100%; background: #fff;} .select-category .category-toggle-link::after { content: ""; font-family: fontawesome; margin-left: 30px;} .list-category-toggle li { margin-bottom: 1px;} .list-category-toggle a { background: #fafafa none repeat scroll 0 0; color: #666; display: block; padding: 8px 15px;} .main-header { border-bottom: 2px solid #e5e5e5; padding: 20px 0 0; background: #fff;} .smart-search { border-width: 2px; border-style: solid; padding-left: 180px; position: relative; border-radius: 4px;} .list-category-toggle { margin-top: 35px; width: 200px; left: 0; right: auto;} .list-category-toggle li { margin-bottom: 1px;} .list-category-toggle a { background: #fafafa none repeat scroll 0 0; color: #666; display: block; padding: 8px 15px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .list-category-toggle a:hover { color: #fff;} .mini-cart-box { position: relative; z-index: 99; display: inline-block;} .mini-cart-box:hover .mini-cart-content { margin-top: 5px; opacity: 1; visibility: visible;} .mini-cart-content h2 { font-size: 14px; margin: 0;} .mini-cart-content { background: #fff none repeat scroll 0 0; box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.2); margin-top: 35px; opacity: 0; padding: 20px; position: absolute; right: 0; top: 100%; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; visibility: hidden; width: 290px; z-index: 9999;} .list-mini-cart-item { margin: 0 0 5px;} .list-mini-cart-item li { border-bottom: 1px solid #e9e9e9; display: table; padding: 20px 0;} .mini-cart-edit { display: table-cell; width: 25px;} .mini-cart-edit a { color: #999; display: block; margin-right: 5px;} .mini-cart-thumb { display: table-cell; vertical-align: top;} .mini-cart-thumb a { display: block; overflow: hidden; width: 70px;} .mini-cart-thumb a img { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .mini-cart-thumb a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15);} .mini-cart-info { display: table-cell; padding-left: 20px; vertical-align: top;} .mini-cart-info h3 { font-size: 14px; margin: 0 0 5px;} .mini-cart-info h3 a { color: #666;} .info-price span { margin-right: 10px;} .info-price del { color: #999; position: relative; text-decoration: none;} .info-price del::after { background: #999 none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 100%;} .qty-product { border: 1px solid #e9e9e9; font-size: 0; margin-top: 10px; max-width: 100px;} .qty-product span { color: #999; cursor: pointer; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0; text-align: center; width: 20px;} .qty-product .qty-num { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; cursor: auto; width: 58px;} .qty-product span { color: #999; cursor: pointer; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0; text-align: center; width: 20px;} .mini-cart-total { display: table; font-size: 18px; text-transform: uppercase; width: 100%;} .mini-cart-total label { color: #999; display: table-cell; font-size: 14px; font-weight: 400; margin: 0;} .mini-cart-total span { display: table-cell; text-align: right;} .mini-cart-button { margin-top: 15px; text-transform: uppercase; width: 100%;} .mini-cart-button a,a.shop-button, .register-content-box .register-button { color: #fff; display: inline-block; height: 40px; line-height: 40px; overflow: hidden; position: relative; background: #333; padding: 0 18px; border-radius: 4px;} .wishlist-box { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; display: inline-block; height: 30px; line-height: 30px; margin: 0 15px; padding: 0 15px;} .list-checkout { width: 170px;} .list-checkout li { border-bottom: 1px solid #fff;} .list-checkout li a i.fa { margin-right: 5px;} .check-cart { float: right;} .mini-cart-box .mini-cart-link { display: block; position: relative;} .mini-cart-link .mini-cart-icon { font-size: 38px;} .mini-cart-link .mini-cart-number { color: #555; font-size: 10px; position: absolute; right: -5px; top: 0;} .checkout-box .checkout-link, .wishlist-box .wishlist-top-link { font-size: 30px;} .main-nav > ul { margin: 0; position: relative; padding: 0; list-style: none;} .main-nav > ul > li.menu-item-has-children { position: relative;} .main-nav > ul > li { display: inline-block; font-size: 14px; margin-right: 35px;} .main-nav > ul > li:last-child { margin: 0;} .main-nav > ul > li > a { color: #333333; display: block; padding: 15px 0px; position: relative; text-transform: uppercase; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .main-nav > ul > li > a {font-weight:bold;} .main-nav > ul li > .sub-menu { background: #fff none repeat scroll 0 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2); left: 0; margin-top: 30px; opacity: 0; padding: 0; position: absolute; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; visibility: hidden; width: 200px; z-index: 999; list-style: none;} .main-nav > ul li:hover > .sub-menu { margin-top: 0; opacity: 1; visibility: visible;} .main-nav > ul > li .sub-menu > li { padding: 0 20px;} .main-nav > ul > li .sub-menu > li:first-child > a { border: medium none;} .main-nav > ul > li .sub-menu > li > a { border-top: 1px solid #e5e5e5; color: #666; display: block; padding: 10px 0; text-transform: capitalize; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu { left: 100%; top: 0;} .main-nav .toggle-mobile-menu { display: none; height: 30px; width: 100%; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; background:transparent; float:right;} .main-nav .toggle-mobile-menu li{display:inline;} /*.main-nav .toggle-mobile-menu a {top:-35px;} .main-nav .toggle-mobile-menu span { position: absolute; width: 100%; height: 4px; left: 0; top: 50%;} .main-nav .toggle-mobile-menu::before,.main-nav .toggle-mobile-menu::after { content: ''; position: absolute; top: 0; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;} .main-nav .toggle-mobile-menu::before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} .main-nav .toggle-mobile-menu::after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);} .main-nav.active .toggle-mobile-menu::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .main-nav.active .toggle-mobile-menu::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}*/ .main-nav.active .toggle-mobile-menu span { display: none;} .main-nav > ul > li .sub-menu > li.menu-item-has-children > a { position: relative; padding-right: 10px;} .main-nav > ul > li .sub-menu > li.menu-item-has-children > a::after { font-family: "fontAwesome"; position: absolute; right: 0; top: 11px; content: "\f105";} .header-nav7-mob{display:block; background-color: #43b03a;} .header-nav7-mob ul { margin: 0; position: relative; padding: 15px 0px; list-style: none; } .header-nav7-mob ul li{display:inline; font-size: 14px; margin-right: 5px; } .header-nav7-mob ul li a { color: #333333; padding: 15px ; font-weight:bold; position: relative; text-transform: uppercase; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .mega-menu-title { border-bottom: 1px solid #e5e5e5; font-size: 20px; font-weight: 700; margin: 0 0 20px; padding-bottom: 15px; text-transform: uppercase;} .mega-menu { background: #fff none repeat scroll 0 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); left: 0; padding: 20px; position: absolute; top: 100%; width: 100%; z-index: 99; opacity: 0; visibility: hidden; margin-top: 30px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .main-nav > ul > li.has-mega-menu:hover .mega-menu { opacity: 1; visibility: visible; margin-top: 0;} .mega-new-arrival-slider .item-product { border: 1px solid #e5e5e5; margin: 0 10px; padding: 20px;} .mega-new-arrival-slider { margin: 0 -10px;} .mega-new-arrival-slider .owl-theme .owl-controls .owl-buttons > div { width: 20px; height: 20px; font-size: 14px; opacity: 1;} .mega-new-arrival-slider .owl-theme .owl-controls .owl-buttons > div i { height: 20px; line-height: 20px;} .mega-new-arrival-slider .owl-theme .owl-controls { width: 41px; position: absolute; right: 15px; top: -40px;} .mega-adv-info .title18 { margin: 25px 0 8px;} .cat-mega-menu { background: #fff none repeat scroll 0 0; left: 100%; position: absolute; top: 0; border: 1px solid #e5e5e5; padding: 20px 30px; margin-left: 0px; opacity: 0; /*visibility: hidden;*/ visibility: visible; /*transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;*/} .list-cat-icon > li.has-cat-mega:hover > .cat-mega-menu { margin-left: 0; opacity: 1; visibility: visible;} .cat-mega-menu.cat-mega-style1 { width: 900px;} .cat-mega-menu.cat-mega-style2 { width: 750px;} .cat-mega-menu.cat-mega-style2 .title-cat-mega-menu { margin-bottom: 20px;} .title-cat-mega-menu { border-bottom: 1px solid #e5e5e5; font-size: 14px; font-weight: 700; margin: 0 0 10px; padding-bottom: 12px; padding-left: 15px; text-transform: uppercase;} .list-cat-mega-menu a { color: #666;} .list-cat-mega-menu li { color: #ccc; list-style: circle; margin-bottom: 7px; padding-left: 5px;} .list-cat-mega-menu > ul { padding-left: 12px;} .banner-slider .banner-info { height: 200px;} .banner-info { bottom: 0; left: 0px; margin: auto; position: absolute; right: 0; top: 0;} .product-title { font-size: 14px; line-height: 16px; text-transform: none; font-weight: 600;} .product-title a, .list-cat-icon > li > a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .hot-cat-slider { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; margin-bottom: 50px; padding-top: 28px; position: relative; padding-bottom: 25px;} .hot-cat-slider::after { position: absolute; top: 0; right: 0; content: ""; height: 100%; width: 2px; background: #fff;} .price-from { color: #999; margin: 0; text-transform: capitalize;} .price-from span { margin: 0 5px;} .hot-cat-info { margin: auto auto 18px; max-width: 100px;} .hot-cat-info .product-title a { white-space: inherit;} .hot-cat-thumb { background: #333 none repeat scroll 0 0; margin: auto; max-width: 100px; position: relative;} .item-hot-cat { border-right: 1px dashed #e5e5e5; padding: 0 15px; text-align: center;} .hot-cat-thumb .shopnow { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; bottom: 0; color: #fff; left: 0; position: absolute; right: 0; text-transform: uppercase; top: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; opacity: 0; transform: scale(0); -webkit-transform: scale(0);} .hot-cat-thumb:hover .shopnow { opacity: 1; transform: scale(1); -webkit-transform: scale(1);} .hot-cat-thumb .shopnow > span { left: 0; margin-top: -9px; position: absolute; top: 50%; width: 100%;} .product-tab-ajax { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; margin-bottom: 50px;} .tab-pro-ajax-header { border-bottom: 1px solid #e5e5e5; position: relative; padding: 0 20px;} .tab-pro-ajax-header > ul { list-style: outside none none; margin: 0 -23px; padding: 0; position: absolute; right: 20px; top: 0;} .tab-pro-ajax-header li { display: inline-block; padding: 0 23px;} .tab-pro-ajax-header li a { color: #333; display: block; height: 50px; line-height: 50px; text-transform: uppercase;} .tab-pro-ajax-header h2 { height: 50px; line-height: 50px;} .tab-pro-ajax-header li.active a { position: relative;} .tab-pro-ajax-header li.active a::after { position: absolute; bottom: -2px; width: 100%; height: 3px; left: 0; content: "";} .product-tab-ajax .item-product-ajax { float: left; padding: 0 10px; width: 20%;} .product-tab-ajax .tab-content { padding: 20px 10px;} .item-product { text-align: center;} .product-thumb { overflow: hidden; position: relative;} .item-product .product-extra-link { bottom: 20px; left: 0; position: absolute; width: 100%; z-index: 9;} .product-extra-link a { background: #fff none repeat scroll 0 0; display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; vertical-align: top; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; border-radius: 4px;} .product-thumb .product-extra-link a { opacity: 0;} .product-thumb:hover .product-extra-link a { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); transform: rotate(0); -webkit-transform: rotate(0);} .product-thumb .product-extra-link .wishlist-link { transform: rotate(360deg); -webkit-transform: rotate(360deg);} .product-thumb .product-extra-link .addcart-link { transform: translateX(50px); -webkit-transform: translateX(50px);} .product-thumb .product-extra-link .compare-link { transform: translateX(-50px); -webkit-transform: translateX(-50px);} .product-extra-link a:hover { color: #fff;} .quickview-link.pos-bottom span::after { bottom: -8px; content: ""; height: 2px; left: 0; position: absolute; width: 100%;} .quickview-link.pos-bottom span { display: inline-block; position: relative;} .quickview-link.pos-bottom { bottom: 8px; color: #fff; left: 0; position: absolute; right: 0; text-align: center; text-transform: capitalize; transform: translateY(30px); -webkit-transform: translateY(30px); z-index: 9; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-thumb:hover .quickview-link.pos-bottom { transform: translateY(0px); -webkit-transform: translateY(0px);} .quickview-link.plus { color: #fff; left: 50%; margin-left: -40px; position: absolute; text-transform: uppercase; top: 30px; z-index: 9; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-thumb .quickview-link.plus { transform: translateY(-100px); -webkit-transform: translateY(-100px); opacity: 0;} .product-thumb:hover .quickview-link.plus { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;} .product-thumb-link { display: block; overflow: hidden; position: relative;} .product-thumb-link::before { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-thumb:hover .product-thumb-link::before { opacity: 1;} .product-thumb .quickview-link.plus::before { content: "+"; left: 50%; position: absolute; top: -16px;} .product-price ins { font-size: 18px; font-weight: 700; margin: 0; text-decoration: none;} .product-price > del { color: #999; padding: 0 5px; position: relative; text-decoration: none;} .product-price > del::after { background: #999 none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 100%;} .item-product-ajax .product-thumb { margin-bottom: 16px;} .btn-loadmore a { height: 40px; line-height: 40px; margin: auto; text-align: center; width: 200px; display: block; color: #333; background: #fff; border-radius: 4px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; border: 1px solid #e5e5e5;} .btn-loadmore a:hover { color: #fff;} .btn-loadmore { margin-top: 25px;} .item-adv-color { overflow: hidden; position: relative; border: 1px solid #e5e5e5;} .adv-color-thumb img { width: 100%;} .adv-color-info { color: #fff; height: 100%; position: absolute; text-align: center; top: 0; width: 50%; transition: all 0.6s ease-out 0.3s; -webkit-transition: all 0.6s ease-out 0.3s;} .item-adv-color .adv-color-info::before { position: absolute; top: 0; right: 100%; width: 0; height: 100%; content: ""; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;} .item-adv-color .adv-color-info::after { position: absolute; top: 0; left: 100%; width: 0; height: 100%; content: ""; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;} .item-adv-color:hover .adv-color-info::before,.item-adv-color:hover .adv-color-info::after { width: 100%; transition: all 0.6s ease-out 0.3s; -webkit-transition: all 0.6s ease-out 0.3s;} .item-adv-color:hover .adv-color-info { transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;} .item-adv-color.info-left:hover .adv-color-info { left: 25%;} .item-adv-color.info-right:hover .adv-color-info { right: 25%;} .info-left .adv-color-info { left: 0;} .info-right .adv-color-info { right: 0;} .adv-color-info p { margin: 0 0 22px;} .adv-color-info h2 { font-weight: 700; margin: 0 0 7px; text-transform: uppercase;} .adv-color-info .shopnow { background: #fff none repeat scroll 0 0; color: #333; display: inline-block; height: 40px; line-height: 40px; padding-left: 40px; position: relative; text-align: left; text-transform: uppercase; width: 40px; overflow: hidden; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;} .adv-color-info .shopnow:hover { width: 130px;} .adv-color-info .shopnow::after { content: ""; font-family: fontawesome; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; top: 0; width: 40px;} .inner-adv-color-info { left: 0; margin: -75px auto auto; max-width: 240px; position: absolute; right: 0; top: 50%; z-index: 9;} .color-maroon .adv-color-info, .color-maroon .adv-color-info::before, .color-maroon .adv-color-info::after { background: rgba(255, 129, 118, 0.95);} .color-maroon .adv-color-info .shopnow { color: #ff8176;} .color-cyan .adv-color-info, .color-cyan .adv-color-info::before, .color-cyan .adv-color-info::after { background: rgba(38, 192, 180, 0.95);} .color-cyan .adv-color-info .shopnow { color: #26c0b4;} .color-yellow .adv-color-info, .color-yellow .adv-color-info::before, .color-yellow .adv-color-info::after { background: rgba(240, 204, 80, 0.95);} .color-yellow .adv-color-info .shopnow { color: #f0cc50;} .color-blue .adv-color-info, .color-blue .adv-color-info::before, .color-blue .adv-color-info::after { background: rgba(130, 193, 226, 0.95);} .color-blue .adv-color-info .shopnow { color: #82c1e2;} .color-red .adv-color-info, .color-red .adv-color-info::before, .color-red .adv-color-info::after { background: rgba(224, 45, 67, 0.95);} .color-red .adv-color-info .shopnow { color: #e02d43;} .color-purple .adv-color-info, .color-purple .adv-color-info::before, .color-purple .adv-color-info::after { background: rgba(188, 164, 217, 0.95);} .color-purple .adv-color-info .shopnow { color: #bca4d9;} .category-color { background: #fff none repeat scroll 0 0; margin-bottom: 50px;} .header-cat-color { border: 1px solid #e5e5e5; position: relative;} .header-cat-color .cat-color-link { color: #999; position: absolute; right: 20px; top: 15px;} .header-cat-color .title18 { padding: 15px 20px;} .header-cat-color::after { background: #333 none repeat scroll 0 0; content: ""; height: 3px; left: -1px; position: absolute; right: -1px; top: -1px;} .banner-cat-color { float: left; position: relative; top: -1px; width: 16.5%;} .banner-cat-color-thumb img { width: 100%;} .banner-left .banner-cat-color { float: left;} .banner-right .banner-cat-color { float: right;} .slider-cat-color { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; float: right; position: relative; width: 83.5%; overflow: hidden;} .slider-cat-color::after { background: #fff none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 3px;} .list-cat-color-adv { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; float: right; position: relative; width: 83.5%;} .adv-cat-color { float: left; min-height: 140px; padding-right: 155px; position: relative; width: 35%;} .list-cat-color-adv .hotkey-cat-color { float: right; padding: 20px 10px 10px 30px; width: 30%;} .banner-cat-color-info { background: #333 none repeat scroll 0 0; padding: 25px 15px; text-align: center;} .banner-cat-color-info > h2 { color: #fff; font-size: 18px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase;} .banner-cat-color-info > a { color: #fff;} .slider-cat-color .item-product { border-right: 1px solid #e5e5e5; padding: 20px 20px 14px;} .slider-cat-color .owl-theme .owl-controls .owl-buttons div { font-size: 18px; height: 30px; margin-top: -15px; position: absolute; top: 50%; width: 30px;} .slider-cat-color .owl-theme .owl-controls .owl-buttons div i { height: 30px; line-height: 30px;} .slider-cat-color .owl-theme .owl-controls .owl-buttons div.owl-next { right: -50px;} .slider-cat-color .owl-theme .owl-controls .owl-buttons div.owl-prev { left: -50px;} .slider-cat-color:hover .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0;} .slider-cat-color:hover .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0;} .adv-cat-color-info { min-height: 100px; position: relative; width: 100%;} .adv-cat-color-thumb { position: absolute; right: 55px; top: 20px; width: 100px;} .hotkey-cat-color .title14 { font-weight: 400;} .adv-cat-color-info .product-title { left: 20px; position: absolute; top: 20px;} .adv-cat-color-info .more { bottom: 0; left: 20px; position: absolute; color: #999;} .hotkey-cat-color > ul { list-style: outside none none; margin: 17px 0 0; padding: 0;} .hotkey-cat-color li { display: inline-block; margin: 0 6px 10px 0;} .hotkey-cat-color a { border: 1px solid #e5e5e5; border-radius: 4px; display: block; padding: 4px 12px; color: #666; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .list-cat-color-adv::after { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 100%; left: 70%; position: absolute; top: 0; width: 1px;} .list-cat-color-adv::before { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 100%; left: 35%; position: absolute; top: 0; width: 1px;} .item-band-cat-color { padding: 15px; text-align: center;} .item-band-cat-color img { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-band-cat-color img:hover { transform: scale(1.15); -webkit-transform: scale(1.15);} .category-color.color-brown .header-cat-color::after { background: #f26551 none repeat scroll 0 0;} .category-color.color-brown .banner-cat-color-info { background: #f26551 none repeat scroll 0 0;} .category-color.color-brown .header-cat-color .title18 { color: #f26551;} .category-color.color-brown .hotkey-cat-color a:hover { color: #fff; background: #f26551 none repeat scroll 0 0; border-color: #f26551;} .category-color.color-brown .header-cat-color .cat-color-link:hover { color: #f26551;} .category-color.color-brown .adv-cat-color-info .more:hover { color: #f26551;} .category-color.color-blue .header-cat-color::after { background: #0059a7 none repeat scroll 0 0;} .category-color.color-blue .banner-cat-color-info { background: #0059a7 none repeat scroll 0 0;} .category-color.color-blue .header-cat-color .title18 { color: #0059a7;} .category-color.color-blue .hotkey-cat-color a:hover { color: #fff; background: #0059a7 none repeat scroll 0 0; border-color: #0059a7;} .category-color.color-blue .header-cat-color .cat-color-link:hover { color: #0059a7;} .category-color.color-blue .adv-cat-color-info .more:hover { color: #0059a7;} .category-color.color-green .header-cat-color::after { background: #55c932 none repeat scroll 0 0;} .category-color.color-green .banner-cat-color-info { background: #55c932 none repeat scroll 0 0;} .category-color.color-green .header-cat-color .title18 { color: #55c932;} .category-color.color-green .hotkey-cat-color a:hover { color: #fff; background: #55c932 none repeat scroll 0 0; border-color: #55c932;} .category-color.color-green .header-cat-color .cat-color-link:hover { color: #55c932;} .category-color.color-green .adv-cat-color-info .more:hover { color: #55c932;} .category-color.color-purple .header-cat-color::after { background: #b018a9 none repeat scroll 0 0;} .category-color.color-purple .banner-cat-color-info { background: #b018a9 none repeat scroll 0 0;} .category-color.color-purple .header-cat-color .title18 { color: #b018a9;} .category-color.color-purple .hotkey-cat-color a:hover { color: #fff; background: #b018a9 none repeat scroll 0 0; border-color: #b018a9;} .category-color.color-purple .header-cat-color .cat-color-link:hover { color: #b018a9;} .category-color.color-purple .adv-cat-color-info .more:hover { color: #b018a9;} .category-color.color-orange .header-cat-color::after { background: #e3521b none repeat scroll 0 0;} .category-color.color-orange .banner-cat-color-info { background: #e3521b none repeat scroll 0 0;} .category-color.color-orange .header-cat-color .title18 { color: #e3521b;} .category-color.color-orange .hotkey-cat-color a:hover { color: #fff; background: #e3521b none repeat scroll 0 0; border-color: #e3521b;} .category-color.color-orange .header-cat-color .cat-color-link:hover { color: #e3521b;} .category-color.color-orange .adv-cat-color-info .more:hover { color: #e3521b;} .color-red .title-box1 .title30 span::after { color: #f26551;} .color-red .title-box1 .title30 a:hover { color: #f26551;} .color-red .title-box1 .title30 span { background: #f26551;} .color-red .banner-box1 { border-top: 3px solid #f26551;} .color-red .category-box1 .list-none li a:hover { color: #f26551;} .color-red .title-box1 .list-none li.active a::before { color: #f26551;} .color-red .title-box1 .list-none li a:hover { color: #f26551;} .color-red .product-extra-link2 .addcart-link:hover { background-color: #f26551;} .color-red .product-extra-link2 .wishlist-link:hover, .color-red .product-extra-link2 .compare-link:hover { color: #f26551;} .color-red .quickview-link.pos-bottom span::after { background-color: #f26551;} .color-red .quickview-link.pos-bottom:hover { color: #f26551;} .color-red .product-title a:hover { color: #f26551;} .color-red .product-price ins { color: #f26551;} .color-red .quickview-link.plus:hover { color: #f26551;} .color-red .product-extra-link a:hover { background-color: #f26551; color: #fff;} .color-red .product-extra-link a { color: #f26551;} .color-blue .title-box1 .title30 span::after { color: #0059a7;} .color-blue .title-box1 .title30 a:hover { color: #0059a7;} .color-blue .title-box1 .title30 span { background: #0059a7;} .color-blue .banner-box1 { border-top: 3px solid #0059a7;} .color-blue .category-box1 .list-none li a:hover { color: #0059a7;} .color-blue .title-box1 .list-none li.active a::before { color: #0059a7;} .color-blue .title-box1 .list-none li a:hover { color: #0059a7;} .color-blue .product-extra-link2 .addcart-link:hover { background-color: #0059a7;} .color-blue .product-extra-link2 .wishlist-link:hover, .color-blue .product-extra-link2 .compare-link:hover { color: #0059a7;} .color-blue .quickview-link.pos-bottom span::after { background-color: #0059a7;} .color-blue .quickview-link.pos-bottom:hover { color: #0059a7;} .color-blue .product-title a:hover {color: #0059a7;} .color-blue .product-price ins { color: #0059a7;} .color-blue .quickview-link.plus:hover { color: #0059a7;} .color-blue .product-extra-link a:hover { background-color: #0059a7; color: #fff;} .color-blue .product-extra-link a { color: #0059a7;} .color-maroon .title-box1 .title30 span::after { color: #a169f7;} .color-maroon .title-box1 .title30 a:hover { color: #a169f7;} .color-maroon .title-box1 .title30 span { background: #a169f7;} .color-maroon .banner-box1 { border-top: 3px solid #a169f7;} .color-maroon .category-box1 .list-none li a:hover { color: #a169f7;} .color-maroon .title-box1 .list-none li.active a::before { color: #a169f7;} .color-maroon .title-box1 .list-none li a:hover { color: #a169f7;} .color-maroon .product-extra-link2 .addcart-link:hover { background-color: #a169f7;} .color-maroon .product-extra-link2 .wishlist-link:hover, .color-maroon .product-extra-link2 .compare-link:hover { color: #a169f7;} .color-maroon .quickview-link.pos-bottom span::after { background-color: #a169f7;} .color-maroon .quickview-link.pos-bottom:hover { color: #a169f7;} .color-maroon .product-title a:hover { color: #a169f7;} .color-maroon .product-price ins { color: #a169f7;} .color-maroon .quickview-link.plus:hover { color: #a169f7;} .color-maroon .product-extra-link a:hover { background-color: #a169f7; color: #fff;} .color-maroon .product-extra-link a { color: #a169f7;} .color-green .title-box1 .title30 span::after { color: #55c932;} .color-green .title-box1 .title30 a:hover { color: #55c932;} .color-green .title-box1 .title30 span { background: #55c932;} .color-green .banner-box1 { border-top: 3px solid #55c932;} .color-green .category-box1 .list-none li a:hover { color: #55c932;} .color-green .title-box1 .list-none li.active a::before { color: #55c932;} .color-green .title-box1 .list-none li a:hover { color: #55c932;} .color-green .product-extra-link2 .addcart-link:hover { background-color: #55c932;} .color-green .product-extra-link2 .wishlist-link:hover, .color-green .product-extra-link2 .compare-link:hover { color: #55c932;} .color-green .quickview-link.pos-bottom span::after { background-color: #55c932;} .color-green .quickview-link.pos-bottom:hover { color: #55c932;} .color-green .product-title a:hover { color: #55c932;} .color-green .product-price ins { color: #55c932;} .color-green .quickview-link.plus:hover { color: #55c932;} .color-green .product-extra-link a:hover { background-color: #55c932; color: #fff;} .color-green .product-extra-link a { color: #55c932;} .color-orange .title-box1 .title30 span::after { color: #ff6600;} .color-orange .title-box1 .title30 a:hover { color: #ff6600;} .color-orange .title-box1 .title30 span { background: #ff6600;} .color-orange .banner-box1 {border-top: 3px solid #ff6600;} .color-orange .category-box1 .list-none li a:hover { color: #ff6600;} .color-orange .title-box1 .list-none li.active a::before { color: #ff6600;} .color-orange .title-box1 .list-none li a:hover { color: #ff6600;} .color-orange .product-extra-link2 .addcart-link:hover { background-color: #ff6600;} .color-orange .product-extra-link2 .wishlist-link:hover, .color-orange .product-extra-link2 .compare-link:hover { color: #ff6600;} .color-orange .quickview-link.pos-bottom span::after { background-color: #ff6600;} .color-orange .quickview-link.pos-bottom:hover { color: #ff6600;} .color-orange .product-title a:hover { color: #ff6600;} .color-orange .product-price ins { color: #ff6600;} .color-orange .quickview-link.plus:hover { color: #ff6600;} .color-orange .product-extra-link a:hover { background-color: #ff6600; color: #fff;} .color-orange .product-extra-link a { color: #ff6600;} .item-cat-color-more { border-right: 1px solid #e5e5e5; padding: 20px 30px; text-align: center;} .content-cat-color-more { border: 1px solid #e5e5e5; margin-top: -1px; position: relative;} .content-cat-color-more::after { position: absolute; top: 0; right: 0; width: 2px; content: ""; background: #fff; height: 100%;} .item-cat-color-more .cat-thumb { margin-bottom: 22px;} .item-cat-color-more .title18 { margin: 0 0 18px; text-transform: capitalize;} .item-cat-color-more ul li { margin-bottom: 10px;} .item-cat-color-more ul li a { color: #666;} .cat-thumb a { display: block; position: relative; overflow: hidden;} .item-cat-color-more .cat-thumb a::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-cat-color-more .cat-thumb:hover a::before { opacity: 1;} .banner-cat-color-thumb a, .banner-image > a { display: block; position: relative; overflow: hidden;} .banner-cat-color-thumb a::before, .banner-image > a::before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.1); top: 50%; bottom: 50%; left: 0; right: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .banner-cat-color-thumb a::after, .banner-image > a::after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.1); top: 0; bottom: 0; left: 50%; right: 50%; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .banner-cat-color-thumb:hover a::before,.banner-cat-color-thumb:hover a::after,.banner-image:hover > a::before,.banner-image:hover > a::after { top: 0; left: 0; bottom: 0; right: 0;} .footer { background: none repeat scroll 0 0; padding-top: 0px;} .service-footer { border: 1px solid #e5e5e5; margin-bottom: 27px; padding: 0 15px; position: relative; background: #fff;} .service-footer::after { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 100%; left: 66.66%; position: absolute; top: 0; width: 1px;} .service-footer::before { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 100%; left: 33.33%; position: absolute; top: 0; width: 1px;} .item-service-footer { margin: 0 -15px; padding: 30px 0;} .service-icon { display: inline-block; text-align: center; vertical-align: top; width: 100px;} .service-icon img { max-width: 50px;} .service-info { display: inline-block; max-width: 220px; padding-right: 15px; padding-top: 15px; vertical-align: top;} .service-info .title14 { font-weight: 400; margin-bottom: 10px;} .service-info > p { color: #555;} .service-info ul li a { color: #999; display: block; padding-left: 23px; position: relative;} .service-info ul li a::before { content: ""; font-family: fontawesome; font-size: 14px; left: 0; position: absolute; top: 0;} .service-info ul li { margin-bottom: 5px;} .footer-box .title14 { font-weight: 400; margin-bottom: 15px;} .newsletter-form form { max-width: 400px; padding-right: 121px; position: relative;} .newsletter-form input[type="text"] { border: 1px solid #e5e5e5; border-radius: 4px; color: #999; display: block; height: 36px; padding: 0 15px; width: 100%;} .newsletter-form input[type="submit"] { border: medium none; border-radius: 4px; color: #fff; height: 36px; text-transform: uppercase; width: 120px; position: absolute; top: 0; right: 0; text-align: center; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .newsletter-form input[type="submit"]:hover { background: #555;} .newsletter-form.footer-box .title14 { margin-bottom: 20px;} .newsletter-form.footer-box { margin-bottom: 20px;} .list-social > a { border: 1px solid #e5e5e5; border-radius: 50%; color: #666; display: inline-block; height: 38px; line-height: 38px; margin: 0 2px; text-align: center; width: 38px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .list-social { margin: 0 -2px;} .menu-footer-box ul li a { color: #999; font-size: 14px;} .menu-footer-box ul li { margin-bottom: 10px;} .social-footer.footer-box .title14 { margin-bottom: 20px;} .contact-footer-box.footer-box p { color: #999; line-height: 25px; padding-left: 40px; position: relative;} .contact-footer-box.footer-box p a { color: #999;} .contact-footer-box.footer-box p::before { content: ""; height: 40px; left: 0; position: absolute; top: 0; width: 40px;} .contact-footer-box.footer-box p.formule-address::before { background: rgba(0, 0, 0, 0) url("../images/for1.png") no-repeat scroll 0 0;} .contact-footer-box.footer-box p.formule-phone::before { background: rgba(0, 0, 0, 0) url("../images/for2.png") no-repeat scroll left 4px;} .contact-footer-box.footer-box p.formule-email::before {background: rgba(0, 0, 0, 0) url("../images/for3.png") no-repeat scroll left 4px;} .contact-footer-box.footer-box p.formule-address { margin-bottom: 15px;} .footer-list-box { margin-bottom: 20px;} .payment-method { border-top: 1px solid #e5e5e5; padding: 30px 15px;} .payment-method a { margin: 0 3px; display: inline-block; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .payment-method { margin: 0 -3px;} .footer-tabs { background: #f8f8f8 none repeat scroll 0 0; padding: 30px 0 10px;} .title-tag-footer { display: table-cell; text-transform: uppercase; vertical-align: top;} .item-tag-footer { display: table;} .title-tag-footer span { display: block;} .list-tag-footer { display: table-cell; vertical-align: top;} .item-tag-footer { margin-bottom: 20px;} .list-tag-footer > a { color: #999; display: inline-block; margin-right: 10px; position: relative; vertical-align: top;} .list-tag-footer > a::after { background: #d8d8d8 none repeat scroll 0 0; content: ""; height: 12px; position: absolute; right: -7px; top: 3px; width: 1px;} .list-tag-footer > a:last-child::after {display: none;} .footer-copyright {background: #333 none repeat scroll 0 0; color: #fff; padding: 25px 0 12px;} .designby a { color: #999;} .designby a:hover { color: #fff;} .designby {text-align: center;} .radius.scroll-top { background: rgba(0, 0, 0, 0.5); bottom: 80px; color: #fff; display: block; height: 32px; line-height: 32px; position: fixed; right: -50px; text-align: center; width: 32px; opacity: 0; visibility: hidden; z-index: 999; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .radius.scroll-top.active { opacity: 1; visibility: visible; right: 10px;} .list-cat-icon { list-style: outside none none; margin: 0; padding: 0;} .list-cat-icon > li > a { color: #333; display: block; padding: 10px 10px 10px 40px; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .list-cat-icon > li > a > img, .wrap-cat-icon .seemore img { bottom: 0; left: 10px; margin: auto; position: absolute; top: 0; max-width: 20px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-title a, .list-cat-icon > li > a{ color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: inherit;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;} .banner-adv2 { margin: 30px 0;} .banner-zoom { position: relative;} .bn-adv2 .banner-info {height: 80px; padding-right: 30px;} .bn-adv2 .banner-info .deal-percent { display: block; margin: -8px 0 -10px;} .bn-adv2 .banner-info .title18 { font-weight: 400;} .thumb-zoom { display: block; position: relative; overflow: hidden;} .thumb-zoom img { width: 100%; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .banner-zoom:hover .thumb-zoom img { transform: scale(1.15); -webkit-transform: scale(1.15);} .list-flash { background: none repeat scroll 0 0; margin-bottom: 0px; padding: 0;} .title-flash span { border-radius: 0 0 4px 4px; display: inline-block; padding: 12px 32px;} .title-flash { margin-bottom: 30px;} .banner-flash { margin-bottom: 30px;} .flash-info { background: #fff none repeat scroll 0 0; border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px; padding: 20px 0 10px;} .flash-label { font-size: 10px; height: 50px; padding-left: 18px; padding-top: 8px; position: absolute; right: 10px; top: -10px; width: 50px;} .flash-label::before { content: ""; font-family: fontawesome; font-size: 30px; left: 5px; position: absolute; top: 10px;} .submit-form { height: 44px; position: absolute; right: -57px; top: -2px; width: 50px;} .submit-form::before { content: ""; font-family: fontawesome; left: -4px; position: absolute; top: 14px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .flash-info .list-none li { float: left; width: 67%;} .flash-info .list-none li:last-child { text-align: center; width: 28%;} .flash-info .info-pro-hotdeal { border-top: medium none; padding-left: 30px; padding-top: 0; position: relative;} .flash-info .product-price > label { color: #999;} .flash-info .product-price > ins { color: #666; margin: 0;} .flash-info .info-pro-hotdeal::before { border-left: 1px dashed #e5e5e5; bottom: 10px; content: ""; left: 0; position: absolute; top: 0px; width: 1px;} .flash-info .info-pro-hotdeal::after { border-right: 1px dashed #e5e5e5; bottom: 10px; content: ""; position: absolute; right: 0; top: 0px;} .flash-timer { padding-left: 30px;} .flash-countdown canvas { display: none;} .flash-countdown .time_circles > div { color: #666; display: inline-block; font-weight: 700; width: auto !important;} .flash-countdown .time_circles > div::after { content: ":"; margin: 0 7px;} .flash-countdown .time_circles > div:last-child::after { display: none;} .flash-countdown { padding-left: 25px; position: relative;} .flash-countdown::before { content: ""; font-family: fontawesome; left: 0; position: absolute; top: 1px;} .large-box { float: left; width: 32%;} .small-box { float: left; width: 18%;} .content-box2 { position: relative;} .content-box2::before { position: absolute; top: 0; height: 100%; content: ""; /*z-index: 1;*/ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;} .content-box2::after { position: absolute; top: 0; width: 1px; height: 100%; content: ""; z-index: 1; background: #e5e5e5;} .large-product { padding: 10px 8px; text-align: center;} .small-box .item-product { padding: 10px 8px;} .large-product .product-rate { margin: auto;} .large-product .product-extra-link2 { margin-top: 30px;} .large-product .product-price { margin-bottom: 15px;} .large-product .product-info { padding-bottom: 20px; padding-top: 15px;} .product-box2 { margin-bottom: 50px;} .small-box .item-product:first-child { border-bottom: 1px solid #e5e5e5;} .small-box .item-product .product-info {padding-top: 15px;} .ls-ls::before {left: 32%; width: 18%;} .ls-ls::after { right: 18%;} .ls-sl::before { left: 32%; width: 18%;} .ls-sl::after { right: 32%;} .sl-ls::before { left: 18%; width: 32%;} .sl-ls::after { right: 18%;} .title-box1.style2 .title30 span { border-radius: 4px; height: 50px; line-height: 50px; vertical-align: top; width: 50px;} .title-box1.style2 { border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 10px; margin-left: 55px; position: relative;} .title-box1.style2 .title30 { height: 50px; line-height: 50px; margin-left: -55px; overflow: hidden;} .title-box1 .title30 span { border-radius: 4px 4px 0 0; color: #fff; display: inline-block; font-size: 40px; height: 60px; line-height: 60px; margin-right: 20px; position: relative; text-align: center; vertical-align: middle; width: 60px;} .title-box1.style2 .title30 span img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0;} .title-box1.style2 .list-none { top: 7px;} .title-box1 .list-none { position: absolute; right: 0; top: 0;} .title-box1 .list-none li { display: inline-block;} .title-box1 .list-none li.active a { padding-left: 40px; border: 1px solid #e5e5e5;} .title-box1 .list-none li.active a::before { position: absolute; top: 10px; left: 20px; content: "\f00c"; font-family: "fontAwesome";} .title-box1.style2 .list-none li a { border: medium none;} .title-box1 .list-none li a { background: #fff none repeat scroll 0 0; border: 1px solid #fff; border-radius: 4px; display: block; padding: 9px 20px; padding-left: 20px; text-transform: uppercase; position: relative; color: #333; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .hot-category2 { background: #f4f4f4; padding-bottom: 50px; margin-bottom: 10px;} .hotcat-slider2 .owl-carousel .owl-wrapper-outer { padding-bottom: 10px; margin-bottom: -10px;} .item-hotcat2 { background: #fff none repeat scroll 0 0; margin: 0 20px; padding: 25px 20px; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-hotcat2:hover { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);} .hotcat-slider2 { margin: 0 -20px;} .item-hotcat2 .viewmore { color: #999; font-size: 12px; position: absolute; right: 20px; text-transform: uppercase; top: 25px;} .item-hotcat2 .viewmore::after { content: ""; font-family: fontawesome; font-size: 14px; margin-left: 6px;} .item-hotcat2 .product-thumb { margin-bottom: 13px; margin-top: 18px;} .item-hotcat2 .list-none > li { margin-bottom: 8px;} .item-hotcat2 .list-none > li:last-child { margin-bottom: 0;} .item-hotcat2 .list-none > li a { padding-left: 15px; position: relative;} .item-hotcat2 .list-none > li a::before { border-radius: 50%; content: ""; height: 5px; left: 0; position: absolute; top: 7px; width: 5px;} .hotcat-slider2 .owl-controls { position: absolute; right: 20px; top: -45px; width: 61px;} .hotcat-slider2 .owl-theme .owl-controls .owl-buttons div { opacity: 1; background: #fff; color: #333;} .hotcat-slider2 .owl-theme .owl-controls .owl-buttons div:hover { color: #fff;} .smart-search2 .submit-form::before { color: #333;} .banner-adv2 { margin: 0;} .banner-zoom { position: relative;} .bn-adv2 .banner-info { height: 80px; padding-right: 30px;} .bn-adv2 .banner-info .deal-percent { display: block; margin: -8px 0 -10px;} .bn-adv2 .banner-info .title18 { font-weight: 400;} .deal-percent { display: inline-block;} .deal-percent > span { font-size: 40px;} .deal-percent sup {font-size: 20px; top: -15px;} .thumb-zoom { display: block; position: relative; overflow: hidden;} .thumb-zoom img { width: 100%; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .banner-zoom:hover .thumb-zoom img { transform: scale(1.15); -webkit-transform: scale(1.15);} .currency-language.currency-language6 { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left;} .currency-language.currency-language6 > div > ul { left: 0; right: auto;} .currency-language.currency-language6 > div { margin-left: 0; margin-right: -3px; min-width: 44px; padding: 0 5px;} .currency-language.currency-language6 > div > a { text-align: center;} .account-login.account-login6 { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: right; font-size: 0; margin-right: 0;} .account-login.account-login6 > a > span { margin-left: 10px;} .wrap-search-cart6 { float: right; margin-left: -30px; margin-top: 6px;} .wrap-search-cart6 > div { display: inline-block; margin-left: 6px; vertical-align: top;} .main-header6 { background: #fff none repeat scroll 0 0; padding: 15px 0 10px;} .mini-cart6 .mini-cart-link .mini-cart-icon { border-right: 1px solid #e5e5e5; display: inline-block; font-size: 18px; height: 42px; line-height: 42px; padding: 0; text-align: center; vertical-align: top; width: 44px;} .mini-cart-box.mini-cart6 .mini-cart-link { height: 44px; line-height: 44px;} .mini-cart6 .mini-cart-link .mini-cart-number { font-size: 14px; padding: 0 20px; position: static;} .mini-cart6 .mini-cart-link .mini-cart-number > b { font-size: 18px;} .call-phone-number { font-size: 18px; height: 44px; line-height: 44px; padding-left: 65px; padding-right: 30px; position: relative;} .call-phone-number a{color: #000;} .call-phone-number a:hover{color: gray;} .call-phone-number::before { border-right: 1px solid #e5e5e5; content: ""; font-family: fontawesome; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 44px;} .search-form6 .submit-form { border-left: 1px solid #e5e5e5; right: -1px; top: -1px; width: 44px;} .search-form6 .smart-search-form input[type="text"] { background: transparent none repeat scroll 0 0; height: 42px;} .search-form6 .smart-search-form input[type="submit"] { background: transparent none repeat scroll 0 0;} .search-form6 .submit-form::before { content: ""; left: 15px;} .search-form6 { width: 435px;} .banner-slider6 .banner-info { padding: 0 120px;} .top-banner6 { margin-bottom: 50px;} .header-nav6 {background: #555 none repeat scroll 0 0;} .wrap-cat-icon6 .title-cat-icon {background: rgba(85, 201, 50, 0.8) none repeat scroll 0 0; padding: 17px 20px 18px;} .wrap-cat-icon6 { margin-right: 8px;} .main-nav.main-nav6 { margin-left: 20px;} .wrap-cat-icon6 .title-cat-icon::after { content: ""; top: 17px;} .wrap-cat-icon6 .title-cat-icon::before { content: ""; font-family: fontawesome; margin-right: 10px;} .list-adv6 { margin: 0 10px 40px;} .list-adv6 .bn-adv2 { margin: 0 -10px 10px;} .trending-box6,.hotdeal-box6 { background: #fff none repeat scroll 0 0; margin-right: -20px; padding: 33px 40px 40px;} .hotdeal-box6 .title24 i,.trending-box6 .title24 i { margin-right: 10px;} .hotdeal-box6 .title24,.trending-box6 .title24 { margin-bottom: 20px;} .trending-box6 .list-none { margin-top: 35px;} .trending-box6 .list-none li {border-top: 1px solid #e5e5e5; display: table; padding: 10px 0; width: 100%;} .trending-box6 .list-none li .product-thumb { display: table-cell; width: 50px;} .trending-box6 .list-none li .product-info { display: table-cell; padding-left: 20px; vertical-align: middle;} .trending-box6 .seeall { background: #555 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; height: 40px; line-height: 40px; margin-top: 20px; padding: 0 20px; text-transform: uppercase;} .hot-trending6 {margin-bottom: 50px;} .trending-box6 .seeall i { margin-left: 15px;} .hotdeal-box6 {position: relative;margin-right: 0;} .hotdeal-box6 p.color, .trending-box6 p.color {font-size: 18px;} .item-hotdeal6 .product-title { margin-bottom: 6px;} .item-hotdeal6 { margin: 0 15px;} .hotdeal-slider6 {margin: 36px -15px 0;} .hotdeal-box6 .countdown-master { position: absolute; right: 40px; top: 34px;} .hotdeal-box6 .flash-countdown { position: absolute; right: 40px; top: 40px;} .hotdeal-box6 .flash-countdown::before { display: none;} .item-hotdeal6 .product-thumb { margin-bottom: 15px;} .item-hotdeal6 .product-extra-link3 a.addcart-link { background: transparent none repeat scroll 0 0; border: 1px solid #e5e5e5; color: #555; padding: 10px 20px;} .item-hotdeal6 .product-extra-link3 { margin-top: 20px;} .item-hotdeal6 .product-extra-link3 { margin-top: 20px;} .hotdeal-box6 .flash-countdown .time_circles > div > .number { background: #da0d10 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; height: 40px; line-height: 40px; text-align: center; width: 40px;} .hotdeal-box6 .flash-countdown .time_circles > div::after { margin: 0 3px;} .title-box6::before { position: absolute; content: ""; height: 2px; top: -1px; left: -1px; right: -1px;} .title-box6 { position: relative;} .banner-image6 { margin-bottom: 50px;} .product-box6 { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; margin-bottom: 50px;} .header-box6 .title18 { float: left; padding: 15px 20px;} .header-box6 { border-bottom: 1px solid #e5e5e5;} .header-box6 .list-none {float: right; padding: 14px 20px;} .header-box6 .list-none li { display: inline-block;} .header-box6 .list-none li a img { display: inline-block; height: 20px; margin: 0 8px; vertical-align: middle; width: auto;} .header-box6 .list-none li a span { display: inline-block; vertical-align: middle;} .header-box6 .list-none li a { margin: 0 18px;} .tags-left .tab-pop6 { float: left;} .tags-right .tab-pop6 { float: right;} .tab-pop6 { float: left; width: 33.3%;} .product-slider6 { float: left; width: 66.7%;} .item-deal3.pro-pop6 .item-product3 .product-thumb { width: 160px;} .tab-pop6 .hotkey-cat-color { border-bottom: 1px solid #e5e5e5; min-height: 254px; padding: 20px;} .tab-pop6 .hotkey-cat-color .title14 { margin-bottom: 27px;} .tags-left .item-slider6 { border-left: 1px solid #e5e5e5;} .tags-right .product-slider6 { border-right: 1px solid #e5e5e5;} .tags-right .item-slider6 { border-right: 1px solid #e5e5e5;} .item-slider6 .item-product { padding: 20px 20px 15px;} .item-slider6 .item-product .product-thumb { margin-bottom: 15px;} .item-slider6 .item-product:first-child { border-bottom: 1px solid #e5e5e5;} .pro-pop6.item-deal3 { border: medium none; padding: 25px 20px 20px;} .item-deal3.pro-pop6 .item-product3 { margin-top: 25px; padding: 0;} .item-deal3.pro-pop6 .item-product3 .product-rate { margin-top: 15px;} .hotcat-slider6 .item-hotcat2 { border-right: 1px solid #e5e5e5; margin: 0; padding: 20px 35px 25px; border-radius: 0; box-shadow: none;} .hotcat-slider2.hotcat-slider6 { margin: 0;} .hotcat-slider6 .item-hotcat2 .viewmore { right: 35px; top: 20px;} .hotcat-slider2.hotcat-slider6 .owl-controls { top: -26px; right: 7px;} .latest-news6 { background: #fff none repeat scroll 0 0; padding-bottom: 50px;} .inner-latest-news6 .title18 { padding: 14px 0 13px;} .latest-slider6 { border: 1px solid #e5e5e5; position: relative;} .latest-slider6::after { content: ""; background: #fff; width: 3px; position: absolute; top: 0; right: 0; height: 100%;} .item-latest6 { border-right: 1px solid #e5e5e5; padding: 30px 28px 28px;} .item-latest6 .post-thumb { margin-bottom: 15px;} .item-latest6 .post-title { line-height: 24px;} .item-latest6 .post-date-comment li { margin-right: 18px;} .latest-slider6 .owl-controls { position: absolute; right: 0; top: -24px; width: 60px;} .latest-slider6 .owl-theme .owl-controls .owl-buttons div { background: #fff none repeat scroll 0 0; color: #555; opacity: 1;} .footer-top6 { background: #333 none repeat scroll 0 0;} .nav-footer6 a { color: #fff;} .nav-footer6 li { display: inline-block; padding: 0 15px;} .nav-footer6 { margin: 6px -15px 0;} .footer-menu6 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 27px; padding: 30px 0;} .footer-box6 .title14 { color: #fff;} .footer-box6.newsletter-form input[type="text"] { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border: none;} .newsletter-form.footer-box6 { margin-bottom: 25px;} .footer-box6 .list-social > a { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border: medium none; color: #fff;} .social-footer.footer-box6 { margin-bottom: 27px;} .list-footer-box6 { padding-bottom: 20px;} .footer-bottom6 { background: #242424 none repeat scroll 0 0; padding: 22px 0;} .copyright.copyright6 { color: #fff; margin: 0;} .copyright.copyright6 a { color: #999;} .payment-method.payment-method6 { border: medium none; float: right; padding: 0;} .copyright.copyright6 a:hover { color: #fff;} .newsletter-form.footer-box6 > form { max-width: 360px;} .shopping-footer-box .list-none li { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; color: #999; display: table; margin-top: 10px; padding: 20px 0; width: 100%;} .shopping-footer-box .list-none li .shop-info6 { display: table-cell; vertical-align: top;} .shopping-footer-box .list-none li .shop-thumb6 { display: table-cell; text-align: center; width: 75px;} .shopping-footer-box .list-none li .shop-info6 p { margin: 0; font-size: 12px;} .shopping-footer-box .list-none { margin-top: 20px;} .btn-rect {display: inline-block; height: 40px; line-height: 20px; padding: 0 6px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; background:#43b03a;} .btn-rect:hover{color:#fff; font-weight:bold;} .info-pro-hotdeal .product-price { display: inline-block; margin: 0;} .banner-image7 { margin: 20px 0px;} .banner-slider7 .banner-info { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; height: 210px; left: auto; padding: 30px; right: 90px; width: auto; overflow: hidden;} .item-banner7 .title60 { margin: -12px 0 0 -4px;} .item-banner7 p { font-size: 18px; margin: 7px 0 22px;} .item-banner7 .btn-rect { padding: 0 15px;} .main-nav.main-nav6.main-nav7 > ul > li:hover > a { color: #333;} .banner-slider7 .banner-info { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; height: 210px; left: auto; padding: 30px; right: 90px; width: auto;} .item-banner7 .title60 { margin: -12px 0 0 -4px;} .item-banner7 p { font-size: 18px; margin: 7px 0 22px;} .item-banner7 .btn-rect { padding: 0 15px;} .top-banner7 { background: #fff none repeat scroll 0 0; margin-bottom: 50px; padding-bottom: 50px;} .service-sale7 { background: #f4f4f4 none repeat scroll 0 0; padding: 0;} .big-sale7 { background: #fff none repeat scroll 0 0;} .big-sale7 a:hover{color: white;} .big-sale7>label {background: #43b03a;} .big-sale7>label::after {border-left: 22px solid #43b03a;} .service2 .list-none { display: table; width: 100%;} .service2 .list-none > li { display: table-cell; padding: 13px 0; vertical-align: top;} .service2 .list-none img { margin-right: 10px;} .service2.service7 .list-none > li { padding: 11px 0;} .big-sale7 > label { color: #fff; font-size: 18px; font-weight: 400; height: 44px; line-height: 44px; margin: 0 40px 0 0; padding: 0 10px 0 30px; position: relative; text-transform: uppercase;} .big-sale7 > label i { margin-left: 10px;} .big-sale7 > label::after { border-bottom: 22px solid transparent; border-top: 22px solid transparent; content: ""; height: 0; left: 100%; position: absolute; width: 0;} .category-box7 .header-cat-color::after { height: 2px;} .banner-tags7 { float: left; padding: 20px; width: 33%;} .content-cat7.content-pro-box1 { border: none; float: left; width: 67%;} .content-catbox7.tags-left .banner-tags7 { float: left;} .content-catbox7.tags-right .banner-tags7 { float: right;} .content-catbox7 { border: 1px solid #e5e5e5; margin-top: -1px; position: relative;} .content-catbox7::after { position: absolute; top: 0; width: 1px; height: 100%; content: ""; background: #e5e5e5;} .content-catbox7.tags-left::after { left: 33%;} .content-catbox7.tags-right::after { left: 67%;} .adv-info7 { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; bottom: 0; left: 0; padding: 20px 30px; position: absolute; width: 100%;} .adv-info7 > h2 { font-weight: 400; margin: 0; text-align: center; text-transform: uppercase;} .banner-tags7 .hotkey-cat-color { margin-top: 35px;} .content-cat7 .justify-box1 .item-product1 { padding: 20px 20px 14px;} .content-cat7 .item-product1 .product-price { margin-bottom: 0; background: #fff;} .left-justify.content-cat7 .item-product1 .product-extra-link2 .addcart-link { padding: 0 20px;} .left-justify.content-cat7 .item-product1 .product-extra-link2 > a { margin: 0 3px 10px;} .left-justify.content-cat7 .item-product1 .product-extra-link2 { margin: auto; max-width: 120px;} .left-justify.content-cat7 .item-product1 .product-info { padding: 0 10px 10px;} .content-cat7 .item-product1 .product-title { background: #fff none repeat scroll 0 0; margin: 0; padding-top: 14px;} .whyus-testimo { background-image: url("../images/bg-prl.jpg"); background-position: center center; background-size: 100% auto; background-attachment: fixed; padding: 130px 0 110px; position: relative; min-height: 500px;} .whyus-testimo::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: rgba(17, 17, 17, 0.8);} .inner-testimo7 { position: relative; z-index: 9;} .why-choise7 .title18 { margin-bottom: 50px;} .item-chose7 { float: left; width: 50%;} .item-chose7 ul { display: table; width: 100%;} .item-chose7 ul li { display: table-cell; vertical-align: top;} .item-chose7 ul li h3 { font-size: 18px; font-weight: 400; margin: 0 0 10px;} .item-chose7 ul li:first-child { width: 90px;} .why-choise7 { margin-right: -15px;} .testimo-slider7 { margin-left: 85px; margin-right: 30px;} .testimo-slider7 .owl-theme .owl-controls .owl-page span { background: #fff none repeat scroll 0 0; height: 7px; margin: 0 4px; width: 7px;} .testimo-slider7 .owl-theme .owl-controls { margin: 22px 0 0 -3px; text-align: left;} .testimo-thumb7 { margin-left: -20px;} .item-testimo7 > p { line-height: 24px;} .list-choise7 > li { float: left; width: 100%;} .list-choise7 > li:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 25px;} .list-choise7 > li:last-child { padding-top: 30px;} .list-choise7::after { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; content: ""; display: block; height: 100%; left: 50%; position: absolute; top: 0; width: 1px;} .list-choise7 { position: relative; float: left; width: 100%;} .search-hover-box { display: inline-block; margin: 0 15px; position: relative; vertical-align: top;} .search-hover-box .search-form-hover { background: #fff none repeat scroll 0 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); opacity: 0; padding: 20px; position: absolute; right: -20px; top: 100%; visibility: hidden; z-index: 99; margin-top: 30px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .search-hover-box:hover .search-form-hover { opacity: 1; visibility: visible; margin-top: 0;} .search-hover-box .search-form-hover input[type="text"] { border: 1px solid #e5e5e5; color: #999; height: 40px; padding: 0 15px; width: 270px;} .search-hover-box .search-hover-link { font-size: 20px;} .check-cart-ontop .checkout-box .checkout-link { font-size: 20px;} .check-cart-ontop .mini-cart-link .mini-cart-icon { font-size: 20px;} .check-cart-ontop { margin-top: 10px; transform: translateX(-100px); -webkit-transform: translateX(-100px); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .header-ontop { background: #fafafa none repeat scroll 0 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); left: 0; position: fixed; top: 0; width: 100%; z-index: 999; transform: translateY(-100px); -webkit-transform: translateY(-100px); visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .header-ontop.fixed-ontop { transform: translateY(0); -webkit-transform: translateY(0); visibility: visible;} .header-ontop .logo { transform: translateY(-50px) scale(2); -webkit-transform: translateY(-50px) scale(2); margin-top: 10px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .header-ontop .logo img { height: 30px;} .header-ontop.fixed-ontop .logo { transform: translateY(0) scale(1); -webkit-transform: translateY(0) scale(1);} .header-ontop.fixed-ontop .check-cart-ontop { transform: translateY(0); -webkit-transform: translateY(0);} .main-nav-ontop { transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .header-ontop.fixed-ontop .main-nav-ontop { transform: translateX(0); -webkit-transform: translateX(0);} .main-nav .sub-menu .sub-menu.offset-right { right: 100%!important; left: auto!important;} .main-nav .sub-menu.offset-right { right: 0!important; left: auto!important;} .content-page.woocommerce { background: #fff;} .title-shop-page { font-weight: 700; margin: 0 0 35px; text-align: center; text-transform: uppercase;} .cart-content-page ul { list-style: none; margin: 0; padding: 0;} .form-my-account { max-width: 500px; width: 100%;} .form-my-account .title18 { margin-bottom: 26px;} .form-my-account > p { margin-bottom: 20px; max-width: 500px; position: relative;} .form-my-account .box-col2 input[type="text"]:first-child { margin-right: 5%;} .form-my-account .box-col2 input[type="text"] { float: left; width: 47.5%;} .form-my-account input[type="text"] { border: 1px solid #e5e5e5; color: #999; height: 40px; padding: 0 15px; text-transform: uppercase; width: 100%;} .check-address { float: left; width: 100%;} .check-address .form-my-account { float: right;} .form-my-account > p { margin-bottom: 20px; max-width: 500px; position: relative;} .form-my-account > p:last-child { margin: 0;} .form-my-account input[type="checkbox"] { display: none;} .form-my-account .ship-address label { color: #333;} .form-my-account input[type="checkbox"] + label::before { border: 1px solid #e5e5e5; content: ""; display: inline-block; font-family: "FontAwesome"; font-size: 14px; font-weight: 400; height: 20px; line-height: 18px; margin-right: 17px; text-align: center; vertical-align: middle; width: 20px;} .ship-address > label { font-size: 18px; font-weight: 700; text-transform: uppercase;} .form-my-account label { color: #555; font-weight: 400; margin: 0;} .form-my-account textarea { border: 1px solid #e5e5e5; color: #999; padding: 10px 15px; text-transform: uppercase; width: 100%;} .check-billing { border-right: 1px solid #e5e5e5; margin-right: -15px;} .form-my-account input[type="checkbox"]:checked + label::before { content: "\f00c";} .ship-address > label { font-size: 18px; font-weight: 700; text-transform: uppercase;} .order_review_heading { color: #fff; font-size: 18px; font-weight: 700; margin: 50px 0 -1px; padding: 20px; position: relative; text-transform: uppercase;} .woocommerce table.shop_table {border: 1px solid #e5e5e5; border-collapse: collapse; border-radius: 0; margin: 0 0 50px; text-align: left; width: 100%;} .woocommerce table.shop_table thead { background: #dedede none repeat scroll 0 0; color: #fff; font-weight: 700; position: relative; text-transform: uppercase;} .woocommerce table.shop_table thead th { border-color: #dedede; color: #fff; padding: 15px 20px;} .woocommerce table.shop_table td { border-top: 1px solid #e5e5e5; padding: 15px 20px; vertical-align: middle;} .woocommerce table, .woocommerce th, .woocommerce td { border: 1px solid #e5e5e5 !important; color: #555; margin: 0; padding: 15px 20px !important;} .woocommerce tfoot th { text-transform: uppercase;} #shipping_method li { padding: 10px 0;} #shipping_method li label { cursor: pointer; margin: 0; padding-left: 25px; position: relative;} #shipping_method li input[type="radio"] { display: none;} @media screen and (-webkit-min-device-pixel-ratio: 0) { #shipping_method li input[type="radio"] + label::before { line-height: 13px; } } #shipping_method li input[type="radio"] + label::before { border: 1px solid #e5e5e5; border-radius: 50%; content: ""; display: inline-block; font-family: "FontAwesome"; font-size: 6px; font-weight: 400; height: 14px; left: 0; line-height: 13px; margin-right: 10px; position: absolute; text-align: center; top: 2px; vertical-align: middle; width: 14px;} #shipping_method li input[type="radio"]:checked + label::before { content: "\f111";} .payment_methods.methods { border: 1px solid #e5e5e5; margin: 0 0 -1px;} .payment_methods.methods li { border-bottom: 1px solid #e5e5e5; padding: 20px;} .payment_methods.methods li:last-child { border: none;} .payment_methods.methods li label { font-size: 18px; margin: 0 0 0 7px;} .payment_box.payment_method_bacs > p { margin: 5px 0 0; padding-left: 24px;} .payment_method_paypal img { margin: -6px 10px 0; max-width: 160px;} .form-row.place-order { border: 1px solid #e5e5e5; padding: 20px; text-align: right;} .form-row.place-order input[type="submit"] { border: medium none; color: #fff; height: 40px; padding: 0 25px; text-transform: capitalize; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .form-row.place-order input[type="submit"]:hover { background-color: #333;} .form-my-account select { border: 1px solid #e5e5e5; color: #999; height: 40px; padding: 0 15px; text-transform: uppercase; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(0, 0, 0, 0) url("../images/arrow-down.png") no-repeat scroll right 15px center;} .form-my-account select option { text-transform: capitalize; font-weight: 400; padding: 10px 20px;} .woocommerce table.shop_table td.actions { text-align: right;} .woocommerce table.shop_table td .coupon { float: left;} .woocommerce table.shop_table td.actions input[type="submit"] { border: medium none; color: #fff; height: 40px; padding: 0 20px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .woocommerce table.shop_table td.actions input[type="submit"]:hover { background: #333;} .woocommerce table.shop_table td.actions input[type="text"] { border: 1px solid #e5e5e5; color: #999; height: 40px; padding: 0 20px;} .woocommerce .cart-content-page table.shop_table thead { background: #f4f4f4;} .woocommerce .cart-content-page table.shop_table thead th { border-color: #e5e5e5; color: #333;} .woocommerce .cart-content-page table.shop_table .product-thumbnail img { max-width: 70px;} .cart-collaterals .cart_totals > h2 { background: #f4f4f4 none repeat scroll 0 0; border: 1px solid #e5e5e5; font-size: 18px; font-weight: 700; margin: 0 0 -1px; padding: 15px 20px; text-transform: uppercase;} .wc-proceed-to-checkout a.checkout-button { color: #fff; display: inline-block; height: 40px; line-height: 40px; margin-top: 20px; padding: 0 25px; text-transform: uppercase; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .wc-proceed-to-checkout a.checkout-button:hover { background-color: #333;} a.shop-button, .register-content-box .register-button { border-radius: 0; padding: 0 20px; color: #fff;} .title-form-account { margin-bottom: 20px;} .register-content-box .form-my-account label { margin-bottom: 10px;} .register-content-box .form-my-account span.required { color: #ff0000;} .register-content-box .register-button { display: block; width: 100%; text-transform: uppercase; border: none; background: #333; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .register-content-box .form-my-account .title18 { display: flex; align-items: center; justify-content: center;} .register-content-box .form-my-account .title18::before { content: ""; flex: 1 0 0; border-top: 1px solid #e5e5e5; margin-right: 15px;} .register-content-box .form-my-account .title18::after { flex: 1 0 0; border-top: 1px solid #e5e5e5; content: ""; margin-left: 15px;} .register-content-box .form-my-account p { margin-bottom: 15px;} .register-content-box .form-my-account > p { margin-bottom: 25px;} .social-login-block .social-login-btn { padding: 0 5px; width: 50%;} .social-login-block .social-login-btn a { color: #fff; display: block; position: relative; height: 40px; line-height: 40px; text-transform: uppercase;} .register-content-box .form-my-account input[type="checkbox"] + label::before { font-size: 10px; height: 14px; line-height: 12px; margin-right: 10px; width: 14px;} .social-login-block .social-login-btn a.login-fb-link { background: #3B5998; margin-left: -5px;} .social-login-block .social-login-btn a.login-goo-link { background: #ea4235; margin-right: -5px;} .social-login-block .social-login-btn a::before { font-family: fontAwesome; position: absolute; top: 0; left: 15px;} .social-login-block .social-login-btn a.login-fb-link::before { content: "\f09a";} .social-login-block .social-login-btn a.login-goo-link::before { content: "\f1a0";} .block-register { display: none;} .create-account .text-right a:hover { text-decoration: underline;} .my-profile-box .form-my-account { margin: auto;} .header-nav7 { background-color: #43b03a;} .bread-crumb { background: #494949 none repeat scroll 0 0; color: #fff; margin: 20px 0; padding: 10px 20px;} .bread-crumb a { color: #fff; margin-right: 20px; position: relative;} .bread-crumb a:hover { text-decoration: underline;} .bread-crumb a::after { content: ""; font-family: fontawesome; position: absolute; right: -15px; top: 2px;} .detail-gallery .carousel ul li a { display: block; width: 70px; border: 1px solid #e5e5e5; margin: 0 5px;} .product-detail { background: #fff none repeat scroll 0 0; margin-bottom: 20px; padding: 30px;} .product-related { background: #fff; padding: 20px;} .detail-adv img { width: 100%;} .detail-adv { margin-bottom: 10px;} .list-detail-adv { margin-bottom: 30px;} .toggle-tab-title::after { content: ""; font-family: fontawesome; position: absolute; right: 20px; top: 13px;} .item-toggle-tab .toggle-tab-title::after { content: "";} .item-toggle-tab.active .toggle-tab-title { background: #fff;} .toggle-tab-title::before { background-color: #fbd10d;} .item-toggle-tab .toggle-tab-title::before { position: absolute; top: -1px; left: -1px; right: -1px; content: ""; height: 3px; border-radius: 4px 4px 0 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-toggle-tab { margin-bottom: 6px;} .toggle-tab-content { padding: 25px 0; /*display: none;*/} .content-detail-tab { display: table; width: 100%;} .detail-tab-thumb { display: table-cell; width: 200px;} .detail-tab-info { display: table-cell; padding: 0 30px; vertical-align: top;} .detail-tab-info .desc { margin: -5px 0 16px;} .detail-tab-info > ul { list-style: outside none none; margin: 0; padding: 0;} .detail-tab-info li { color: #999; margin-bottom: 3px; padding-left: 15px; position: relative;} .product-related-slider .item-pro-color::after { display: none;} .product-related-slider .item-pro-color .product-info { border: medium none;} .product-related-slider .item-pro-color { margin: 0 10px;} .product-related-slider { margin: 17px -10px 0;} .product-related-slider .item-pro-color .product-price { margin-bottom: 0;} .product-related-slider .owl-theme .owl-controls .owl-buttons div { opacity: 1; border-radius: 4px;} .product-related-slider .owl-theme .owl-controls { position: absolute; right: 8px; top: -29px; width: 61px;} .tab-detal { margin-top: 50px;} .gallery-control { margin: auto; position: relative; text-align: center; width: 260px;} .gallery-control .prev { left: 0;} .gallery-control .carousel { margin: auto; padding-top: 10px;} .gallery-control .next { right: 0;} .gallery-control > a { font-size: 18px; position: absolute; top: 31px; color: #333;} .detail-gallery .carousel ul li a.active { border-color: #333; position: absolute;} .detail-gallery .carousel ul li a.active::before { border-bottom: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; height: 0; left: 50%; margin-left: -5px; position: absolute; top: -6px; width: 0;} .title-detail { font-size: 24px; font-weight: 700; margin: 0 0 14px;} .sub-title-detail { color: #999; margin: 0 0 8px;} .detail-info .desc { border-bottom: 1px solid #e5e5e5; margin-bottom: 22px; padding-bottom: 22px;} .product-price > span { font-size: 18px; margin: 0; font-weight: 700;} .in-stock { color: #7db342;} .available { margin-bottom: 17px;} .detail-info .product-price { margin-bottom: 17px;} .price-config { margin-bottom: 17px;} .detail-info .mail-to-friend { color: #1da1f2;} .attr-detail.attr-color { border-top: 1px solid #e5e5e5; margin-top: 24px; padding-top: 22px;} .attr-title sup { color: #ff4400; margin-right: 5px; top: -2px;} .attr-title { display: block; margin-bottom: 15px; text-transform: capitalize;} .attr-detail.attr-color td a { border: 1px solid #e5e5e5; border-radius: 50%; display: block; height: 20px; margin-right: 13px; position: relative; width: 20px;} .attr-detail.attr-color td strong { margin-left: 25px;} .attr-detail.attr-color td { padding: 5px 0;} .attr-detail.attr-color td a.active::after { background: #333 none repeat scroll 0 0; border-radius: 50%; bottom: 0; content: ""; height: 6px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 6px;} .detail-qty { max-width: 120px; padding: 9px 20px; position: relative; width: 100%;} .detail-qty > a { color: #333; font-size: 18px; position: absolute; right: 12px;} .detail-qty > a.qty-up { top: 0;} .detail-qty > a.qty-down { bottom: 0;} .attr-detail .select-box select { height: 40px; width: 100%;} .attr-detail.attr-brand .select-box { display: block; margin-bottom: 20px;} .detail-extralink { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin-top: 30px; padding: 30px 0;} .detail-extralink > div { display: inline-block; vertical-align: top;} .detail-extralink .detail-qty { margin-right: 6px; background: #fff;} .attr-detail.attr-brand { margin-top: 23px;} .attr-detail.attr-color table { margin-bottom: 15px;} .detail-info { color: #555;} .available > strong { margin-right: 5px;} .current-color { text-transform: capitalize; margin-left: 10px;} .accordion-detail .attr-detail.attr-size { border: medium none; margin-top: 0; padding-top: 6px;} .accordion-detail .product-rate { margin-bottom: 15px;} .accordion-detail .available { margin-bottom: 7px;} .accordion-detail .detail-info .product-price { margin-bottom: 6px; margin-top: -4px;} .accordion-detail .detail-info .product-price ins { font-size: 30px;} .item-contact-info .contact-icon.icon-quality::before { content: "\f219";} .item-contact-info .contact-icon.icon-shipment::before { content: "\f017";} .item-contact-info .contact-icon.icon-payment::before { content: "\f155";} .about-menu { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0; padding: 0;} .about-menu > li { display: inline-block; margin-right: 36px;} .about-menu a { color: #333; display: block; padding: 15px 0; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .about-menu a::after { content: ""; height: 1px; left: 50%; position: absolute; top: -1px; width: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .about-menu a:hover::after { width: 100%; left: 0;} .about-full-protec h2 { font-size: 18px; font-weight: 700; margin: 0 0 40px; text-transform: uppercase;} .protect-video { margin-top: 45px;} .about-full-protec .about-num { display: table-cell; vertical-align: middle;} .about-full-protec .about-num span { border-radius: 50%; color: #fff; font-size: 18px; height: 60px; line-height: 60px; text-align: center; width: 60px; display: block;} .about-full-protec ul { margin: 0; max-width: 450px; position: relative;} .about-full-protec li { display: table; margin-bottom: 75px; position: relative; width: 100%;} .about-full-protec p { display: table-cell; padding-left: 25px; vertical-align: middle;} .about-full-protec li::after { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 50px; left: 30px; margin-top: 12px; position: absolute; top: 100%; width: 1px;} .about-full-protec li:last-child { margin: 0;} .about-full-protec li:last-child::after { display: none;} .about-full-protec .new-user-guide { color: #3a49b8; display: block; margin-top: 30px;} .video-about { padding-right: 60px; padding-top: 20px; text-align: right;} .about-review { border-top: 2px solid #e5e5e5; margin-top: 45px; padding-top: 45px;} .about-review .title-default { margin-bottom: 47px; text-transform: uppercase;} .item-about-review { display: table; margin-bottom: 50px;} .about-review-thumb { display: table-cell; width: 100px;} .about-info { display: table-cell; padding: 0 30px; vertical-align: top;} .about-info h3 { font-size: 14px; margin: 0 0 8px;} .about-info p { color: #999; margin: 0;} .about-review-thumb a { border: 1px solid #e5e5e5; display: block; overflow: hidden; padding: 10px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .about-review-thumb a:hover img { -webkit-transform: scale(1.15); transform: scale(1.15);} .about-review-thumb a img { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .content-404 { margin-top: 70px;} .hidden-category-dropdown .wrap-category-dropdown { background: #fff none repeat scroll 0 0; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1); display: none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 999;} .contact-map { border: 1px solid #e5e5e5; padding: 10px;} .list-contact-info { margin-bottom: 45px;} .item-contact-info { position: relative; text-align: center;} .item-contact-info::after { background: #999 none repeat scroll 0 0; content: ""; height: 2px; left: 100%; margin-left: -50px; position: absolute; top: 28px; width: 100px;} .item-contact-info.last-item::after { display: none;} .item-contact-info a i { color: #999; font-size: 60px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .contact-info-page { background: #f4f4f4 none repeat scroll 0 0; padding: 70px 0; text-align: center;} .contact-info-page .desc { color: #555; margin: 0 auto; max-width: 890px; padding: 0 15px;} .item-contact-info > h2 { font-size: 18px; font-weight: 700; margin: 25px 0 0;} .item-contact-info a { color: #333; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .form-contact input[type="text"] { border: 1px solid #e5e5e5; color: #999; height: 42px; margin-bottom: 30px; padding: 0 20px; width: 100%;} .form-contact textarea { border: 1px solid #e5e5e5; margin-bottom: 30px; width: 100%; padding: 20px; color: #999;} .form-contact input[type="submit"] { border: medium none; color: #fff; height: 40px; width: 110px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .form-contact input[type="submit"]:hover { background: #333;} .contact-form-page > h2 { font-size: 18px; font-weight: 700; margin: 0 0 37px; text-transform: uppercase;} .contact-form-page { margin-top: 45px;} .item-contact-info .contact-icon { display: inline-block; overflow: hidden; position: relative;} .item-contact-info .contact-icon::before { color: #999; font-family: "fontawesome"; font-size: 60px; left: 100%; position: absolute; top: -1px; left: 0; -webkit-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .item-contact-info .contact-icon.icon-mobile::before { content: "\f10b";} .item-contact-info .contact-icon.icon-phone::before { content: "\f095";} .item-contact-info .contact-icon.icon-email::before { content: "\f0e0";} .item-contact-info .contact-icon:hover::before { transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -webkit-transform: translateX(0) rotate(0); opacity: 1;} .item-contact-info .contact-icon:hover i { -webkit-transform: translateX(200%); transform: translateX(200%); opacity: 0;} .contact-map iframe { width: 100%;} .item-product-list .desc { margin: 8px 0 14px;} .product-extra-link2 a { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; color: #333; border-radius: 4px; display: inline-block; height: 40px; line-height: 40px; position: relative; text-align: center; vertical-align: top; width: 40px; margin: 0 3px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .product-extra-link2 .addcart-link { background: #333 none repeat scroll 0 0; border: medium none; color: #fff; padding: 0 20px; width: auto;} .product-extra-link2 .addcart-link { background: #333 none repeat scroll 0 0; border: medium none; color: #fff; padding: 0 20px; width: auto;} .title14, .title12, .title18, .title24, .title30, .title60, .item-banner4 .banner-info h2, .item-banner4 .banner-info h3, .tab-pro-ajax-header h2 {font-weight: 700; margin: 0; font-size: 14px;} .title24 { font-size: 24px;} .compare-title { padding: 20px 0;text-align: center;} .compare-product-table { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .remove-compare {text-align: center; font-weight: 600;} .compare-product-table td { border-left: 1px solid #ddd;padding: 10px 20px !important;} .compare-product-title td { text-align: center; text-transform: uppercase;} .compare-color td, .compare-size td {text-align: center;} .compare-product-table td { border-left: 1px solid #ddd; padding: 10px 20px !important;} .compare-price td { color: #fbd10d; text-align: center; font-weight: 600;} .compare-product-table td { border-left: 1px solid #ddd; padding: 10px 20px !important;} .compare-des { text-align: center;} .compare-atc td { text-align: center;} .compare-atc td a { display: inline-block; padding: 10px 30px; background-color: #333; color: #fff; margin: 0 auto;} .compare-atc td a:hover { background-color: #fbd10d;} .content-single { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 4px; padding: 22px 30px 30px;} .desc.post-intro { font-weight: 700; margin-bottom: 15px;} .desc { color: #555; line-height: 24px; margin-bottom: 0;} .comment-form input[type="text"] { color: #999; display: block; height: 40px; margin-bottom: 10px; padding: 0 15px; width: 100%; } .comment-form textarea { color: #999;display: block; height: 140px; padding: 10px 15px; width: 100%;margin-bottom: 10px;} .comment-form input[type="submit"] { background: #333 none repeat scroll 0 0; border: medium none; color: #fff; height: 30px;margin-top: 10px; padding: 0 30px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} .comment-list > h2, .leave-comment > h2 {font-size: 18px; font-weight: 700; margin: 0 0 45px;} .leave-comment > h2 {margin-bottom: 10px;} .leave-comment > p { color: #999; margin-bottom: 45px;} .comment-list ol, .comment-list ul { list-style: outside none none;} .item-comment { border: 1px solid #e5e5e5; border-radius: 4px; display: table; margin-bottom: 10px; padding: 20px;} .author-avatar { display: table-cell; width: 100px;} .comment-info { display: table-cell; padding-left: 20px; position: relative; vertical-align: top;} .item-comment .post-date-comment { position: absolute; right: 0; top: 0;} .comment-info > h3 { font-size: 14px; font-weight: 700; margin: 0 0 10px;} .item-comment .post-date-comment { position: absolute; right: 0;top: 0;} .item-comment .post-date-comment li:last-child { border-left: 1px solid #e5e5e5; margin-left: 6px; padding-left: 10px;} .post-date-comment { list-style: outside none none; padding: 0;} .post-date-comment a { color: #ccc;} .post-date-comment li { display: inline-block; vertical-align: top;} .post-date-comment i.fa {margin-right: 8px;} .propertiesListRow { word-wrap: anywhere;} .content-detail-tab h5{color: #000;display: block;padding: 10px 15px;margin-bottom: 10px;font-weight: 600;} .product-cat-properties { display: block; margin: 0; overflow: hidden;} .product-cat-properties dd { display: inline;} .product-cat-properties dt { clear: both; color: #7d8698; font-weight: normal; display: inline; margin-right: 0.25rem;} .main-header .header-upper{ position:relative; padding: 1px 0px; background:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; z-index:5; } .main-header .header-upper .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .logo img{ position:relative; display:inline-block; max-width:100%; float: left; height: 80px; } .main-header .header-upper .btn-style-one { background-color: #ffc300; border-color: #ffc300; border-radius: 25px; } .main-header .header-upper .btn-style-one:hover { background: #fff; } .main-header .header-upper .upper-right{ position:relative; padding:26px 0px 3px; } .main-header .info-box{ position:relative; float:left; min-height:56px; margin-left:30px; font-size:14px; text-transform:uppercase; color:#777777; padding:15px 0px 0px 45px; } .main-header .info-box .icon-box{ position:absolute; left: 0; top: 6px; width: 57px; height: 36px; padding-left: 8px; border-right: 1px solid rgba(19, 29, 51, 0.1); color:#ffc300; font-size: 34px; text-align:left; line-height: 37px; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-header .info-box li{ list-style-type: none; position:relative; margin-bottom:5px; line-height: 16px; color: rgb(34, 34, 34); font-size: 16px; text-transform: none; } .main-header .info-box li a{ color:#777777; line-height: 20px; color: rgba(0,0,0,0.60); font-size: 13px; text-transform: uppercase; border-bottom: 1px dashed; } .main-header .info-box strong{ font-weight: 700; color: #222; font-size: 16px; text-transform:capitalize; font-family: 'Montserrat', sans-serif; }