.new_title.center { padding: 0 0 5px 0; text-align: left; border-bottom: 2px solid #ddd; } .new_title { color: #000000; margin: 0 auto 20px; text-align: center; text-transform: none; } .new_title h2 { color: #000; font-size: 24px; font-weight: bold; margin-top: 0; padding: 6px 10px 10px 0; position: relative; display: inline-block; font-family: "Raleway", serif; letter-spacing: normal; /*background-color: #FFFFFF;*/ border-bottom: 2px solid #7bbd42; margin-bottom: -6px; } .alsow-viewed { position: relative; margin-bottom: 15px; } .slider-items-products .item { text-align: center; } .owl-item .item { margin: 0 10px; } .product-flexslider { margin: 20px -10px; } .slider-items-products { position: relative; } .product-block .product-image, .product-block .product-image a, .product-block .product-image .product-display, .product-block .product-image .product-display img { display: block; z-index: 1; } .product-block .product-image a { position: relative; overflow: hidden; display: block; height: 100%; z-index: 8; content: ' '; } .product-block .product-image a img { width: 100%; } .category-products .products-grid .product-block .product-image a img { width: 100%; -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; } .category-products .products-grid .product-block .product-image a img:hover { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #cross-sell-products .products-grid .product-block .product-image a img { width: 100%; -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; } #cross-sell-products .products-grid .product-block .product-image a img:hover { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .product-block .product-image .product-mainpic { opacity: 0; } .product-block .product-image .product-mainpic { max-width: 100%; transform: rotateY(0deg); opacity: 0.1; transition: all 0.4s ease-in-out; } .product-block .product-image .product-secondpic { position: absolute; top: 0; max-width: 100%; transform: rotateY(-180deg); left: -1px; transition: all 0.4s ease-in-out; } .product-block:hover .product-image .product-mainpic { transform: rotateY(-180deg); opacity: 0; } .product-block:hover .product-image .product-secondpic { transform: rotateY(0deg); opacity: 1; } /* PRODUCT META */ .product-block .product-meta { overflow: hidden; position: relative; display: block; height: 48px; margin-top: -42px; } .product-block .product-action { width: 100%; height: 42px; overflow: hidden; position: relative; background: #f5f5f5; z-index: 12 !important; } .product-block .product-meta .product-action { display: block; position: absolute; width: 100%; bottom: -57px; font-size: 0px; transition: all 0.5s ease-in-out; transition-delay: 0.2s; opacity: 0; border-bottom: 2px #7bbd42 solid; } .product-block:hover .product-meta .product-action { bottom: 0; opacity: 1; } .product-block .product-action a { display: inline-block; text-align: center; line-height: 42px; height: 42px; color: #333; font-size: 13px; font-family: "Raleway", serif; font-weight: 500; } .product-block .product-action a:hover { background: #333; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; text-decoration: none; } .product-block .product-action a.add_to_cart_button { width: 100%; float: none; border: none !important; font-weight: 500 !important; text-transform: none; font-size: 13px !important; background: #f5f5f5 !important; } .product-block .product-action a.add_to_cart_button:hover { color: #fff; border: none !important; cursor: pointer; background: #333 !important; } .category-products .products-grid .icon-shopping-cart:before { font-size: 14px; } .product-block .product-action a.wishlist { width: 25%; box-shadow: -1px 0px 0px 0px #333; display: none; } .product-block .product-action a.wishlist:hover { color: #fff; } .product-block .product-action a.compare { width: 25%; box-shadow: -1px 0px 0px 0px #333; display: none; } .product-block .product-action a.quickview { width: 50%; float: right; border-left: solid #ccc 1px; } .product-block .product-action a.quickview:hover { color: #fff; cursor: pointer; } .item .item-info .info-inner .item-title a { text-decoration: none; font-family: "Raleway", serif; font-size: 15px; color: #333; font-weight: 600; } .item .item-info .info-inner .item-title a:hover { color: #7bbd42 !important; } .item .item-info .info-inner .item-title { font-size: 12px; margin-bottom: 5px; overflow: hidden; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; } /* 12. Rating */ .no-rating { margin: 0; } .no-rating a { color: #000; } .ratings { font-size: 11px; line-height: normal; margin: 2px 0; } .ratings strong { float: left; margin: 1px 3px 0 0; } .category-products ul.products-grid li.item .ratings .rating-links { display: none } .ratings .rating-links { margin: 0; display: none; } .ratings .rating-links a { margin: 0; text-decoration: none; color: #666; font-size: 12px } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 76px; height: 15px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 15px; background: url(../images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { margin-right: 8px; display: inline-block; } .ratings .amount { } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: 900; padding-right: 8px; } /* 13. Price */ .price { color: #ff0000; font-size: 13px; white-space: nowrap; font-weight: bold; font-family: "Raleway", serif; } .price-box { margin: 3px 0; min-height: 20px; } /* 13a. Regular price */ .regular-price { display: inline } .regular-price .price { font-size: 13px; color: #ff0000; } .block .regular-price, .block .regular-price .price { color: #000; } .price-box .price-from .price { font-weight: 900; font-size: 12px; color: #333; line-height: normal; } .price-box .price-to .price { font-weight: 900; font-size: 12px; color: #333; } .price-box .minimal-price .price { font-weight: 900; font-size: 12px; color: #333; } /* 13b. Old price */ .old-price .price-label { white-space: nowrap; color: #999; display: none; } .old-price { display: inline; margin: auto; } .price-box span.price-sep { color: #202020; display: none; padding: 0 5px; } /* Old price */ .old-price .price-label { color: #777777; display: none; white-space: nowrap; } .old-price .price { color: #777777; font-size: 13px; font-weight: normal; text-decoration: line-through; margin-right: 6px; } .latest-product .old-price .price-label { display: none; } /* 13c. Special price */ .special-price { margin: 0; display: inline-block; } .special-price .price-label { color: #666; display: none; font-size: 13px; font-weight: 400; white-space: nowrap; } .special-price .price { font-size: 13px; color: #7bbd42; } .special-price .price-label { font-size: 13px; font-weight: 900; white-space: nowrap; color: #666; display: none; } .latest-product .special-price .price-label { display: none; } /* 13d. Minimal price (as low as) */ .minimal-price { margin: 0; } .minimal-price .price-label { white-space: nowrap; } .minimal-price-link { display: inline; } .minimal-price-link .label { } /* Special price */ /* Price range */ .price-from { margin: 0; font-size: 12px; margin-right: 10px; display: inline-block; } .price-from .price-label { font-weight: normal; white-space: nowrap; color: #909090; font-size: 12px; } .price-to { margin: 0; font-size: 12px; margin-left: 4px; display: inline-block } .price-to .price-label { font-weight: normal; white-space: nowrap; color: #909090; } /* Minimal price (as low as) */ .minimal-price { margin: 0; } .minimal-price .price-label { font-weight: normal; white-space: nowrap; color: #909090; font-size: 12px; } .minimal-price-link { } .minimal-price-link .label { color: #909090; margin-left: 4px; } .minimal-price-link .price { font-weight: 900; color: #333; font-size: 12px; } small { font-size: 85%; font-weight: normal; text-transform: lowercase; color: #999999; } .actions button.button.btn-cart { background: #fff; border: 1px solid #ddd; margin: 10px 8px 0 8px; padding: 9px 10px 9px 10px; color: #333; line-height: 14px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } .col-item:hover .actions button.button.btn-cart { background: #7bbd42; border: 1px solid #7bbd42; margin: 10px 8px 0 8px; padding: 9px 10px 9px 10px; color: #FFFFFF; } .actions button.button.btn-cart span { font-family: "Raleway", serif; font-size: 11px; padding: 0 8px; font-weight: bold; margin-left: 0; text-transform: uppercase } .promo-banner-section { margin: 25px auto; } /** sales **/ .sale-label { font-size: 10px; color: #fff; text-transform: uppercase; padding: 0px; text-align: center; display: block; position: absolute; top: 0px; z-index: 100; font-weight: normal; line-height: normal; width: 45px; height: 45px; line-height: 45px; margin-top: 10px; margin-right: 0px; background: #da2c2a; border-radius: 30px; } .ie8 .new-label { left: 0px; top: 0px; width: auto; padding: 5px 15px; } .ie8 .new-label:after { display: none; } .ie8 .new-label:before { display: none; } .ie8 .sale-label { right: 0px; top: 0px; width: auto; padding: 5px 15px; } .ie8 .sale-label:after { display: none; } .ie8 .sale-label:before { display: none; } .ie8 .new-box { top: -1px; left: -1px; } .ie8 .sale-box { right: -1px; top: -1px; } .sale-top-left { left: 10px; top: 0; } /* 16. PRODUCTS SLIDER */ .owl-item .item { margin: 0 10px; } .slider-items-products { position: relative; } .slider-items-products .item { text-align: center; } .owl-buttons { opacity: 1; } .slider-items-products .owl-buttons .owl-prev { position: absolute; right: 28px; top: -49px; } .slider-items-products .owl-buttons .owl-next { position: absolute; right: 1px; top: -49px; } .slider-items-products .owl-buttons .owl-prev a { background-position: 0 100%; left: 0; top: 50%; } .slider-items-products .owl-buttons .owl-next a { background-position: 100% 100%; left: 0; top: 50%; } .slider-items-products .owl-buttons .owl-next a:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; content: "\f105"; text-transform: none; font-size: 18px; padding: 6px 6px 6px 6px; line-height: 26px; } .slider-items-products .owl-buttons .owl-prev a:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; content: "\f104"; text-transform: none; font-size: 18px; padding: 6px 4px; line-height: 26px; } .slider-items-products .owl-buttons a { background: #fff; display: block; height: 28px; margin: -22px 0 0; position: absolute; top: 50%; width: 28px; z-index: 5; border: 1px solid #999; color: #000; } .product-flexslider { margin: 20px -10px; } .slider-items-products .owl-buttons a:hover { text-decoration: none; background: #7bbd42; color: #fff; border: 1px solid #7bbd42; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; }