@charset "utf-8"; /*-- Shop styles --*/ .product-cat-mains { width:25%; float:left; padding:25px; } .product-cat-mains img { width:100%; height:auto; position:relative; z-index:1; transform: translateZ(0); } .product-cat-img { overflow:hidden; } .product-cat-img a { position:absolute; left:50%; margin:-20px 0 0 -50px; width:100px; height:40px; line-height:40px; color:#fff; background:#292929; text-transform:uppercase; font-size:9px; z-index:2; top:-50%; font-family: 'Montserrat', sans-serif; font-weight:700; } .product-cat-img img , .product-cat-img a { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } .product-cat-img:hover a{ top:50%; } .product-cat-img:hover img { opacity:0.6; -webkit-transform: scale(1.15); -moz-transform:scale(1.15); transform: scale(1.15); } .product-cat-title { float:left; margin-top:30px; } .product-cat-title h4 { float:left; text-align:left; font-size:15px; font-weight:800; } .product-cats { float:left; padding-left:20px; } .product-cats a { font-size:13px; font-weight:800; color:#C1BFC0; } .product-price { float:left; width:100%; margin-top:20px; color:#847E80; text-align:left; font-family: 'Montserrat', sans-serif; font-weight:700; } .product-filter-wrap { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee; margin-top:50px; } .product-cat-filter{ float:left; position:relative; top:25px; padding-right:20px; } .product-cat-filter span { float:left; font-family: 'Montserrat', sans-serif; font-weight:700; padding-right:20px; font-size:14px; } .product-cat-filter a { float:left; padding-right:20px; padding-top:4px; font-weight:700; font-size:14px; color:#847E80; } .product-cat-filter a:hover { color:#000; } .product-filter-wrap .btn { float:right; } .product-mainfilter { padding-bottom:60px; margin-bottom:30px; border-bottom:1px solid #eee; margin-top:30px; display:none; } .product-mainfilter-item { min-height:10px;} .product-mainfilter-item:before { content:''; position:absolute; height:70px; margin-top:-15px; top:50%; width:1px; right:0; background:#eee; } .product-mainfilter-item.no-decline:before { display:none; } .product-mainfilter-header { float:left; font-family: 'Montserrat', sans-serif; font-weight:700; width:100%; font-size:14px; padding-bottom:20px; text-align:left; } .material-list li{ float:left; text-align:left; font-weight:700; font-size:14px; margin-right:15px; } .material-list li a , .size-list li a{ color:#847E80; } .colorfilter-list li , .size-list li{ float:left; margin-right:30px; } .colorfilter-list li a { width:30px; height:30px; float:left; border-radius:100%; } .size-list li a { font-family: 'Montserrat', sans-serif; font-weight:700; } .cart-modal { position:fixed; top:70px; bottom:0; background:#fff; width:350px; right:-350px; z-index:100; padding:100px 30px; overflow:auto; -webkit-transform: translate3d(0,0,0); } .cart-modal h3 { text-align:left; float:left; width:100%; padding:30px 0 20px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:24px; border-top:1px solid #eee; } .cart-modal-list li { float:left; padding:15px 20px 24px 0; border-bottom:1px solid #eee; position:relative; width:100%; } .cart-modal-list li .cart-modal-image { float:left; width:60px; height:60px; } .cart-modal-list li .cart-modal-image img , .cart-image img { width:100%; height:auto; transform: translateZ(0); } .cart-modal-det { float:left; padding-left:40px; text-align:left; } .cart-modal-det a { font-weight:700; float:left; width:100%; padding-bottom:14px; font-size:16px; } .cart-modal-det .quantity { color:#999; } .cart-modal-list a.remove { width:20px; height:20px; position:absolute; top:10px; right:0; line-height:20px; } .cart-modal-total{ margin:30px 0; padding-bottom:30px; border-bottom:1px solid #eee; } .cart-modal-total-title { float:left; font-family: 'Montserrat', sans-serif; font-weight:700; } .cart-modal-total .woocommerce-Price-amount { float:right; font-weight:700; font-size:15px; color:#666; } .close-cart { position:absolute; top:-40px; right:0; cursor:pointer; z-index:20; } .close-cart i { padding-left:10px; } .cart-overlay { position:fixed; top:70px; bottom:0; background:#292929; width:100%; right:0; z-index:99; -webkit-transform: translate3d(0,0,0); opacity:0.4; display:none; } .show-cart { position:fixed; top:150px; right:0; width:40px; height:40px; line-height:40px; background:#292929; color:#fff; z-index:20; cursor:pointer; -webkit-transform: translate3d(0,0,0); } .show-cart span { position:absolute; width:20px; height:20px; line-height:20px; bottom:-4px; left:-4px; border-radius:100%; z-index:2; line-height:20px; background:#fff; color:#292929; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:10px; } .show-cart:hover i { color:#999; } .product-nav { margin:30px 0 0; padding-bottom:20px; border-bottom:1px solid #eee; } .pr-nav-list{ float:right; position:relative; } .product-container{ margin-top:70px; } .product-text { padding-left:50px; } .product-text h2{ padding-bottom:10px; font-size:24px; font-family: 'Montserrat', sans-serif; font-weight:700; } .product-text h3 , .product-text h2 { float:left; width:100%; text-align:left; } .product-text h3 { font-style:italic; font-weight:700; color:#666; } .pr-opt { margin:40px 0 30px; border-top:1px solid #eee; border-bottom:1px solid #eee; } .product-rating , .product-item-price{ float:left; width:50%; padding:20px; font-size:14px; text-align:left; } .product-rating ul , .product-rating span { float:right; } .product-rating span { margin-left:4px; } .product-rating li { display:inline-block; padding:1px; } .product-item-price { font-size:24px } .product-item-price span { text-decoration:line-through; padding-right:10px; font-size:15px; opacity:0.6; } .product-item p { max-width:600px; } .quantity { padding:30px 0 20px; border-top:1px solid #eee; margin-top:20px; } .quantity input { background:none; border:none; -webkit-appearance:none; float:left; width:50px; height:50px; background:#262526; font-size:14px; color:#fff; cursor:pointer; line-height:50px; text-align:center; } .quantity input.qty { background:#eee; color:#666; } .quantity .btn { margin-top:8px; margin-left:15px; } .wishlist-link { float:left; margin-top:50px; font-family: 'Montserrat', sans-serif; font-weight:700; padding-bottom:10px; border-bottom:4px solid #eee; } .wishlist-link:hover { border-color:#000; } .product-opt-list { margin:10px 0 20px;} .product-opt-list li { float:left; width:100%; padding:10px 0; text-align:left; font-weight: 800; font-size:11px; word-spacing: 0; text-transform: uppercase; } .product-opt-list li span { float: left; padding-right: 10px; color: #999; } .single-prd-list { margin-top:40px; padding-top:30px; } .single-prd-list h3 { float:left; width:100%; text-align:left; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; padding-bottom:30px; } .product-nav .pr-cat-title{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:14px; float:left; padding-right:20px; position:relative; top:34px; } .product-nav ul { float:left; position:relative; top:38px; } .product-nav ul li { float:left; margin-right:10px; } .product-nav ul li a { color:#999; font-weight:700; } .cart-header { padding-bottom:30px; border-bottom:1px solid #eee; } .cart-header h3 { float:left; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:22px; color:#292929; padding-right:30px; } .tottal-items { float:left; font-weight:700; font-size:12px; position:relative; top:12px; } .sum-total { float:right; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#292929; position:relative; top:6px; } .sum-total span { font-weight:700; font-size:12px; float:left; padding-right:40px; position:relative; top:6px; color:#999; } .cart { margin-top:40px; } .cart-image{ float:left; width:20%; position:relative; } .cart-item { padding:20px 0 0; margin-bottom:30px; } .cart-container{ float:left; width:80%; padding:50px 20px 30px 60px; box-sizing:border-box; } .checkout-table { float:left; width:100%; } .product-name { float:left; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:700; width:100%; padding-bottom:10px; text-align:left; } .product-cart-cat{ float:left; color:#999; font-weight:700; text-align:left; margin-right:10px; } .checkout-table input , .checkout-table select { border:4px solid #eee; width:50px; padding-left:10px; margin-left:10px; font-weight:800; } .checkout-table select { width:100px; } .order-money { float:right; font-size:15px; font-family: 'Montserrat', sans-serif; font-weight:700; position:relative; top:10px; } .cart-wrap { margin:0 0 50px 0; } .cart-item-footer { margin-top:50px; border-bottom:1px solid #eee; padding-bottom:40px; } .cart-item-footer p { max-width:350px; } .pr-remove { float:right; width:40px; height:40px; line-height:40px; background:#292929; color:#fff; } .coupon-form { float:left; max-width:400px; padding-right:100px; position:relative; } .coupon-form input { float:left; background-color: #f1f1f1; font-size: 12px; height: 55px; padding: 0 20px; width: 100%; border: none; } .coupon-form .btn-a{ position:absolute; top:0; right:0; width: 100px; height: 55px; cursor:pointer; background: #292929; color: #fff; font-weight: bold; border: none; font-size: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .coupon-holder .btn { float:right; cursor:pointer; } .product-name a , .product-cart-cat , .cart-image a { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } .product-name a:hover , .product-cart-cat:hover , .cart-image a:hover { opacity:0.5; } @media only screen and (max-width: 1064px) { .cart-container , .cart-image{ width:100%; } .cart-container { padding:50px 0; } .product-text { padding-left:0; margin-top:30px; } .product-cat-filter { float:left; width:100%; margin-bottom:20px; } .product-filter-wrap { margin-top: 20px; } .product-mainfilter-item { margin-bottom:20px; } } @media only screen and (max-width: 768px) { .product-cat-mains { width:50%; } .product-filter-wrap .btn { float: left; margin-top:30px; } } @media only screen and (max-width: 540px) { .coupon-holder .btn { float:left; margin-top:30px; } .checkout-table td { width:100%; float:left; margin-bottom:20px; } .checkout-table td label { float:left; margin-right:30px; } #quantity , #dropdown , .order-money , .pr-remove{ float:left; } #quantity { position:relative; left:-16px; } .pr-remove { margin-top:15px; } .product-cat-mains { width:100%; } }