/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* -------------- Add Font ----------- */ @font-face { font-family: 'Montserratblack'; src: url('fonts/montserrat_black.eot'); src: local('☺'), url('../fonts/montserrat_black.woff') format('woff'), url('../fonts/montserrat_black.ttf') format('truetype'), url('../fonts/montserrat_black.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserratlight'; src: url('fonts/montserrat_light.eot'); src: local('☺'), url('../fonts/montserrat_light.woff') format('woff'), url('../fonts/montserrat_light.ttf') format('truetype'), url('../fonts/montserrat_light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserratsemibold'; src: url('fonts/montserrat_semibold.eot'); src: local('☺'), url('../fonts/montserrat_semibold.woff') format('woff'), url('../fonts/montserrat_semibold.ttf') format('truetype'), url('../fonts/montserrat_semibold.svg') format('svg'); font-weight: normal; font-style: normal; } /* -------------- Font Setting ----------- */ /* KIEN BT */ /* -------------- Black ----------- */ h1, h2, h3, h4, h5 , h6,.tabs-style-flip .nav-tabs li a, .product-detail-tabs .nav-tabs li a, .tabs_categories_porfolio li a,.style2 .testimonial-container .testimonial-item .author-infomation .text-uppercase,.price, .price-box .price { font-family: 'Roboto', sans-serif; } /* -------------- Bold ----------- */ .hot-block .title,.categories-rotare .text .count-item,.style1 .testimonial-container .testimonial-item .author-infomation .text-uppercase,.latest-post-list .item .post-name a,.latest-post-list .item .date,.deal-carousel .deals-desc .product-desc .product-name a,.title-category-tabs .title,.home-sidebar .testimonial-item .author-infomation p.text-uppercase,.newletter-home .text strong,.profile-contents .profile-desc .profile-name,.porfolio-content .portfolio-bottom-content .portfolio-name a,.portfolio-details .portfolio-table tr td:first-child,.detail-profile .profile-table tr td:first-child,.blog-pages-categories .blog-view-container .latest-decs .blog-name a,.sidebar .block.block-layered-nav ol li a, .sidebar .block.vertical-menu .block-content ul li.level0 > a, .sidebar .block-blog .menu-categories li a, .sidebar .block-subcategory .block-content li a, .sidebar .widget.block-layered-nav .nav-stacked li a,.sidebar .block-blog .menu-recent .item .blog-desc a,.form-group label, .form-list label,.comment-blog .commentDetails .post-by,.collection-grid .grid-item .grid-content .grid-name,.collection-grid .grid-item .grid-img .total-products,.navbar-collapse ul.nav-main > li > a,.header-v1 .right-haeder, .header-v5 #advancedsearch_mini_form .search-cat-active, .header-v6 #advancedsearch_mini_form .search-cat-active,.footer4 .f-newsletter button, .header-v3 .form-language > a, .header-v3 .form-currency > a, .navbar-collapse ul.nav-main .mega-menu-item .level1 > a, .header-v3 .link-account a { font-family: 'Roboto', sans-serif; } /* -------------- light ----------- */ body,.home-sidebar .deal-carousel .deals-desc .product-desc .product-name a,.category-product-list .item .price-box .regular-price .price, .category-product-list .item .price-box .special-price .price,.category-product-list .item .price-box .old-price .price,.header-v2 .navbar-collapse ul.nav-main > li > a, .footer5 .f-copyright,.header-v5 .form-language > a, .header-v5 .form-currency > a,.home_cate span, .header-v8 .navbar-collapse ul.nav-main > li > a,.header-v3 .navbar-collapse ul.nav-main li a,.header-v3 .navbar-collapse ul.nav-main .mega-menu-item .level1 > a { font-family: 'Roboto', sans-serif; } .products-grid .products-carousel .owl-item,.feature-brand-carousel .owl-item { padding-right: 15px; padding-left: 15px; } /* Reset ================================================================================= */ .button-fixed{position:relative} .button-fixed .button{position:fixed; bottom:10px; right:10px; z-index:9999} .button-fixed .active{background: #8fb21f !important;border-color:#8fb21f !important;text-transform:uppercase;font-weight:bold;font-size:13px;} * { margin:0; padding:0; } body { color:#868686; font-size: 10px; text-align:left; font-weight: 200; line-height: 2; overflow-x: hidden; position: relative; } .big-text { font-size: 13px; } .small-text { font-size: 12px; } img { border:0; vertical-align:top; } a { text-decoration:none; color: #585858; } a:hover, a:focus { text-decoration: none; outline:0; color: #000; } /* -------------- Margin Footer ----------- */ footer { margin-top: 100px; } .cms-index-index footer { margin-top: 0; } .home-left3 #maincontent { padding-bottom: 100px; } .cms-index-index .home-left3 #maincontent { padding-bottom: 0px; } /* Setting Border Radius */ /* 0px */ .btn, .btn:focus, .btn:hover,.owl-carousel .owl-controls .owl-pagination .owl-page span,.category-tabs-vetical .tab-menu.tab-products li a,.toolbar-bottom .toolbar-pager .pagination li a,.ui-slider,.form-control,.input-text,input[type="text"],input[type="password"],input[type="email"],.home-sidebar .testimonial-item .img-thumbnail,.testimonials-list .testimonial-item .testimonial-author .img-thumbnail,.faq-content .panel-group .panel,.style2 .testimonial-container .testimonial-item .testimonial-author .img-thumbnail { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; } /* 50% */ .policy .icon,.style1 .testimonial-container .testimonial-item .img-thumbnail { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; } /* Setting Time Effect */ /* 300ms */ .products-grid .product-content .product-top a:after,.products-grid .product-content .product-top .product-image img,.category-tabs-vetical .tab-menu.tab-products li:before,.featured-brands .owl-controls .owl-buttons .owl-prev,.featured-brands .owl-controls .owl-buttons .owl-next,a,.sidebar .block.block-layered-nav ol li a:after,.sidebar .block.vertical-menu .block-content ul li > a:after,.controls-list .btn-scale > span,.deal-container.products-grid .product-content .icon-links-deals,.products-grid .product-content .product-top .controls .add-to-cart button,.image-media .magnifier .buttons,.blog-pages-categories .blog-view-container .latest-post-img img,.sidebar .block-blog .menu-recent .item img,.sidebar .block-blog .menu-categories li a:after,#search_mini_form,.sidebar .block-subcategory .block-content li a:after,.sidebar .widget.block-layered-nav .nav-stacked li a:after,.block-cart-header .style-dropdow-menu .btn-remove,.block-cart-header .style-dropdow-menu .btn-edit,.horizontal_slider li,.hover-effect2 .promo-banner > a:after,.hover-effect2 .promo-banner > a img,.featured-brands .brands-content .brands .brand img,.contacts-index-index .contact-information .btn-location,.contact-information .parent,footer .cate li:before,.category-product-list .item .btn-cart:before,.category-product-list .item .btn-add-cart:before,.category-product-list .item .btn-cart:after,.category-product-list .item .btn-add-cart:after,.profile-contents .profile-desc .social-links ul,.categories-rotare .img,.collection-grid .grid-item .grid-img a:after,.collection-grid .grid-item .grid-img .total-products,.header-v5 .block-cart-header .dropdown-toggle:after,.header-v3 .block-cart-header .dropdown-toggle:after,.header-v8 .block-cart-header .dropdown-toggle:after,.header-v6 .block-cart-header .cover-basket:after,.header-v1 .block-cart-header .icon-shopping-cart:after,.header-v7 #mainMenu > li > a:before,.header-v7 #mainMenu > li > a:after,.header-v5 .block-cart-header .style-dropdow-menu,.header-v8 .block-cart-header .style-dropdow-menu,.header-v1 .block-cart-header .style-dropdow-menu,.header-v6 .block-cart-header .style-dropdow-menu,.sticky-menu .top-content,.header-v3 .block-cart-header .style-dropdow-menu,.header-v1 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before, .header-v2 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before, .header-v4 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before, .header-v5 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before, .header-v6 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before, .header-v7 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before, .header-v8 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a::before,.hover-effect3 .promo-banner > a:after,.hover-effect3 .promo-banner .text-container,.box-social .social-icons > span .stButton .stLarge:hover:after,.box-social .social-icons > span .stButton .stLarge:hover:before,.contacts-index-index .contact-information .child,.home-sidebar .widget-latest .latest-post-img img { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } /* 400ms */ .products-grid .product-content .product-top .controls .add-to-cart,.tabs-style-flip .tabs-style-flip-content .tab-pane, .category-tabs .tab-content .tab-pane,.promo-banner > a > img,.products-grid .product-content .product-top .controls .icon-links,header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a,header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before,.portfolio-top-content .porfolio-image:after,.profile-contents .profile-top .img-profile:after,.categories-rotare .content .category-content .category-desc,.header-v7 ul.links li a > span:after,.header-v7 .form-language > a:after,.header-v4 #advancedsearch_mini_form,.header-v7 ul.links li:before,.header-v7 ul.links li a:after { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } /* Setting Color */ .color-theme, .color-theme h1, .color-theme h2, .color-theme h3, .color-theme h4,.color-theme h5, .color-theme h6, .color-theme a, .color-theme .fa,.products-grid .product-content .product-top .controls .add-to-cart button,.policy:hover .icon, .policy:hover .text .title,.price-box .regular-price .price,.price-box .special-price .price,.owl-carousel .owl-controls .owl-buttons .owl-prev:hover .fa,.owl-carousel .owl-controls .owl-buttons .owl-next:hover .fa,.header-v1 .block-cart-header .count,.navbar-collapse ul.nav-main li a:hover,header ul.links li a:hover,.latest-post-list .item .post-name a,.form-language > a:hover,.form-currency > a:hover,.middle-footer ul li a:hover,footer .f-newsletter form:before,.latest-post-list .item .post-name a,.scroll-to-top .fa,.blog-pages-categories .blog-view-container .postContent .aw-blog-read-more:hover,.category-product-list .btn-go-cate:hover,header .header-v2 ul.links li a:hover, .footer2 .f-social a:hover .fa,.deal-container.products-grid .product-content .icon-links-deals li button:hover,.catalog-product-view .product-view .tabbable .tagcloud > a:hover,.image-media .magnifier .buttons:hover .fa,body div.light_rounded .pp_arrow_previous::before,body div.light_rounded .pp_arrow_next::before,body div.light_rounded .pp_contract:before,body div.light_rounded .pp_expand:before,body div.light_rounded .pp_close::before,.top-toolbar .view-mode a.view-type:hover,.top-toolbar .view-mode strong.view-type,.top-toolbar .sort-by a:hover,.my-wishlist .table-striped tbody tr td.last .link-wistlist:hover,.checkout-cart-index .cart-table tbody tr td .cart-price,.form-currency .dropdown-menu a:hover,.form-language .dropdown-menu a:hover,.sidebar .block.vertical-menu .block-content ul li.active > a,.sidebar .widget.block-layered-nav .nav-stacked li.active > a,.toolbar-bottom .toolbar-pager .pagination li a,.category-product-list .item .product-desc .product-name a:hover,.controls-list .btn-scale,.controls-list .btn-scale > span,.product-essential .product-shop .product-rating .add-new-review a:hover,.header-v8 ul.links li a:hover,.header-v8 .form-language > a:hover, .header-v8 .form-currency > a:hover,.box-social .social-icons > span .stButton .stLarge:hover:before { color: #000000; } .owl-carousel .owl-controls .owl-pagination .owl-page.active span,.owl-carousel .owl-controls .owl-pagination .owl-page:hover span,.title-content:before,.title-content:after,.category-product-list .item .btn-quickview:hover,.header-v1 .block-cart-header .icon-shopping-cart,.hot-block .text-background span,.deal-container.products-grid .product-content .deal-timer .percent,.f-social a:hover,footer h4:after,.hot-block .text-background span,.deal-container.products-grid .product-content .deal-timer .percent,.scroll-to-top:hover,.product-view .product-essential .product-img-box > .entry .btn-change-img:hover,.product-essential .product-shop .box-social .email-friend a:hover > span,.blog-pages-categories .blog-view-container .latest-post-decs .latest-date,.products-grid .product-content .product-top .controls .add-to-cart button:hover,.image-media .magnifier .buttons,body a.pp_previous::before,body a.pp_next::before,.postDetail .post-img .latest-date,.sidebar .block-blog .tagcloud li a:hover, .postDetail .tags li a:hover,.sidebar .block.block-tags .tagcloud a:hover, .tag-customer-index .tags-clouds a:hover,.tag-customer-index .tags-coloud a:hover,.btn-go-cate:hover > span,.oscheckout-index-index .block-title,h3.checkout-step,.opc li.active .step-title,footer .cate li:hover:before,header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before,.category-product-list .item .btn-cart:after,.category-product-list .item .btn-add-cart:after,.controls-list .btn-scale > span > span,.controls-list .icon-links li button:hover,.controls-list .icon-links li a:hover,.header-v6 .links li a:hover { background-color: #4E4E4E; } .policy:hover .icon,.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,.owl-carousel .owl-controls .owl-buttons .owl-next:hover,.category-product-list .item .btn-quickview,.category-product-list .item .btn-quickview:hover,.tp-bullets.preview3 .bullet:hover:after,.tp-bullets.preview3 .bullet.selected:after,.tp-bullets.preview3 .bullet:after,.f-social a:hover,.scroll-to-top,.product-view .product-img-box > .thumbnails .thumbnails-carousel .item .image-media.active img,.product-view .product-essential .product-img-box > .entry .btn-change-img:hover,.category-product-list > .btn-go-cate:hover > span,.category-product-list .item:hover .product-image,.deal-container.products-grid .product-content .icon-links-deals li button:hover,.catalog-product-view .product-view .tabbable .tagcloud > a:hover,.form-control:focus, .input-text:focus,.image-media .magnifier .buttons,.product-essential .product-shop .box-social .email-friend a:hover > span,.top-toolbar .view-mode a.view-type:hover,.top-toolbar .view-mode strong.view-type,.top-toolbar .sort-by a:hover,.my-wishlist .table-striped tbody tr td.last .link-wistlist:hover,.policy-border,.btn-go-cate:hover > span,#checkout-progress-state li.active,.product-border .products-grid .item .product-content:hover,.toolbar-bottom .toolbar-pager .pagination li.active,.toolbar-bottom .toolbar-pager .pagination li:hover,.categories-rotare.one:after,.categories-rotare.one:before,.categories-rotare.two:after,.categories-rotare.two:before,.categories-rotare.three:after,.categories-rotare.three:before,.categories-rotare.four:after,.categories-rotare.four:before,.header-v6 .links li a:hover,.hot-block .btn-default:hover,.box-social .social-icons > span .stButton .stLarge:hover:after { border-color: #000000; } .title-content:before,.products-grid .product-content .product-top .controls .add-to-cart button:hover,footer .cate li:hover:before,header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before { outline-color:#000000; } .category-product-list .item .btn-cart:before,.category-product-list .item .btn-add-cart:before { border-right-color: #000; } /* Setting Rotare 45 deg */ .btn-scale > span,.products-grid .product-content .product-top .controls .icon-links li button, .products-grid .product-content .product-top .controls .add-to-cart button,.owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-carousel .owl-controls .owl-buttons .owl-next,.owl-carousel .owl-controls .owl-pagination .owl-page span,.title-content:before,.category-product-list .item .btn-quickview,.header-v1 .block-cart-header .icon-shopping-cart,.tp-bullets.preview3 .bullet,.controls-list .icon-links li button,.style2 .testimonial-container .testimonial-item .testimonial-author,.top-toolbar .view-mode .view-type,.toolbar-bottom .toolbar-pager .pagination li,footer .cate li:before,.f-social a,.scroll-to-top,.product-view .product-essential .product-img-box > .entry .btn-change-img,.controls-list .icon-links li a,.product-essential .product-shop .box-social .email-friend a > span,.sidebar .block.block-compare .actions .remove-all,.deal-container.products-grid .product-content .icon-links-deals li button,.header-v3 .block-cart-header .basket, .header-v3 .block-cart-header .basket .qty,.slider3 .tp-leftarrow.preview3:after,.slider3 .tp-rightarrow.preview3:after,.block-cart-header .style-dropdow-menu .btn-remove,.block-cart-header .style-dropdow-menu .btn-edit,.top-toolbar .sort-by a,.my-wishlist .table-striped tbody tr td.last .link-wistlist,.wishlist-controls .btn-add-compare,.horizontal_slider li .show-last .count_item,.home-sidebar .testimonial-item .img-thumbnail,header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before,.header-v5 .block-cart-header .dropdown-toggle,.header-v5 .block-cart-header .basket .qty,.testimonials-list .testimonial-item .testimonial-author .img-thumbnail,.about-info ul li:after,.chart-parent .chart:after,.accordion_about .panel-heading a:after,.hot-categories,#advancedsearch_mini_form .search-select li ul li span:before,.header-v6 .links li a,.header-v6 .block-cart-header .cover-basket,.header-v7 ul.links li a > span:after,.header-v7 .form-language > a:after,.header-v7 .form-currency > a:after,.header-v7 #mainMenu > li > a:before,.header-v7 #mainMenu > li > a:after,.header-v8 .block-cart-header .dropdown-toggle,.header-v8 .block-cart-header .basket .qty,.header-v3 .block-cart-header:hover .dropdown-toggle:after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .btn-scale > span .fa,.products-grid .product-content .product-top .controls .icon-links li button .fa,.category-product-list .item .btn-quickview .fa,.products-grid .product-content .product-top .controls .add-to-cart button .fa,.owl-carousel .owl-controls .owl-buttons .fa,.header-v1 .block-cart-header .icon-shopping-cart i,.controls-list .icon-links li button .fa,.controls-list .icon-links li a .fa,.style2 .testimonial-container .testimonial-item .testimonial-author .img-thumbnail img,.style2 .testimonial-container .testimonial-item .testimonial-author .author-infomation,.top-toolbar .view-mode .view-type .fa,.toolbar-bottom .toolbar-pager .pagination li a,.f-social .fa,.scroll-to-top .fa,.product-view .product-essential .product-img-box > .entry .btn-change-img .fa,.product-essential .product-shop .box-social .email-friend a > span .fa,.sidebar .block.block-compare .actions .remove-all .fa,.deal-container.products-grid .product-content .icon-links-deals li button .fa,.image-media .magnifier .buttons .fa,.header-v3 .block-cart-header .dropdown-toggle,.header-v3 .block-cart-header .basket .qty i,.slider3 .tp-leftarrow.preview3,.slider3 .tp-rightarrow.preview3,.block-cart-header .style-dropdow-menu .btn-remove .fa,.block-cart-header .style-dropdow-menu .btn-edit .fa,.top-toolbar .sort-by a .fa ,.my-wishlist .table-striped tbody tr td.last .link-wistlist .fa,.wishlist-controls .btn-add-compare .fa,.horizontal_slider li.active .count_item .number,.horizontal_slider li.active .count_item .text,.home-sidebar .testimonial-item .img-thumbnail img,.header-v5 .block-cart-header .basket,.header-v5 .block-cart-header .basket .qty i,.portfolio-top-content a.view .hover-info,.testimonials-list .testimonial-item .testimonial-author .img-thumbnail img,.profile-content .profile-top a.view .hover-info,.categories-rotare .img img,.categories-rotare .content .category-content,.header-v6 .links a[title~=Account]:before,.header-v6 .links a[title~=Wishlist]:before,.header-v6 .links a[title~=Log]:before,.header-v6 .block-cart-header .basket,.header-v5 .block-cart-header .dropdown-toggle:after,.header-v8 .block-cart-header .dropdown-toggle:after,.header-v6 .block-cart-header .cover-basket:after,.header-v1 .block-cart-header .icon-shopping-cart:after,.header-v8 .block-cart-header .basket,.header-v8 .block-cart-header .basket .qty i ,.box-social .social-icons > span .stButton .stLarge:after { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* Forms */ .validation-advice { color: #ff0000; } form { display:inline; } fieldset { border:0; } legend { display:none; } .form-group label, .form-list label { font-size: 10px; text-transform: uppercase; font-weight: 300; color: #1b242b; margin-bottom: 6px; } input:focus, select:focus { outline: none; } .input-text, input[type="text"], input[type="password"], input[type="email"] { width: 100%; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; color: #555; border: 1px solid #e1e1e1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } select[multiple] { padding: 0; } select[multiple] > option { padding: 7px 0px 7px 15px; } textarea { min-height: 130px; background-color: #ffffff; max-width: 100%; } .form-control:focus, .input-text:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(221, 190, 134, 0.6); } .form-control,.input-text,input[type="text"],input[type="password"],input[type="email"] { background-color: #ffffff; height: 45px; } .form-group { margin-bottom: 20px;} /* Table */ table { border:0; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ .bg_center { background-position: center center; } strong { font-weight:400; } address { font-style:normal; line-height:1.35; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } .label { color: #2f2f2f; padding: 0; } label { vertical-align: middle; } .checkbox { display: inline-block; } /* HEADING STYLE */ h1, h2, h3, h4, h5 , h6 { text-transform: uppercase; } h1 { font-size:27px; letter-spacing: 1px; } h2 { font-size:5px; letter-spacing: 2px; } h3 { font-size:14px; letter-spacing: 2px; } h4 { font-size:10px; letter-spacing: 2px; } h5 { font-size:10px; letter-spacing: 2px; } h6 { font-size:14px; letter-spacing: 2px; } /* Lists */ ul,ol { list-style:none; margin: 0; } .a-center{text-align:center} .no-padding { padding: 0;} .no-padding-l { padding-left: 0;} .no-padding-r { padding-right: 0;} /* Button */ /*__________Btn Default__________*/ .btn, .btn:focus, .btn:hover { outline:none; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .btn-xs { letter-spacing: 3px; padding: 15px 14px; border: 1px solid; } .btn .fa { font-size: 12px; } .btn-default { font-size: 13px; border-color: #111111; background: none; } .btn-default:hover,.btn-default:focus { color: #fff; background-color: #111111; border-color: #111111; } .btn-primary { font-size: 13px; border-color: #111111; background: #111111; color: #fff; } .btn-primary:hover,.btn-primary:focus { opacity: 0.9; border-color: #111111; background: #111111; color: #fff; } .btn-secondary { color: #111111; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-scale:focus { background: none; border: none; box-shadow: none; } .btn-scale:hover > span .fa { color: #fff; } .btn-scale { letter-spacing: 2px; border: none; background: none; padding: 0 10px; } .btn-scale > span { border: 1px solid #909090; width: 25px; height: 25px; display: inline-block; margin-right: 9px; -webkit-transform-origin: 20% 40%; transform-origin: 20% 40%; -ms-transform-origin: 20% 40%; } .btn-scale > span .fa { font-size: 13px; line-height: 32px; display: inline-block; width: 30px; -webkit-transform-origin: 20% 40%; transform-origin: 20% 40%; -ms-transform-origin: 20% 40%; } /* Global Styles ========================================================================= */ /* Form Elements */ .guest-select {width:305px !important;} .parallax { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover; } .no-display { display:none; } .center{text-align:center} .tp-bannershadow.tp-shadow2{background:none !important} .map-container #map{height:400px} .tooltip-links a{display:block !important} header nav ul.nav-main > li + li { margin-left: 0; } header nav ul.nav-main > li.active a, header nav ul.nav-main > li.active a:focus, header nav ul.nav-main > li.active a:hover{ background: none; } header nav ul.nav-main .dropdown-submenu { position: relative; } ul.nav-main .dropdown-menu > li > a:hover, ul.nav-main .dropdown-menu > li > a:focus { background: none; } header nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } header nav ul.nav-main .dropdown-submenu.pull-left { float: none; } header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } header nav ul.nav-main li.dropdown.open a.dropdown-toggle { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } header nav ul.nav-main ul.dropdown-menu { background-color: rgba(0,0,0,.7); } header nav ul.nav-main ul.dropdown-menu { -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); border-radius: 0; border: 0; margin: 1px 0 0 3px; top: auto; background-color: #f5f5f5; border-top: 3px solid #111; border-width: 3px 1px 1px 1px; border-style: solid; border-color: #111 #e3e3e3 #e3e3e3 #e3e3e3; } header nav ul.nav-main .mega-menu-item ul.dropdown-menu { padding: 21px 14px; } header nav ul.nav-main ul.dropdown-menu > li > a { color: #FFF; font-weight: 400; padding-bottom: 4px; padding-top: 4px; text-transform: none; position: relative; } header nav ul.nav-main ul.dropdown-menu > li > a { padding: 8px 10px 8px 5px; font-size: 0.9em; } header nav ul.nav-main ul.dropdown-menu li:last-child > a { border-bottom: 0; } header nav ul.nav-main li a { font-size: 12px; font-style: normal; line-height: 20px; } header nav ul.nav-main li.dropdown:hover > a { background: none; } .btn-responsive-nav{display:none} .mfp-inline-holder #success-message-container, .mfp-inline-holder .mfp-iframe-scaler { padding: 0; height: auto; text-align: center; line-height: 25px; } .mfp-inline-holder .mfp-content { width: 400px !important; } .mfp-iframe-holder .mfp-content { min-height: 400px; } #slider-range .ui-slider-handle:last-child { margin-left: -22px; } #theme-popup{position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.3; z-index:900; background-color:rgba(255, 255, 255, 0.99); display:none} #theme-popup img{position:fixed; top:50%; left:50%; z-index:910; margin-left:-16px; margin-top:-16px} /* ========= Header ========= */ .logo img { height: 46px; } h1.logo { margin: 0; } a.logo { float: left; } header .search-form > button { background: none; border: none; font-size: 13px; color: #fff; } .form-language > a, .form-currency > a { border: none; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; } .form-language > a i, .form-currency > a i { margin-left: 3px; } .form-currency { margin-right: 24px; } .form-language,.form-currency{ display:inline-block !important; float:left; position: relative; padding-top: 6px; } .form-language ul, .form-currency ul { -moz-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); } .form-language ul, .form-currency ul, .link-account > ul { left: -21px; right: auto; background-color: #f5f5f5; border-color: #111 #e3e3e3 #e3e3e3; border-style: solid; border-width: 3px 1px 1px; border-radius: 0; top: 100%; margin: 0; min-width: auto; } .form-language ul li a, .form-currency ul li a, .link-account ul li a { color: #828282; font-size: 12px; } .block-cart-header:hover { cursor: pointer; } .block-cart-header .style-dropdow-menu { background: #fff; border-radius: 0; right: 0; left: auto; width: 340px; padding: 15px; margin: 0; color: #303030; z-index: 999; border-width: 5px 1px 1px 1px; border-color: #949494 #898989 #898989 #898989; border-style: solid; -moz-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5); top: 100%; } .header-v5 .block-cart-header .style-dropdow-menu, .header-v8 .block-cart-header .style-dropdow-menu, .header-v1 .block-cart-header .style-dropdow-menu, .header-v6 .block-cart-header .style-dropdow-menu, .header-v3 .block-cart-header .style-dropdow-menu { display: block; opacity: 0; visibility: hidden; } .block-cart-header .style-dropdow-menu .product-image img { width: 70px; } .block-cart-header .style-dropdow-menu a { color: #303030; float: left; } .block-cart-header .product-details { float: left; width: 140px; margin-left: 10px; } .block-cart-header .product-details .product-name { width: 140px; overflow: hidden; } .block-cart-header .price { font-size: 13px; } .block-cart-header .subtotal { margin-top: 30px; margin-bottom: 30px; } .block-cart-header .subtotal, .block-cart-header .subtotal .label { color: #111; font-size: 13px; text-transform: uppercase; text-align: center; } .block-cart-header .actions { text-align: center; } .block-cart-header .actions > button { letter-spacing: 2px; border-width: 1px; float: none; height: 36px; padding-left: 18px; padding-right: 18px; } .header-v3 .block-cart-header .actions > button { padding-left: 10px; padding-right: 10px; letter-spacing: 1px; } .header-v3 .block-cart-header .style-dropdow-menu .btn-edit { margin-left: 5px; } .block-cart-header .style-dropdow-menu .btn-remove, .block-cart-header .style-dropdow-menu .btn-edit { color: #bbbbbb; border: 1px solid transparent; width: 25px; height: 25px; text-align: center; padding-top: 5px; } .block-cart-header .style-dropdow-menu .btn-edit { padding-left: 3px; } .block-cart-header .style-dropdow-menu .btn-remove .fa, .block-cart-header .style-dropdow-menu .btn-edit .fa { display: block; } .block-cart-header .style-dropdow-menu .btn-remove { margin-left:5px; } .block-cart-header .style-dropdow-menu .btn-edit { margin-left: 15px; } .block-cart-header .style-dropdow-menu .btn-remove:hover, .block-cart-header .style-dropdow-menu .btn-edit:hover { border-color: #111; color: #111; } .block-cart-header .style-dropdow-menu .item { clear: both; overflow: hidden; padding-bottom: 15px; padding-top: 15px; } .block-cart-header .style-dropdow-menu .item.last { border-bottom: 1px solid #ebebeb; padding-bottom: 30px; } .block-cart-header .style-dropdow-menu .empty { margin: 0; font-size: 12px; color: #111; } .cms-index-index .top-content { background: none; padding-top: 0; } /* Top link */ header ul.links li { float:left; padding: 0 10px; } header ul.links li:last-child { padding-right: 0; } header ul.links li a:hover, .form-language > a:hover, .form-currency > a:hover { color: #fff !important; } header .header-v2 ul.links li a:hover, .header-v2 .form-language > a:hover, .header-v2 .form-currency > a:hover, header .header-v8 ul.links li a:hover, .header-v8 .form-language > a:hover, .header-v8 .form-currency > a:hover { color: #000 !important; } header ul.links li a { color: #898989; } .cms-index-index .header-v1 ul.links li a { color: #fff; } .logo-container{float:left;} .nav-container{float:left;width:100%;} #advancedsearch_mini_form{float:right;} #nav li { float: left; } #nav li { position: relative; text-align: left; } .welcome-msg{ float:left; } .links{float:right;} .top-bar { padding: 10px 0; } /* Form Search */ /* Megamenu */ .navbar-collapse { padding-top: 9px; } .navbar-collapse ul.nav-main li a { margin: 0; color: #fff; font-size: 13px; } .navbar-collapse ul.nav-main > li > a { text-transform: uppercase; padding-right: 21px; padding-left: 21px; } .navbar-collapse ul.nav-main > li > a .icon-next { margin-left: 3px; } .navbar-collapse ul.nav-main .mega-menu-item .level1 > a { font-size: 15px; color: #111; text-transform: uppercase; } .header-v3 .mega-menu-item .mega-menu-content .row > div { width: 100%; } .navbar-collapse ul.nav-main .mega-menu-item .level1 > ul { margin-top: 9px; } .nav > li > a:hover, .nav > li > a:focus { background: none; } header nav ul.nav-main li > a { font-size: 15px; } header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a { padding: 6px 16px; display: block; position: relative; color: #828282; } .block-cart-header { display: block !important; } .header-v1 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before, .header-v2 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before, .header-v4 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before, .header-v5 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before, .header-v6 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before, .header-v7 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before, .header-v8 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:before { content: ""; width: 2px; height: 2px; background-color: #828282; display: block; position: absolute; left: 16px; top: 15px; outline: double #828282; opacity: 0; visibility: hidden; } header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li .toggle-menu a:before { content: none; } .header-v1 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover, .header-v2 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover, .header-v4 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover, .header-v5 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover, .header-v6 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover, .header-v7 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover, .header-v8 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover { padding-left: 30px; } .header-v1 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before, .header-v2 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before, .header-v4 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before, .header-v5 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before, .header-v6 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before, .header-v7 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before, .header-v8 nav ul.nav-main li.dropdown ul.dropdown-menu li ul li a:hover:before { opacity: 1; visibility: visible; outline: double; } header nav ul.nav-main li.dropdown ul.dropdown-menu li ul li:hover > a { filter: none; } header nav ul.nav-main li > a .icon-next { font-size: 12px; } .navbar-collapse ul.nav-main { position: static; } .mega-menu-item { position: static !important; } .mega-menu-item .dropdown-menu { width: 80%; } .header-v4 .mega-menu-item .dropdown-menu { left: 5%; } /* Revolution Slider */ .tparrows { display: none; } .tp-bullets { z-index: 20; } .tp-bullets.preview3 .bullet { background: none !important; height: 13px !important; width: 13px !important; border-radius: 2px !important; margin-right: 14px !important; border: none !important; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { border: none !important; height: 13px !important; width: 13px !important; } .tp-bullets.preview3 .bullet:hover:after, .tp-bullets.preview3 .bullet.selected:after, .tp-bullets.preview3 .bullet:after { content: ""; border-width: 1px; border-style: solid; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; display: inline-block; } .tp-bullets.preview3 .bullet:after { border-color: #fff; } .fullscreen-container { width: 100% !important; } .slider2 .style-home23:hover { background-color: #111; } .slider2 .style-home23:hover a { color: #fff !important; } /* End Revolution Slider */ /* --------- Header-v1 ------ */ .cms-index-index .header-v1, .cms-index-index .header-v4 { position: absolute; z-index: 99; width: 100%; } .cms-index-index .header-v1 .top-content { background: none; } .header-v1 .top-content { background-color: #000; padding: 24px 0; } .header-v1 .logo-container { padding-top: 5px; padding-left: 35px; } .header-v1 .block-cart-header, .header-v1 .links, .header-v1 .search-form { float: right; } .header-v1 .block-cart-header { color: #fff; margin-left: 100px; padding-right: 20px; height: 40px; } .header-v1 .block-cart-header .yc { text-transform: uppercase; font-size: 10px; } .header-v1 .block-cart-header .count { display: block; line-height: 7px; font-size: 10px; } .header-v1 .block-cart-header .fa-angle-down, .header-v1 .block-cart-header .icon-shopping-cart { position: absolute; } .header-v1 .block-cart-header .icon-shopping-cart { height: 28px; left: -46px; padding-top: 3px; text-align: center; width: 28px; top: 4px; } .header-v1 .block-cart-header .icon-shopping-cart i { font-size: 14px; } .header-v1 .block-cart-header .fa-angle-down { right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .header-v1 .topbar { padding: 8px 0; } .cms-index-index .header-v1 .topbar { padding-bottom: 0; } #advancedsearch_mini_form { position: absolute; right: -12px; top: 100%; opacity: 0; visibility: hidden; left: auto; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } #advancedsearch_mini_form.show-search { opacity: 1; visibility: visible; z-index: 99; } #advancedsearch_mini_form button { background: none; color: #fff; border: none; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 9; font-size: 13px; } #advancedsearch_mini_form input { border-radius: 0; box-shadow: none; border: none; background-color: rgba(0,0,0,.7); color: #fff; font-size: 12px; width: 250px; height: 35px; font-size: 13px; } header .search-form { padding-top: 6px; position: relative; margin-left: 19px; position: relative; } .header-v1 .search-form:after { content: ""; display: block; background-color: #98949e; width: 1px; height: 40px; right: -25px; top: 0; position: absolute; } .header-v1 .navbar-collapse { float: left; padding-left: 0; padding-right: 0; } .right-haeder { padding-top: 12px; padding-right: 35px; float: right; } .header-v1 .topbar { padding-right: 50px; background-color: #111; } .cms-index-index .header-v1 .topbar { background: none; } /* --------- End header-v1 -- */ /* Header-v2 */ .header-v2 { position: relative; } .header-v2 .topbar { background-color: #f4f4f4; padding: 8px 0; } .header-v2 .top-content { background-color: #111; padding-top: 0; padding-bottom: 0; } .cms-index-index .header-v2 .top-content { position: absolute; width: 100%; bottom: 38px; z-index: 999; } header .header-v2 ul.links li a { color: #898989; } .header-v2 .navbar-collapse { float: right; padding-top: 0; } .header-v2 .block-cart-header, .header-v2 .search-form { float: right; } .header-v2 .block-cart-header .basket, .header-v3 .block-cart-header .basket, .header-v4 .block-cart-header .basket, .header-v5 .block-cart-header .basket, .header-v6 .block-cart-header .basket, .header-v7 .block-cart-header .basket, .header-v8 .block-cart-header .basket { background: url('../images/cart-naif.png'); display: inline-block; position: relative; } .header-v7 .block-cart-header .basket { width: 30px; height: 27px; background-position: 100% 0; } .header-v2 .block-cart-header .basket, .header-v4 .block-cart-header .basket { width: 34px; height: 39px; background-position: 0 0; } .header-v4 .block-cart-header .basket { height: 29px; } .header-v2 nav ul.nav-main > li.active a, .header-v3 nav ul.nav-main > li.active a { color: #fff; } .header-v3 .block-cart-header .dropdown-toggle { background-color: #474747; width: 50px; height: 50px; } .header-v5 .block-cart-header .dropdown-toggle, .header-v8 .block-cart-header .dropdown-toggle { background-color: #FFF; width: 42px; height: 42px; z-index: 100; } .header-v5 .block-cart-header .dropdown-toggle:after, .header-v6 .block-cart-header .cover-basket:after, .header-v1 .block-cart-header .icon-shopping-cart:after, .header-v3 .block-cart-header .dropdown-toggle:after, .header-v8 .block-cart-header .dropdown-toggle:after { content: ""; border-color: #949494 transparent transparent transparent; border-width: 10px; border-style: solid; display: block; position: absolute; bottom: 0px; right: 0px; opacity: 0; } .header-v5 .block-cart-header:hover .dropdown-toggle:after, .header-v8 .block-cart-header:hover .dropdown-toggle:after, .header-v6 .block-cart-header:hover .cover-basket:after, .header-v1 .block-cart-header:hover .icon-shopping-cart:after { opacity: 1; bottom: -14px; right: -14px; } .header-v3 .block-cart-header .dropdown-toggle:after { bottom: 20px; } .header-v3 .block-cart-header:hover .dropdown-toggle:after { opacity: 1; bottom: -14px; right: 44px; border-color: #474747 transparent transparent transparent; } .header-v3 .block-cart-header .basket { width: 50px; height: 41px; background-position: 15% 25%; } .header-v5 .block-cart-header .basket, .header-v8 .block-cart-header .basket { width: 39px; height: 49px; background-position: 17% 25%; } .header-v8 .block-cart-header .basket { width: 41px; height: 47px; background-position: 18% 25%; } .block-cart-header .basket i { font-style: normal; } .header-v2 .block-cart-header .basket i, .header-v7 .block-cart-header .basket i { font-size: 10px; position: absolute; bottom: 7px; right: 0; background-color: #b4b4b4; padding: 0px 7px; border-radius: 50%; color: #111; } .header-v7 .block-cart-header .basket i { right: -6px; bottom: 12px; background-color: #111; color: #fff; } .header-v2 .right-haeder { padding-right: 0; } .header-v2 .navbar-collapse ul.nav-main > li > a, .header-v2 .form-language > a, .header-v2 .form-currency > a, .header-v2 .search-form > button { opacity: .5; font-weight: normal; } .header-v2 .form-language > a:hover, .header-v2 .form-currency > a:hover { color: #fff; opacity: 1; } .header-v2 .navbar-collapse ul.nav-main > li > a:hover { opacity: 1; color: #fff; } .header-v2 .search-form { margin-right: 36px; } .header-v2 #advancedsearch_mini_form { top: 100%; } .header-v2 #advancedsearch_mini_form input { background-color: #111; } header .header-v2 nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { margin-top: -6px; } .header-v2 .navbar-collapse { padding-top: 8px; } .header-v2 .navbar-collapse ul.nav-main > li > a { padding-bottom: 40px; padding-top: 32px; } .header-v2 .logo-container { padding-top: 27px; } .header-v2 .form-language, .header-v2 .form-currency, .header-v2 .search-form { padding-top: 27px; padding-bottom: 40px; z-index: 99; } .header-v2 .block-cart-header { padding-top: 19px; padding-bottom: 25px; } /* End header-v2 */ /* Slider Home2 */ .slider2 .tp-bullets.preview3 .bullet:after { border: none; } .slider2 .tp-bullets.preview3 .bullet { background-color: #000 !important; } .slider2 .tp-bullets.preview3 .bullet:hover:after, .slider2 .tp-bullets.preview3 .bullet.selected:after { border: 1px solid #fff; border-radius: 0; } .slider2 .tp-bullets.preview3 .bullet:hover, .slider2 .tp-bullets.preview3 .bullet.selected { background-color: #fff !important; } /* End Slider home2 */ /* Header-v3 */ .header-v3, .header-v7 { background-color: #111; min-height: 100vh; position: absolute; width: 300px; } .header-v3 .top-content { padding: 25px 15px 150px; min-height: 100%; position: static; } .advancedsearch_mini_form { margin-left: 300px; } .home-left7 { width: 100%; padding-left: 265px; } .home-left3 { width: 100%; padding-left: 300px; } .home-left3 .container,.home-left7 .container { width: 100%; } .header-v3 .links { float: left; text-align: center; } .header-v3 .block-cart-header { float: left; margin-left: 32px; margin-top: 9px; position: static; height: 60px; } .header-v3 .block-cart-header:before { content: ""; background-color: #555; height: 1px; width: 157px; display: block; position: absolute; left: 22px; top: 34px; } .header-v3 .block-cart-header .basket .qty { font-size: 10px; font-style: normal; position: absolute; bottom: 7px; left: 100%; top: 15px; background-color: #111; width: 17px; height: 17px; border: 1px solid #fff; color: #fff; text-align: center; } .header-v5 .block-cart-header .basket .qty, .header-v6 .block-cart-header .basket .qty, .header-v8 .block-cart-header .basket .qty { background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(0, 0, 0, 0); bottom: 0; color: #000; height: 0px; left: 42%; position: absolute; top: 17px; width: 18px; text-align: center; } .header-v5 .block-cart-header .basket .qty i, .header-v8 .block-cart-header .basket .qty i { font-size: 11px; } .header-v3 .block-cart-header .basket .qty i, .header-v5 .block-cart-header .basket .qty i, .header-v8 .block-cart-header .basket .qty i { display: block; padding-left: 2px; } .header-v3 .logo3 { padding-top: 49px; padding-left: 29px; padding-bottom: 49px; } .header-v3 .navbar-collapse ul.nav-main li, .header-v3 .mega-menu-item { width: 100%; position: relative !important; clear: both; } .header-v3 .navbar-collapse ul.nav-main li a { padding: 0; font-weight: 100; text-transform: none; font-size: 16px; color: #a8a8a8; line-height: 32px; } .header-v3 .navbar-collapse ul.nav-main li.level1 > ul, .header-v3 .navbar-collapse ul.nav-main li.level2 > ul { position: relative; left: 0; padding-left: 16px; } .header-v3 .navbar-collapse ul.nav-main li.level1:hover > ul, .header-v3 .navbar-collapse ul.nav-main li.level2:hover > ul, .header-v3 .navbar-collapse ul.nav-main li.level1 > ul, .header-v3 .navbar-collapse ul.nav-main li.level2 > ul { display: none; } .header-v3 .navbar-collapse ul.nav-main li.level1 > a, .header-v3 .navbar-collapse ul.nav-main li.level2 > a, .header-v3 .navbar-collapse ul.nav-main li.level3 > a { padding-top: 0; padding-bottom: 0; } .header-v3 .navbar-collapse ul.nav-main li.level2 > a { padding-left: 32px; } .header-v3 .navbar-collapse ul.nav-main li.level3 > a { padding-left: 48px; } .header-v3 .navbar-collapse ul.nav-main .mega-menu-item .level1 > a { font-weight: 400; color: #a8a8a8; text-transform: none; } .header-v3 .navbar-collapse ul.nav-main li.level1 > a { font-size: 14px; } .header-v3 .navbar-collapse ul.nav-main li.level2 > a { font-size: 13px; } .header-v3 .navbar-collapse ul.nav-main li.level3 > a { font-size: 12px; } .header-v3 nav ul.nav-main .dropdown-submenu > a:after { content: none; } .header-v3 .static-menu .mega-menu-content > div { width: 100%; } .header-v3 .navbar-collapse ul.nav-main li.level1 > ul { padding-left: 16px; margin-left: 0; } .header-v3 .navbar-collapse ul.nav-main li > a:hover { color: #fff; background: none; } .header-v3 .toggle-menu { display: block !important; } .static-menu .toggle-menu { display: none; } .header3 .static-menu .toggle-menu { display: block; } .cate-slider .vertical-menu li { position: relative; } .header-v3 .toggle-menu a, .cate-slider .vertical-menu .toggle-icon a { background: rgba(0, 0, 0, 0) url("../images/all-icon.png") repeat scroll 0 47%; height: 30px; padding: 0 !important; position: absolute !important; right: 0; top: 0; width: 30px; } .cate-slider .vertical-menu .toggle-icon a{ right: 20px; } .header-v3 .toggle-menu a.collapse, .cate-slider .vertical-menu .toggle-icon a.collapse { background-position: 22% 47%; display: block; } .header-v3 nav ul.nav-main li.dropdown:hover > ul { display: none; } .header-v3 nav ul.nav-main li > ul { position: relative; background: none; margin: 0; width: 100%; box-shadow: none; border: none; padding: 0 !important; } .header-v3 nav ul.nav-main ul.dropdown-menu { display: none; } .header-v3 .logo3 img { height: 70px; } .header-v3 .form-language > a, .header-v3 .form-currency > a { color: #a8a8a8; } .header-v3 .form-currency, .header-v3 .form-language { position: absolute; padding-top: 0; float: none; margin-left: 29px; left: 0; bottom: 6px; } .header-v3 .form-language { left: 108px; } .header-v3 .form-language > a:hover, .header-v3 .form-currency > a:hover { color: #fff; } .header-v3 .block-cart-header .style-dropdow-menu { width: 295px; right: -14px; } .header-v3 .block-cart-header .product-details { width: 146px; } .header-v3 .search-form { float: left; margin-left: 0; padding-top: 0; margin-left: 14px; } .header-v3 .search-form > button { color: #a8a8a8; } .header-v3 #advancedsearch_mini_form { background: #111 none repeat scroll 0 0; top: -2px; right: -22px; } .header-v3 #advancedsearch_mini_form input { width: 156px; } .header-v3 #advancedsearch_mini_form.show-search { opacity: 1; visibility: visible; } header .header-v3 ul.links li { padding: 0 14px; } .header-v3 .links a[title~=Account]:before, .header-v3 .links a[title~=Wishlist]:before, .header-v3 .links a[title~=Log]:before, .header-v6 .links a[title~=Account]:before, .header-v6 .links a[title~=Wishlist]:before, .header-v6 .links a[title~=Log]:before, .header-v7 .links a[title~=Account]:before, .header-v7 .links a[title~=Wishlist]:before, .header-v7 .links a[title~=Log]:before { font-family: FontAwesome; font-size: 13px; color: #a8a8a8; display: inline-block; } .header-v3 .links a[title~=Account], .header-v3 .links a[title~=Wishlist], .header-v3 .links a[title~=Log], .header-v6 .links a[title~=Account], .header-v6 .links a[title~=Wishlist], .header-v6 .links a[title~=Log], .header-v7 .links a[title~=Account], .header-v7 .links a[title~=Wishlist], .header-v7 .links a[title~=Log] { position: relative; } .header-v3 .links li, .header-v3 .search-form > button, .header-v3 .search-form, .footer3 .f-social3 ul li, .footer5 .f-social3 ul li { position: relative; } .header-v3 .links li:hover:before, .header-v3 .search-form:hover:before, .footer3 .f-social3 ul li:hover:before, .footer5 .f-social3 ul li:hover:before { content: ""; border-width: 3px; border-style: solid; border-color: #fff transparent transparent transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); top: -1px; } .header-v3 .links li:hover a[title~=Account]:after, .header-v3 .links li:hover a[title~=Wishlist]:after, .header-v3 .links li:hover a[title~=Log]:after, .header-v3 .search-form:hover > button:after, .footer3 .f-social3 ul li:hover a:after, .footer5 .f-social3 ul li:hover a:after { background-color: #fff; color: #111; content: attr(title); display: block; font-size: 10px; height: 18px; left: -30px; position: absolute; text-transform: uppercase; top: -22px; width: 78px; font-family: Montserratblack; line-height: 18px; text-align: center; z-index: 99; } .footer3 .f-social3 ul li:hover a:after, .footer5 .f-social3 ul li:hover a:after { top: -19px; } .header-v3 .search-form:hover > button:after { top: -19px; } .header-v3 .links a[title~=Account]:hover:before, .header-v3 .links a[title~=Wishlist]:hover:before, .header-v3 .links a[title~=Log]:hover:before, .header-v3 .search-form > button:hover { color: #fff; } .header-v3 .links a[title~=Account]:before, .header-v6 .links a[title~=Account]:before, .header-v7 .links a[title~=Account]:before { content: "\f007"; } .header-v3 .links a[title~=Wishlist]:before, .header-v6 .links a[title~=Wishlist]:before, .header-v7 .links a[title~=Wishlist]:before { content: "\f004"; } .header-v3 .links a[title~=Log]:before, .header-v6 .links a[title~=Log]:before, .header-v7 .links a[title~=Log]:before { content: "\f023"; } .end-header { background-color: #111; bottom: 0; left: 0; padding-left: 30px; padding-right: 30px; position: absolute; text-align: center; width: 300px; z-index: 1000; } .end-header ul { border-bottom: 1px solid #474747; padding-bottom: 23px; margin-bottom: 17px; } .end-header ul li { display: inline-block; padding-left: 8px; padding-right: 8px; } .end-header a { color: #fff; } .end-header a em { color: #474747; } .end-header a:hover em { color: #fff; } /* End Header-v3 */ /* Header-v4 */ .header-v4 .logo4 { padding-left: 15px; width: 15%; overflow: hidden; float: left; padding-top: 21px; } .header-v4 .menu-onepage { width: 85%; float: left; } .header-v4 .navbar-collapse { float: left; } .header-v4 .search-form i { color: #fff; } .header-v4 .navbar-collapse { padding-top: 3px; } .header-v4 .block-cart-header, .header-v4 .form-currency, .header-v4 .form-language, .header-v4 .search-form { float: right; } .header-v4 .block-cart-header { margin-left: 27px; padding-top: 23px; padding-bottom: 23px; } .header-v4 .form-currency, .header-v4 .form-language, .header-v4 .link-account { padding-top: 25px; padding-bottom: 34px; } .header-v4 .block-cart-header:before { content: ""; width: 1px; height: 50px; background-color: #363636; position: absolute; left: -24px; top: 13px; } .header-v4 .right-haeder { padding-right: 16px; padding-top: 7px; } .header-v4 .links { display: none; } .header-v4 .link-account { display: block !important; margin-right: 26px; } .header-v4 .link-account > a { color: #fff; } .header-v4 .form-language { margin-right: 26px; } .header-v4 .search-form { padding-top: 27px; padding-bottom: 32px; position: static; margin-left: 0; margin-right: 24px; } .header-v4 #advancedsearch_mini_form { right: 0; top: -300px; } .header-v4 #advancedsearch_mini_form.show-search { top: 88px; } .header-v4 #advancedsearch_mini_form input { height: 300px; font-size: 50px; } .header-v4 #advancedsearch_mini_form button { font-size: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .header-v4 #advancedsearch_mini_form, .header-v4 #advancedsearch_mini_form input { width: 100%; z-index: 99; } .header-v4 .top-content { padding: 0; background-color: rgba(0,0,0,.7); } .header-v4 .block-cart-header .qty { background-color: #b8b8b8; border-radius: 50%; padding: 0 7px; font-size: 11px; color: #111; position: absolute; bottom: -5px; right: 0; } .header-v4 .navbar-collapse ul.nav-main > li > a { color: rgba(255,255,255,.5); padding-top: 32px; padding-bottom: 32px; } .header-v4 .navbar-collapse ul.nav-main > li > a:hover { color: #fff; } /* End Header-v4 */ /* Header-v5 */ .header-v5 .topbar { background-color: #111; } .header-v5 .form-language, .header-v5 .form-currency { float: right; padding: 7px 8px 11px 8px; margin-right: 0; } .header-v5 .form-currency { padding-right: 0; } .header-v5 .welcome-msg { color: #fff; padding-top: 7px; font-size: 12px; } .header-v5 ul.links li a { font-size: 12px; color: #fff; } .header-v5 ul.links li { padding: 0 8px; } .header-v5 .links { padding-right: 38px; position: relative; padding-top: 7px; padding-bottom: 11px; } .header-v5 .links:after { content: ""; width: 1px; height: 20px; background-color: #555; display: block; position: absolute; right: 13px; top: 10px; } .header-v5 .logo img { height: 55px; } .header-v5 .search-form > button { display: none; } .header-v5 .search-form { text-align: center; } .header-v5 #advancedsearch_mini_form, .header-v6 #advancedsearch_mini_form { position: relative; opacity: 1; visibility: visible; border: 1px solid #c4c4c4; top: 0; right: 0; float: none; display: inline-block; vertical-align: middle; } .header-v5 #advancedsearch_mini_form input, .header-v6 #advancedsearch_mini_form input { background-color: #fff; height: 43px; width: 290px; color: #c4c4c4; background-image: url('../images/all-icon.png'); background-position: -91% 44%; background-repeat: no-repeat; padding-left: 23px; } .header-v5 #advancedsearch_mini_form .search-select, .header-v6 #advancedsearch_mini_form .search-select { background-image: url("../images/icon-search.jpg"); background-position: right center; background-repeat: no-repeat; color: #111; display: inline-block; vertical-align: top; width: 132px; } .header-v5 #advancedsearch_mini_form .search-cat-active, .header-v6 #advancedsearch_mini_form .search-cat-active { font-size: 12px; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; display: block; height: 43px; padding-top: 12px; width: 400px; text-align: left; padding-left: 15px; } .header-v5 #advancedsearch_mini_form .search-select li ul li span, .header-v6 #advancedsearch_mini_form .search-select li ul li span { position: relative; margin-left: 15px; } .header-v5 #advancedsearch_mini_form .search-select li ul li span:before, .header-v6 #advancedsearch_mini_form .search-select li ul li span:before { content: ""; width: 1px; height: 1px; background-color: #111; display: block; position: absolute; left: 0; top: 50%; outline: double #111; } .header-v5 #advancedsearch_mini_form .search-select:hover, .header-v6 #advancedsearch_mini_form .search-select:hover { cursor: pointer; } .header-v5 #advancedsearch_mini_form #select-cat-dropdown, .header-v6 #advancedsearch_mini_form #select-cat-dropdown { position: absolute; background-color: #f5f5f5; border-color: #111 #e3e3e3 #e3e3e3; border-style: solid; border-width: 3px 1px 1px; text-align: left; z-index: 99; top: 100%; left: 0; height: 400px; overflow-y: scroll; } .header-v5 #advancedsearch_mini_form #select-cat-dropdown li > span, .header-v6 #advancedsearch_mini_form #select-cat-dropdown li > span { padding: 10px; display: block; font-size: 13px; } .header-v5 #advancedsearch_mini_form button, .header-v6 #advancedsearch_mini_form button { color: #111; top: 20px; } .header-v5 .block-cart-header { float: right; padding-top: 10px; } .header-v5 .top-content { padding: 50px 0; background: none; } .header-v5 .navbar-collapse ul.nav-main > li > a { color: #111; } .header-v5 .menu5 nav { border-width: 1px 1px 3px 1px; border-color: #e1e1e1 #e1e1e1 #111 #e1e1e1; border-style: solid; width: 100%; } .header-v5 .menu5 nav #mainMenu { position: relative; } .header-v5 .navbar-collapse { width: 100%; padding-top: 0; } .header-v5 .navbar-collapse ul.nav-main > li > a { padding-bottom: 23px; padding-top: 23px; } .header-v5 .navbar-collapse ul.nav-main > li > a:before { content: ""; width: 25px; height: 5px; background-color: #111; display: block; position: absolute; top: -2px; left: 0; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .header-v5 .navbar-collapse ul.nav-main > li.active > a:before, .header-v5 .navbar-collapse ul.nav-main > li:hover > a:before { opacity: 1; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .header-v5 .navbar-collapse ul.nav-main > li > a .icon-next { display: none; } .header-v5 .call_us { position: absolute; right: 22px; top: 12px; } .header-v5 .call_us .cu { display: inline-block; vertical-align: top; color: #111; } .header-v5 .call_us img { padding-top: 8px; margin-right: 9px; } .header-v5 .call_us .cu h6 a { color: #111; } .header-v5 .call_us span { font-size: 14px; } .header-v5 .call_us h6 { margin: 0; } /* End header-v5 */ /* Browse By Category Home 5 */ .home_cate { color: #fff; background-color: #000; text-transform: uppercase; padding-left: 30px; padding-bottom: 20px; padding-top: 12px; } .home_cate span { font-size: 14px; } .home_cate h2 { margin: 0; } .cate-slider .vertical-menu { background-color: #111; padding: 17px 0 0 30px; height: 314px; overflow: hidden; } .cate-slider .vertical-menu li.level1, .cate-slider .vertical-menu li.level2, .cate-slider .vertical-menu li.level3 { margin-left: 10px; } .cate-slider .vertical-menu li.level1 > a { font-size: 12px; } .cate-slider .vertical-menu li.level2 > a { font-size: 11px; } .cate-slider .vertical-menu li.level3 > a { font-size: 10px; } .cate-slider .vertical-menu .block-content { height: 290px; overflow-y: scroll; margin-right: -17px; } .cate-slider .vertical-menu a { color: #8f8f8f; font-size: 13px; text-transform: uppercase; line-height: 35px; letter-spacing: 1px; } .cate-slider .vertical-menu a:hover { color: #fff; } .cate-slider .vertical-menu .control-nav { display: none; } /* End Browse By Category Home 5 */ /* Slider Of Home3 */ .slider3.builder-container .edit-panel{ top: 0 !important; } .slider3 .col-md-12 { padding: 0; } .slider3 .tparrows { display: block; } .slider3 .tp-arr-allwrapper { display: none; } .slider3 .tp-leftarrow.preview3, .slider3 .tp-rightarrow.preview3 { width: 40px; height: 40px; background: none; border: 1px solid #fff; z-index: 20; } .slider3 .tp-leftarrow.preview3:hover, .slider3 .tp-rightarrow.preview3:hover { background: #111; border-color: #111; } .slider3 .tp-leftarrow.preview3 { left: 20px !important; } .slider3 .tp-rightarrow.preview3 { right: 20px !important; } .slider3 .tp-leftarrow.preview3:after, .slider3 .tp-rightarrow.preview3:after { font-size: 16px; background: none !important; width: 20px; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; color: #fff; } /* End Slider Of Home 3 */ /* Header-v6 */ .header-v6 .top-content { padding-top: 21px; padding-bottom: 32px; } .header-v6 .logo-container { float: none; text-align: center; } .header-v6 a.logo { float: none; } .header-v6 .form-language > a, .header-v6 .form-currency > a, .header-v6 .links li a { color: #a8a8a8 !important; } .header-v6 .form-language, .header-v6 .form-currency { padding-top: 15px; } .header-v6 .links { float: left; padding-top: 12px; margin-right: 23px; } .header-v6 .links li a { width: 32px; height: 32px; border: 1px solid #a8a8a8; display: block; text-align: center; padding-top: 3px; } .header-v6 .links li a:hover:before { color: #fff; } .header-v6 #advancedsearch_mini_form { border: none; } .header-v6 #advancedsearch_mini_form input { width: 220px; background-position: -80px 44%; } .header-v6 .search-form { padding-top: 7px; float: right; } .header-v6 .navbar-collapse ul.nav-main > li > a { color: #111; font-weight: bold; } .header-v6 .navbar-collapse ul.nav-main > li:hover > a { background-color: #111; color: #fff; border-radius: 0; } .header-v6 .navbar-collapse { float: left; position: static; padding-top: 0; } .header-v6 .block-cart-header { float: right; } .header-v6 .block-cart-header .qty { display: none; } .header-v6 .block-cart-header .cover-basket { width: 42px; height: 42px; background-color: #111; display: inline-block; vertical-align: top; } .header-v6 .block-cart-header .basket { background-position: 19% 26%; width: 42px; height: 42px; } .header-v6 .block-cart-header .cover-basket + .count{ margin-left: 22px; margin-top: 8px; display: inline-block; color: #111; } .menu6 { position: relative; padding-bottom: 21px; } /* End Header-v6 */ /* Header-v7 */ .header-v7 { background-color: #fff; overflow: visible; width: 265px; position: absolute; top: 0; left: 0; min-height: 100vh; height: auto; z-index: 999; } .header-v7 .top-content { position: static; min-height: 100%; padding-bottom: 145px; } .fixed-bottom { bottom: 0; position: fixed; top: auto; } .header-v7 .logo-container { float: none; text-align: center; } .header-v7 a.logo { float: none; } .header-v7 .logo img { height: 50px; } .header-v7 .top { background-color: #000; padding-bottom: 36px; padding-top: 30px; float: left; } .header-v7 .links { float: none; display: inline-block; vertical-align: middle; margin-right: 11px; } .header-v7 .form-language, .header-v7 .form-currency { padding-top: 0; float: none; vertical-align: top; } .header-v7 ul.links li { padding: 0 16px; position: relative; } .header-v7 ul.links li:before { content: ""; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; display: block; position: absolute; left: 50%; opacity: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 24px; } .header-v7 ul.links li a:after { color: #fff; content: attr(title); display: block; font-size: 10px; height: 18px; left: -30px; position: absolute; text-transform: uppercase; top: 25px; width: 78px; opacity: 0; font-family: Montserratblack; } .header-v7 ul.links li:last-child { padding-right: 16px; } .header-v7 ul.links li:hover:before { opacity: 1; } .header-v7 ul.links li:hover > a:after { opacity: 1; } .header-v7 ul.links li a > span:after, .header-v7 .form-language > a:after, .header-v7 .form-currency > a:after { content: ""; width: 25px; height: 25px; border: 1px solid #fff; text-align: center; display: block; position: absolute; top: -3px; right: 0; left: -6px; bottom: 0; opacity: 0; } .header-v7 .form-language > a:after, .header-v7 .form-currency > a:after { top: -1px; left: -4px; } .header-v7 .links a[title~=Account] > span:after, .header-v7 .links a[title~=Log] > span:after { left: -8px; } .header-v7 ul.links li a:hover > span:after { opacity: 1; } .header-v7 .form-language > a:hover, .header-v7 .form-currency > a:hover { color: #fff; } .header-v7 .form-language > a:hover:after, .header-v7 .form-currency > a:hover:after { opacity: 1; } .header-v7 .form-currency { margin-right: 14px; } .header-v7 .links-cl { text-align: center; padding-top: 35px; } .header-v7 .links a[title~=Account]:before, .header-v7 .links a[title~=Wishlist]:before, .header-v7 .links a[title~=Log]:before { color: #fff; } .header-v7 .block-cart-header { text-align: center; padding-top: 18px; } .header-v7 .search-form > button { display: none; } .header-v7 .search-form { text-align: center; margin-left: 0; padding-top: 23px; } .header-v7 #advancedsearch_mini_form { opacity: 1; visibility: visible; position: relative; float: none; display: inline-block; right: 0; } .header-v7 #advancedsearch_mini_form input { background: none; border: 1px solid #e1e1e1; height: 38px; color: #9a9a9a; width: 220px; } .header-v7 #advancedsearch_mini_form button { color: #111; top: 18px; } .header-v7 .block-cart-header .style-dropdow-menu { width: 330px; left: 100%; top: 0; } .header-v7 #mainMenu > li { width: 100%; text-align: center; position: relative !important; } .header-v7 #mainMenu > li > a { color: #5e5e5e; display: inline-block; } .header-v7 #mainMenu > li > a:before { content: ""; width: 8px; height: 8px; background-color: #000; display: block; position: absolute; left: 7px; top: 16px; opacity: 0; } .header-v7 #mainMenu > li > a:after { content: ""; border: 1px solid #000; width: 10px; height: 10px; display: block; position: absolute; left: 0; top: 15px; opacity: 0; } .header-v7 #mainMenu > li.active > a:after, .header-v7 #mainMenu > li.active > a:before { opacity: 1; } .header-v7 #mainMenu > li:hover > a:before, .header-v7 #mainMenu > li:hover > a:after { opacity: 1; } .header-v7 .navbar-collapse ul.nav-main > li > a .icon-next { float: right; } .header-v7 nav ul.nav-main ul.dropdown-menu { left: 100%; top: 0; } .header-v7 .navbar-collapse { padding-right: 0; padding-left: 0; padding-top: 25px; } .header-v7 nav ul.nav-main ul.dropdown-menu { border-color: #e3e3e3 #e3e3e3 #e3e3e3 #111; border-width: 1px 1px 1px 3px; } .header-v7 .mega-menu-item .dropdown-menu { width: 900px; } .header-v7 .end-header ul { padding-bottom: 15px; margin-bottom: 0; border: none; } .header-v7 .end-header { padding-top: 10px; background-color: #fff; width: 265px; position: absolute; bottom: 0; left: 0; } .header-v7 .end-header, .header-v7 .end-header a, .header-v7 .end-header a:hover em { color: #000; } /* End Header-v7 */ /* Slider Version 7 */ .slider7 .tp-caption img { opacity: .8; } /* End Slider Version 7*/ /* Header-v8 */ .header-v8 { background-color: #fff; } .header-v8 .topbar { background-color: #f5f5f5; } .header-v8 .links, .header-v8 .form-currency, .header-v8 .form-language, .header-v8 .welcome-msg { padding: 9px 0; } .header-v8 .top-content { padding-bottom: 0; } .header-v8 .form-currency { margin-right: 17px; } .header-v8 .links { margin-right: 45px; position: relative; } .header-v8 .form-language, .header-v8 .form-currency { float: right; } .header-v8 .links:after { content: ""; width: 1px; height: 20px; background-color: #afafaf; position: absolute; display: block; right: -23px; top: 10px; } .header-v8 ul.links li a, .header-v8 .form-language > a, .header-v8 .form-currency > a { color: #afafaf; } .header-v8 .navbar-collapse ul.nav-main > li > a, .header-v8 .search-form > button { color: #111; } .header-v8 .navbar-collapse ul.nav-main > li > a { padding-bottom: 47px; padding-top: 37px; font-weight: 400; } .header-v8 .right-haeder { padding: 0; } .header-v8 .block-cart-header, .header-v8 .search-form, .header-v8 .navbar-collapse { float: right; } .header-v8 .navbar-collapse { padding-top: 10px; } .header-v8 .block-cart-header { padding-top: 37px; margin-left: 38px; } .header-v8 .search-form:after { content: ""; width: 1px; height: 50px; background-color: #e1e1e1; display: block; position: absolute; right: 0; top: 32px; } .header-v8 .logo-container { padding-top: 35px; } .header-v8 .search-form { padding-right: 30px; padding-bottom: 48px; padding-top: 45px; margin-left: 0; } /* End Header-v8 */ /* social-login */ .social-login { float: right; display: block !important; position: relative; padding-right: 10px; } .social-login > button { background: none; border: none; } .social-login .dropdown-menu { min-width: auto; padding-left: 10px; padding-right: 10px; border-radius: 0; background-color: #f5f5f5; border-color: #111 #e3e3e3 #e3e3e3; border-radius: 0; border-style: solid; border-width: 3px 1px 1px; } .social-login .social-login-options { padding-top: 0; } .social-login .social-login-options > div { margin-bottom: 0; } .header-v1 .social-login { color: #fff; } .header-v1 .social-login .dropdown-menu { background-color: rgba(0, 0, 0, 0.7); border: none; } /* End social-login */ /* Sticky Menu */ .sticky-menu .sticky-elements { position: fixed !important; width: 100% !important; background-color: #111 !important; top: 0; padding-bottom: 0; padding-top: 0; z-index: 999; bottom: auto !important; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); } .header-v2 .sticky-elements .form-language, .header-v2 .sticky-elements .form-currency, .header-v2 .sticky-elements .search-form { padding-top: 9px; padding-bottom: 0; } .header-v2.sticky-menu .sticky-elements .block-cart-header { padding-top: 2px; } .header-v2.sticky-menu .sticky-elements { background-color: #111; } .sticky-menu .sticky-elements .logo-container { padding-top: 8px; } .sticky-menu .sticky-elements .right-haeder { padding-top: 12px; } .sticky-menu .sticky-elements .navbar-collapse { padding-top: 0; } .sticky-menu .sticky-elements .form-language > a, .sticky-menu .sticky-elements .form-currency > a { height: 42px; display: block; } .sticky-menu .sticky-elements #advancedsearch_mini_form { top: 49px; } .sticky-menu .sticky-elements .block-cart-header { height: 49px; } .sticky-menu .sticky-elements .navbar-collapse ul.nav-main > li > a { padding: 20px 15px; } .header-v5 .sticky-elements .call_us { display: none; } .header-v5 .sticky-elements, .header-v6 .sticky-elements, .header-v8 .sticky-elements { background-color: #fff !important; text-align: center; } .header-v8 .sticky-elements .search-form { display: none; } .header-v8.sticky-menu .sticky-elements .right-haeder { padding-top: 0; } .header-v8 .sticky-elements .block-cart-header { padding-top: 10px; } .header-v5 .sticky-elements .navbar-collapse, .header-v6 .sticky-elements .navbar-collapse { padding-left: 0; padding-right: 0; float: none; display: inline-block; vertical-align: middle; width: auto; position: static; } .header-v5 .sticky-elements .navbar-collapse .mega-menu-item ul.dropdown-menu, .header-v6 .sticky-elements .navbar-collapse .mega-menu-item ul.dropdown-menu { left: 20%; } .header-v5 .sticky-top-content .cart-mobile { position: fixed; right: 8%; top: 0; z-index: 1000; } .header-v5 .sticky-elements .navbar-collapse nav { border: none; } .header-v5 .sticky-elements nav #mainMenu { position: static; } .header-v5 .sticky-top-content .logo-container, .header-v6 .sticky-top-content .logo-container { position: fixed; top: 0; z-index: 1000; margin: 10px 0; } .header-v6 .sticky-top-content .logo-container { left: 8%; } .header-v5 .sticky-top-content .logo-container img, .header-v6 .sticky-top-content .logo-container img { height: 40px; } .header-v6 .sticky-elements .block-cart-header { right: 8%; top: 9px; } .header-v6 .sticky-elements .block-cart-header:hover .style-dropdow-menu { top: 114%; } /* Sticky Product */ .sticky-product { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.08); padding: 60px 0 15px 0; opacity: 0; visibility:hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .sticky-product .sticky-image, .sticky-product .sticky-detail { display: inline-block; vertical-align: middle; margin-right: 15px; } .sticky-product .sticky-detail .product-name-area, .sticky-product .ratings, .sticky-product .sticky-detail .availability { display: inline-block; vertical-align: top; margin: 0; margin-right: 15px; } .sticky-product .sticky-detail .product-name-area .product-name { font-size: 16px; font-weight: 600; } .sticky-product .add-to-cart { float: right; margin-top: 20px; } .sticky-product .add-to-cart button { border-radius: 0; } .sticky-product img { height: 100px; padding-top: 16px; } .sticky-product .ratings { padding-top: 22px; } .sticky-product .price { font-family: Montserratlight; } .show-sticky-product { opacity: 1; visibility: visible; } .no-menu { padding-top: 0; } /* End Sticky Menu */ /* ========= Footer ========= */ footer { background-color: #111111; } footer ul.links li{ float:left; padding: 0 15px; } footer h4 { color: #fff; position: relative; } footer h4:after { content: ""; height: 2px; width: 30px; display: block; position: absolute; left: 0; bottom: -18px; } footer .cate > h4, footer .f-contact > h4, footer .f-newsletter > h4 { margin-bottom: 45px; } footer .f-newsletter p { color: #fff; letter-spacing: 1px; } footer .f-newsletter input { height: 50px; width: 80%; box-shadow: none; border: none; background-color: #ebcdff; padding-left: 42px; color: #0A0A0A; margin-top: 30px; } .f-contact span { letter-spacing: 1px; } footer .f-newsletter form { position: relative; } footer .f-newsletter form:before { content: "\f0e0"; font-size: 13px; font-family: FontAwesome; position: absolute; left: 18px; top: -2px; display: block; } footer .f-newsletter button { height: 50px; background-color: #ebcdff; width: 20%; vertical-align: top; margin-left: -4px; text-align: right; margin-top: 30px; } footer .f-newsletter button .fa { font-size: 16px; color: #0e0017; } footer .address > p, footer .phone > p a, footer .mail > p a, footer .fax > p a { color: #fff; letter-spacing: 1px; } footer .cate li { position: relative; line-height: 29px; } footer .cate li a { margin-left: 17px; } footer .cate li:before { content: ""; background-color: #fff; display: block; width: 2px; height: 2px; position: absolute; left: 0; top: 13px; outline: double #fff; } .middle-footer { padding: 63px 0 58px; } .middle-footer ul li a { text-transform: capitalize; letter-spacing: 1px; } .bottom-footer ul li { display: inline-block; } .bottom-footer { padding: 34px 0; border-top: 1px solid #7a6c83; } .f-social, .bottom-footer .f-copyright .copy { line-height: 32px; } .f-social li { margin-right: 20px; display: inline-block; } .bottom-footer .f-payment img { border-radius: 4px; margin-left: 7px; } .f-social .fa { font-size: 14px; transform-origin: 6px; } .f-social .fa-facebook, .f-social .fa-youtube { transform-origin: 4px; } .bottom-footer .f-copyright a { color: #fff; } .f-social a { border: 1px solid #7a6c83; width: 35px; height: 35px; text-align: center; display: block; padding-left: 4px; padding-top: 1px; } .f-social a:hover .fa { color: #fff; } footer address { margin: 0; } footer ul.social li { display: inline-block; } footer ul.social li a em { font-size: 30px; } /* Footer 2 */ .footer2 { color: #616161; } .footer2 .top-footer { text-align: center; } .footer2 .top-footer .top { padding-bottom: 66px; padding-top: 100px; border-bottom: 1px solid #4b4b4b; } .footer2 .desc { width: 60%; margin: 21px auto 40px; } .footer2 img { height: 46px; } .footer2 .f-social a { border-color: #7c7c7c; } .footer2 a { color: #7c7c7c; } .footer2 .f-social a:hover { background-color: #fff; border-color: #fff; } footer .footer2 h4:after { content: none; } .footer2 .middle-footer { padding: 46px 0 0; } .footer2 .bottom-footer { border: none; padding: 43px 0 29px; } .footer2 .f-payment { line-height: 48px; } .footer2 .f-payment .fa { font-size: 18px; color: #444; border-radius: 4px; } .footer2 .f-payment .fa:hover { color: #fff; } .footer2 .middle-footer ul { margin-top: 28px; } .footer2 .middle-footer ul li { line-height: 25px; } .footer2 .middle-footer ul li a:hover { color: #000 !important; } /* End Footer 2 */ /* Footer 3 */ .cms-index-index .footer3 { bottom: 0; color: #444; position: absolute; width: 100%; z-index: 97; background-color: rgba(0,0,0,.9); border: none; } .footer3 a { color: #444; } .footer3 .bottom-footer { border: none; padding: 9px 0; } .footer3 .f-copyright { color: #444; letter-spacing: 1px; } .footer3 .f-address { letter-spacing: 1px; } .footer3 .f-copyright a { color: #fff; } .footer3 .f-address a { margin-right: 12px; } .footer3 .f-social3 { line-height: 32px; } .footer3 .f-social3 .fa { color: #fff; } .footer3 .f-social3 li { margin-right: 11px; margin-left: 11px; } .footer3 .f-address .adr { line-height: 32px; margin: 0; } .footer3 .f-address .fa { margin-right: 5px; } /* End Footer 3 */ /* Footer 4 */ .footer4 { background-image: url("../images/bg-footer.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color: #474747; } .footer4 .middle-footer ul li a:hover { color: #fff; } .footer4 .f-newsletter { text-align: right; } .footer4 .top-footer { background-color: rgba(245,245,245,.8); padding-top: 29px; padding-bottom: 29px; } .footer4 .f-social { padding-top: 7px; } .footer4 .f-social a { width: 30px; height: 30px; border-color: #474747; color: #474747; padding-left: 8px; } .footer4 .f-social .fa { transform-origin: 0 50% 0; } .footer4 .f-newsletter .block-subscribe > span { font-size: 18px; color: #646464; text-transform: uppercase; margin-right: 20px; } .footer4 .f-newsletter form:before { content: none; } .footer4 .f-newsletter input { width: 320px; border: 1px solid #e1e1e1; background-color: #fff; padding-left: 15px; margin-top: 0; height: 43px; } .footer4 .f-newsletter button { width: auto; background: none; font-size: 14px; letter-spacing: 3px; margin-left: 13px; margin-top: 0; height: 43px; } .footer4 .block .content { margin-top: 22px; } .footer4 .f-newsletter button:hover { background-color: #111; } .footer4 .f-newsletter button:hover span, .footer4 .f-newsletter button:hover .fa { color: #fff; } .footer4 .f-newsletter button span { color: #000; } .footer4 .f-newsletter button .fa { margin-right: 10px; color: #000; } .footer4 h4:after { content: none } .footer4 a { color: #646464; } .footer4 .middle-footer .middle-block .block { text-align: center; background-color: #111; border: 1px solid #555; min-height: 280px; padding-top: 22px; } .footer4 .middle-footer { padding: 110px 0 110px; } .footer4 .bottom-footer { background-color: rgba(0,0,0,.9); border: none; } .footer4 .validation-advice, .footer1 .validation-advice{ position: absolute; top: 30px; left: 0; } /* End Footer 4 */ /* Footer 5 */ .footer5 .bottom-footer { padding: 9px 0; border-top-color: #fff; } .footer5 .f-payment { padding-top: 4px; } .footer5 .f-payment .fa { font-size: 23px; color: #fff; } .footer5 .f-payment a:hover .fa { color: #fff; } .footer5 .f-social3 { line-height: 32px; } .footer5 .f-social3 ul li { margin-left: 12px; margin-right: 12px; } .footer5 .f-social3 ul li a { color: #b8b8b8; } .footer5 .f-social3 ul li a .fa { font-size: 14px; } /* End Footer 5*/ /* Footer 6 */ .footer6 { width: 100%; padding-left: 0px; margin-top: 50px; } .footer6 a{ color: #7c7c7c; } .footer6 .bottom-footer { background: #f8f8f8; border: none; padding: 17px 0; text-align: center; } .footer6 .links-footer { margin-right: 30px; } .footer6 .links-footer, .footer6 .f-social3 { display: inline-block; float: none; } .footer6 .bottom-footer ul li { margin-left: 14px; margin-right: 13px; } .footer6 .f-social3 li a .fa { font-size: 23px; } .footer6 .bottom-footer .f-social3 ul li { margin-left: 0; margin-right: 0; } .footer6 a:hover { color: #111; } /* End Footer 6 */ /* Footer 7 */ .footer7 .middle-footer { padding-top: 0; text-align: center; padding-bottom: 0; } .footer7 .middle-footer a { display: inline-block; position: relative; } .footer7 .middle-footer a:hover { color: #fff; padding-left: 34px; } .footer7 .middle-footer .content a:before { content: ""; width: 12px; height: 3px; background-color: #fff; display: block; position: absolute; left: -12px; bottom: 9px; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .footer7 .f-contact a:before { content: none; } .footer7 .f-contact a:hover { color: #474747; padding-left: 0; } .footer7 .middle-footer a:hover:before { left: -12px; opacity: 1; } .footer7 .f-information, .footer7 .f-extras, .footer7 .f-userful, .footer7 .f-polices { margin-top: 33px; } .footer7 .bottom-footer { border: none; padding: 13px 0; } .footer7 .middle-footer .content { margin-top: 20px; } .footer7 .middle-footer .content li { line-height: 24px; width: 100%; } .footer7 .title:after { content: none; } .footer7 .f-contact { background-color: #fff; border: 1px solid #111; margin-top: -135px; } .footer7 .sub-title-page { margin-top: 23px; margin-bottom: 19px; } .footer7 #contactForm > ul { text-align: center; } .footer7 #contactForm > ul li { display: inline-block; margin-left: 9px; margin-right: 9px; } .footer7 #contactForm input, .footer7 #contactForm textarea { background-color: #ebebeb; border: none; color: #929292; font-weight: bold; height: 40px; } .footer7 #contactForm input:focus, .footer7 #contactForm textarea:focus { border: 1px solid #a1a1a1; background-color: #f5f5f5; } .footer7 #contactForm .form-list { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .footer7 #contactForm > .row { margin-top: 25px; } .footer7 #contactForm .buttons-set { margin-bottom: 22px; } /* End Footer 7 */ /* ========= Divider ======== */ .separator-margin{ text-align:center; } .separator-margin span:before,.separator-margin span:after{ background-color: #dddddd; content: ""; display: inline-block; height: 1px; position: relative; top: 0; vertical-align: top; width: 50%; } .separator-margin span:before{ left: -13px; margin-left: -10px; top: 10px; } .separator-margin span:after{ margin-right: -10px; right: -13px; top: 10px; } .separator-margin span em{ color:#ccc; text-align:center; height:20px; width:20px; } /* Category */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .mfp-inline-holder .mfp-content{ line-height: 0; max-width: 1050px; width: 100%; } .mfp-inline-holder .mfp-content #success-message-container{ background:#fff; padding:20px; } .ajax-cart-loading{ width:50px; height:50px; margin:0 auto; } /* Rating */ .rating-box { background: url("../images/rating.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); font-size: 0; height: 13px; line-height: 0; overflow: hidden; text-indent: -999em; width: 65px; } .ratings .rating-box { margin: 0 auto; } .ratings strong { float: left; margin: 1px 3px 0 0; } .rating-box .rating { background: url("../images/rating.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0); float: left; height: 13px; } /* Toolbar */ .top-toolbar { background-color: white; text-transform: uppercase; color: #949494; font-weight: 200; padding: 1px 12px 1px 12px; margin-bottom: 1px; } .top-toolbar select { border: none; background: none; text-transform: uppercase; color: #000; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("../images/arrow_bg_select.png"); background-repeat: no-repeat; background-position: right 10px center; padding: 0px 31px 0 11px; font-weight: 300; } .top-toolbar .limiter, .top-toolbar .sort-by { float: left; } .top-toolbar .sort-by { margin-right: 54px; } .top-toolbar .view-mode .view-type { display: inline-block; border: 0px solid; width: 30px; height: 30px; line-height: 20px; margin: 0 2px; padding: 3px; } .top-toolbar .view-mode a.view-type { color: #e9e9e9; border-color: #e9e9e9; } .top-toolbar .sort-by a { color: #868686; display: inline-block; width: 30px; height: 30px; text-align: center; border: 0px solid #868686; padding-top: 2px; margin-top: -3px; } .toolbar-bottom { text-align: center; } .toolbar-bottom.list-mode { text-align: right; } .toolbar-bottom.list-mode .toolbar-pager { border-top: none; margin-top: 0; } .toolbar-bottom .toolbar-pager { margin-top: 20px; } .toolbar-bottom .toolbar-pager .pages, .catalog-category-view .toolbar-bottom .toolbar-pager { border-top: 1px solid #e1e1e1; padding-top: 30px; } #narrow-by-list dd li.configurable-swatch-list-item { width: auto !important; } #narrow-by-list dd li.configurable-swatch-list-item:hover > a { padding-left: 0; } #narrow-by-list dd li.configurable-swatch-list-item:hover > a:after { content: none; } .toolbar-bottom .toolbar-pager .pagination { margin: 0; padding: 7px 0; text-align: center; } .toolbar-bottom .toolbar-pager .pagination li a { border: none; background: none; font-weight: 700; float: none; padding: 0; display: block; font-size: 15px; } .toolbar-bottom .toolbar-pager .pagination li { border: 1px solid transparent; display: inline-block; width: 30px; height: 30px; line-height: 30px; padding: 3px 3px 0 3px; margin: 0 5px; } /* End Toolbar */ /* ------------- Policy ------------- */ .policy .icon { font-size: 20px; color: #170026; width: 50px; height: 50px; border: 1px solid #170026; margin: 0 auto; line-height: 47px; padding-left: 5px; margin-bottom: 12px; } .policy .icon-img { height: 50px; margin-bottom: 12px; } .policy .icon-img img { width: 40px; margin: 0 auto; } .policy .text .title { font-size: 16px; color: #170026; margin: 0; font-weight: 700; } .policy .text .small-text { color: #646464; } /* -------------- Tabs Product ----------- */ .tabs-style-flip .owl-carousel .owl-controls .owl-buttons .owl-prev, .tabs-style-flip .owl-carousel .owl-controls .owl-buttons .owl-next { top: -45px; } .tabs-style-flip .nav-tabs, .product-detail-tabs .nav-tabs { text-align: center; border-bottom: none; margin-bottom: 10px; } .tabs-style-flip .nav-tabs li, .product-detail-tabs .nav-tabs li { float: none; display: inline-block; } .tabs-style-flip .nav-tabs li a, .tabs-style-flip .nav-tabs li a:hover, .tabs-style-flip .nav-tabs li.active a, .product-detail-tabs .nav-tabs li a, .product-detail-tabs .nav-tabs li a:hover, .product-detail-tabs .nav-tabs li.active a { border: none; background: none; } .tabs-style-flip .nav-tabs li a, .product-detail-tabs .nav-tabs li a { color: #c3c3c3; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; } .tabs-style-flip .nav-tabs li:hover a, .product-detail-tabs .nav-tabs li:hover a { color: #000000; } .tabs-style-flip .nav-tabs li.active a { font-size: 10px; color: #000000; } /* -------------- Product Price ----------- */ .price-box p { margin: 0; } .price-box .regular-price .price,.price-box .special-price .price { font-size: 10px; color: #585858; } .price-box .old-price { margin-right: 8px; } .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price { font-size: 14px; text-decoration: line-through; color: #a8a8a8; } /* -------------- Product Grid Custom Class ----------- */ .product-border .products-grid .item .product-content { border: 1px solid #ebebeb; } .desc-center .products-grid .item .product-content .product-desc { text-align: center; } .show-rate .products-grid .product-content .product-desc .ratings { display: block; } .desc-center .products-grid .product-content .product-desc .ratings .rating-box { float: none; } /* -------------- Product Grid ----------- */ .products-grid .product-content .product-desc { padding: 20px 0 26px; } .products-grid .product-content .product-desc .ratings { display: none; margin-bottom: 10px; } .products-grid .product-content .product-desc .ratings .rating-box { float: left; } .products-grid .product-content .product-name { margin-bottom: 4px; line-height: 1.3; } .products-grid .product-content .product-name a { font-size: 10px; } .products-grid .product-content .product-top { position: relative; overflow: hidden; } .products-grid .product-content .product-top a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #000000; opacity: 0; z-index: 1; } .products-grid .product-content:hover .product-top a:after { opacity: 0.5; } .products-grid .product-content .product-top .controls { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; text-align: center; z-index: 2; } .products-grid .product-content .product-top .controls .icon-links { transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); opacity: 0; visibility: hidden; } .products-grid .product-content:hover .product-top .controls .icon-links { transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); opacity: 1; visibility: visible; } .products-grid .product-content .product-top .controls .icon-links li { display: inline-block; margin: 0 5px; } .products-grid .product-content .product-top .controls .icon-links li button { background: none; border: 1px solid transparent; color: #fff; font-size: 12px; width: 35px; height: 35px; text-align: center; padding: 4px; } .products-grid .product-content .product-top .controls .add-to-cart { margin-bottom: 36px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); visibility: hidden; opacity: 0; } .products-grid .product-content:hover .product-top .controls .add-to-cart { transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); visibility: visible; opacity: 1; } .products-grid .product-content:hover .product-top .product-image img { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(#blur); filter: blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); } .products-grid .product-content .product-top .controls .add-to-cart button { background: #fff; border: 1px solid #fff; width: 47px; height: 47px; text-align: center; font-size: 18px; padding: 4px; outline: 1px solid #fff; } .products-grid .product-content .product-top .controls .add-to-cart button:hover { color: #fff; border-width: 3px; } .products-grid .product-content .product-top .controls .icon-links li button:hover { border-color: #ffffff; } .products-grid .product-content .product-top .product-label { position: absolute; z-index: 3; left: 20px; top: 0; } .products-grid .product-content .product-top .product-label span { position: relative; text-align: center; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 10px; background-color: #000; display: block; height: 31px; width: 40px; line-height: 33px; } .products-grid .product-content .product-top .product-label span:after { position: absolute; content: ""; height:0px; width:0px; border-top:8px solid #000; border-right:20px solid transparent; border-left:20px solid transparent; bottom: -8px; left: 0; } .products-grid .item { margin-bottom: 30px; } .products-grid .owl-item .item { margin-bottom: 0; } /* -------------- Owl Navigation ----------- */ .owl-wrapper.grabbing { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .owl-controls .owl-buttons div .fa { font-size: 13px; color: #9c9c9c; } .owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-carousel .owl-controls .owl-buttons .owl-next { font-size: 13px; width: 20px; height: 20px; border: 1px solid #9c9c9c; line-height: 16px; left: 50%; right: auto; } .tabs-style-flip-content .owl-carousel .owl-controls .owl-buttons .owl-prev, .tabs-style-flip-content .owl-carousel .owl-controls .owl-buttons .owl-next { left: 50% !important; right: auto !important; top: -45px !important; } .owl-carousel .owl-controls .owl-buttons .owl-prev { margin-left: -25px; padding-right: 2px; padding-top: 1px; } .tabs-style-flip-content .owl-carousel .owl-controls .owl-buttons .owl-prev { margin-left: -25px !important; } .tabs-style-flip-content .owl-carousel .owl-controls .owl-buttons .owl-next { margin-left: 13px !important; } .owl-carousel .owl-controls .owl-buttons .owl-next { margin-left: 13px; } .owl-theme .owl-controls { margin: 0 !important; } /* -------------- Owl Pagination ----------- */ .owl-carousel .owl-controls .owl-pagination .owl-page span { background-color: #919191; margin-left: 4px; margin-right: 4px; } .owl-carousel .owl-controls .owl-pagination .owl-page { height: 18px; } .products-grid .owl-controls .owl-pagination { margin-top: 30px; } /* -------------- Tabs Effect ----------- */ .category-tabs .tab-content { position: relative; } .tabs-style-flip .tabs-style-flip-content .tab-pane, .category-tabs .tab-content .tab-pane { display: block; position: absolute; top: 0; left: 0; right: 0; transform: translateY(15%); -webkit-transform: translateY(15%); -moz-transform: translateY(15%); -ms-transform: translateY(15%); -o-transform: translateY(15%); opacity: 0; z-index: 1; visibility: hidden; } .tabs-style-flip .tabs-style-flip-content .tab-pane.active, .category-tabs .tab-content .tab-pane.active { position: relative; display: block; opacity: 1; transform: t(0,0,0,0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); z-index: 2; visibility: visible; } /* -------------- Separator Border ----------- */ .separator-border.style1 .separator-margin .full { border-top: 1px solid #e1e1e1; } .separator-margin{ text-align:center; } .separator-white-space .separator-margin > span { display: block; height: 0; } .separator-margin span:before,.separator-margin span:after{ content: ""; display: inline-block; height: 1px; position: relative; top: 0; vertical-align: top; width: 50%; background: none; } .separator-margin span:before{ left: -13px; margin-left: -10px; top: 10px; } .separator-margin span:after{ margin-right: -10px; right: -13px; top: 10px; } .separator-margin span em{ color:#ccc; text-align:center; height:20px; width:20px; } /* -------------- Title Content ----------- */ .title-content { position: relative; color: #000000; margin-bottom: 57px; } .title-content .title { margin-bottom: 10px; margin-top: 0; } .title-content:before { width: 6px; height: 6px; outline-style:double; content: ""; position: absolute; bottom: -20px; left: 6px; z-index: 2; } .title-content:after { height: 1px; width: 17px; z-index: 1; bottom: -18px; content: ""; position: absolute; left: 17px; } /* -------------- Category Product List ----------- */ .category-product-list .item { position: relative; margin-bottom: 40px; } .category-product-list .item .price-box { margin-bottom: 5px; } .category-product-list .item .product-image { position: absolute; top: 0; left: 0; border-width: 1px; border-style: solid; border-color: transparent; } .category-product-list .item .product-desc { padding-left: 100px; } .category-product-list .item .product-desc .product-name { margin-bottom: 0; line-height: 1.3; } .sidebar .category-product-list .item .product-desc .product-name { min-height: 38px; } .category-product-list .item .product-desc .product-name a { font-size: 10px; color: #303030; font-weight: 300; } .category-product-list .item .price-box .regular-price .price,.category-product-list .item .price-box .special-price .price { font-size: 10px; font-weight: 300; } .category-product-list .item .price-box .old-price .price { font-size: 13px; font-weight: 700; } .category-product-list .item .ratings .rating-box { float: left; margin-bottom: 10px; } .category-product-list .item .btn-cart,.category-product-list .item .btn-add-cart { border:none; background: none; color: #000000; text-align: center; margin-top: 7px; position: relative; margin-left: 5px; } .category-product-list .item .btn-cart:after,.category-product-list .item .btn-add-cart:after { content: "Add to Cart"; text-transform: uppercase; color: #fff; position: absolute; left: 25px; width: 85px; top: 2px; font-size: 10px; padding: 1px 6px 2px; opacity: 0; } .category-product-list .item .btn-cart:before,.category-product-list .item .btn-add-cart:before { content: ""; position: absolute; height: 0; width: 0; border-width: 4px; border-style: solid; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: 17px; top: 7px; opacity: 0; } .category-product-list .item .btn-cart:hover:before,.category-product-list .item .btn-add-cart:hover:before, .category-product-list .item .btn-cart:hover:after,.category-product-list .item .btn-add-cart:hover:after { opacity: 1; } .category-product-list > .btn-go-cate { color: #4e4e4e; } .category-product-list > .btn-go-cate > span { border-color: #4e4e4e; } .catalog-category-view .category-image, .catalog-category-view .category-description.std { margin-bottom: 40px; } /* -------------- Hot Block ----------- */ .hot-block .text-background span { padding: 7px 19px 12px; } .hot-block .title, .hot-block .title h2 { font-size: 40px; line-height: 0.75; } .hot-block .title { margin-bottom: 48px; } .hot-block p { margin-bottom: 68px; } .hot-block .btn-default { border-color: #fff; color: #fff; } /* -------------- Hot Block ----------- */ .description-block { color: #5c5b5b; } .description-block .btn-default { border-color: #5c5b5b; color: #5c5b5b; } .description-block .btn-default:hover { border-color: #000000; color: #fff; } /* -------------- Testimonials (Style 1) ----------- */ .style1 .testimonial-container .testimonial-item .testimonial-author { width: 100%; float: left; margin-bottom: 42px; } .style1 .testimonial-container .testimonial-item .img-thumbnail { overflow: hidden; padding: 0; width: 110px; height: 110px; border-width: 3px; border-color: #fff; float: left; } .style1 .testimonial-container .testimonial-item .author-infomation { float: left; padding-top: 30px; padding-left: 30px; color: #fff; font-size: 14px; } .style1 .testimonial-container .testimonial-item .author-infomation .text-uppercase { margin-bottom: 0; font-size: 16px; } .style1 .testimonial-container .testimonial-item .testimonial-content { font-size: 15px; color: #d8d8d8; font-style: italic; padding-bottom: 30px; } .style1 .testimonial-container .owl-controls .owl-buttons { display: none; } /* -------------- Testimonials (Style 2) ----------- */ .style2 .testimonial-container .testimonial-item { padding-top: 66px; } .style2 .testimonial-container .testimonial-item .testimonial-author { width: 170px; height: 170px; border: 10px solid #fff; margin: 0 auto; margin-bottom: 77px; position: relative; } .style2 .testimonial-container .testimonial-item .testimonial-author .img-thumbnail { width: 130px; height: 130px; position: absolute; top: -33px; left: -33px; overflow: hidden; } .style2 .testimonial-container .testimonial-item .testimonial-author .img-thumbnail img { min-width: 180px; position: absolute; top: -27px; left: -27px; } .style2 .testimonial-container .testimonial-item .author-infomation { position: absolute; width: 240px; background: #fff; bottom: 5px; left: 0px; height: 46px; text-align: center; color: #111111; padding-top: 5px; } .style2 .testimonial-container .testimonial-item .author-infomation p { margin-bottom: 0; margin-top: -5px; } .style2 .testimonial-container .testimonial-item .author-infomation .text-uppercase { font-size: 14px; letter-spacing: 3px; } .style2 .testimonial-container .testimonial-item .testimonial-content { color: #fff; text-align: center; } .style2 .testimonial-container { position: relative; } .style2 .testimonial-container .owl-controls .owl-pagination { display: none; } .style2 .testimonial-container .owl-controls .owl-buttons .owl-prev, .style2 .testimonial-container .owl-controls .owl-buttons .owl-next { top: 141px; border-color: #fff; } .style2 .testimonial-container .owl-controls .owl-buttons .owl-prev .fa, .style2 .testimonial-container .owl-controls .owl-buttons .owl-next .fa { color: #fff; } .style2 .testimonial-container .owl-controls .owl-buttons .owl-prev { margin-left: -180px; } .style2 .testimonial-container .owl-controls .owl-buttons .owl-next { margin-left: 159px; } /* -------------- Brand Home (Style 1) ----------- */ .featured-brands .brands-content .brands .brand-2row { margin-bottom: 40px; } .featured-brands .brands-content .brands .brand img { margin: 0 auto; opacity: 0.5; } .featured-brands .brands-content .brands .brand:hover img { opacity: 1; } .featured-brands .owl-controls .owl-buttons .owl-prev, .featured-brands .owl-controls .owl-buttons .owl-next { top: 50%; margin-top: -14px !important; opacity: 0; visibility: hidden; } .featured-brands .owl-controls .owl-buttons .owl-prev { left: 0; right: auto; margin-left: 30px; } .featured-brands .owl-controls .owl-buttons .owl-next { right: 0; left: auto; margin-right: 30px; margin-left: 0; } .featured-brands:hover .owl-controls .owl-buttons .owl-next, .featured-brands:hover .owl-controls .owl-buttons .owl-prev{ margin-left: 0; margin-right: 0; opacity: 1; visibility: visible; } /* -------------- Recent Blog (Style list) ----------- */ .latest-post-list { background-color: rgba(255,255,255,0.8); border: 1px solid #efefef; padding: 70px 44px 0; margin-right: 80px; position: relative; } .latest-post-list:after { position: absolute; content: ""; height: 100%; width: 45px; border-top: 5px solid #c4c4c4; border-right: 5px solid #c4c4c4; top: 45px; right: -46px; } .latest-post-list:before { position: absolute; content: ""; height: 45px; width: 100%; border-left: 5px solid #c4c4c4; border-bottom: 5px solid #c4c4c4; left: 45px; bottom: -46px; } .latest-post-list .item { margin-bottom: 47px; } .latest-post-list .item .latest-post-img { display: none; } .latest-post-list .item .post-name a { font-size: 16px; text-transform: uppercase; } .latest-post-list .item .date { color: #4f4f4f; font-size: 13px; } /* -------------- Hot Deals (Style Grid) ----------- */ .deals-widget .deal-timer .countdown li .number { color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 0; } .deals-widget .deal-timer .percent .number span { font-size: 11px; } .deals-widget .deal-timer .countdown li .text { margin-top: -8px; font-size: 12px; } .deals-widget .deal-timer .percent .text { font-size: 11px; text-transform: uppercase; color: #e6bfff; margin-bottom: 0; } .deals-widget .deal-timer .percent .number { font-size: 18px; color: #fff; margin-bottom: 0; margin-top: -8px; } .deal-container.products-grid .product-content { position: relative; border: none; } .deal-container.products-grid .product-content .deal-timer { position: absolute; top: 17px; left: 17px; background-color: #000000; z-index: 9; width: 46px; } .deal-container.products-grid .product-content .deal-timer .countdown { padding-top: 10px; padding-bottom: 3px; } .deal-container.products-grid .product-content .deal-timer .item-left { display: none; } .deal-container.products-grid .product-content .deal-timer .percent { padding-top: 7px; padding-bottom: 6px; } .deal-container.products-grid .product-content .icon-links-deals { margin-top: 10px; transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); } .deal-container.products-grid .product-content:hover .icon-links-deals { transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); } .deal-container.products-grid .product-content .icon-links-deals li { display: inline-block; margin: 0 5px; } .deal-container.products-grid .product-content .icon-links-deals li button { width: 35px; height: 35px; text-align: center; border-width: 1px; border-style: solid; border-color: transparent; background: none; color: #000; font-size: 15px; padding-left: 1px; line-height: 34px; } /* -------------- Hot Deals (Style Slider) ----------- */ .deal-carousel .deals-images { position: relative; } .deal-carousel .deals-images .product-image { display: block; width: 100%; height: 100%; background-image: url('../images/bg_img_box.png'); background-repeat: no-repeat; background-size: 100% 100%; } .deal-carousel .deals-images .product-image img { margin: 0 auto; } .deal-carousel .deals-images .deal-timer { margin-bottom: 0; position: absolute; top: 35px; text-align: center; left: 0; right: 0; float: none; } .deal-carousel .deals-images .deal-timer .item-left { display: none; } .deal-carousel .deals-images .deal-timer ul { display: inline-block; vertical-align: middle; float: none; } .deal-carousel .deals-images .deal-timer ul.save-count { margin-left: -3px; } .deal-carousel .deals-images .deal-timer li { float: left; background-color: #000; } .deal-carousel .deals-images .deal-timer li.percent { padding: 7px 15px 7px; background-color: #363636; } .deals-widget.deal-carousel .deal-timer .percent .text { color: #a1a1a1; } .deal-carousel .deals-images .deal-timer li .number { margin-bottom: 0; } .deal-carousel .deals-images .deal-timer ul.countdown li { padding: 5px 17px 0; } .deal-carousel .deals-desc .title h1 { margin-top: 0; color: #111111; margin-bottom: 59px; } .deal-carousel .controls-list .icon-links .li-cart { display : none; } .deal-carousel .deals-desc .product-desc .product-name { margin-bottom: 0; } .deal-carousel .deals-desc .product-desc .product-name a { font-size: 14px; color: #111111; } .deal-carousel .deals-desc .product-desc .special-price .price { font-size: 18px; font-weight: 700; color: #575757; } .deal-carousel .deals-desc .product-desc .old-price .price { font-size: 14px; } .deal-carousel .deals-desc .product-desc .price-box { margin-bottom: 15px; } .deal-carousel .deals-desc .product-desc .big-text{ color: #535353; padding-bottom: 22px; border-bottom: 1px solid #e1e1e1; margin-bottom: 32px; } /* -------------- Control add to box (list style) ----------- */ .controls-list { float: left; padding-bottom: 25px; width: 100%; } .controls-list .btn-scale { padding: 33px; position: relative; padding-left: 105px; } .controls-list .btn-scale > span { width: 65px; height: 65px; padding: 0px; background: #fff; position: absolute; top: 0; left: 25px; } .controls-list .btn-scale:hover > span { padding: 3px; } .controls-list .btn-scale > span > span { width: 100%; height: 100%; display: block; } .controls-list .btn-scale .fa { font-size: 18px; line-height: 85px; width: 63px; color: #fff; position: absolute; left: 0; top: 0; } .controls-list .icon-links li button:hover, .controls-list .icon-links li a:hover { color: #fff; } .controls-list .icon-links li { display: inline-block; margin: 0 8px; padding-top: 25px; } .controls-list .icon-links li button, .controls-list .icon-links li a { width: 30px; height: 30px; background: none; border: 1px solid rgba(17, 17, 17, 0); color: #111111; } /* -------------- Product Category Vetical ----------- */ .category-tabs-vetical .tab-menu.tab-products li { float: none; width: 100%; background-size: cover; background-position: center center; position: relative; padding: 6px; } .category-tabs-vetical .tab-menu.tab-products li:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.3; content: ""; transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); } .category-tabs-vetical .tab-menu.tab-products li.active:before, .category-tabs-vetical .tab-menu.tab-products li:hover:before { transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); } .category-tabs-vetical .tab-menu.tab-products li a { background: none; border: 1px solid transparent; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 28px 20px; display: block; } .category-tabs-vetical .tab-menu.tab-products li a h5 { margin: 0; } .category-tabs-vetical .tab-menu.tab-products li.active a, .category-tabs-vetical .tab-menu.tab-products li:hover a { border-color: #000; color: #000; } .category-tabs-vetical .tab-content h1.title { margin-top: -7px; margin-bottom: 28px; } .category-tabs-vetical .tab-content .product-description { margin-bottom: 62px; } .category-tabs-vetical .btn-go-cate { color: #fff; padding: 0 10px; } .category-tabs-vetical .product-content { border: none; } .title-category-tabs { position: relative; } .title-category-tabs .title { position: absolute; width: 100%; background: #000; padding: 52px 26px; bottom: 0; } .title-category-tabs .title p,.title-category-tabs .title h1,.title-category-tabs .title h2, .title-category-tabs .title h3, .title-category-tabs .title h4, .title-category-tabs .title h5, .title-category-tabs .title h6 { margin: 0; color: #fff; } .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-prev, .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-next { right: 15px; left: auto; top: -35px; } .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-prev:hover, .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-next:hover { border-color: #fff; } .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-prev:hover .fa, .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-next:hover .fa { color: #fff; } .category-tabs-vetical .tab-products .owl-controls .owl-buttons .owl-prev { margin-right: 40px; } /* -------------- Product For Attribute ----------- */ .product-attribule-slider.owl-carousel .owl-controls .owl-buttons .owl-prev, .product-attribule-slider.owl-carousel .owl-controls .owl-buttons .owl-next { right: 15px; left: auto; top: -91px; } .product-attribule-slider.owl-carousel .owl-controls .owl-buttons .owl-prev { margin-right: 36px; } /* -------------- Newletter Home ----------- */ .newletter-home .text { margin-bottom: 65px; } .newletter-home .text h1 { color: #000000; margin-bottom: 5px; } .newletter-home .block-subscribe form { display: block; text-align: center; } .newletter-home .block-subscribe .input-text { width: 50%; border: none; border-bottom: 1px solid #000; margin-bottom: 40px; font-size: 14px; color: #c1c1c1; box-shadow: none; text-align: center; } /* -------------- Newletter Home (style 2) ----------- */ .newletter-home .text .title { font-size: 35px; color: #000; font-weight: 700; margin-bottom: 35px; } .newletter-home .text strong { color: #000; } /* -------------- Sidebar ----------- */ .sidebar .sort-item:last-child .block .block-content { margin-bottom: 0; padding-bottom: 0; border: none; } .sidebar .block > .block-content { padding-left: 25px; padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; margin-bottom: 50px; } .sidebar .block > .block-title h3, .sidebar .block.block-layered-nav .block-content dl dt h3 { color: #000; margin-bottom: 17px; margin-top: 27px; } /* -------------- Sidebar Layered Nav----------- */ .sidebar .block.block-layered-nav .block-title { display: none; } .sidebar .block.block-layered-nav .block-content{ padding: 0; border: none; margin-bottom: 0; } .sidebar .block.block-layered-nav .block-content dl dd.list-first { padding-left: 0; } .sidebar .block.block-layered-nav .block-content dl dd { padding-left: 25px; padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; margin-bottom: 42px; } /* -------------- Sidebar Filter Price ----------- */ .sidebar .block.block-layered-nav .price .ui-slider-horizontal { height: 4px; background-color: #000000; } .ui-slider .ui-slider-range { background-position: 0 0; background-color: #e1e1e1; height: 100%; top: 0; border: 0 none; display: block; font-size: 0.7em; position: absolute; z-index: 1; } .ui-slider { position: relative; text-align: left; margin-bottom: 27px; } .ui-slider .ui-slider-handle { background-image: url("../images/filter_price1.png"); width: 18px; height: 18px; top: -7px; cursor: pointer; background-repeat: no-repeat; position: absolute; z-index: 2; } #slider-range .ui-slider-handle:last-child { background-image: url("../images/filter_price2.png"); margin-left: -15px; } .sidebar .block.block-layered-nav .price .label-box { margin-bottom: 0; } .sidebar .block.block-layered-nav .price .label-box #amount { border: none; background: none; width: 100%; text-align: center; font-size: 14px; font-weight: 700; color: #111111; } /* -------------- Sidebar Filter Option ----------- */ .sidebar .block.block-layered-nav ol li, .sidebar .block.vertical-menu .block-content ul li, .sidebar .block-blog .menu-categories li, .sidebar .block-subcategory .block-content li, .sidebar .widget.block-layered-nav .nav-stacked li { font-size: 13px; padding: 4px 0; } .sidebar .block.block-layered-nav ol li a, .sidebar .block.vertical-menu .block-content ul li.level0 > a, .sidebar .block-blog .menu-categories li a, .sidebar .block-subcategory .block-content li a, .sidebar .widget.block-layered-nav .nav-stacked li a { font-size: 14px; position: relative; font-size: 14px; } .sidebar .block.block-layered-nav ol li a:after, .sidebar .block.vertical-menu .block-content ul li > a:after, .sidebar .block.vertical-menu .block-content ul li.active > a:after, .sidebar .block-blog .menu-categories li a:after, .sidebar .block-subcategory .block-content li a:after, .sidebar .widget.block-layered-nav .nav-stacked li a:after { width: 0; content: ""; position: absolute; left: 5px; height: 3px; background: #000; top: 7px; } .sidebar .block.block-layered-nav ol li:hover a, .sidebar .block.vertical-menu .block-content ul li:hover > a, .sidebar .block.vertical-menu .block-content ul li.active > a, .sidebar .block-blog .menu-categories li:hover a, .sidebar .block-subcategory .block-content li:hover a, .sidebar .widget.block-layered-nav .nav-stacked li:hover a { padding-left: 30px; } .sidebar .block.block-layered-nav ol li:hover a:after, .sidebar .block.vertical-menu .block-content ul li:hover > a:after, .sidebar .block.vertical-menu .block-content ul li.active > a:after, .sidebar .block-blog .menu-categories li:hover a:after, .sidebar .block-subcategory .block-content li:hover a:after, .sidebar .widget.block-layered-nav .nav-stacked li:hover a:after { width: 12px; } /* -------------- Sidebar Poll ----------- */ .sidebar .block .block-subtitle { font-weight: 700; color: #000; } .sidebar .block.block-poll .poll-answer { margin-bottom: 20px; } .sidebar .block.block-poll .poll-answer li { position: relative; padding: 4px 0; } .sidebar .block.block-poll .poll-answer li .radio { position: absolute; left: 0; top: 2px; } /* -------------- Sidebar Vetical Menu ----------- */ .sidebar .block.vertical-menu .block-content ul li ul.level0 li { padding-left: 53px; padding-top: 4px; padding-bottom: 4px; } .sidebar .block.vertical-menu .block-content ul li ul.level0 li a { font-weight: 300; } .sidebar .block.vertical-menu .block-content ul li ul.level0 li > a:after { left: 55px; top: 16px; } .sidebar .vertical-menu li { position: relative; } .sidebar .vertical-menu li .toggle-icon { position: absolute; right: 8px; top: 7px; } .sidebar .vertical-menu li .toggle-icon a { background: url("../images/plus-minus.png") no-repeat scroll 20px 9px rgba(0, 0, 0, 0) !important; border: 0 none; color: #333333; display: block; height: 35px; padding: 0; width: 40px; } .sidebar .vertical-menu li.active > .toggle-icon > a{ background-position:20px -63px !important; } /* -------------- Scroll to top ----------- */ .scroll-to-top { border-width: 1px; border-style: solid; bottom: -100px; cursor: pointer; height: 35px; text-align: center; position: fixed; right: 25px; transition: all 0.7s ease-in-out 0s; width: 35px; z-index: 9999; line-height: 25px; padding: 3px; background: #fff; } .scroll-to-top:hover .fa { color: #fff; } /* -------------- Product List ----------- */ .category-products .products-list .item { margin-bottom: 50px; } .category-products .products-list .item.last { margin-bottom: 0; } .category-products .products-list .item .product-name { margin-bottom: 0; } .category-products .products-list .item .product-name a { font-weight: 700; font-size: 14px; color: #111111; } .category-products .products-list .item .description { margin-bottom: 30px; } .category-products .products-list .item .product-content { padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; float: left; } /* -------------- Product Detail ----------- */ .product-essential .product-shop .product-name h2 { margin-top: 0; margin-bottom: 17px; color: #000; line-height: 1.2; } .product-essential .product-shop .availability { display: none; } .product-essential .product-shop .price-box { margin-bottom: 33px; } .product-essential .product-shop .price-box .regular-price .price, .product-essential .product-shop .price-box .special-price .price { font-size: 13px; font-weight: 400; color: #575757; } .product-essential .product-shop .price-box .old-price .price { font-size: 22px; font-weight: 400; color: #b0b0b0; } .product-essential .product-shop .short-description { color: #535353; margin-bottom: 43px; } .image-media .magnifier .buttons .fa { color: #fff; } .image-media .magnifier .buttons:hover { background: #fff; } .image-media .magnifier .buttons { position:absolute; height: 40px; line-height: 40px; width: 40px; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; transform: ; text-align: center; -ms-transform: scale(0.2) rotate(45deg); -webkit-transform: scale(0.2) rotate(45deg); -o-transform: scale(0.2) rotate(45deg); -moz-transform: scale(0.2) rotate(45deg); transform: scale(0.2) rotate(45deg); border-width: 1px; border-style: solid; opacity: 0; visibility: hidden; line-height: 37px; } .image-media:hover .magnifier .buttons { -ms-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -o-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); opacity: 1; visibility: visible; } .product-view .product-essential { margin-bottom: 79px; } .product-view .product-essential .product-img-box > .entry .image-media { position: relative; } .product-view .product-essential .product-img-box > .entry { padding: 53px; position: relative; } .product-view .product-essential .product-img-box > .entry .border { background-image: url('../images/bg_img_box.png'); background-size: 100% 100%; background-position: center; width: 100%; height: 0; position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .product-view .product-essential .product-img-box > .entry .btn-change-img { position: absolute; width: 36px; height: 36px; margin-top: -18px; top: 50%; background: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); color: #000; font-size: 20px; z-index: 999; } .product-view .product-essential .product-img-box > .entry .btn-change-img.next { right: 0; margin-right: -18px; } .product-view .product-essential .product-img-box > .entry .btn-change-img.prev { left: 0; margin-left: -18px; } .product-view .product-essential .product-img-box > .entry .btn-change-img:hover { color: #fff; } .product-view .product-img-box > .thumbnails { padding: 0 85px; margin-top: -38px; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-item { padding-left: 5px; padding-right: 5px; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-controls .owl-buttons .owl-prev, .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-controls .owl-buttons .owl-next { border: none; margin: 0; top: 50%; margin-top: -12px; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-controls .owl-buttons .owl-prev { left: 0; margin-left: -24px; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-controls .owl-buttons div .fa { font-size: 20px; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-controls .owl-buttons .owl-next { right: 0; left: auto; margin-right: -24px; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .item .image-media img { border: 1px solid #ebebeb; position: relative; cursor: pointer; z-index: 1; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .item .image-media { position: relative; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .item .image-media.active .border { position: absolute; border: 2px solid rgba(235, 235, 235, 0); width: 100%; height: 0; padding-bottom: 100%; top: 50%; transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); z-index: 1; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .item .image-media.active img { z-index: 2; } .thumbnails .thumbnails-carousel .owl-wrapper-outer .owl-item { z-index: 99; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-item.active .item .image-media, .thumbnails .thumbnails-carousel .owl-wrapper-outer .owl-item.active { z-index: 999; } .product-view .product-img-box > .thumbnails .thumbnails-carousel .owl-wrapper-outer { padding: 15px 0; } .controls-list .icon-links li a { display: block; font-size: 12px; line-height: 29px; text-align: center; } .qty-box-form { float: left; position: relative; border: 1px solid #e1e1e1; padding: 7px 10px; margin-bottom: 50px; } .qty-box-form .text { text-transform: uppercase; font-size: 13px; color: #111111; float: left; } .qty-box-form .input-qty-product { float: left; width: 60px; background: none; border: none; box-shadow: none; text-align: center; height: 100%; padding: 2px; font-weight: 600; font-size: 11px; } .qty-box-form .btn-small { position: absolute; right: 10px; cursor: pointer; color: #000; } .qty-box-form .btn-small.btn-minus { bottom: 1px; } .qty-box-form .btn-small.btn-plus { top: -1px; } .product-essential .product-shop .product-brand { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e1e1e1; } .product-essential .product-shop .product-brand img { margin: 0 auto; } .product-essential .product-shop .controls-list { padding-bottom: 5px; margin-bottom: 30px; } .product-essential .product-shop .box-social { border-top: 1px solid #e1e1e1; float: left; width: 100%; padding-top: 30px; } .social-icons .label-share { margin-right: 15px; text-transform: uppercase; vertical-align: 10px; color: #111111; } .product-essential .product-shop .box-social .email-friend a > span { display: inline-block; width: 40px; height: 40px; border-style: hidden; border-width: 1px; margin-right: 20px; line-height: 37px; text-align: center; border-color: #000; } .product-essential .product-shop .box-social .email-friend { margin-bottom: 20px; padding-left: 9px; } .product-essential .product-shop .box-social .email-friend a { color: #000; } .product-essential .product-shop .box-social .email-friend a:hover > span { color: #fff; } .product-essential .product-shop .product-rating { margin-bottom: 15px; } .product-essential .product-shop .product-rating .number-rate, .product-essential .product-shop .product-rating .number-rate a { font-size: 10px; color: #a1a0a0; } .product-essential .product-shop .product-rating .add-new-review a { font-size: 10px; color: #a1a0a0; } .product-essential .product-shop .product-rating .rating-box { margin-top: 5px; margin-right: 20px; } .product-essential .product-shop .product-options-bottom .price-box { display: none; } .product-essential .product-shop .bundle-box dl dt label, .product-essential .product-shop .product-options-list dl dt label { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #1b242b; margin-bottom: 10px; } .product-essential .product-shop .product-options-bottom { margin-top: 10px; } .product-essential .product-shop .bundle-box dl dd, .product-essential .product-shop .product-options-list dl dd { margin-bottom: 24px; float: left; width: 100%; } .product-essential .product-shop .bundle-box .form-group label, .product-essential .product-shop .bundle-box .form-list label { font-weight: 400; text-transform: none; } .product-essential .product-shop .bundle-box .form-group label .price, .product-essential .product-shop .bundle-box .form-list label .price { font-weight: 700; } .product-essential .product-shop .bundle-box .qty-holder.pull-left { width: 100%; } .product-essential .product-shop .bundle-box .qty-box-form { margin: 0; } .product-essential .product-shop .price-box-bundle .price, .product-essential .product-shop .price-box-bundle .price-label { color: #575757; font-size: 22px; font-weight: 700; } .product-essential .product-shop .price-box-bundle .price-label { margin: 0 10px; } .product-essential .product-shop .price-as-configured { color: #000; font-weight: 400; } .product-essential .product-shop .price-as-configured .price { font-weight: 700; } .product-essential .product-shop .bundle-box input[type="radio"], .product-essential .product-shop .bundle-box input[type="checkbox"] { margin: 10px 0 0; } /* -------------- Breadcrumbs ----------- */ .breadcrumbs-bg { background-size: cover; background-repeat: no-repeat; position: relative; padding: 0px; margin-bottom: 0px; } .breadcrumbs-bg .breadcrumbs { text-align: center; } .breadcrumbs-bg .breadcrumbs h1 { margin-top: 0; font-size: 12px; color: #949494; } .breadcrumbs li { display: inline; } .breadcrumbs li span { margin-left: 5px; margin-right: 5px; } .breadcrumbs li span, .breadcrumbs li a, .breadcrumbs li { color: #949494; } /* -------------- Product Detail Tabs ----------- */ .product-detail-tabs .nav-tabs { margin-bottom: 32px; } .product-detail-tabs .nav-tabs li.active a { font-size: 10px; color: #000; } .product-detail-tabs .nav-tabs li a { padding: 10px 8px; } .product-detail-tabs .nav-tabs li:first-child a { padding-left: 0; } .product-detail-tabs .content-tab { padding: 0 70px; } .product-detail-tabs .tab-content { border: 1px solid #e1e1e1; padding: 50px 30px; } /* -------------- Sidebar Product List Block ----------- */ .sidebar .block.block-list .block-content, .sidebar .block.block-wishlist .block-content, .sidebar .block.product-list-block .block-content { padding-left: 0; } .sidebar .block.product-list-block .block-content { padding-bottom: 50px; } .sidebar .block .category-product-list .item .product-desc .product-name { min-height: auto; padding-right: 15px; } .sidebar .block .category-product-list .item { margin-bottom: 20px; } .sidebar .block .category-product-list .item .btn-remove { position: absolute; top: 0; right: 0; color: #000; } .sidebar .block.block-compare .actions .remove-all { display: block !important; float: left; text-align: center; font-size: 16px; width: 36px; height: 36px; margin-top: 7px; line-height: 35px; margin-left: 7px; } /* -------------- Sidebar Block Tags ----------- */ .sidebar .block.block-tags .tagcloud a, .tag-customer-index .tags-clouds a { display: inline-block; margin-bottom: 15px; padding: 6px 7px; margin-right: 6px; background: #f5f5f5; } .sidebar .block.block-tags .tagcloud a:hover, .tag-customer-index .tags-clouds a:hover { color: #fff; } /* -------------- Promobanner Hover Effect ----------- */ .promo-banner { overflow: hidden; } .hover-effect .promo-banner > a:after, .hover-effect.dark .promo-banner > a:after { position: absolute; content: ""; width: 100%; padding-top: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg) scale(0); -moz-transform: translate(-50%,-50%) rotate(45deg) scale(0); -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(0); -o-transform: translate(-50%,-50%) rotate(45deg) scale(0); opacity: 1; background: #fff; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; } .hover-effect.dark .promo-banner > a:after { background: #000; } .hover-effect .promo-banner:hover > a:after, .hover-effect.dark .promo-banner:hover > a:after { opacity: 0; transform: translate(-50%,-50%) rotate(45deg) scale(1); -moz-transform: translate(-50%,-50%) rotate(45deg) scale(1); -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(1); -o-transform: translate(-50%,-50%) rotate(45deg) scale(1); } .hover-effect .promo-banner:hover > a > img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .promo-banner .text-hover span.border { padding: 0 10px; border: 2px solid #fff; } .promo-banner .text-hover span.background { color: #000; background-color: #fff; padding: 0 10px 3px; } .hover-effect2 .promo-banner > a:after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; } .hover-effect2 .promo-banner:hover > a:after { left: 15px; right: 15px; bottom: 15px; top: 15px; border: 1px solid rgba(255, 255, 255, .5); } .hover-effect2 .promo-banner > a img { filter : grayscale(50%); -moz-filter: grayscale(50%); -webkit-filter:grayscale(50%); -ms-filter:grayscale(50%); -o-filter:grayscale(50%); } .hover-effect2 .promo-banner:hover > a img { filter : grayscale(0); -moz-filter: grayscale(0); -webkit-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); } .hover-effect3 .promo-banner > a:after { position: absolute; content: ""; left: -10px; right: -10px; bottom: -10px; top: -10px; border: 2px solid #fff; outline-width: 15px; outline-style: solid; outline-color: rgba(0,0,0,0.3); z-index: 100; } .hover-effect3 .promo-banner:hover > a:after { left: 15px; right: 15px; bottom: 15px; top: 15px; } .hover-effect3 .promo-banner:hover .text-container.text-center { transform: translateY(-50%) scale(1.08); -moz-transform: translateY(-50%) scale(1.08); -o-transform: translateY(-50%) scale(1.08); -webkit-transform: translateY(-50%) scale(1.08); } .hover-effect4 .promo-banner { overflow: hidden; } .hover-effect4 .promo-banner > a:after { position: absolute; top: -100%; left: 0; width: 150%; height: 100%; background: rgba(17,17,17,0.2); content: ''; -webkit-transition: -webkit-transform 0.9s; transition: transform 0.9s; transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .hover-effect4 .promo-banner:hover > a:after { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0); -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0); -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0); } /* -------------- Related Product ----------- */ .sidebar .block-related .category-product-list .item .product-image { z-index: 2; } .sidebar .block-related .category-product-list .item .related-checkbox { z-index: 3; position: absolute; left: 5px; top: 0px; } .sidebar .block.block-related .block-content { padding-left: 0; } /* -------------- Policy (Right Sidebar Product Detail) ----------- */ .sidebar .policy { margin-bottom: 40px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; } .sidebar .policy li { position: relative; text-align: left; padding-left: 55px; margin-bottom: 20px; } .sidebar .policy li .icon-img { position: absolute; left: 0; top: 10px; } /* -------------- Upsell ( Product Detail) ----------- */ .product-view .product-collateral, .block-brand-related .title h1 { margin-top: 97px; } .product-view .product-collateral .title h1, .block-brand-related .title h1 { margin-bottom: 66px; color: #000; } /* -------------- Review Tabs ( Product Detail) ----------- */ .catalog-product-view .box-reviews h2, .catalog-product-view .question-title h2 { margin: 0 0 20px; } .product-detail-tabs h2,.product-detail-tabs h1,.product-detail-tabs h3,.product-detail-tabs h4,.product-detail-tabs h6,.product-detail-tabs h5 { color: #111111; } .catalog-product-view .box-reviews .review-summary { margin-bottom: 0; font-weight: 700; font-size: 15px; } .catalog-product-view .box-reviews small.date { font-size: 12px; color: #6F6F6F; margin-bottom: 5px; display: block; } .catalog-product-view .box-reviews .rating-show { margin-right: 20px; margin-bottom: 15px; } .catalog-product-view .box-reviews .rating-box-info { margin-bottom: 15px; border-bottom: 1px solid #6F6F6F; } .catalog-product-view .box-reviews .rating-box-info .review-summary a { color: #000; } .catalog-product-view .box-reviews .review-text { margin-bottom: 15px; } .catalog-product-view .box-reviews .data-table tr th, .catalog-product-view .box-reviews .data-table tr td { width: 70px; border: none; } .catalog-product-view .box-reviews .data-table { width: 450px; margin-bottom: 30px; } /* -------------- Product Tags Tabs ( Product Detail) ----------- */ .catalog-product-view .product-view .tabbable .tagcloud > a { display: inline-block; color: #949494; display: inline-block; margin-bottom: 15px; padding: 7px 16px 9px; border: 1px solid #949494; margin-right: 10px; } /* -------------- Product Question ( Product Detail) ----------- */ .catalog-product-view .tabbable .score { display: none; } .catalog-product-view .question-form .field, .catalog-product-view .answer-form .field{ margin-bottom: 15px; } .catalog-product-view .buttons-set .required em{ color:#eb340a; } .question-list .question-content .content, .answer-list .answer-content .content{ text-align: justify; } .question-list .score{ right: 10px !important; } .question-list > h2 , .question-form .fieldset > h2 { margin: 0 0 30px; } .ask-question{ top: -15px !important; } .question-content .content.arrow-right, .question-content .content.arrow-down{ background: none !important; } .question-content .fa{ position: absolute; top: 5px; left: 0px; } .answer-form { margin-top: 20px; } /* -------------- Product Group ( Product Detail) ----------- */ .product-essential .product-shop .group-featured-box .product-quantity .btn-shop { position: relative; } .product-essential .product-shop .group-featured-box .product-quantity .btn-shop .btn-small { position: absolute; right: 10px; cursor: pointer; } .product-essential .product-shop .group-featured-box .product-quantity .btn-shop .btn-small.btn-minus { bottom: 5px; } .product-essential .product-shop .group-featured-box .product-quantity .btn-shop .btn-small.btn-plus { top: 5px; } .product-essential .product-shop .group-featured-box .product-quantity .input-qty-product { width: 100px; padding: 0; padding-right: 15px; text-align: center; } /* -------------- Product Custom Option ( Product Detail) ----------- */ .product-essential .product-shop .product-options-list .options-list li { padding: 6px 0 6px 20px; position: relative; } .product-essential .product-shop .product-options-list .options-list li input[type="checkbox"], .product-essential .product-shop .product-options-list .options-list li input[type="radio"]{ position: absolute; left: 0; margin: 0; } .product-essential .product-shop .product-options-list .options-list li label { font-weight: 400; font-size: 14px; } .product-essential .product-shop .product-options-list .options-list li label .price { font-weight: 700; } /* -------------- Owl ( Product Detail) ----------- */ .product-collateral .owl-carousel .owl-controls .owl-prev, .product-collateral .owl-carousel .owl-controls .owl-next { top: -50px; } /* -------------- Pretty Photo ( Product Detail) ----------- */ body a.pp_next { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position: relative; } body a.pp_next::before { border-radius: 50%; color: #fff; content: "\f054"; font-family: FontAwesome; font-size: 12px; height: 25px; line-height: 25px; margin-top: -12px; opacity: 0; padding-left: 2px; position: absolute; right: 5px; text-align: center; text-indent: 0; top: 50%; width: 25px; transition: all 0.5s ease 0s; } body div.light_rounded .pp_next:hover{background:none;cursor:pointer;} body div.light_rounded .pp_next:hover::before{opacity:1;} bodya.pp_previous { background: none; position: relative; } body a.pp_previous::before { border-radius: 50%; color: #fff; content: "\f053"; font-family: FontAwesome; font-size: 12px; height: 25px; line-height: 25px; margin-top: -12px; opacity: 0; position: absolute; left: 5px; text-align: center; text-indent: 0; top: 50%; width: 25px; transition: all 0.5s ease 0s; } body div.light_rounded .pp_previous:hover{background:none;cursor:pointer;} body div.light_rounded .pp_previous:hover::before{ opacity:1; } body div.light_rounded .pp_close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: right; position: relative; } body div.light_rounded .pp_close::before { content: "\f057"; font-family: FontAwesome; font-size: 25px; position: absolute; right: 0; text-indent: 0; top: 3px; } body div.light_rounded .pp_expand, body div.light_rounded .pp_contract { background: none; } body div.light_rounded .pp_expand:before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; content: "\f0b2"; font-family: FontAwesome; position: absolute; right: 0; text-indent: 0; top: 0; font-size: 18px; } body div.light_rounded .pp_expand:hover, body div.light_rounded .pp_contract:hover{ background:none; } body div.light_rounded .pp_contract:before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; content: "\f047"; font-family: FontAwesome; position: absolute; right: 0; text-indent: 0; top: 0; font-size: 18px; } body div.light_rounded .pp_arrow_next { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position:relative; } body div.light_rounded .pp_arrow_next::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; content: "\f0a9"; font-family: FontAwesome; height: 14px; position: absolute; right: -1px; text-indent: 0; top: -3px; vertical-align: top; width: 14px; } body div.light_rounded .pp_arrow_previous { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position:relative; } body div.light_rounded .pp_arrow_previous::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; content: "\f0a8"; font-family: FontAwesome; height: 14px; position: absolute; left: 2px; text-indent: 0; top: -3px; vertical-align: top; width: 14px; } /* -------------- Brand List ----------- */ .brand-item .brand-image img, .feature-brand-carousel .feature-brand-image img { margin: 0 auto; } .feature-brand-carousel .feature-brand-item { border: 1px solid #eeeeee; margin-bottom: 30px; } .feature-brand-carousel .feature-brand-item .feature-brand-title, .brands-list .brand-item .list-brand-title { border-top: 1px solid #eeeeee; padding-top: 20px; padding-bottom: 5px; } .feature-brand-carousel .feature-brand-item .feature-brand-title > a, .brands-list .brand-item .list-brand-title > a { display: block; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #111111; } .feature-brand-carousel .owl-controls .owl-buttons .owl-prev, .feature-brand-carousel .owl-controls .owl-buttons .owl-next { top: -100px; } .brands-search .chars-filter { display: none; } .brands-list .brand-item { border: 1px solid #eeeeee; margin-bottom: 20px; } .brands-search { margin-bottom: 20px; } .brands-list .brand-item .brand-image, .feature-brand-carousel .feature-brand-item .feature-brand-image { background: #e1e1e1; } .brands-list .brand-item .brand-image > a, .feature-brand-carousel .feature-brand-item .feature-brand-image > a { display: block; padding: 70px 0; } .featured-brand-container .title, .brands-container .title { color: #000; margin-bottom: 20px; } /* -------------- Brand Details ----------- */ .brand-detail .category-image { border: 1px solid #eeeeee; margin-bottom: 30px; } .brand-detail .toolbar-bottom .pages { text-align: right; } /* -------------- Blog List ----------- */ .blog-pages-categories .blog-view-container .latest-post-img img, .sidebar .block-blog .menu-recent .item img, .home-sidebar .widget-latest .latest-post-img img { filter : grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); } .blog-pages-categories .blog-view-container:hover .latest-post-img img, .sidebar .block-blog .menu-recent .item:hover img, .home-sidebar .widget-latest .item:hover .latest-post-img img { filter : grayscale(0); -moz-filter: grayscale(0); -webkit-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); } .blog-pages-categories .blog-view-container .latest-post-decs { position: relative; } .blog-pages-categories .blog-view-container .latest-post-decs .latest-date { position: absolute; right: 14px; width: 50px; padding: 11px 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 0; } .blog-pages-categories .blog-view-container .latest-post-decs .latest-date .day-desc span { display: block; text-align: center; color: #fff; line-height: 19px; } .blog-pages-categories .blog-view-container .latest-post-decs .latest-date .day-desc span.day { font-size: 18px; } .blog-pages-categories .blog-view-container .latest-post-decs .latest-date .day-desc span.month { font-size: 16px; font-weight: 700; } .blog-pages-categories .blog-view-container .latest-decs .post-info { padding-top: 20px; color: #000000; font-size: 15px; margin-bottom: 10px; letter-spacing: 2px; } .blog-pages-categories .blog-view-container .latest-decs .blog-name a { text-transform: uppercase; font-size: 18px; color: #000; line-height: 1.2; letter-spacing: 2px; } .blog-pages-categories .blog-view-container .postContent { color: #000; font-size: 14px; } .blog-pages-categories .blog-view-container .postContent .aw-blog-read-more { color: 13px; text-transform: uppercase; font-weight: 700; color: #585858; margin-top: 19px; display: block; } .blog-pages-categories .blog-view-container .postContent .aw-blog-read-more .fa { margin-right: 5px; } .blog-pages-categories .blog-view-container { margin-bottom: 42px; } .blog-pages-categories .toolbar-bottom .pager { display: none; } .sidebar .block-blog .menu-recent .item .blog-desc a { font-size: 14px; } .sidebar .block-blog .menu-recent .item > a { margin-bottom: 7px; display: block; } .sidebar .block-blog .menu-recent .item { margin-bottom: 20px; } .sidebar .block-blog .tagcloud li, .postDetail .tags li, .tag-customer-index .tags-coloud a { display: inline-block; margin-right: 6px; margin-bottom: 10px; } .sidebar .block-blog .tagcloud li a, .postDetail .tags li a, .tag-customer-index .tags-coloud a { font-size: 14px; background: #f5f5f5; display: block; padding: 7px 6px; } .tag-customer-index .tags-coloud a { display: inline-block; } .sidebar .block-blog .tagcloud li a:hover, .postDetail .tags li a:hover, .tag-customer-index .tags-coloud a:hover { color: #fff; } .postBookmarks h6 { color: #000; margin-top: 15px; } /* -------------- Blog Details ----------- */ .postDetail .poster-by { font-size: 15px; color: #000000; margin-bottom: 4px; letter-spacing: 2px; } .postDetail .postTitle { color: #000000; margin-top: 0; margin-bottom: 27px; } .postDetail .post-img { position: relative; margin-bottom: 30px; } .postDetail .post-img .latest-date { position: absolute; right: 14px; width: 50px; padding: 11px 0; top: -20px; } .postDetail .post-img .latest-date .day-desc span { display: block; text-align: center; color: #fff; line-height: 19px; } .postDetail .post-img .latest-date .day-desc span.day { font-size: 18px; } .postDetail .post-img .latest-date .day-desc span.month { font-size: 16px; font-weight: 700; } .postDetail .tags li.title { text-transform: uppercase; color: #111111; padding-right: 20px; font-weight: 700; } .postDetail .postContent { font-size: 14px; color: #111111; margin-bottom: 55px; } .postDetail { padding-bottom: 60px; border-bottom: 1px solid #e1e1e1; } /* -------------- Comment (Blog Details) ----------- */ .comment-blog { padding-top: 54px; } .comment-blog .group-select .legend, .comment-blog .postTitle h3 { margin-top: 0; margin-bottom: 7px; color: #000; } .comment-blog .group-select .sub-title { margin-bottom: 47px; } .comment-blog .button-set { margin-top: 10px; } .comment-blog .commentDetails .post-by { color: #111111; text-transform: none; margin-bottom: 0; letter-spacing: 1px; } .comment-blog .commentWrapper .commentContent { color: #000; font-size: 14px; } .comment-blog .commentDetails .post-date { font-size: 12px; color: #989898; } .comment-blog .commentWrapper { padding-top: 15px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; } .comment-blog .toolbar-bottom > .toolbar > .pager { display: none; } .comment-blog .toolbar-bottom .toolbar-pager { margin-top: 0; border: none; text-align: right; margin-bottom: 50px; } /* -------------- View (Brand Details) ----------- */ .brand-detail .top-toolbar .toolbar-pager, .brand-detail .toolbar-bottom .toolbar .pager, .category-products .deals-container.products-list .deal-timer .item-left { display: none; } /* -------------- Deals (List page) ----------- */ .category-products .deals-container .item .product-image img, .category-products .deal-container .item .products-image img { border: 1px solid #e1e1e1; } .category-products .deals-container.products-list .item .product-desc { padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; } .category-products .deals-container.products-list .deal-timer { width: 100%; } .category-products .deals-container.products-list .deal-timer ul li, .category-products .deals-container.products-list .deal-timer ul { display: inline-block; } .category-products .deals-container.products-list .deal-timer ul { margin-right: -3px; } .category-products .deals-container.products-list .deal-timer ul li p { margin-bottom: 0px; } .category-products .deals-container.products-list .deal-timer ul li p.number { color: #fff; font-weight: 700; font-size: 16px; } .category-products .deals-container.products-list .deal-timer ul li p.number span { font-size: 11px; } .category-products .deals-container.products-list .deal-timer ul li { background: #000; padding: 7px 15px 7px; text-align: center; font-size: 12px; } .category-products .deals-container.products-list .deal-timer ul li.percent { padding: 9px 15px 5px; background: #363636; } .category-products .deals-container.products-list .deal-timer ul.save-count { margin-top: -1px; } .category-products .deals-container.products-list .item-info { color: #000; margin-bottom: 10px; } .category-products .deals-container.products-list .item-info span { font-weight: 700; color: #ff0000; } .category-products .deals-container.products-list .deals-info #addcartqty { width: 110px !important; font-size: 19px; padding-bottom: 16px; height: 51px; margin-right: 15px; } .category-products .deals-container.products-list .deals-info .button-addcart { margin-top: 1px; } .deals-index-index .toolbar-bottom .toolbar.top-toolbar, .top-deals-toolbar .toolbar-pager { display: none; } /* -------------- My Account (Menu sidebar) ----------- */ .sidebar .widget.block-layered-nav .nav-stacked { padding-left: 25px; padding-bottom: 50px; margin-bottom: 50px; } .sidebar .widget.block-layered-nav .title { margin-bottom: 37px; } .sidebar .widget.block-layered-nav .title h3 { color: #000; margin-bottom: 0; margin-top: 0; } .sidebar .widget.block-layered-nav .nav-stacked li { padding: 9px 0; } .sidebar .widget.block-layered-nav .nav-stacked li a { padding: 0; border: none; } .sidebar .widget.block-layered-nav .nav-stacked li a:after { top: 9px; } .sidebar .widget.block-layered-nav .nav-stacked li.active a { padding-left: 30px; background: none; } .sidebar .widget.block-layered-nav .nav-stacked li.active a:after { width: 12px; } /* -------------- My Account (my dashboard) ----------- */ .my-account-main .welcome-msg .hello, .my-account-main h3, .my-account-main h4 { color: #000; } h4.legend { margin-top: 0; color: #000; } .tag-customer-index .tags-clouds > p { font-weight: 700; color: #000; } /* -------------- Cart Sidebar ----------- */ .sidebar .block-cart-sidebar .summary, .sidebar .block-cart-sidebar .category-product-list .item .product-desc { color: #000; } .sidebar .block-cart-sidebar .summary .subtotal .price, .sidebar .block-cart-sidebar .category-product-list .item .product-desc .price { font-weight: 700; } .sidebar .block-cart-sidebar .item .btn-edit { position: absolute; right: 14px; top: 1px; } .sidebar .block-cart-sidebar .category-product-list .item .product-desc .product-name { padding-right: 30px; } /* -------------- Store Locator ----------- */ .store-list-container .toolbar-bottom .amount, .store-html-content h2 { color: #000; } .store-info-detail .text-colour-black { font-weight: 700; } .store-html-content h2 { margin-top: 0; } .store-html-content { padding-top: 25px; margin-bottom: 30px; } /* -------------- My Wishlist ----------- */ .my-wishlist .table-striped thead tr th { color: #000; text-transform: uppercase; padding-bottom: 15px; font-weight: 700; font-size: 12px; } .my-wishlist .table-striped tbody tr td .cart_title { color: #232323; font-size: 14px; margin-bottom: 10px; display: block; } .my-wishlist .table-striped tbody tr td textarea { width: 380px; margin-right: 10px; } .my-wishlist .table-striped .qty-box-form { margin-bottom: 20px; } .my-wishlist .table-striped tbody tr td.last { text-align: center; padding-top: 15px; } .my-wishlist .table-striped tbody tr td.last .link-wistlist { border: 1px solid transparent; color: #686868; height: 25px; padding-top: 5px; text-align: center; width: 25px; display: block; line-height: 10px; margin-bottom: 20px; } .wishlist-controls { margin-top: 40px; } .wishlist-controls .btn-add-compare { width: 35px; height: 35px; float: right; margin-top: 8px; } /* -------------- My Tags ----------- */ .tag-customer-index .sub-tittle { font-weight: 700; color: #000; } /* -------------- My Review ----------- */ .my-reviews-panel .panel-heading { position: relative; } .my-reviews-panel .panel-heading .fa { position: absolute; right: 15px; top: 15px; } .my-reviews-panel .panel-body .your-rate > span, .my-reviews-panel .panel-body .your-rate > .rating-box { display: inline-block; } .my-reviews-panel .panel-body .your-rate > span, .my-reviews-panel .rate-info .description .title { font-weight: 700; color: #000; } .my-reviews-panel .panel-body .your-rate .create-time { font-size: 12px; color: #585858; } .my-reviews-panel .rate-info { margin-bottom: 30px; } .my-review-main .toolbar-bottom .amount, .my-review-main .toolbar-bottom .limiter { display: none; } /* -------------- My Recent Review (My Account) ----------- */ .my_recent_reviews { margin-top: 25px; } .my_recent_reviews .item { margin-bottom: 15px; } .my_recent_reviews .item .rating-box { float: left; margin-top: 6px; } .my_recent_reviews .item .product-name { font-weight: 700; margin: 0; } /* -------------- Address Book (My Account) ----------- */ .addresses-list h3 { color: #000; margin-top: 0; } /* -------------- Horizontal Slider Tabs (Category tabs) ----------- */ .horizontal_slider li { float: left; background-repeat:no-repeat; background-position:center center; position: relative; box-shadow: 5px 0 5px -5px #000; overflow: hidden; cursor: pointer; background-size: cover; } .horizontal_slider li:after { left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.2; content: ""; position: absolute; } .horizontal_slider li .show-first .heading h3 { text-align: center; padding: 0 10px; margin-top: 183px; margin-bottom: 120px; min-height: 44px; display: block; } .horizontal_slider li .show-first .count_item .number { font-size: 50px; text-align: center; } .horizontal_slider li .show-first .count_item .number span { border-bottom: 1px solid #fff; padding-bottom: 10px; display: inline-block; } .horizontal_slider li .show-first .count_item .text { font-size: 25px; font-weight: 700; text-transform: uppercase; -ms-transform: rotate(90deg) translateX(50%); -webkit-transform: rotate(90deg) translateX(50%); -o-transform: rotate(90deg) translateX(50%); -moz-transform: rotate(90deg) translateX(50%); transform: rotate(90deg) translateX(50%); } .horizontal_slider li.active:after { content: none; } .horizontal_slider li.active { width: 50%; cursor: auto; } .horizontal_slider li .show-last .count_item { text-align: center; width: 170px; height: 170px; border: 5px solid #fff; margin: 0 auto; padding: 37px; outline-style: solid; outline-width: 1px; outline-color: #aeaba9; outline-offset: 17px; margin-bottom: 100px; } .horizontal_slider li .show-last .count_item .number { font-size: 40px; margin-bottom: 0; } .horizontal_slider li .show-last { padding-top: 130px; padding-left: 90px; padding-right: 90px; position: absolute; top: 0; bottom: 0; left: auto; right: auto; } .horizontal_slider li .show-last .count_item .text { text-transform: uppercase; margin-left: 12px; font-size: 20px; } .horizontal_slider li .show-last .heading h3 { font-size: 50px; } .horizontal_slider li .show-last .btn-default { color: #000; font-size: 15px; padding: 9px 22px; } .horizontal_slider li .show-last .btn-default:hover { background-color: transparent; } .horizontal_slider li .show-last .product-description { margin-bottom: 50px; font-size: 30px; font-weight: 700; } .horizontal_slider li .show-last { display: none; } .horizontal_slider li .show-last .heading .btn-default { color: #000; background-color: #fff; border-color: #fff; } .horizontal_slider li .show-last .heading .btn-default:hover { color: #fff; background-color: transparent; border-color: #fff; } /* -------------- Title Category (Static Block) ----------- */ .title-category .sub-title { font-size: 30px; line-height: 30px; margin: 0; margin: 0; } .title-category .title { font-size: 50px; margin: 0; } .category-product-one-cate .btn-go-cate { position: absolute; top: -80px; right: -10px; } .category-list .btn-go-cate:hover > span .fa{ color: #fff; } /* -------------- Sidebar (Home Page) ----------- */ .home-sidebar .block-title, .home-sidebar .testimonial-container .title, .opc-block-progress .title-noborder { border-left: 4px solid #000; padding-left: 20px; padding-top: 7px; padding-bottom: 11px; margin-bottom: 30px; } .home-sidebar .widget-latest h2, .home-sidebar .deals-carousel-title h2 { border-left: 4px solid #000; padding-left: 20px; padding-top: 7px; padding-bottom: 11px; margin-bottom: 30px; color: #000; margin-top: 0; line-height: 1.2; font-size: 20px; } .home-sidebar .block-title h3, .home-sidebar .testimonial-container .title h2 { color: #000; margin: 0; line-height: 1.2; font-size: 20px; } .home-sidebar .testimonial-container .owl-carousel .owl-buttons { display: none; } .home-sidebar .block-content, .home-sidebar .testimonials-carousel { position: relative; border-right: 1px solid #e1e1e1; padding-top: 25px; padding-bottom: 25px; } .home-sidebar .block-content:after, .home-sidebar .testimonials-carousel:after, .home-sidebar .widget-latest .latest-post-list:after { content: ""; position: absolute; z-index: 1; left: 27px; top: 0; right: 0; height: 15px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: none; border-bottom: none; width: auto; } .home-sidebar .block-content:before, .home-sidebar .testimonials-carousel:before, .home-sidebar .widget-latest .latest-post-list:before { content: ""; position: absolute; z-index: 1; left: 27px; bottom: 0; right: 0; height: 15px; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: none; border-top: none; width: auto; } .home-sidebar .category-product-list .item { margin-bottom: 20px; } .home-sidebar .category-product-list .item.last { margin-bottom: 0; } .home-sidebar .testimonial-item .testimonial-content { position: relative; padding: 5px 20px 1px; } .home-sidebar .testimonial-item .testimonial-content > p { border-bottom: 1px solid #e1e1e1; padding-bottom: 21px; margin: 0; } .home-sidebar .testimonial-item .testimonial-content:before { content: "\f10d"; font-family: FontAwesome; position: absolute; font-size: 16px; color: #000; top: 0; left: 0; } .home-sidebar .testimonial-item .testimonial-content:after { content: "\f10e"; font-family: FontAwesome; position: absolute; font-size: 16px; color: #000; bottom: 5px; right: 12px; } .home-sidebar .testimonial-item { padding-bottom: 125px; position: relative; } .home-sidebar .testimonial-item .testimonial-author { position: absolute; bottom: 0; padding: 12px 0 38px; } .home-sidebar .testimonial-item .img-thumbnail { width: 57px; height: 57px; border: 1px solid #e1e1e1; padding: 0; overflow: hidden; margin-left: 12px; margin-right: 20px; } .home-sidebar .testimonial-item .img-thumbnail img { min-width: 80px; margin-top: -12px; margin-left: -11px; } .home-sidebar .testimonial-item .img-thumbnail, .home-sidebar .testimonial-item .author-infomation { float: left; } .home-sidebar .testimonial-item .author-infomation p { color: #000; margin: 0; } .home-sidebar .testimonial-item .author-infomation p.text-uppercase { letter-spacing: 2px; } .home-sidebar .widget-latest .latest-post-list { margin: 0; border-left: none; border-top: none; border-bottom: none; padding: 25px 0; } .home-sidebar .widget-latest .latest-post-list .item { margin-bottom: 17px; } .home-sidebar .widget-latest .latest-post-list .short-content { display: none; } .home-sidebar .widget-latest .latest-post-list .latest-post-img { display: block; padding-right: 20px; } .home-sidebar .widget-latest .latest-post-list .post-name a { text-transform: none; } .home-sidebar .testimonial-item .testimonial-content > p:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #e1e1e1; bottom: -6px; content: ""; height: 0; left: 30px; position: absolute; width: 0; z-index: 2; } .home-sidebar .testimonial-item .testimonial-content > p:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 9px solid #fff; bottom: -6px; content: ""; height: 0; left: 32px; position: absolute; width: 0; z-index: 3; } /* -------------- policy (Border) ----------- */ .policy-border { border-width: 1px; border-style: solid; padding: 27px 24px 21px; text-align: center; position: relative; margin-bottom: 11px; } .policy-border .title { color: #000; } .policy-border .policy-img { height: 60px; } .policy-border:after { height: 100%; width: 13px; right: -14px; top: 11px; position: absolute; content: ""; border-right: 3px solid #ebebeb; border-top: 3px solid #ebebeb; } .policy-border:before { width: 100%; position: absolute; content: ""; height: 13px; bottom: -14px; left: 14px; border-left: 3px solid #ebebeb; border-bottom: 3px solid #ebebeb; } /* -------------- Deals (Home Sidebar) ----------- */ .home-sidebar .deals-carousel-title { display: block !important; } .home-sidebar .deal-carousel .owl-wrapper-outer { padding-top: 27px; } .home-sidebar .deal-carousel .deals-images .deal-timer { position: static; } .home-sidebar .deal-carousel .deals-images .deal-timer .countdown { position: absolute; top: -27px; width: 250px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); } .home-sidebar .deal-carousel .deals-images .deal-timer .save-count { position: absolute; bottom: -15px; right: 25px; } .home-sidebar .deal-carousel .controls-list .icon-links { width: 100%; text-align: center; float: none !important; } .home-sidebar .deal-carousel .controls-list .li-cart { display: inline-block; } .home-sidebar .deal-carousel .deals-images, .home-sidebar .deal-carousel .deals-desc { width: 100%; } .home-sidebar .deal-carousel .deals-desc .title, .home-sidebar .deal-carousel .deals-desc .product-desc .big-text, .home-sidebar .deal-carousel .controls-list .actions { display: none; } .home-sidebar .deal-carousel .owl-wrapper-outer .item { border: 1px solid #e1e1e1; border-right: 2px solid #e1e1e1; margin-bottom: 30px; } .home-sidebar .deal-carousel .deals-desc .product-desc { padding-top: 32px; padding-left: 28px; } .home-sidebar .deal-carousel .controls-list { padding-bottom: 10px; } .home-sidebar .deal-carousel .deals-desc .product-desc .price-box { margin-bottom: 0; } .home-sidebar .deal-carousel .controls-list li { padding-top: 10px; } .home-sidebar .deal-carousel .controls-list li button { border-color: transparent; background-color: #transparent; } .home-sidebar .deal-carousel .deals-images .product-image { background: none; } .home-sidebar .deal-carousel .controls-list li button:hover { border-color: #000; background: transparent; color: #000; } .home-sidebar .latest-post-list .item .post-name a { font-size: 14px; color: #000; } .home-sidebar .latest-post-list .item .date { display: none; } /* -------------- Deals Slider (Style 2) ----------- */ .style2 .deals-carousel-title { display: block !important; text-align: center; margin-bottom: 70px; color: #000; } .style2 .deal-carousel .deals-images { padding-right: 50px; } .style2 .deal-carousel .deals-desc { padding-left: 50px; } .style2 .deal-carousel .deals-images .deal-timer { top: auto; bottom: -15px; margin-left: -30px; } .style2 .deal-carousel .deals-desc .title, .style2 .deal-carousel .deals-desc .controls-list .icon-links { display: none; } .style2 .deal-carousel .deals-images .product-image { background: none; border: 1px solid #fff; padding: 8px; margin-left: 1px; } .style2 .deal-carousel .deals-images .product-image img { border: 5px solid #fff; } .style2 .deal-carousel .owl-wrapper-outer { padding-bottom: 70px; } .style2 .deal-carousel .owl-wrapper-outer:after { background-image: url('../images/bg_img_box2.png'); background-repeat: no-repeat; background-size: 100% 100%; content: ""; position: absolute; left: 50%; z-index: 1; height: 0; right: 0; top: 0; padding-bottom: 50%; display: block; } .style2 .deal-carousel .owl-wrapper-outer .owl-wrapper { position: relative; z-index: 2; } .style2 .deal-carousel .deals-images .deal-timer .countdown li .number, .bg-dark .controls-list .btn-scale > span > span > span { color: #000; } .style2 .deal-carousel .deals-images .deal-timer li { color: #000; background-color: #f5f5f5; } .style2 .deal-carousel .deals-images .deal-timer .save-count li{ background-color: #363636; } .bg-dark .deals-carousel-title, .bg-dark .deal-carousel .deals-desc .product-desc .product-name a, .bg-dark .deal-carousel .deals-desc .product-desc .big-text, .bg-dark .controls-list .btn-scale { color: #fff; } .bg-dark .controls-list .btn-scale > span > span { background: #f5f5f5; } .bg-dark .controls-list .btn-scale > span { background-color: #000; } /* -------------- New Sletter (Style 2) ----------- */ .newsletter-style2 .text-right, .newsletter-style3 .text-right { padding-right: 20px; } .newsletter-style2 .text-right h2, .newsletter-style3 .text-right h2 { margin: 0; } .newsletter-style2 .block-subscribe, .newsletter-style3 .block-subscribe { position: relative; } .newsletter-style2 .block-subscribe .btn-default, .newsletter-style3 .block-subscribe .btn-default { position: absolute; top: 0; right: 10%; } .newsletter-style2 .block-subscribe .input-text, .newsletter-style3 .block-subscribe .input-text { border: none; background: none; box-shadow: none; padding-left: 10%; font-size: 16px; border-left: 1px solid #e1e1e1; } /* -------------- New Sletter (Style 3) ----------- */ .newsletter-style3 { background: #000; padding: 24px 0; position: absolute; left: 15px; right: 15px; top: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 99; } .newsletter-style3 .block-subscribe .btn-default { right: 45px; } .newsletter-style3 .block-subscribe .input-text { padding-left: 60px; color: #aeaeae; } .newsletter-style3 .btn-default { color: #fff; border-color: #fff; } .newsletter-style3 .btn-default:hover { color: #000; background: #fff; } /* -------------- 404 Not found ----------- */ .std .content-page-404 { background-repeat: no-repeat; background-size: cover; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .std .content-page-404 .content-page { text-align: center; padding-top: 40px; position: absolute; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); left: 50%; top: 50%; } .std .content-page-404 .logo { margin-bottom: 40px; } .std .content-page-404 .text-content-404 .img-404 { padding-left: 30px; padding-right: 30px; } .std .content-page-404 .text-content-404 .img-404 img { margin: 0 auto; } .std .content-page-404 .text-content-404 { position: relative; margin-bottom: 200px; } .std .content-page-404 .text-content-404 .text-content { background-color: rgba(17, 17, 17, 0.6); padding: 25px 90px; position: absolute; top: 60%; left: 10px; right: 10px; } .std .content-page-404 .search-form button { display: none; } .std .content-page-404 .search-form { margin-top: 30px; margin-bottom: 30px; } .std .content-page-404 .search-form .input-group { display: inline-block; width: 100%; } .std .content-page-404 .search-form .form-control { background-color: #c2c2c2; color: #646464; } .std .content-page-404 .copyright { font-size: 12px; color: #444444; margin-bottom: 30px; } /* -------------- Login ----------- */ .sub-title-page { color: #000; margin-top: 0; margin-bottom: 30px; } .account-login .social-login-options h4 { color: #000; } /* -------------- Contact ----------- */ .contacts-index-index .map-container { margin-bottom: 60px; } .contacts-index-index #map { height: 500px; } .contacts-index-index .contact-information { position: relative; } .contacts-index-index .contact-information .parent { position: absolute; top: -510px; width: 400px; right: 0; height: 420px; padding-right: 50px; overflow: hidden; } .contacts-index-index .contact-information .parent .child { position: relative; width: 100%; overflow: hidden; height: 100%; } .contacts-index-index .contact-information .parent .child:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; top: 0; content: ""; height: 0; left: 50%; margin-left: 12px; position: absolute; width: 0; z-index: 2; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); } .contacts-index-index .contact-information .parent .child .contact-location { border-top: 2px solid #000; background: #fff; position: absolute; right: -16px; left: 25px; overflow-x: hidden; overflow-y: scroll; padding: 20px; height: 100%; } .contacts-index-index .contact-information .btn-location { background-image: url(../images/bg_btn_show.png); position: absolute; top: 0; left: -25px; color: #000; width: 50px; height: 50px; box-shadow: none; border: none; background-color: transparent; padding-left: 33px; } .contacts-index-index .contact-information .child { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } .contacts-index-index .contact-information .child.no-active { transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); margin-left: 25px; } .contacts-index-index ul.store-location li { position: relative; padding-left: 25px; margin-bottom: 15px; } .contacts-index-index .contact-location.title { color: #000; margin-top: 0; } .contacts-index-index ul.store-location li .fa { position: absolute; left: 0; top: 3px; font-size: 16px; color: #000; } .crosssell-title { margin-top: 60px; } .crosssell-title .title h2 { color: #000; text-align: center; margin-bottom: 66px; margin-top: 0; } .crosssell-carousel.owl-theme .owl-controls .owl-buttons .owl-prev, .crosssell-carousel.owl-theme .owl-controls .owl-buttons .owl-next { top: -10%; } /* -------------- Shopping Cart Page ----------- */ .checkout-cart-index .cart-collaterals .cart-method { margin-bottom: 40px; } .checkout-cart-index #co-shipping-method-form .sp-methods { margin-top: 30px; } .checkout-cart-index .cart .table-responsive { border-bottom: 1px solid #eeeeee; padding-bottom: 35px; margin-bottom: 45px; } .checkout-cart-index .cart .table-responsive .cart-table { border: 2px solid #eeeeee; } .checkout-cart-index .cart-table thead tr.first th, .multiship-addresses-table thead tr.first th { line-height: 30px; text-transform: uppercase; font-size: 11px; color: #222222; } .checkout-cart-index .cart-table tbody tr td.btn-edit-item { padding-top: 46px; } .checkout-cart-index .cart-table thead tr th { border-color: #eeeeee; } .checkout-cart-index .cart-table tbody tr td.btn-edit-item a, .checkout-cart-index .cart-table tbody tr td.btn-edit-item a .fa { font-size: 16px; } .checkout-cart-index .cart-table thead tr.first th.edit { width: 75px; } .checkout-cart-index .cart-table thead tr.first th.product-name { min-width: 275px; } .checkout-cart-index .cart-table thead tr.first th.product-info { min-width: 120px; } .checkout-cart-index .cart-table thead tr.first th.product-img { width: 100px; } .checkout-cart-index .cart-table tbody tr td { padding-top: 10px; padding-bottom: 10px; border-color: #e1e1e1; } .checkout-cart-index .cart-table tbody tr td:first-child { padding-left: 25px; } .checkout-cart-index .cart-table tbody tr td .product-name { font-size: 11px; color: #202020; margin-top: 38px; } .checkout-cart-index .cart-table tbody tr td .link-wishlist { display: block; margin-top: 40px; } .checkout-cart-index .cart-table tbody tr td .cart-price { margin-top: 40px; font-size: 12px; display: block; } .checkout-cart-index .cart-table .qty-box-form { margin-bottom: 0; margin-top: 30px; } .checkout-cart-index .coupon-form { width: 50%; margin-top: -51px; } .checkout-cart-index .discount .discount-form { position: relative; padding-right: 175px; } .checkout-cart-index .cart-collaterals h3 { color: #000; margin-bottom: 15px; } .checkout-cart-index .discount .discount-form .input-text { height: 51px; } .checkout-cart-index .discount .discount-form .buttons-set { position: absolute; right: 0; top: 0; } .checkout-cart-index .totals table { margin-bottom: 25px; margin-top: 63px; width: 100%; } .checkout-cart-index .totals table tfoot h3 { font-size: 16px; } .checkout-cart-index .totals table tr { border-top: 1px solid #eeeeee; } .checkout-cart-index .totals table tr td { text-align: left; padding: 10px 0; } .checkout-cart-index .totals table tr td:last-child { padding-left: 15px; } .checkout-cart-index .totals table tr td h3 { margin: 0; } .checkout-cart-index .totals table tfoot tr { border-bottom: 1px solid #eeeeee; } .checkout-cart-index .totals .checkout-types li { margin-bottom: 15px; } /* -------------- Checkout with multiple Address ----------- */ #checkout-progress-state li { float: left; width: 20%; text-align: center; border-top: 5px solid #eeeeee; padding-top: 12px; } #checkout-progress-state li.active { color: #222222; } #checkout-progress-state { margin-bottom: 50px; } .multiship-addresses-table thead tr.first th, .multiship-addresses-table tr td { padding: 10px 10px 5px; border-top: 1px solid #eeeeee; } .multiship-addresses-table { margin-bottom: 30px; border: 2px solid #eeeeee; width: 100%; } h3.checkout-step { color: #fff; padding: 10px 15px; } .multiple-checkout address { line-height: 1.4; } .multiple-checkout .box-sp-methods dd ul li { padding: 5px 0; } /* -------------- Checkout one page ----------- */ .checkout-box { padding-left: 15px; padding-right: 15px; padding-top: 15px; } .opc > li { margin-bottom: 20px; } .opc li .step-title { background: #ccc; padding: 8px 15px; } .opc .step-title h4 { color: #fff; } .opc li .step.a-item { border: 1px solid #e1e1e1; padding-bottom: 15px; } .opc li .step.a-item .title-content h3 { margin-bottom: 0; } .opc li .step.a-item .title-content { margin-bottom: 10px; } .opc li .step.a-item .form-list .control input[type="radio"] { position: absolute; left: 0; } .opc li .step.a-item .form-list .control { padding-left: 18px; position: relative; } .opc li .step.a-item .order-review .data-table { width: 100%; } .opc li .step.a-item .order-review .data-table thead tr, .oscheckout-index-index .checkout-review .order-review table thead tr { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .opc li .step.a-item .order-review .data-table thead tr th, .oscheckout-index-index .checkout-review .order-review table thead tr th { padding: 15px 0; text-transform: uppercase; } .opc li .step.a-item .order-review .data-table thead tr th:last-child { text-align: right; } .opc li .step.a-item .order-review .data-table span.product-name { font-size: 16px; color: #333333; } .opc li .step.a-item .order-review .data-table tbody tr { border-bottom: 1px dashed #eeeeee; } .opc li .step.a-item .order-review .data-table tbody tr td { padding: 12px 0; } .opc li .step.a-item .order-review .data-table tbody tr td:last-child { text-align: right; } .opc li .step.a-item .order-review .data-table tfoot tr { border-bottom: 1px solid #eeeeee; } .opc li .step.a-item .order-review .data-table tfoot tr td { padding: 12px 0; } .opc li .step.a-item .order-review .data-table tfoot tr td.a-left, .sidebar .block-progress.opc-block-progress .block-content dl > div > dt { color: #333333; } .opc li .step.a-item .order-review .data-table tfoot tr td h3 { margin: 0; } .sidebar .block-progress.opc-block-progress .block-content dl > div { margin-bottom: 20px; } /* -------------- Checkout One Step ----------- */ .oscheckout-index-index #billing-shipping-column, .oscheckout-index-index #checkout-shipping, .oscheckout-index-index #checkout-payment, .oscheckout-index-index #checkout-shipping_method, .oscheckout-index-index #checkout-review{ border: 1px solid #eeeeee; } .oscheckout-index-index .oscheckout-box { padding: 0 15px; } .oscheckout-index-index .oscheckout-box #newsletter-field .checkbox input { margin-left: 0; } .oscheckout-index-index .checkout-review .cart-price { font-size: 14px; font-weight: 700; } .oscheckout-index-index .block-title { padding: 15px; } .oscheckout-index-index .block-title h2 { font-size: 12px; margin: 0; } .oscheckout-index-index .block-title .title-name { color: #fff; text-transform: uppercase; } .oscheckout-index-index .col-main { font-size: 13px; color: #1b242b; text-transform: none; margin-bottom: 0; } .oscheckout-index-index .login-link a { color: #0088cc; } .oscheckout-index-index .login-link a:hover { text-decoration: underline; } .oscheckout-index-index .block-title { margin-bottom: 26px; } .oscheckout-index-index #checkout-shipping, .oscheckout-index-index #checkout-shipping_method, .oscheckout-index-index #checkout-review, .oscheckout-index-index .oscheckout-enable-terms, .oscheckout-index-index .order-comment { margin-top: 30px; } .oscheckout-index-index .input-box { margin-top: 7px; margin-bottom: 15px; } .oscheckout-index-index label { font-weight: 300; } .oscheckout-index-index label .fa { font-style: normal; } .oscheckout-index-index #checkout-payment input, .oscheckout-index-index #checkout-payment label, .oscheckout-index-index #checkout-shipping_method input, .oscheckout-index-index #checkout-shipping_method label, .oscheckout-index-index .oscheckout-enable-terms input, .oscheckout-index-index .oscheckout-enable-terms label, .oscheckout-index-index #newsletter-field input, .oscheckout-index-index #newsletter-field label { margin-bottom: 0 !important; vertical-align: middle; margin-top: 0; } .oscheckout-index-index #checkout-payment input, .oscheckout-index-index #checkout-shipping_method input, .oscheckout-index-index .oscheckout-enable-terms input { margin-top: 2px; } .oscheckout-index-index #newsletter-field input { margin-top: 7px; } .oscheckout-index-index #checkout-payment label, .oscheckout-index-index #checkout-shipping_method label, .oscheckout-index-index .oscheckout-enable-terms label, .oscheckout-index-index #newsletter-field label { color: #868686; } .oscheckout-index-index #checkout-payment dt, .oscheckout-index-index #checkout-shipping_method dt { margin-bottom: 15px; } .oscheckout-index-index .checkout-review tbody td { padding: 25px 0; } .oscheckout-index-index .checkout-review .product-name { margin-top: 0; } .oscheckout-index-index .checkout-review .table>thead>tr>th:first-child { padding-left: 0; } .oscheckout-index-index #review-buttons-container { margin-top: 30px; } .oscheckout-index-index #checkout-shipping { clear: both; } .oscheckout-index-index .checkout-review .order-review { padding-left: 15px; padding-right: 15px; } .oscheckout-index-index .checkout-review .order-review table thead tr th { border-left: none; border-right: none; } .oscheckout-index-index .checkout-review .order-review table thead tr th:last-child, .oscheckout-index-index .checkout-review .order-review table tbody tr td:last-child { text-align: right; } .oscheckout-index-index .checkout-review .order-review table tfoot tr td { padding: 10px 0; } .checkout-multishipping-addresses .title-noborder { margin-bottom: 40px; } .checkout-multishipping-addresses p.product-name { font-size: 14px; font-weight: 700; } .checkout-onepage-index h3, .checkout-onepage-index h4,.checkout-multishipping-addresses h3, .checkout-multishipping-addresses h4, .checkout-multishipping-addresses h2 { color: #000; } /* -------------- HOME 8 ----------- */ .block-home-title { color: #000; margin-bottom: 66px; } /* -------------- PORTFOLIO SLIDER (Home page) ----------- */ .portfolio-carousel { padding: 0 !important; } .portfolio-carousel .portfolio-top-content { margin: 0 10px; } .portfolio-carousel .owl-controls .owl-buttons .owl-prev, .portfolio-carousel .owl-controls .owl-buttons .owl-next { top: -91px; right: 10px; left: auto; } .portfolio-carousel .owl-controls .owl-buttons .owl-prev { margin-right: 36px; } .porfolio-content .portfolio-top-content, .profile-contents .profile-top { position: relative; overflow: hidden; } .porfolio-content .portfolio-top-content a.view, .profile-contents .profile-top a.view { width: 54px; height: 54px; display: block; text-align: center; font-size: 14px; border: 1px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg) scale(2); -moz-transform: translate(-50%,-50%) rotate(45deg) scale(2); -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(2); -o-transform: translate(-50%,-50%) rotate(45deg) scale(2); color: #fff; opacity: 0; visibility: hidden; z-index: 2; } .porfolio-content .portfolio-top-content .porfolio-image:after, .profile-contents .profile-top .img-profile:after { width: 150%; height: 0; padding-top: 150%; left: 50%; top: 50%; background: rgba(0,0,0,0.5); position: absolute; content: ""; z-index: 1; transform: translate(-50%,-50%) rotate(45deg) scale(0); -moz-transform: translate(-50%,-50%) rotate(45deg) scale(0); -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(0); -o-transform: translate(-50%,-50%) rotate(45deg) scale(0); } .porfolio-content .portfolio-top-content a.view .hover-info, .profile-contents .profile-top a.view .hover-info { display: block; padding: 13px; } .porfolio-content .portfolio-bottom-content { padding-top: 22px; } .porfolio-content .portfolio-top-content a.view:hover, .profile-contents .profile-top a.view:hover { background: #fff; color: #000; } .porfolio-content .portfolio-top-content a.view:hover .porfolio-content .portfolio-bottom-content .portfolio-name { margin-bottom: 0; } .porfolio-content .portfolio-bottom-content .portfolio-name a { color: #111111; font-size: 14px; } .porfolio-content:hover .portfolio-top-content a.view, .porfolio-content:hover .portfolio-top-content .porfolio-image:after, .profile-contents .profile-content:hover .profile-top .img-profile:after, .profile-contents .profile-content:hover .profile-top a.view { transform: translate(-50%,-50%) rotate(45deg) scale(1); -moz-transform: translate(-50%,-50%) rotate(45deg) scale(1); -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(1); -o-transform: translate(-50%,-50%) rotate(45deg) scale(1); opacity: 1; visibility: visible; } /* -------------- Testimonials (List style) ----------- */ .testimonials-list .testimonial-item { position: relative; padding: 10px 30px 10px 150px; min-height: 125px; width: 50%; float: left; } .testimonials-list .testimonial-item .testimonial-author .img-thumbnail { width: 85px; height: 85px; overflow: hidden; position: absolute; left: 20px; top: 25px; } .testimonials-list .testimonial-item .testimonial-author .img-thumbnail img { margin-left: -22px; margin-top: -22px; min-width: 85px; } .testimonials-list .testimonial-item .author-name, .testimonials-list .testimonial-item .author-infomation { display: inline-block; color: #fff; margin: 0; } .testimonials-list .testimonial-item .author-infomation { font-weight: 700; } .profile-contents .profile-desc { padding-top: 22px; } .profile-contents .profile-desc .profile-name { font-size: 14px; color: #111111; } .profile-contents .profile-desc .social-links ul li { display: inline-block; margin: 0 10px; } .profile-contents .profile-desc .social-links ul { opacity: 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); visibility: hidden; } .profile-contents .profile-content:hover .profile-desc .social-links ul { opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); visibility: visible; } /* -------------- Work Time Static Block (Home 8) ----------- */ .work-time { border: 1px solid #ebebeb; padding: 28px 35px; } .work-time .day-work { border-bottom: 1px solid #ebebeb; padding-bottom: 29px; margin-bottom: 26px; } .work-time .day-work, .work-time .work-at { background-position: center center; background-repeat: no-repeat; } ul.list-icon li { color: #565656; padding: 10px 0; } ul.list-icon .fa { color: #000; margin-right: 15px; } .icon_info.icon_inline { position: relative; padding-left: 65px; } .icon_info.icon_inline .icon { position: absolute; left: 0; top: 15px; } .icon_info.icon_inline .title { color: #000; margin-top: 0; margin-bottom: 22px; } /* -------------- Portfolio Detail ----------- */ .portfolio-details .portfolio-content h1 { margin-top: -5px; color: #000; margin-bottom: 30px; } .portfolio-details .portfolio-content .description { margin-bottom: 30px; } .portfolio-details .portfolio-table { margin: 0; } .portfolio-details .portfolio-table tr td, .detail-profile .profile-table tr td { border-top: none; border-bottom: 1px solid #e1e1e1; padding: 13px 0; } .portfolio-details .portfolio-table tr td:first-child, .detail-profile .profile-table tr td:first-child { text-transform: uppercase; color: #000; } .portfolio-details .portfolio-container { margin-top: 60px; } /* -------------- Portfolio Lists ----------- */ .tabs_categories_porfolio { margin-bottom: 53px; text-align: center; } .tabs_categories_porfolio li { display: inline-block; } .tabs_categories_porfolio li a { color: #c3c3c3; font-size: 15px; letter-spacing: 4px; text-transform: uppercase; padding: 10px 15px; cursor: pointer; } .tabs_categories_porfolio li a:hover { color: #000; } .tabs_categories_porfolio li a.is-checked { font-size: 26px; color: #000; } /* -------------- Profile Details ----------- */ .profile-list .profile-content { margin-bottom: 30px; } .detail-profile .description h2 { margin-top: 0; color: #000; margin-bottom: 30px; } .detail-profile .profile-table { margin-bottom: 40px; margin-top: 30px; } .detail-profile .f-social { padding-left: 8px; } /* -------------- FAQS Page ----------- */ .faq-content .form-search-faq { border: 1px solid #000; background: rgba(0,0,0,0.3); position: relative; text-align: right; } .faq-content .form-search-faq .input-text { position: absolute; left: 0px; top: 0px; width: 90%; height: 51px; display: block; } .faq-content .form-search-faq .btn { position: relative; opacity: 1 !important; } .faq-content .form-search-faq .btn:after { content: ""; height: 0; width: 0; border-width: 8px; border-right-color: #000; border-style: solid; position: absolute; left: -18px; top: 15px; } .faq-content .content { margin-top: 50px; } .faq-content .content .title { margin-top: 0; margin-bottom: 30px; color: #000; } .faq-content .panel-group .panel { margin-bottom: 20px; } .faq-content .panel-group .panel { position: relative; } .faq-content .panel-group .panel > a { position: absolute; right: 15px; top: 13px; } .faq-content .panel-group .panel .faq-icon { margin-right: 8px; } /* -------------- Product Quickview ----------- */ .product-quick-view { padding-top: 40px; } .product-quick-view .product-shop .product-name { color: #000; } .product-quick-view .product-img-box .magnifier, .product-quick-view .product-shop .product-rating a.go-rate { display: none; } /* -------------- About us ----------- */ .about-info .sub-title { font-weight: 700; font-size: 14px; margin-bottom: 31px; } .about-info ul li { position: relative; padding: 7px 0 7px 20px; } .about-info ul li:after { background-color: #000; content: ""; display: block; height: 2px; left: 5px; outline: medium double #000; position: absolute; top: 17px; width: 2px; } .small-title { margin-bottom: 30px; color: #000; margin-top: 0; font-size: 20px; } .about-chart { margin-top: 53px; } .about-chart .chart-table tbody tr td { border: none; padding: 17px 0; font-size: 14px; color: #111111; } .about-chart .chart-table tbody tr td:first-child { width: 130px; } .chart-parent { height: 1px; margin-top: 10px; background: #ddd; } .chart-parent .chart { background: #000; height: 1px; position: relative; } .chart-parent .chart:after { position: absolute; display: block; right: -13px; width: 23px; height: 23px; outline: 4px double #000; top: -12px; content: ""; z-index: 1; background: #000; } .chart-parent .chart span { position: absolute; right: -9px; top: -9px; font-size: 12px; color: #fff; z-index: 2; } .accordion_about { margin-left: 25px; } .accordion_about .panel { box-shadow: none; margin-top: 0 !important; padding-left: 45px; border-left: 1px solid #ebebeb; } .accordion_about .panel.active { border-left: 1px solid #000; } .accordion_about .panel .small-title { margin-bottom: 47px; } .accordion_about .panel .small-title.active { margin-bottom: 30px; } .accordion_about .panel-heading:hover a { color: #111111 !important; } .accordion_about .panel-heading a { color: #111111; } .accordion_about .panel-heading a.collapsed { color: #9c9c9c; } .accordion_about .panel.last .small-title { margin-bottom: 0 !important; } .accordion_about .panel.last .panel-body { padding-top: 30px; padding-bottom: 10px; } .accordion_about .panel-collapse .panel-body { border-top : none !important; padding: 0; padding-bottom: 52px; } .accordion_about .panel-heading { position: relative; padding: 0; } .accordion_about .panel-heading a:after { position: absolute; display: block; text-align: center; left: -64px; top: -5px; background: #000; width: 37px; height: 37px; content: ""; } .accordion_about .panel-heading a:before, .accordion_about .panel-heading:hover a:before { content: "\f101"; font-size: 14px; color: #fff; font-family: "FontAwesome"; position: absolute; left: -49px; z-index: 1; top: 7px; } .accordion_about .panel-heading a.collapsed:after { background: #ebebeb; } .accordion_about .panel-heading a.collapsed:before { color: #111111; content: "\f103"; } /* -------------- Categories Rotare ----------- */ .categories-rotare { height: 0; padding-top: 100%; background: #fff; position: relative; cursor: pointer; margin-bottom: 30px; } .categories-rotare .content,.categories-rotare .content .category-content,.categories-rotare .content .category-content .category-desc,.categories-rotare .img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .categories-rotare .content{ z-index: 2; overflow: hidden; background: #f4f4f4; } .categories-rotare .content .category-content .category-desc { z-index: 5; border: 3px solid #fff; background: #f4f4f4; } .categories-rotare .text { position: absolute; top: 50%; width: 100%; margin-left: 50%; text-align: center; color: #000; -ms-transform: translate(-50%,-50%) rotate(-45deg); -webkit-transform: translate(-50%,-50%) rotate(-45deg); -o-transform: translate(-50%,-50%) rotate(-45deg); -moz-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); } .categories-rotare:hover .content .category-content .category-desc,.categories-rotare .img { -ms-transform: rotate(45deg) rotate3d(1, 1, 0, 0deg); -webkit-transform: rotate(45deg) rotate3d(1, 1, 0, 0deg); -o-transform: rotate(45deg) rotate3d(1, 1, 0, 0deg); -moz-transform: rotate(45deg) rotate3d(1, 1, 0, 0deg); transform: rotate(45deg) rotate3d(1, 1, 0, 0deg); } .categories-rotare .img { z-index: 6; } .categories-rotare:hover .img,.categories-rotare .content .category-content .category-desc { -ms-transform: rotate(45deg) rotate3d(1, 1, 0, 90deg); -webkit-transform: rotate(45deg) rotate3d(1, 1, 0, 90deg); -o-transform: rotate(45deg) rotate3d(1, 1, 0, 90deg); -moz-transform: rotate(45deg) rotate3d(1, 1, 0, 90deg); transform: rotate(45deg) rotate3d(1, 1, 0, 90deg); } .categories-rotare .text .availability { margin: 0; font-size: 16px; } .categories-rotare .text .count-item { margin: 0; font-size: 22px; font-weight: 700; } .categories-rotare.one:after,.categories-rotare.one:before,.categories-rotare.two:after,.categories-rotare.two:before,.categories-rotare.three:after,.categories-rotare.three:before,.categories-rotare.four:after,.categories-rotare.four:before { border-width: 3px; border-style: solid; content: ""; position: absolute; z-index: 1; } .categories-rotare.one:after { top: -20px; left: -20px; right: 0; bottom: 0; } .categories-rotare.one:before { top: 15px; left: 15px; right: -15px; bottom: -15px; } .categories-rotare.two:after { top: -20px; left: 0; right: -20px; bottom: 0; } .categories-rotare.two:before { top: 15px; left: 15px; right: -10px; bottom: -15px; } .categories-rotare.three:after { top: 0; left: -20px; right: 0; bottom: -20px; } .categories-rotare.three:before { top: 10px; left: 20px; right: -15px; bottom: -10px; } .categories-rotare.four:after { top: 0; left: 0; right: -20px; bottom: -20px; } .categories-rotare.four:before { top: 10px; left: 10px; right: -10px; bottom: -10px; } /* -------------- Collection Grid ----------- */ .collection-grid .grid-item { margin-bottom: 40px; } .collection-grid .grid-item .grid-content .grid-name { font-size: 24px; } .collection-grid .grid-item .grid-img { position: relative; margin-bottom: 10px; } .collection-grid .grid-item .grid-img .total-products { position: absolute; bottom: 0; right: 0; display: block; padding: 10px; text-transform: uppercase; color: #fff; z-index: 1; transform: translateY(-100%); opacity: 0; visibility: hidden; } .collection-grid .grid-item:hover .grid-img .total-products { transform: translateY(0); opacity: 1; visibility: visible; } .collection-grid .grid-item .grid-img a:after { background: #000 none repeat scroll 0 0; bottom: 0; content: ""; left: 0; opacity: 0.3; position: absolute; right: 0; top: 0; transform: scaleX(0); } .collection-grid .grid-item:hover .grid-img a:after { transform: scaleX(1); } .collection-grid .grid-item .view-more { margin-top: 15px; } /* -------------- Collection Lookbook ----------- */ .landing-lookbook #maincontent .container { width: 100%; } .landing-lookbook .breadcrumbs-bg { margin-bottom: 0; } .landing-lookbook footer { margin-top: 0; } .landing-lookbook .lookbook-content { position: relative; } .landing-lookbook .lookbook-content:after { background: #000 none repeat scroll 0 0; bottom: 0; content: ""; left: 0; opacity: 0.3; position: absolute; right: 0; top: 0; } .landing-lookbook .text-lookbook { position: absolute; z-index: 1; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); padding: 0 10%; } .landing-lookbook .view-more .btn-go-cate > span { border-color: #fff; } .landing-lookbook .view-more .btn-go-cate:hover { color: #fff; } /* -------------- Tabs Product Responsive ----------- */ .product-view .accordion-product-tabs .panel-default > .panel-heading { padding: 0; } .product-view .accordion-product-tabs .panel-default > .panel-heading .panel-title > a { display: block; padding: 10px 15px; } .accordion-product-tabs h1, .accordion-product-tabs h2, .accordion-product-tabs h3, .accordion-product-tabs h4, .accordion-product-tabs h5, .accordion-product-tabs h6 { color: #000; } .accordion-product-tabs .ask-question { position: static; } /* -------------- Share this ----------- */ .box-social .social-icons > span .stButton .stLarge { background-image: none !important; position: relative; width: 30px; height: 30px; margin: 0 1px; } .box-social .social-icons > span .stButton .stLarge:after { right: 0; bottom: 0; position: absolute; content: ""; border-width: 1px; border-style: solid; border-color: transparent; left: 0; top: 0; } .box-social .social-icons > span .stButton .stLarge:before { font-size: 14px; color: #b8b8b8; font-family: "FontAwesome"; position: absolute; left: 0; z-index: 1; text-align: center; transform: translateY(-50%); top: 50%; right: 0px; } .st_sharethis_large .stButton .stLarge:before { content: "\f1e0"; } .st_facebook_large .stButton .stLarge:before { content: "\f09a"; } .st_twitter_large .stButton .stLarge:before { content: "\f099"; } .st_linkedin_large .stButton .stLarge:before { content: "\f0e1"; } .st_pinterest_large .stButton .stLarge:before { content: "\f231"; } .st_email_large .stButton .stLarge:before { content: "\f003"; } /* Popup Newsletter */ .mfp-inline-holder .mfp-content { line-height: 0; text-align: center; width: auto !important; } .block-popup-subscribe { position: relative; } #newsletter-popup .newsletter-popup img { height: 46px; margin-left: 20px; margin-top: 20px; } .newsletter-popup { height: 100%; position: absolute; text-align: left; top: 0; width: 100%; } .newsletter-popup .block-subscribe input, .newsletter-popup .block-subscribe button { display: inline-block; vertical-align: middle; } #newsletter-popup form input { border: 1px solid #9d9d9c; border-radius: 0; width: 280px; } .newsletter-popup .block-subscribe button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-left: -38px; } .newsletter-popup > h3 { padding-left: 20px; color: #111; } .newsletter-popup .desc-popup { color: #111; line-height: 24px; padding-left: 20px; width: 363px; } .newsletter-popup .block-subscribe { padding-left: 20px; padding-top: 20px; } #newsletter-popup form, #newsletter-popup .checkbox { display: block; position: absolute; top: 50%; width: 100% !important; } #newsletter-popup .checkbox { bottom: 0; padding-left: 20px; text-align: left; top: auto; } #newsletter-popup .checkbox #dont_show { margin-top: -6px; } #newsletter-popup form { margin-top: 52px; }