body, input, select, textarea, button, .nav-container.mobile #nav-wide.nav-wide ul.level0 li.level1 a > span, #footer .footer-links li:before { font-family: 'Open Sans', sans-serif; } .products-grid .out-of-stock-label, .products-list .out-of-stock-label, .block-layered-nav dl#narrow-by-list2 dt h2, .ajax-media-button-holder .ajax-media, aside.sidebar .block.block-cart .product-details .product-name a, aside.sidebar .block.block-cart .subtotal, .map-container .map-block, .widget-latest li h3 a, .nav-container li.level-top > a span, header#header .top-cart .block-title .title-cart, #footer .footer-block-title h5, #footer .footer-topline .custom-footer-content li > span h3, #footer .footer-address-block p, .products-grid .product-name a, .price, .price-currency, .btn-quick-view span, .products-list .product-name a, .minimal-price-link .label, .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6, .widget-title h1, .widget-title h2, .widget .widget-title h1, .widget .widget-title h2, aside.sidebar .block.block-layered-nav dl dt h2, aside.sidebar .block.block-layered-nav dl dd a, aside.sidebar .block.block-layered-nav dl dd li span, aside.sidebar .block.block-layered-nav #amount, aside.sidebar .block.block-layered-nav #amount-2, aside.sidebar .block-title strong span, .block-vertical-nav li.level-top a.level-top, aside.sidebar .product-name a, .block-poll label, aside.sidebar .block .block-subtitle, .sorter .sort-by label, .toolbar .sbSelector > span, .label-new, .label-sale, .pager .pages ol li.current, .pager .pages ol li a, .product-view .product-shop .product-name h1, .meigee-tabs a, .rating-subtitle h2, .catalog-product-view .box-reviews ul li h6 a, .block-related .product-name a, .block-related .block-title strong span, .block-related .block-content .block-subtitle a, .product-collateral h2, .product-options-title h2, .price-as-configured .price-label, header#header .top-cart .product-name a, .cart .page-title h1, .data-table .product-name a, .cart-blocks-title h2, section .crosssell .product-details .product-name a, #cart-accordion h3.accordion-title, #cart-accordion .accordion-content .crosssell li.item .product-name a, aside.sidebar .block-account li a, aside.sidebar .block-account li strong, .dashboard .welcome-msg .hello, .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h3, .dashboard .box-head h2, .fieldset .legend, .addresses-list .addresses-primary h2, .addresses-list .addresses-additional h2, .product-review .product-name, header#header .top-cart .block-content .subtotal span, #login-holder .page-title h1, #login-holder form p, #login-holder .link-box a, .onepagecheckout-index-index .main-container .page-title, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .op_block_title, .opc h3, .opc .step-title h2, .multiple-checkout h2, .nav-wide#nav-wide .top-content .top-menu-features li span h3, .nav-wide#nav-wide ul.level0 li.level1 span.subtitle, .header-slider-container .iosSlider .slider .item, .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 p, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h4, #login-form h2, .quick-view-title h2, .block-subscribe .form-subscribe-header label, #popup-block .block-subscribe strong span, aside.sidebar .block.block-layered-nav .currently .label, .parallax-banners-wrapper .text-banner .banner-content h2, .parallax-banners-wrapper .text-banner .banner-content h3, .parallax-banners-wrapper .text-banner .banner-content.skin-3 p, .parallax-banners-wrapper .text-banner .banner-content.skin-3 h4, .product-tabs li, .about-us-wrapper .text h2, .about-us-wrapper .text h3, body .timer-wrapper.full .timer-box > div.title, .md-modal-header h4, .price { font-family: 'Montserrat', sans-serif; } /*====== Skin Color #1 =======*/ aside.sidebar .block.block-cart .product-details .product-box .price, aside.sidebar .block.block-cart .subtotal .price, a:hover, #footer .footer-address-block p a:hover, #footer address a:hover, .products-grid .product-name a:hover, .regular-price .price, .regular-price .price-currency, .special-price .price, .price-from .price, .price-to .price, .products-grid .add-to-links li i:hover, .products-list .product-name a:hover, .minimal-price-link .price, .products-list .add-to-links i:hover, .block-vertical-nav li.level-top a.level-top:hover, .block-vertical-nav li.level-top.parent ul.level0 li a:hover, .block-compare li.item .btn-remove i:hover, .availability.out-of-stock span, .availability-only i, div.quantity-decrease i:hover, div.quantity-increase i:hover, .catalog-product-view .box-reviews .form-add h3 span, .catalog-product-view .box-reviews ul li small span, .block-related .product-name a:hover, .block-related .block-content .block-subtitle a:hover, .product-options-bottom i:hover, .price-as-configured .price, header#header .top-cart .product-name a:hover, header#header .top-cart .block-content .mini-products-list .product-details .price, .data-table .product-name a:hover, .data-table .c_actions a i:hover, .data-table .cart-price .price, .data-table .remove i:hover, .sp-methods .price, .cart .totals .checkout-types li a:hover, .dashboard .box-title a i:hover, .dashboard .box-head a i:hover, .my-account .addresses-list li.item a:hover, .my-account .data-table a:hover, .my-wishlist .data-table .table-buttons a i:hover, header#header .top-cart .block-content .subtotal .price, #login-holder form .actions > a:hover, #login-holder .link-box a:hover, .opc-wrapper-opc .page-title .text-login a:hover, .md-modal-footer a:hover, .multiple-checkout .grand-total .price, nav.breadcrumbs li a:hover, nav.breadcrumbs li a:hover + span, .nav-wide#nav-wide .top-content .top-menu-links li a, header#header .customer-name .user i, .tags-list li a:hover, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 span, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 span, .product-view .product-shop .add-to-links-box i:hover, #cart-accordion .accordion-content .crosssell li.item .product-name a:hover, .widget-latest li h3 a:hover, .widget-latest li .comments a:hover, .configurable-swatch-list .swatch-link:hover, .swatch-current .selected .swatch-link, .configurable-swatch-list .selected .swatch-link, .price-box .price-currency, .price-box .price {color: #e64c3d;} .block-vertical-nav li.active > a, #categories-accordion .btn-cat.closed > i, .block-vertical-nav li.custom-active > a {color: #ff1341!important;} .category-products .toolbar-bottom div.loader, .ui-slider .ui-slider-range, .block-compare .actions button span, .block-reorder .actions button span, div.label-sale, .products-grid .availability-only, .products-list .availability-only, .add-to-cart button.button span, .catalog-product-view .box-reviews .full-review, .iwdbutton button.button span, .cart .btn-proceed-checkout span, header#header .top-cart .block-content .actions .button span, #onepagecheckout_orderform #checkout-review-submit button span span, body .opc-wrapper-opc .payment-block dt.active, body .opc-wrapper-opc .text-login a.opc-link-login {background-color: #222;} .add-to-cart button.button span { border-color: #222; } #footer .block-tags .actions a:hover, button.button:hover > span, .block-compare .actions a:hover, aside.sidebar .block-tags li a:hover, aside.sidebar .block-tags .actions a:hover, aside.sidebar .block-reorder .actions a:hover, aside.sidebar .block.block-wishlist .actions a:hover, .sorter a.desc i:hover, .sorter a.asc i:hover, .cart-table .buttons-row button.btn-continue:hover span, .my-wishlist .buttons-set .btn-update:hover span, header#header .top-cart .block-content .actions a:hover, #checkout-coupon-discount-load .discount-form .buttons-set button.button:hover span span, #footer .block-tags .tags-list li a:hover, .md-modal-footer button.button:hover span span, nav.breadcrumbs li span:after, .cart-remove-box a:hover, .add-to-cart-success a:hover, #login-holder form .actions button:hover span span, table#wishlist-table td .cart-cell button.button:hover span span, #popup-block .block-subscribe button.button:hover span span, aside.sidebar .block.block-layered-nav .actions a:hover, a.aw-blog-read-more:hover, body .opc-wrapper-opc .payment-block dt:hover, .block-reorder .actions button:hover span span, .block-compare .actions button:hover span span, .add-to-cart button.button:hover span span, header#header .top-cart .block-content .actions .button:hover > span span {background-color: #e64c3d; color: #fff;} .label-type-5 div.label-sale:before, .products-grid.label-type-5 .availability-only:before, .products-list.label-type-5 .availability-only:before{ border-top-color: #e64c3d; } .label-type-5 div.label-sale:after, .products-grid.label-type-5 .availability-only:after, .products-list.label-type-5 .availability-only:after{ border-bottom-color: #e64c3d; } #footer .block-tags .actions a:hover, button.button:hover span, #footer .block-tags .tags-list li a:hover, .block-compare .actions a:hover, .block-compare .actions button span, aside.sidebar .block-tags li a:hover, aside.sidebar .block-tags .actions a:hover, aside.sidebar .block-reorder .actions a:hover, .block-reorder .actions button span, aside.sidebar .block.block-wishlist .actions a:hover, .iwdbutton button.button span, .cart .btn-proceed-checkout span, header#header .top-cart .block-content .actions .button span, .cart-table .buttons-row button.btn-continue:hover span, .my-wishlist .buttons-set .btn-update:hover span, header#header .top-cart .block-content .actions a:hover, #checkout-coupon-discount-load .discount-form .buttons-set button.button:hover span, #onepagecheckout_orderform #checkout-review-submit button > span, .md-modal-footer button.button:hover > span, .cart-remove-box a:hover, .add-to-cart-success a:hover, #login-holder form .actions button:hover > span, #popup-block .block-subscribe button.button:hover > span, aside.sidebar .block.block-layered-nav .actions a:hover, a.aw-blog-read-more:hover, .swatch-current .selected .swatch-link, .configurable-swatch-list .selected .swatch-link, body .opc-wrapper-opc .payment-block dt:hover, body .opc-wrapper-opc .payment-block dt.active, body .opc-wrapper-opc .text-login a.opc-link-login, button.button span, header#header .top-cart .block-content .actions a, aside.sidebar .actions a, .block-reorder .actions button:hover > span, .block-compare .actions button:hover > span, .add-to-cart button.button:hover > span, .cart-remove-box a, .add-to-cart-success a, header#header .top-cart .block-content .actions .button:hover > span {border-color: #e64c3d;} /*====== Skin Color #2 =======*/ a, .opc-wrapper-opc .page-title .text-login, .opc-wrapper-opc .page-title .text-login a, .nav-wide#nav-wide .top-content .top-menu-links li a:hover, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h4, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h4 {color: #2979ff;} .products-grid .btn-quick-view > span, .products-list .btn-quick-view > span { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC2979ff,endColorstr=#CC2979ff); background-color: rgba(255,216,0, 0.8); } .ajax-media-button-holder .ajax-media, .products-grid .btn-quick-view:hover > span, .products-list .btn-quick-view:hover > span, span.label-new {background-color: #2979ff; color: #fff;} ul.social-links li a i:hover {background-color: #2979ff;} .label-type-5 span.label-new:before{ border-top-color: #2979ff; } .label-type-5 span.label-new:after{ border-bottom-color: #2979ff; } header#header .ajax-media-button-holder .ajax-media, .ajax-media-button-holder .ajax-media, span.label-new {color: #fff} .product-view .product-name div.sku::selection {background-color: #2979ff;} .product-view .product-name div.sku::-moz-selection {background-color: #2979ff;} button.button span, header#header .top-cart .block-content .actions a, aside.sidebar .actions a, .cart-remove-box a, .add-to-cart-success a { color: #fff; background-color: #222; border-width: 0; border-radius: 0; color: #fff; text-transform: none; font-size: 15px; height: 40px; line-height: 40px; } button.button span span {font-size: inherit !important;} .block-vertical-nav li.level-top.parent ul.level0 li a {font-size: 1em;} /*end*/ body {background-color: #eee;} body.wide-layout {background-color: #fff;} .main-container {padding-bottom: 20px; padding-top: 1.25em;} input, select, textarea, select, input.input-text {border-radius: 5px; font-size: 1.09em; color: rgba(0,0,0,0.8);} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input.input-text::-webkit-input-placeholder {color: rgba(0,0,0,0.3);} input::-moz-placeholder, textarea::-moz-placeholder, input.input-text::-moz-placeholder {color: rgba(0,0,0,0.3);} input:-ms-input-placeholder, textarea:-ms-input-placeholder, input.input-text:-ms-input-placeholder {color: rgba(0,0,0,0.3);} input:-moz-placeholder, textarea:-moz-placeholder, input.input-text:-moz-placeholder {color: rgba(0,0,0,0.3);} select {height: 40px; padding: 7px 14px; background-color: #f0f0f0; border: none;} #footer .contacts-footer-content .fields .field input, #footer .contacts-footer-content input, .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea, .cart .discount .input-box input, .cart .cart-collaterals .shipping-form .form-list input, .cart .shipping .form-list select, .cart .cart-collaterals .discount-form .input-box input, #login-form .content .input-box input { height: 40px; } #footer .contacts-footer-content .wide textarea {height: 100px;} button.button span {border-radius: 0; border-width: 0; height: 40px; background-color: #222; color: #fff;} button.button span span {color: inherit; font-size: 1.25em; text-transform: none; font-weight: 600; line-height: 40px;} button.button:hover span i {color: #fff;} .quick-view-title {display: none;} .category-label {bottom: 29px;} .cms-index-index {position: relative; overflow: hidden; height: 100vh;} /*Header*/ .cms-index-index header#header { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 1; } .cms-index-index header#header:not(.header-2) .topline, body.cms-index-index.boxed-layout header#header:not(.header-2) .topline .container_12, .cms-index-index header#header.header-2:not(.floating) .topline .grid_12, body.cms-index-index.boxed-layout header#header.header-2:not(.floating) .topline .grid_12, body.cms-index-index.boxed-layout header#header.header-2.floating .topline .container_12, body.cms-index-index.wide-layout header#header.header-2.floating .topline, .cms-index-index header#header, body.cms-index-index.boxed-layout header#header > .container_12 { background-color: rgba(255,255,255,0.8); } header#header { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08); } header#header h2.logo {padding: 26px 0; margin: 0;} header#header h2.small_logo {padding-top: 0; width: calc(100% / 3); float: none; margin-bottom: 0;} body.wide-layout header#header > .container_12, body.boxed-layout header#header > .container_12 {padding-top: 1.9em; padding-bottom: 1.9em;} header#header .header-top-right {padding: 22px 0;} header#header .form-search .indent { border-radius: 5px; border-color: #2979ff; padding: 0; } header#header .form-search input { float: none; height: 38px; border: none; font-size: 1.09em; padding: 0 0 0 14px; width: calc(100% - 59px); } .cms-no-route header#header .form-search input { width: calc(100% - 59px); } .cms-no-route header#header .welcome-msg { display: none; } .cms-no-route header#header .form-search button span, .cms-no-route header#header .form-search button:hover span, .cms-no-route header#header .form-search button:active span, .cms-no-route header#header .form-search button:focus span { background-color: transparent; } header#header .form-search button {float: none; right: -2px; top: -1px; margin-bottom: -3px; position: relative;} header#header .form-search button span i {color: inherit; transition-duration: 0s;} @-moz-document url-prefix() { header#header .form-search button span { line-height: 35px; } .cms-index-index .main-container {padding-top: 0;} } header#header.floating .account-language-currency-wrapper { display: none; } .account-language-currency-wrapper { position: relative; display: inline-block; vertical-align: middle; font-size: 1em; } .account-language-currency-block { color: rgba(0,0,0,0.8); font-family: inherit; font-size: inherit; padding: 0; width: 34px; min-height: 34px; line-height: 34px; cursor: pointer; position: relative; text-align: center; transition: none; -moz-transition: none; -webkit-transition: none; } .header .account-language-currency-wrapper .bootstrap-select.btn-group .dropdown-menu { z-index: 999999; } .account-language-currency-block i { font-size: 18px; line-height: 1; vertical-align: middle; position: relative; transition: none; -moz-transition: none; -webkit-transition: none; } .account-language-currency-block .caret { color: rgba(0,0,0,0.2); margin-left: 5px; position: relative; top: -1px; } .account-language-currency-block:hover, .account-language-currency-block.open { background-color: rgba(0,0,0,0.06); } .footer-middle .account-language-currency-block, .footer-bottom .account-language-currency-block, .footer-middle .form-language.list a, .footer-middle .form-currency.list a, .footer-bottom .form-language.list a, .footer-bottom .form-currency.list a { color: #fff; } .header .account-language-currency-wrapper .form-language + .form-currency, .header .account-language-currency-wrapper .form-currency + .form-language { padding: 0; } .header .account-language-currency-wrapper .form-language + .form-currency:before, .header .account-language-currency-wrapper .form-currency + .form-language:before { background: rgba(0, 0, 0, .12); } .header .account-language-currency-wrapper .bootstrap-select > .selectpicker { border: none; background-color: rgba(0,0,0,0.08); color: rgba(0, 0, 0, .7); padding: 2px 26px 2px 17px; border-radius: 4px; height: 40px; line-height: 38px; } .header .account-language-currency-wrapper .bootstrap-select.btn-group .btn .caret { border-top-color: rgba(0, 0, 0, 0.3); } .header .account-language-currency-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { padding: 0; } .header .account-language-currency-wrapper .form-language + .form-currency, .header .account-language-currency-wrapper .form-currency + .form-language { border-left: none; } .header .account-language-currency-wrapper .form-language + .links, .header .account-language-currency-wrapper .form-currency + .links, .header .account-language-currency-wrapper .wishlist-link + .links { padding-left: 0; padding-right: 0; border-left: none; margin-left: 0; } .account-language-currency-block .language { padding: 3px 0; line-height: 1; display: inline-block; } .with-border .account-language-currency-block .language { padding: 3px 9px 3px 0; margin-right: 6px; border-right: solid 1px rgba(0, 0, 0, .16); } .account-language-currency-block .currency .icon { display: inline-block; } .account-language-currency-block .currency i { margin-left: 3px; margin-top: 3px; } .account-language-currency-dropdown { width: 170px; padding: 23px 25px 13px; background: #fff; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08); border-radius: 0; position: absolute; top: 100%; display: none; clear: both; z-index: 9999; right: 0; color: rgba(0,0,0,0.8); text-align: left; } .header .account-language-currency-wrapper .account-language-currency-dropdown .label { color: #222; font-size: 1em; margin-bottom: .5em; display: block; padding: 0; text-align: left; border-radius: 0; line-height: 1.5; } .header .account-language-currency-wrapper .account-language-currency-dropdown > div { margin: 0 0 20px; min-height: auto; padding: 0; display: block; border: none; } header#header .account-language-currency-dropdown .form-currency.list a { display: inline-block; font-size: 14px; color: rgba(0, 0, 0, .86); border-bottom: solid 1px rgba(0, 0, 0, .16); } header#header .account-language-currency-dropdown .default-links.links li { padding: 0; border: none; display: block; } header#header .account-language-currency-dropdown .default-links.links li + li { border-top: 1px solid rgba(0,0,0,0.12); } header#header .account-language-currency-dropdown .bootstrap-select.btn-group .dropdown-menu { width: 100%; } header#header .account-language-currency-dropdown .form-language, header#header .account-language-currency-dropdown .form-currency { float: none; display: block; width: 100%; border: none; margin: 0 0 10px; } header#header .form-language .sbHolder, header#header .form-currency .sbHolder { display: block; width: 100%; background-color: #f0f0f0; } header#header .form-language .sbHolder > a, header#header .form-currency .sbHolder > a { background-color: #f0f0f0; border: none; padding: 9px 9px 7px; font-size: 13px; color: rgba(0,0,0,0.8); } header#header .account-language-currency-dropdown .form-language:before, header#header .account-language-currency-dropdown .form-currency + .form-language.select:before { content: none; } header#header .account-language-currency-dropdown .form-language.list a { float: left; text-align: center; padding: 0; margin: 0; } header#header .account-language-currency-dropdown .form-language.list a:hover, header#header .account-language-currency-dropdown .form-currency.list a:hover { color: inherit; } header#header .account-language-currency-dropdown > div > a:last-of-type { border-bottom: none; } header#header .account-language-currency-dropdown > div > a img { margin: -1px 9px 0 0; } header#header .account-language-currency-dropdown .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } header#header .account-language-currency-dropdown .bootstrap-select.btn-group .dropdown-menu li a { color: inherit; } .account-language-currency-wrapper .links { display: block; float: none; color: #222; } header#header .account-language-currency-wrapper .links, header#header .account-language-currency-wrapper .links li { display: block; margin: 0; float: none; width: 100%; } header#header .account-language-currency-wrapper .links li:hover, header#header .account-language-currency-wrapper .links li:focus, header#header .account-language-currency-wrapper .links li:active { background-color: transparent; } header#header .account-language-currency-wrapper .links li a { display: inline-block; line-height: 1.4; padding: 10px 0; margin: 0; float: none; } header#header .account-language-currency-wrapper .links li a i {display: none !important;} header#header .header-top-right .account-language-currency-wrapper .links li a.top-link-wishlist:hover { padding-left: 0; padding-right: 0; } header#header .account-language-currency-wrapper .links li a:hover, header#header .account-language-currency-wrapper .links li a:active, header#header .account-language-currency-wrapper .links li a:focus, header#header .account-language-currency-wrapper .links li a.top-link-login:hover, header#header .account-language-currency-wrapper .links:not(.default-links) li a:hover, header#header .account-language-currency-wrapper .links:not(.default-links) li a:active, header#header .account-language-currency-wrapper .links:not(.default-links) li a:focus, header#header .account-language-currency-wrapper .links:not(.default-links) li a.top-link-login:hover { opacity: .75; background-color: transparent; } header#header .account-language-currency-wrapper .links li a, header#header .account-language-currency-wrapper .links li a.top-link-login, header#header .account-language-currency-wrapper .links:not(.default-links) li a.top-link-login, .account-language-currency-wrapper .top-link-login { display: inline-block; text-align: left; font-weight: normal; font-size: 14px; } header#header .account-language-currency-wrapper .links li a.top-link-login:before, header#header .account-language-currency-wrapper .links:not(.default-links) li a.top-link-login:before { content: none; } .account-language-currency-wrapper .customer-block .customer-name-wrapper { display: none; } header#header .account-language-currency-wrapper .customer-name-wrapper + .links { display: block !important; top: auto !important; position: relative; box-shadow: none; padding: 0; border: none; } header#header .account-language-currency-wrapper .customer-name-wrapper + .links li a .hover-divider { left: 0; } header#header #search_mini_form { width: auto; } header#header .search-mini-form .form-search.type-2 .search-button { display: inline-block; cursor: pointer; color: inherit; text-align: center; padding: 0; font-size: 14px; font-style: normal; line-height: 1; width: 34px; height: 34px; line-height: 34px; } header#header .search-mini-form .form-search.type-2 .search-button i { vertical-align: middle; color: rgba(0,0,0,0.8); } header#header .search-mini-form .form-search.type-2 .search-button:hover {background-color: rgba(0,0,0,0.06);} header#header .search-mini-form .form-search.type-2 .indent { position: fixed; right: 0; left: -100%; z-index: -1; top: 0; bottom: 0; background-color: #222; opacity: 0.98; display: table; width: 100%; height: 100%; opacity: 0; border: none; } header#header .search-mini-form .form-search.type-2 .indent .btn-close { position: absolute; top: 0; right: 0; color: #fff; } header#header .search-mini-form .form-search.type-2 .indent .btn-close:hover, header#header .search-mini-form .form-search.type-2 .indent .btn-close:active, header#header .search-mini-form .form-search.type-2 .indent .btn-close:focus { opacity: .75; } header#header .search-mini-form .form-search.type-2 .indent .btn-close:before { content: "\f00d"; display: inline-block; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; color: inherit; cursor: pointer; } header#header .search-mini-form .form-search.type-2 .search-icon {display: none;} header#header .search-mini-form .form-search.type-2 .action-btn.hidden-xs {display: table-cell !important;} header#header .search-mini-form .form-search.type-2 .indent .input-group { display: table; width: 1005; padding-bottom: 20px; margin-bottom: 30px; margin-left: auto; margin-right: auto; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } header#header .search-mini-form .form-search.type-2 .indent .input-wrapper { top: 40%; left: 50%; position: absolute; height: 60%; width: 100%; max-width: 800px; border: none; transform: translate(-50%, -50%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; } header#header .search-mini-form .form-search.type-2 .indent .input-group .input-group-btn { display: table-cell; width: 1%; } header#header .search-mini-form .form-search.type-2 .indent input { display: table-cell; height: 60px; width: 98%; padding: 0; border: none; background: ; color: rgba(255, 255, 255, 0.8); font-size: 24px; font-weight: normal; } header#header .search-mini-form .form-search.type-2 .indent .btn { height: 60px; width: 40px; border: none; background: none; color: #fff; font-size: 18px; text-align: right; border-radius: 0; padding: 0; } header#header .search-mini-form .form-search.type-2 .indent .btn span { background-color: transparent; } header#header .search-mini-form .form-search.type-2 .indent .btn span:hover, header#header .search-mini-form .form-search.type-2 .indent .btn span:focus, header#header .search-mini-form .form-search.type-2 .indent .btn span:active { opacity: .75; } header#header .search-mini-form .form-search.type-2 .indent .btn:hover {background-color: transparent;} header#header .search-mini-form .form-search.type-2 .indent .btn i.meigee-search:before {content: '\0079';} header#header .search-mini-form .form-search.type-2 input { display: table-cell; border-radius: 0; border-color: transparent; background-color: transparent; box-shadow: none; color: rgba(0, 0, 0,.5); font-size: 13px; vertical-align: middle; } header#header .search-mini-form .form-search.type-2 .btn span {padding: 0; display: block; text-align: center; color: inherit;} header#header .search-mini-form .form-search.type-2 .btn span span {display: none;} header#header .search-mini-form .form-search.type-2 .btn i { line-height: 40px; font-size: 18px; display: block; color: inherit; transition: none; -moz-transition: none; -webkit-transition: none; margin: 0; margin-left: -4px; cursor: pointer; } header#header .search-mini-form .form-search.type-2 .search-autocomplete {z-index: 999;} header#header .search-mini-form .form-search.type-2 .search-autocomplete ul { border: 1px solid rgba(0,0,0,.1); background-color: #fff; color: #666; text-align: left; } header#header .search-mini-form .form-search.type-2 .search-autocomplete ul li { padding: 3px; border-bottom: 1px solid rgba(0,0,0,.1); cursor: pointer; } header#header .search-mini-form .form-search.type-2 .search-autocomplete ul li .amount {float: right; font-weight: bold;} header#header .sbHolder .sbOptions {border: 1px solid #ddd;} header#header .quick-access {display: inline-block; padding: 0; vertical-align: middle;} header#header .links:before {border: none;} header#header .links li a.top-link-login i {display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 14px; line-height: 1.1; transition-duration: 0s;} header#header .customer-name, header#header .links li a {font-size: 1.09em; padding: 0.65em 11px;} header#header .welcome-msg {color: rgba(0,0,0,0.5); font-size: 1.09em;} header#header .nav-container {width: auto; float: right; padding: 23px 20px 22px;} header#header.floating .nav-container {padding-top: 5px; padding-bottom: 5px;} header#header .nav-container.mobile > ul {box-shadow: 0 3px 5px rgba(0,0,0,.08);} #login-holder .page-title .left-divider, #login-holder .page-title .right-divider {display: block;} #login-holder .page-title {padding-bottom: 1em;} .nav-container li.level-top > a span { color: #222222; font-size: 12px; font-weight: 400; text-transform: uppercase; } .nav-container li.level-top > a {background-color: transparent;} .nav-container li.level-top > a span { padding: 0.7em 20px; } /*.nav-container li.level-top.active > a, .nav-container li.level-top.custom-active > a, .nav-container li.level-top.over > a, .nav-container li.level-top > a:hover {margin: 0; padding: 0;}*/ .nav-container li.level-top.active > a, .nav-container li.level-top.custom-active > a, .nav-container li.level-top.over > a, .nav-container li.level-top > a:hover { background-color: rgba(0,0,0,0.06); color: #222; } .nav-wide#nav-wide li.active a, .nav-container li.level-top.active > a span, .nav-container li.level-top.custom-active > a span, .nav-container li.level-top.over > a span, .nav-container li.level-top > a:hover span { color: #222; } /*header#header .top-link-wishlist:hover, header#header .top-cart .block-title:hover, header#header .top-cart .block-title.active {margin: 0; padding: 0;}*/ header#header .top-link-wishlist {background-color: transparent;} header#header .top-cart .block-title {background-color: transparent;} header#header .top-cart .block-title:before {content: none;} header#header .top-cart .block-title .title-cart {color: rgba(0,0,0,0.8);} header#header .top-link-wishlist i, header#header .top-link-wishlist .wishlist-items {color: rgba(0,0,0,0.8);} header#header .menu-button + .top-link-wishlist {border-radius: 0 6px 6px 0;} header#header .top-link-wishlist i {line-height: 55px;} header#header .top-link-wishlist {height: 50px; width: 50px;} header#header .top-cart {margin-left: 20px;} header#header .top-cart .block-title {border-radius: 0;} header#header .top-cart .block-title .title-cart {height: 34px; line-height: 34px; text-transform: none; padding: 0 9px 0 9px;} header#header .top-cart .block-title .title-cart span {vertical-align: middle;} header#header .top-cart .block-title i {padding-right: 2px;} header#header .top-cart .cart-divider {top: 0;} header#header .topline .grid_12 {border: none;} header#header.floating .topline .grid_12 {background-color: transparent;} header#header.floating .top-cart .block-title, header#header.floating .nav-wide#nav-wide li.level-top.first a {border-radius: 0;} header#header.floating .nav-container li.level-top > a span {padding: 0.65em 20px;} header#header .top-cart .block-title { margin: 0; padding: 0; } header#header .top-cart .block-title:hover, header#header .top-cart .block-title.active { color: rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.06); margin: 0; padding: 0; } header#header .top-cart .block-title:hover .title-cart, header#header .top-cart .block-title.active .title-cart { color: inherit; color: rgba(0,0,0,0.8); } /*Slider*/ .header-slider-container .iosSlider {border-radius: 6px;} .header-slider-container .iosSlider .prev, .header-slider-container .iosSlider .next {opacity: 1;} .header-slider-container .iosSlider picture {display: block;} .header-slider-container .iosSlider .prev i, .header-slider-container .iosSlider .next i {background-color: transparent; color: rgba(0,0,0,0.3);} .header-slider-container .iosSlider .prev:hover i, .header-slider-container .iosSlider .next:hover i {background-color: #13a3ff; color: #fff;} .header-slider-container .iosSlider .slider .item .slide-container { bottom: 24.4%; left: auto; top: auto; right: 16.7%; text-align: left; } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 { bottom: 25%; left: 22.6%; top: auto; right: auto; text-align: left; } .header-slider-container .iosSlider .slider .item .slide-container .title { color: rgba(0,0,0,0.8); font-size: 8.333em; font-weight: 100; line-height: 0.6; text-transform: uppercase; letter-spacing: -8px; display: block; margin-bottom: 24px; } .header-slider-container .iosSlider .slider .item .slide-container .title strong {display: block;} .header-slider-container .iosSlider .slider .item .slide-container .slider-link { font-size: 1.25em; line-height: 1.6; padding: 8px 25px; color: #fff; background-color: #222; border-radius: 5px; font-weight: 600; display: inline-block; color: rgba(0,0,0,0.8); } .header-slider-container .iosSlider .slider .item .slide-container .slider-link:hover { background-color: #e64c3d; color: #fff; } .header-slider-container .iosSlider .slider .item .slide-container .subtitle { font-size: 2.5em; font-weight: 400; line-height: 1.1; text-transform: uppercase; letter-spacing: -2.4px; } .header-slider-container .iosSlider .slider .item .slide-container .title .subtitle { font-size: 0.3em; display: inline-block; vertical-align: middle; margin: -20px 0 0 9px; color: #222; } .header-slider-container .iosSlider .slider .item .slide-container .subtitle small { font-size: 0.6em; display: block; letter-spacing: -1.44px; } .header-slider-container .iosSlider .slider .item .slide-container .text { display: block; color: #222222; font-size: 1em; font-weight: 400; line-height: 1; text-transform: uppercase; letter-spacing: 1.2px; } .header-slider-container .iosSlider .slider .item .slide-container .text.color-1 { color: #fe3b8e; font-size: 4em; font-weight: 300; line-height: 1; text-transform: uppercase; letter-spacing: -4.8px; margin-bottom: 21px; } .cms-index-index .header-slider-wrapper, .cms-index-index .header-slider-wrapper > .container_12, .cms-index-index .main-container { padding-top: 0; padding-bottom: 0; } .fullwidth-slider .item { width: 100vw !important; height: 100vh !important; } /*Widget*/ .widget-title h1, .widget-title h2, .widget .widget-title h1, .widget .widget-title h2, header.rating-title h2 { color: rgba(0,0,0,0.8) !important; text-transform: none; text-align: left; font-weight: 700 !important; padding: 0; } .widget .widget-title h2, header.rating-title h2, .widget-title h2 { font-size: 2em !important; } .widget-title .left-divider, .widget-title .right-divider { display: none; } /*Posts*/ .widget-latest li .inner-wrapper > *, .text-blocks { font-family: 'Open Sans', sans-serif; } .widget-latest li .postContent p {font-size: 13px; line-height: 25px;} .widget-latest.slider-container .widget-slider li.item {width: calc(100% / 3);} .widget-latest li .inner-wrapper { border-radius: 6px; border: 1px solid rgba(0,0,0,0.1); overflow: hidden; position: relative; padding: 30px; } .widget-latest li .inner-wrapper .postContent p.truncated, .widget-latest li .inner-wrapper > *:not(.postContent) {z-index: 1; position: relative;} .widget-latest li .postContent p:not(.truncated) { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 0; padding: 0; } .widget-latest li .postContent p:not(.truncated) a img { position: absolute; left: 0; top: 0; bottom: auto; min-height: 100%; min-width: 100%; width: auto; } .widget-latest li .postContent p:not(.truncated) a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #2979ff; opacity: 0.9; } .widget-latest li:hover .postContent p:not(.truncated) a, .widget-latest li:hover .postContent p:not(.truncated) { opacity: 1; } .widget-latest li .postContent .truncated {margin-bottom: 1.3em; height: 4.84em;} .widget-latest li h3 {margin-bottom: 1.8em;} .widget-latest li .user {color: rgba(0,0,0,0.5); margin-bottom: 4em; padding-top: 0;} .widget-latest li h3 a {font-size: 18px; color: rgba(0,0,0,0.8); margin-bottom: 20px;} .widget-latest li .post-date {margin-bottom: 1.8em;} .widget-latest li .post-date, .widget-latest li .comments {color: rgba(0,0,0,0.5); display: block; margin-right: 0; width: 100%; padding: 0; border: none; float: none;} .widget-latest li .comments a {color: rgba(0,0,0,0.5);} .widget-latest li .postContent {border: none; display: block; width: 100%; font-size: 13px; color: rgba(0,0,0,0.5); line-height: 2;} .widget-latest li .info-box {border: none; padding: 0; margin: 0;} /*Footer*/ .cms-index-index #footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1; } #footer { border: none; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.08); } #footer .footer-bottom-wrapper, #footer .footer-bottom-wrapper .container_12 { background-color: rgba(255,255,255,0.8); } #footer .footer-topline p, #footer .footer-topline .footer-links li:before, #footer .footer-topline .custom-footer-content.features li > span p { color: rgba(0,0,0,0.5); } #footer .footer-bottom-wrapper li a, #footer .footer-bottom-wrapper li a:hover, #footer .footer-bottom-wrapper ul.links li a, #footer .footer-bottom-wrapper ul.links li a:hover { color: #888; } #footer .footer-bottom-wrapper .custom-footer-content.features li > span h3, #footer .footer-bottom-wrapper .custom-footer-content.features li > span p, #footer .footer-bottom-wrapper, #footer .footer-bottom-wrapper .contacts-footer-content label, #footer .footer-bottom-wrapper address { color: #666; } #footer .footer-bottom-wrapper .footer-links li a:hover, #footer .footer-bottom-wrapper ul.links li:after, #footer .footer-links li a:hover { background-color: rgba(0,0,0,0.06); } #footer .footer-links li:before { font-size: 1.6em; } body.boxed-layout #footer .footer-topline .container_12, body.wide-layout #footer .footer-topline .container_12 {padding-bottom: 2.7em;} body.boxed-layout #footer .footer-topline .container_12:last-of-type, body.wide-layout #footer .footer-topline .container_12:last-of-type {padding-top: 1.6em; padding-bottom: 1.6em;} #footer .footer-address-block p {font-size: 1.1em; line-height: 1.9em; font-weight: 400; margin-bottom: 0;} #footer .footer-address-block p a {color: inherit;} #footer .footer-topline .footer-contact-form .footer-block-title {margin-bottom: 1.7em;} #footer .footer-topline .footer-block-title {margin-bottom: 0.5em;} #footer .footer-topline .footer-block-title .right-divider {display: none;} #footer .footer-topline .footer-block-title h5 {color: rgba(0,0,0,0.8); font-size: 1.5em;} #footer ul.links li a {font-size: 1.09em; padding: 0.85em 0 0.85em 20px;} #footer ul.links li a:before {top: 0.75em;} #footer .footer-topline .footer-links ul li a, #footer ul.links li a {color: rgba(0,0,0,0.5);} #footer .contacts-footer-content label {display: none;} #footer .payments {display: inline-block; margin: 10px 0;} ul.social-links li a i {background-color: transparent; color: rgba(0,0,0,0.3); border-color: transparent;} ul.social-links li a i:hover {color: rgba(0,0,0,0.8);} #footer .footer-links li a {font-size: 1em; padding: 8px 13px;} body.boxed-layout #footer .footer-second-line > .container_12, body.wide-layout #footer .footer-second-line {padding-top: 1.75em; padding-bottom: 1.75em;} #footer .sbSelector {border-radius: 5px; font-size: 1em; padding: 10px 15px 9px;} #footer .footer-bottom-wrapper .sbSelector {color: #888; border-color: #888;} #footer address {font-size: 1em; line-height: 1.4em;} #footer .store-switcher {margin-top: 1em; margin-bottom: 1em;} /*Products*/ .std p.special-price {padding-left: 4px;} .products-grid.widget-grid li.item .product-container {margin: 0 10px;} .products-grid .price-box {border: none; display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 20px; padding-bottom: 0;} .special-price .price, .special-price .price-currency {font-size: 1.5em; font-weight: normal;} .products-list .old-price {top: 0;} .product-view .product-shop .old-price {line-height: 1;} .products-grid .add-to-links li i, .products-list .add-to-links li i {font-size: 1.18em;} .products-grid li.item .product-buttons button.button span span, .products-list li.item .button-holder button.button span span { padding: 0; float: none; margin-left: 10px; vertical-align: middle; position: relative; visibility: hidden; opacity: 0; transform-origin: left center; -webkit-transform-origin: left center; transition: width .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out, color .3s ease-in-out; } .products-grid .product-name a, .products-list .product-name a { color: rgba(0,0,0,0.8); } .products-grid li.item .product-buttons button.button, .products-grid li.item .product-buttons .button-holder, .products-list li.item .button-holder {padding: 0; display: block; width: 100%;} .products-grid li.item .product-buttons .button-holder, .products-list li.item .button-holder {padding-top: 1em;} .products-grid li.item .product-buttons button.button > span, .products-list li.item .button-holder button.button > span {width: 18px; transition: width .3s ease-in-out;} .products-grid:not(.grid-7-columns):not(.grid-8-columns) li.item:hover .product-buttons button.button > span {width: calc(100% - 27px);} .products-list li.item:hover .button-holder button.button > span {width: calc(100% - 8px);} .products-grid:not(.grid-7-columns):not(.grid-8-columns) li.item:hover .product-buttons button.button span span, .products-list li.item:hover .button-holder button.button span span { visibility: visible; opacity: 1; width: calc(100% - 25px); } .products-grid .minimal-price, .products-grid .minimal-price-link, .products-list .minimal-price, .products-list .minimal-price-link {display: block; float: none;} .products-grid.grid-7-columns .regular-price .price, .products-grid.grid-7-columns .regular-price .price-currency, .products-grid.grid-8-columns .regular-price .price, .products-grid.grid-8-columns .regular-price .price-currency, .products-grid.grid-7-columns .minimal-price-link .price, .products-grid.grid-7-columns .minimal-price .price, .products-grid.grid-8-columns .minimal-price-link .price, .products-grid.grid-8-columns .minimal-price .price { font-size: 1.5em; } .products-grid.grid-7-columns .price-box, .products-grid.grid-8-columns .price-box { padding-bottom: 1em; } .products-grid.grid-7-columns .ratings, .products-grid.grid-8-columns .ratings, .products-grid.grid-7-columns .label-new, .products-grid.grid-7-columns .label-sale, .products-grid.grid-8-columns .label-new, .products-grid.grid-8-columns .label-sale { display: none; } @-moz-document url-prefix() { .products-grid li.item .product-buttons button.button span, .products-list li.item .button-holder button.button span { line-height: 35px; } .products-grid li.item .product-buttons button.button:not(.btn-cart) span i, .products-list li.item .button-holder button.button:not(.btn-cart) span i { position: relative; top: -1px; } } .products-grid li.item .product-buttons button.button span, .products-list li.item .button-holder button.button span {padding: 0 11px; overflow: hidden;} .products-grid li.item .product-buttons button.button span i, .products-list li.item .button-holder button.button span i {display: inline-block; vertical-align: middle; font-size: 1.17em; transition-delay: 0s;} .products-list li.item .product-img-box, .products-grid li.item .product-img-box {border-radius: 5px; overflow: hidden;} .products-grid li.item {padding-bottom: 10px;} .products-grid li.item:before, .products-list li.item:before { content: ''; background-color: transparent; border: 1px solid rgba(0,0,0,0); position: absolute; left: 10px; top: 0; right: 10px; bottom: 0; -webkit-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0); box-shadow: 0px 6px 20px 0px rgba(0,0,0,0); transition: all .3s ease-in-out; border-radius: 6px; } .products-grid li.item:hover:before, .products-list li.item:hover:before { left: -10px; top: -20px; right: -10px; bottom: -10px; border: 1px solid rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08); box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08); background-color: #fff; } .products-grid li.item .product-container, .products-list li.item .product-shop { position: relative; } .products-list li.item {padding-bottom: 10px; margin-bottom: 11px;} .products-grid li.item:hover, .products-list li.item:hover {z-index: 10;} .products-list .product-name {margin-bottom: 0; padding-bottom: .75em; border-bottom: 1px solid #ddd;} .products-list .price-box {border: none; margin-bottom: 0; display: inline-block; vertical-align: middle; width: auto; margin-right: 20px;} .products-list .configurable-swatch-list {margin-bottom: 0em; margin-top: 1em;} .quick-view-holder .btn-quick-view span, .ajax-media-button-holder {border-radius: 0;} .products-list .desc {padding-top: 1em; border-top: 1px solid #ddd;} .category-products .products-grid {overflow: visible !important;} .products-grid .configurable-swatch-list .swatch-link.has-image, .products-grid .swatch-current .swatch-link.has-image, .products-list .configurable-swatch-list .swatch-link.has-image, .products-list .swatch-current .swatch-link.has-image {border-radius: 50%;} .products-grid .configurable-swatch-list .swatch-link, .products-grid .swatch-current .swatch-link {margin-right: 5px;} .products-grid ~ .toolbar-bottom {margin-top: 1em;} .products-grid.grid-5-columns .ajax-media-button-holder .ajax-media span span, .products-grid.grid-5-columns .btn-quick-view span span span, .products-grid.grid-6-columns .ajax-media-button-holder .ajax-media span span, .products-grid.grid-6-columns .btn-quick-view span span span, .products-grid.grid-7-columns .ajax-media-button-holder .ajax-media span span, .products-grid.grid-7-columns .btn-quick-view span span span, .products-grid.grid-8-columns .ajax-media-button-holder .ajax-media span span, .products-grid.grid-8-columns .btn-quick-view span span span { display: none; } /*Pagination*/ .pages li.current span, .pages li a, .pager .pages li a.i-previous, .pager .pages li a.i-next { width: 38px; height: 38px; padding: 0; line-height: 40px; border-radius: 0; border: 1px solid rgba(0,0,0,0.1); display: block; margin: 0; } .pages ol li.current:not(:first-child) span, .pages ol li:not(:first-child) a, .pages li.i-previous-item + li a, .pages li.i-previous-item + li.current span { border-width: 1px 1px 1px 0; } .pages li.current span { background-color: rgba(0,0,0,0.06); color: #000; } .pages li { width: auto; height: 40px; border: none; } .pages li.i-previous-item, .pages li.i-next-item {width: auto;} .pager .pages li a.i-next {border-left: none;} .pager .pages li a.i-next {border-radius: 0 6px 6px 0;} .pager .pages li a.i-previous {border-radius: 6px 0 0 6px;} .pager .pages li a.i-previous i, .pager .pages li a.i-next i {font-size: inherit; line-height: inherit; color: inherit;} .pages li:hover a, .pager .pages li:hover a.i-previous, .pager .pages li:hover a.i-next {background-color: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.1);} /*Category Page*/ .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6, .catalogsearch-advanced-result .page-title h1, .catalogsearch-result-index .page-title h1, .category-title h1 {font-size: 2.5em; color: rgba(0,0,0,0.8); line-height: 1.5; letter-spacing: -.2px; font-weight: 600; margin-bottom: 0.9em;} .page-title, .catalogsearch-advanced-result .page-title, .catalogsearch-result-index .page-title, .category-title {border-bottom-width: 0; margin-bottom: 0;} .page-title .amount {color: rgba(0,0,0,0.5); margin-top: 1em;} .products-list .ratings {margin-bottom: 0; margin-top: 1.1em;} .products-list .timer-box {margin-bottom: 0; margin-top: 1.1em;} .toolbar {border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1.2em;} .toolbar-bottom .toolbar {border-bottom: none; padding-bottom: 0;} .sorter .sort-by label {color: rgba(0,0,0,0.5); text-transform: none; font-size: 1.09em;} .toolbar .sbSelector > span.text {color: rgba(0,0,0,0.5); text-transform: none; font-size: 1.09em;} .toolbar .sbSelector {background-color: rgba(0,0,0,0.06); border: none; border-radius: 5px; padding-top: 9px; padding-bottom: 9px;} .sorter a.asc i, .sorter a.desc i {border-radius: 50%; margin-top: 3px;} .toolbar .view-mode a {background-color: transparent; border: 1px solid transparent; border-radius: 3px;} .toolbar .view-mode a:hover {border-color: rgba(0,0,0,0.2);} .sorter .view-mode a:hover i {background-color: transparent; color: rgba(0,0,0,0.8);} .sorter .view-mode a i {color: rgba(0,0,0,0.33); width: 32px; height: 32px; line-height: 33px;} .sorter .view-mode strong {background-color: transparent; border: 1px solid rgba(0,0,0,0.2); border-radius: 4px; } .sorter .view-mode strong i {color: rgba(0,0,0,0.8); background-color: transparent; width: 32px; height: 32px; line-height: 33px;} .sorter .view-mode a + strong, .sorter .view-mode strong + a {margin-left: 10px;} .toolbar .sidebar-button {border-radius: 4px; float: none; display: inline-block; vertical-align: middle;} .toolbar .sidebar-button, .sorter .view-mode {margin-bottom: 0.5em; margin-top: 4px;} .sorter .sort-by {float: right; margin-left: 10px; margin-bottom: 0.5em;} .sorter .limiter {margin-top: 7px; margin-bottom: 0.5em;} body.sidebar-right .col2-left-layout aside.sidebar, .col2-right-layout aside.sidebar.sidebar-right {border-left: 1px solid rgba(0,0,0,0.1);} body.sidebar-left .col2-left-layout aside.sidebar, .col2-left-layout aside.sidebar.sidebar-left {border-right: 1px solid rgba(0,0,0,0.1);} aside.sidebar .block .block-title {margin-bottom: 1.9em;} .left-divider, .right-divider {display: none;} aside.sidebar .block-title strong span {font-size: 1.5em; line-height: 1.4em; color: rgba(0,0,0,0.8);} aside.sidebar .block-tags li {margin: 0 4px 4px 0;} aside.sidebar .block-tags li a {color: #888; font-size: 1.25em !important; padding-left: 15px; padding-right: 15px;} aside.sidebar .actions {text-align: left; border-top: none;} aside.sidebar .product-name a {color: rgba(0,0,0,0.5); font-size: 1.25em;} .block-compare li.item a {padding: 0.57em 0;} .block-compare li.item .btn-remove {margin-top: 7px;} .block-compare .block-title a.remove {float: right; display: inline-block; vertical-align: middle; font-size: 1.2em; color: rgba(0,0,0,0.5); text-transform: lowercase;} .block-compare .block-title a.remove i {margin-left: 5px; color: inherit; transition-duration: 0s; position: relative; top: 2px;} .block-compare .block-title a.remove:hover {color: #e64c3d;} aside.sidebar .block:not(:last-of-type) {border-bottom: 1px solid rgba(0,0,0,0.1);} aside.sidebar .block {margin-bottom: 2.8em; padding-bottom: 2.5em;} aside.sidebar .actions {padding-top: 1.4em;} aside.sidebar .block-title strong {padding: 0 3px;} .block-subscribe .form-subscribe-header label {color: rgba(0,0,0,0.5); font-size: 1.25em; line-height: 1.5;} .block-subscribe .input-box {margin-bottom: 0.5em;} aside.sidebar .block.block-wishlist .block-content .block-subtitle {text-align: left;} aside.sidebar .block.block-layered-nav dl dt h2, .block-layered-nav dl#narrow-by-list2 dt h2 {padding-left: 0; color: rgba(0,0,0,0.8); font-size: 1.5em; } aside.sidebar .block.block-layered-nav {background-color: transparent; padding: 0 0 2.5em;} aside.sidebar .block.block-layered-nav .ui-slider .ui-slider-handle {border-color: #aaa; background-color: #444;} .product-options .configurable-swatch-list .swatch-link.has-image, .configurable-swatch-list .swatch-link.has-image .swatch-label {border-radius: 50%; overflow: hidden;} .configurable-swatch-list li:not(:last-of-type) {margin-right: 10px;} body aside.sidebar .block.block-layered-nav .block-content dd .configurable-swatch-list li a {padding-right: 6px; margin: 0 2px;} .block.block-layered-nav .block-content dd .configurable-swatch-list li {margin: 2px 0 8px;} .configurable-swatch-list .swatch-link:not(.has-image) .swatch-label, .block-layered-nav dd .swatch-link:not(.has-image) .swatch-label {padding: 10px 16px; border-radius: 0; border: none;} .product-options .configurable-swatch-list .swatch-link:not(.has-image), .product-options .configurable-swatch-list .swatch-link:not(.has-image) .swatch-label {height: auto !important; min-width: auto !important; line-height: 20px !important; border-radius: 0;} .product-options .configurable-swatch-list .swatch-link:not(.has-image) {margin-top: 2px; margin-bottom: 8px;} .product-options .configurable-swatch-list .swatch-link:hover {box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); color: #444;} .block-layered-nav dd .swatch-link:not(.has-image) .swatch-label:not(:hover) {box-shadow: none;} aside.sidebar .block.block-layered-nav dl dd li .filter-qty {background-color: rgba(0,0,0,0.06); color: rgba(0,0,0,0.5);} aside.sidebar .block.block-layered-nav dl dd li {margin: 0; padding: 0 10px;} aside.sidebar .block.block-layered-nav #amount, aside.sidebar .block.block-layered-nav #amount-2 {color: rgba(0,0,0,0.5);} aside.sidebar .block.block-layered-nav dl dt {margin-bottom: 1.9em;} aside.sidebar .block.block-layered-nav dl dd:not(:last-of-type) {border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 2.5em;} aside.sidebar .block.block-layered-nav #slider-range {margin-top: 2.2em;} .block-vertical-nav li.level-top a.level-top {color: rgba(0,0,0,0.5);} .block-wishlist .prev {left: auto; right: 20px; top: 2px;} .block-wishlist .next {top: 2px; right: 0; margin-right: 0;} aside.sidebar .block.block-wishlist .block-content {margin-top: 1em;} aside.sidebar .block.block-related {margin-bottom: 0; border-bottom: none; padding-bottom: 1.5em;} aside.sidebar .block-related .block-content {position: static;} aside.sidebar .block-related .block-content .block-subtitle {top: 0; padding: 4px 9px;} aside.sidebar .block-related .block-title {margin-bottom: 0.5em;} aside .block-related .block-content {padding-top: 30px;} aside .block-related .block-content .product-name {position: relative;} aside .block-related .prev, aside .block-related .next {top: 30px;} nav.breadcrumbs {margin-top: 0; margin-bottom: 1.3em;} nav.breadcrumbs li a:hover span { color: #e64c3d; } nav.breadcrumbs li strong {font-weight: normal; font-size: 1.1em;} nav.breadcrumbs li a {font-size: 1.1em;} .category-banner { position: relative; margin-bottom: 1.7em; } .category-banner a { border-radius: 6px; overflow: hidden; display: block; } .category-banner a picture {display: block;} .category-banner .category-banner-content { position: absolute; top: 40%; left: auto; right: 11%; } .category-banner .category-banner-content .title {display: block; font-size: 2em; line-height: 1.25em; color: rgba(0,0,0,0.8); font-weight: 300;} .category-banner .category-banner-content .title strong {display: block;} .category-banner .category-banner-content .category-banner-link { font-size: 1.25em; line-height: 1.6; padding: 8px 25px; background-color: #2979ff; border-radius: 5px; font-weight: 600; display: inline-block; color: rgba(0,0,0,0.8); margin-top: 1.5em; } .category-banner .category-banner-content .category-banner-link:hover {background-color: #e64c3d; color: #fff;} .block-compare .block-title a.remove {padding-top: 5px;} /*Product Page*/ /*Reviews*/ header.rating-title {display: none;} .product-view .product-prev, .product-view .product-next { top: 0.4em; } .catalog-product-view .box-reviews .rating-subtitle .left-divider, .catalog-product-view .box-reviews .rating-subtitle .right-divider {display: none;} .catalog-product-view .box-reviews .rating-subtitle {margin-bottom: 0.5em;} .catalog-product-view .box-reviews .rating-subtitle h2 { font-size: 2em; color: rgba(0,0,0,0.8); text-transform: none; letter-spacing: -.2px; font-weight: bold; } .catalog-product-view .box-reviews { font-size: 1.1em; line-height: 1.8em; } .catalog-product-view .box-reviews .actions {border-top: none;} .catalog-product-view .box-reviews ul li { border-radius: 6px; border: 1px solid rgba(0,0,0,0.1); width: calc(100% - 5.2em); padding: 1.75em 2.5em 2.5em; text-align: center; } .catalog-product-view .box-reviews .review { border: none; padding: 0; width: 100%; } .catalog-product-view .box-reviews.full-table #review-form {width: 37.6%;} .catalog-product-view .box-reviews.full-table fieldset, .catalog-product-view .box-reviews.full-table .review-fields {width: 100%;} .catalog-product-view .box-reviews .ratings-table {width: 100%; margin: 0 0 1.5em;} .ratings-table th {display: none;} .ratings-table td { display: block; width: 100%; text-align: center; } .ratings-table .rating-box {width: auto; height: auto;} .ratings-table .rating-box span {color: #ffd33c; height: 100%;} .ratings-table .rating-box i {margin-right: 8px; font-size: 18px;} .catalog-product-view .box-reviews .actions {text-align: left;} .more-views li a {width: 139px;} .catalog-product-view .quantity-wrapper { margin: 0; display: inline-block; vertical-align: middle; position: relative; text-align: left; margin-right: 20px; } .catalog-product-view .item-options + .quantity-wrapper { border-left: 1px solid rgba(0,0,0,0.1); padding-left: 15px; } .catalog-product-view .quantity-wrapper .toggle-btn { display: inline-block; font-size: 13px; color: rgba(0,0,0,0.5); cursor: pointer; border: 1px solid rgba(0,0,0,0.1); background-color: #f5f5f5; height: 48px; line-height: 48px; padding: 0 15px; min-width: 80px; } .catalog-product-view .quantity-wrapper .toggle-btn strong { margin: 0 5px 0 3px; font-weight: bold; } .catalog-product-view .quantity-wrapper .toggle-btn .caret { position: absolute; right: 15px; top: 50%; margin-top: -2px; border-top: 4px dashed #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; } .catalog-product-view .quantity-wrapper .dropdown-wrapper { display: none; position: absolute; top: 100%; left: 5px; width: 150px; margin-top: 5px; background-color: #fff; border: 1px solid rgba(0,0,0,0.1); padding: 10px; z-index: 20; white-space: nowrap; } .catalog-product-view .quantity-wrapper input { border-color: transparent; background-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.8); border-radius: 0; } .catalog-product-view .quantity-wrapper .btn-qty i { background-color: rgba(0,0,0,0.08); height: 40px; line-height: 40px; } .catalog-product-view .quantity-wrapper .btn-qty i:hover { background-color: rgba(0, 0, 0, 0.1); color: #111; } .catalog-product-view .quantity-wrapper .btn-qty.quantity-increase i { border-radius: 0 4px 4px 0; } .catalog-product-view .quantity-wrapper .btn-qty.quantity-decrease i { border-radius: 4px 0 0 4px; } /* Ratings */ .catalog-product-view .box-reviews .data-table {margin-top: 0; margin-bottom: 0;} .box-reviews .rating-block #product-review-table .item { padding: 10px 0; } .box-reviews .rating-block #product-review-table .item:first-of-type {padding-top: 0;} .box-reviews .rating-block #product-review-table .item:last-of-type {padding-bottom: 5px;} .box-reviews .rating-block .rating-values { font-family: inherit; font-size: 13px; color: #aaa; line-height: 1.5em; position: relative; top: 2px; margin-left: 10px; } .box-reviews .rating-block .stars-wrapper .value { float: left; cursor: pointer; line-height: 1; margin-left: 2px; } body.apple-device .box-reviews .rating-block .stars-wrapper .value { margin-left: 7px; } .box-reviews .rating-block .top-block { display: none; } .box-reviews .rating-block .stars-wrapper .value:first-child { margin-left: 0; } .box-reviews .rating-block .stars-wrapper .value i { position: relative; z-index: 4; font-size: 32px; color: #ddd; font-style: normal; } body.apple-device .box-reviews .rating-block .stars-wrapper .value i { font-size: 21px; } .box-reviews .rating-block .stars-wrapper .value i.active { color: #ffd34b; } .box-reviews .rating-block .stars-wrapper .value input { display: none; } .box-reviews .stars-wrapper, .box-reviews .rating-values { display: inline-block; vertical-align: middle; } .customer-rating .stars-wrapper { display: block; } /*end Ratings*/ .catalog-product-view .box-reviews ul li h6 { font-size: inherit; line-height: inherit; text-transform: uppercase; color: rgba(0,0,0,0.8); font-weight: 600; margin-bottom: 5px; } .catalog-product-view .box-reviews .review-txt { font-size: inherit; line-height: inherit; color: rgba(0,0,0,0.5); } .catalog-product-view .box-reviews .author { display: block; font-size: inherit; line-height: inherit; color: rgba(0,0,0,0.8); margin-top: 3px; margin-bottom: 2px; } .catalog-product-view .box-reviews .date { display: block; font-size: inherit; line-height: inherit; color: rgba(0,0,0,0.3); } .catalog-product-view .box-reviews .form-list label {display: none;} .catalog-product-view .box-reviews .form-list .field {width: 100%;} .catalog-product-view .box-reviews ul.form-list li, .catalog-product-view .box-reviews .form-list .field:first-child {margin-bottom: 20px; width: 100%;} .catalog-product-view #review-form {padding: 1.8em 2.5em 2.5em; border: 1px solid rgba(0,0,0,0.1); border-radius: 6px;} .catalog-product-view .box-reviews .form-add h3 {display: none;} .catalog-product-view .box-reviews .form-add .form-list textarea {height: 110px; padding-top: 9px; padding-left: 14px;} .catalog-product-view .box-reviews .form-add .form-list input {padding-left: 14px;} .catalog-product-view .box-reviews .form-add .form-list li {border: none;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea {color: rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.1);} .customer-rating .item .rating-title { display: inline-block; font-family: inherit; color: rgba(0,0,0,0.3); font-size: 11px; font-weight: 400; } .customer-rating .item .rating-values { display: inline-block; font-size: 1em; color: #666; line-height: 1.5em; display: none; } .customer-rating .item .rating-text-wrapper { display: inline-block; vertical-align: middle; } .customer-rating .item .rating-box { margin-right: 0; margin-bottom: 0; font-size: 24px; line-height: 21px; top: 0; width: auto; height: auto; } .customer-rating .item .rating-box i { margin-right: 1px; font-size: 24px; width: 24px; line-height: 24px; } .customer-rating .item .rating-box i:nth-child(5n) {margin-right: 0;} .customer-rating .item .rating-box .rating {color: #ffd34b; position: absolute; overflow: hidden; top: 0; left: 0; height: 23px;} .customer-rating .item .rating-box .rating i:nth-child(2n) {left: 25px;} .customer-rating .item .rating-box .rating i:nth-child(3n) {left: 50px;} .customer-rating .item .rating-box .rating i:nth-child(4n) {left: 75px;} .customer-rating .item .rating-box .rating i:nth-child(5n) {left: 100px;} /*Product Sidebar Widgets*/ .sidebar .widget .features { margin-bottom: 2.5em; } .sidebar .widget .features i { font-size: 1.16em; color: rgba(0,0,0,0.8); width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; border: solid 1px #2979ff; background-color: #2979ff; display: inline-block; margin-right: 15px; } .sidebar .widget .features li {margin-bottom: 1.5em;} .sidebar .widget .features li > div {display: inline-block; width: calc(100% - 55px);} .sidebar .widget .features li > div h3 {font-size: 1.333em; color: rgba(0,0,0,0.8); font-weight: 400; line-height: 1.5em; margin-bottom: 5px;} .sidebar .widget .features li > div p {color: rgba(0,0,0,0.5); font-size: 1.1em; line-height: 1.8em;} .sidebar-banner {position: relative; margin-bottom: 20px;} .sidebar-banner a {display: block;} .sidebar-banner a img {border-radius: 5px; width: 100%;} .sidebar-banner .sidebar-banner-content { position: absolute; display: block; top: 30px; left: 30px; right: 30px; color: rgba(0,0,0,0.8); } .sidebar-banner .sidebar-banner-content .title { font-size: 24px; line-height: 1.25; font-weight: 200; display: inline-block; } .sidebar-banner .sidebar-banner-content .subtitle { font-size: 13px; line-height: 20px; text-transform: uppercase; font-weight: 600; } .sidebar-banner.one .sidebar-banner-content {bottom: 30px;} .sidebar-banner:not(.two) .sidebar-banner-content .subtitle, .sidebar-banner:not(.two) .sidebar-banner-content .text { color: rgba(0,0,0,0.3); float: right; font-size: 16px; line-height: 1; } .sidebar-banner:not(.two) .sidebar-banner-content .subtitle { position: relative; top: 5px; } .sidebar-banner:not(.two) .sidebar-banner-content .text { float: none; position: absolute; right: 0; bottom: 0; text-transform: uppercase; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .sidebar-banner:not(.two) .sidebar-banner-content .text span { position: absolute; white-space: nowrap; transform: translate(0, -100%); left: 0; top: 0; } .sidebar-banner.three .sidebar-banner-content {bottom: 100px;} .sidebar-banner.two .sidebar-banner-content .price-wrapper {float: right; display: inline-block; font-weight: 700;} .sidebar-banner.two .sidebar-banner-content .price-wrapper .price {font-size: 24px; line-height: 16px; font-weight: inherit;} .sidebar-banner.two .sidebar-banner-content .price-wrapper .currency { font-size: 12px; vertical-align: top; display: inline-block; line-height: 1; font-weight: inherit; } .sidebar-banner.two .sidebar-banner-content .sale-wrapper {float: right; text-align: right;} .sidebar-banner.two .sidebar-banner-content .sale-wrapper .sale {font-size: 24px; line-height: 25px; font-weight: 700; display: block;} .sidebar-banner.two .sidebar-banner-content .sale-wrapper .label {text-transform: uppercase; font-size: 12px; line-height: 1; font-weight: 600;} .sidebar-banner.two .sidebar-banner-content .title { color: #e64c3d; display: block; text-align: center; width: 100%; padding-top: 2.4em; text-transform: uppercase; } .sidebar-banner.two .sidebar-banner-content .title strong {font-weight: 900;} .sidebar-banner.two .sidebar-banner-content .subtitle {position: static; display: inline-block;} .swatch-current .swatch-link img, .swatch-current .swatch-link {border-radius: 50%;} aside.sidebar .block.block-layered-nav .currently li {position: relative; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 5px;} aside.sidebar .block.block-layered-nav ol li a.btn-remove { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } aside.sidebar .block.block-layered-nav .currently + .actions { margin-top: 0; } /*Product Shop*/ .product-view .product-shop .sku { display: inline-block; vertical-align: middle; font-weight: normal; color: rgba(0,0,0,0.5); font-size: 1.083em; margin-bottom: 1.5em; margin-right: 12px; } .product-view .product-shop .sku-rating-blodk .ratings { display: inline-block; vertical-align: middle; margin-top: -4px; } .product-view .product-shop .product-name h1 { font-size: 2.5em; color: rgba(0,0,0,0.8); letter-spacing: 0; } .product-view .product-name.no-rel { border-bottom: none; margin-bottom: 0; padding-bottom: 1.16em; } .product-view .product-shop .ratings { border-bottom: none; margin-bottom: 0; } .rating-box {width: auto; height: auto; margin-right: 10px; top: 1px;} .rating-box span {height: 100%;} .rating-box i {font-size: 14px; margin-right: 2px;} .ratings .rating-links a { color: rgba(0,0,0,0.8); font-size: 1.2em; vertical-align: middle; } .ratings .rating-links .separator { font-size: 0; margin: 0 7px; display: inline-block; vertical-align: middle; } .ratings .rating-links .separator:after { content: ''; width: 1px; height: 20px; background-color: rgba(0,0,0,0.15); display: inline-block; } .product-view .product-shop .price-block { margin-bottom: 0; border-bottom: none; } .product-view .product-shop .price-box { vertical-align: middle; } .product-view .product-shop .price-box .price, .product-view .product-shop .price-box .price-currency { font-size: 2.5em; line-height: 1em; } .main-container[class*=col2-] .product-options-bottom .add-to-cart.with-qty { width: 100%; padding-bottom: 10px; } .product-options-bottom .timer-wrapper { padding-top: 0; padding-left: 0; padding-right: 0; width: 100%; } .product-view .product-shop .price-box .old-price .price { font-size: 1.167em; } .product-view .product-shop .availability { float: none; font-size: 0; min-height: 0; line-height: 1; margin-left: 20px; } .product-view .product-shop .availability span { font-size: 11px; line-height: 1; letter-spacing: 0.8px; text-transform: uppercase; font-weight: bold; } .product-view .product-shop .short-description { padding-bottom: 0; font-size: 1.083em; line-height: 1.8; border-bottom: solid 1px #ddd; } .product-view .product-shop .short-description p { color: rgba(0,0,0,0.8); line-height: 1.9em; } .product-options { border: none; padding: 0; } .col1-layout .product-shop .product-options-bottom { max-width: 610px; } .product-options .product-options-title {display: none;} .product-options .product-options-title h2 { text-transform: none; color: rgba(0,0,0,0.8); font-size: 1.083em; } .product-options label { font-size: 1.083em; color: rgba(0,0,0,0.8); margin-bottom: 0.75em; display: inline-block; } .product-options label span { color: rgba(0,0,0,0.5); } .product-options label em { color: #f71616; margin-right: 2px; } .product-options select.super-attribute-select, .product-options select.product-custom-option { height: 40px; } .product-options dd { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom: solid 1px #ddd; } .product-shop .product-options-bottom { background-color: transparent; border: none; padding: 0 0 1.2em; margin-bottom: 0; } .old-price .price { color: rgba(0,0,0,0.3); font-weight: 400; } .product-view .product-shop .product-options-bottom .price-box {margin-bottom: 2em !important;} input.qty {height: 50px; width: 50px; border: none; border-radius: 0; background-color: rgba(0,0,0,0.06); font-size: 1.35em; margin: 0;} div.quantity-decrease, div.quantity-increase {height: 48px; width: 48px; border: 1px solid rgba(0,0,0,0.1); text-align: center;} div.quantity-decrease i, div.quantity-increase i {line-height: 50px; width: 100%;} div.quantity-decrease {border-radius: 6px 0 0 6px;} div.quantity-increase {border-radius: 0 6px 6px 0; margin-right: 0;} table div.quantity-decrease, table div.quantity-increase {height: 33px; width: 20px;} .cart-table .quantity-box {width: 80px; padding-top: 5px;} table div.quantity-decrease i, table div.quantity-increase i {line-height: 35px; font-size: 1em;} table input.qty {height: 35px; width: 35px; line-height: 35px; font-size: 1.1em;} .add-to-cart .quantity-wrapper + button.button {float: none; display: inline-block;vertical-align: middle;} .add-to-cart button.button > span { width: 100%; border-radius: 0; } .add-to-cart button.button > span span { width: calc(100% - 36px); text-transform: uppercase; font-size: 1.333em; font-weight: 300; } .product-options-bottom .add-to-cart {margin-right: 7px;} .product-options-bottom .add-to-links a, .product-options-bottom p.email-friend a { margin-right: 10px; width: 50px; height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.06); border-radius: 50%; display: inline-block; vertical-align: middle; text-align: center; color: #aaa; } .product-options-bottom p.email-friend a {margin-right: 0;} .product-options-bottom .add-to-links i, .product-options-bottom p.email-friend a i { margin-right: 0; color: inherit; transition-duration: 0s; } .product-options-bottom .add-to-links i:hover { color: inherit; } .product-options-bottom .add-to-links a:hover, .product-options-bottom p.email-friend a:hover { background-color: rgba(0,0,0,0.2); color: rgba(0,0,0,0.8); } .product-view .additional-information {padding-bottom: 0.9em;} .product-view .additional-information li, .product-view .additional-information li a { color: rgba(0,0,0,0.8); line-height: 30px; font-size: 1.1em; } .product-view .additional-information i, .product-view .additional-information a i { font-size: 14px; color: #4caf50; opacity: 0.8; margin-right: 10px; display: inline-block; vertical-align: middle; position: relative; top: -1px; } .product-view .product-custom .twitter-share-button {min-width: 70px !important; width: 70px !important;} .product-options .price-notice, .product-options .price-notice .price {font-size: 1.1em; color: rgba(0,0,0,0.8); line-height: 1.3; font-weight: bold;} .product-options input.checkbox + .label label {font-size: 1.1em; line-height: 1.7;} .product-options input.checkbox + .label {padding-top: 5px;} .product-options .options-list input.checkbox {margin-top: 8px;} .product-essential {padding-bottom: 1em;} .meigee-tabs { border-radius: 6px 6px 0 0; border: 1px solid rgba(0,0,0,0.1); border-width: 1px 1px 0 1px; width: calc(100% - 2px); } .meigee-tabs li { background-color: #fff; border: none; margin: 0 0 1px; transition: background-color .8s ease, border .5s ease; -moz-transition: background-color .8s ease, border .5s ease; -webkit-transition: background-color .8s ease, border .5s ease; -o-transition: background-color .8s ease, border .5s ease; } .meigee-tabs li.active + li {border-left-color: rgba(0,0,0,0.04);} .vertical .meigee-tabs {border-radius: 0;} .vertical .meigee-tabs li.active + li, .vertical .meigee-tabs li:not(.first) {border: none;} .meigee-tabs li.active + li:hover {border-left-color: rgba(0,0,0,0.1);} .meigee-tabs li:not(.first) { border-left: 1px solid rgba(0,0,0,0.1); } .meigee-tabs a { color: rgba(0,0,0,0.5); text-transform: none; padding: 0.9em 25px; font-size: 1.25em; } .meigee-tabs .active a, .meigee-tabs li:hover a { background-color: rgba(0,0,0,0.04); color: rgba(0,0,0,0.8); } .meigee-tabs-content { border-radius: 0 0 6px 6px; border-color: rgba(0,0,0,0.1); } .meigee-tabs-content .box-collateral { color: rgba(0,0,0,0.5); font-size: 1.1em; line-height: 2.28em; } .meigee-tabs-content .description, .meigee-tabs-content .additional-info { display: inline-block; float: none; } #product-attribute-specs-table.data-table th {color: rgba(0,0,0,0.5); border-width: 1px 0 1px 0; padding-top: 5px; padding-bottom: 5px; } #product-attribute-specs-table.data-table td {color: rgba(0,0,0,0.8); border-width: 1px 0 1px 0; padding-top: 5px; padding-bottom: 5px;} #product-attribute-specs-table.data-table tr.first th, #product-attribute-specs-table.data-table tr.first td {border-top: none;} #product-attribute-specs-table.data-table tr.last th, #product-attribute-specs-table.data-table tr.last td {border-bottom: none;} #product-attribute-specs-table.data-table tr.odd {background-color: rgba(0,0,0,0.04);} .related-wrapper-bottom .block-related .block-title strong span { font-size: 2em; text-transform: none; color: rgba(0,0,0,0.8); letter-spacing: -.2px; font-weight: bold; } .block-related .block-content .block-subtitle { position: absolute; right: 0; top: 4px; left: auto; } .block-related .product .product-details .price-box {margin-top: .5em;} #footer button.button {background-color: transparent;} @media only screen and (min-width: 1375px) { body.boxed-layout .container_12, body.wide-layout .container_12 {padding-left: 60px; padding-right: 60px;} body.sidebar-right .col2-left-layout aside.sidebar, .col2-right-layout aside.sidebar.sidebar-right {padding-left: 20px;} body.sidebar-right .col2-left-layout .col-main, .col2-right-layout .col-main {padding-right: 20px;} body.sidebar-left .col2-left-layout aside.sidebar, .col2-left-layout aside.sidebar.sidebar-left {padding-right: 20px;} body.sidebar-left .col2-left-layout .col-main, .col2-left-layout .col-main {padding-left: 20px;} } @media only screen and (min-width: 978px) { } @media only screen and (min-width: 1008px) and (max-width: 1374px) { .header-slider-container .iosSlider .slider .item .slide-container.slide-skin, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {top: 17%;} .nav-container li.level-top > a span {padding-left: 15px; padding-right: 15px;} .top-banner .top-banner-content {top: 22%;} aside.sidebar .block-subscribe .actions button span {width: 100%; margin: 0;} aside.sidebar .block-subscribe .actions {padding-top: 0;} .catalog-product-view .box-reviews ul li {width: calc(100% - 4.2em); padding: 1.75em 2em 2em;} .top-banner {margin: 0;} .sidebar .widget .features li > div {width: calc(100% - 55px);} .sidebar-banner.one .sidebar-banner-content, .sidebar-banner .sidebar-banner-content {top: 15px; left: 15px; right: 15px; bottom: 15px;} aside.sidebar .block-related .block-content .block-subtitle {top: 30px; left: 0; right: auto;} aside .block-related .block-content {padding-top: 35px;} } @media only screen and (min-width: 768px) and (max-width: 1007px) { body.wide-layout header#header > .container_12, body.boxed-layout header#header > .container_12 {padding-top: 1.3em; padding-bottom: 1.3em;} header#header h2.logo, header#header h2.small_logo {width: calc(100% / 3); display: inline-block; margin: 0;} header#header h2.logo a, header#header h2.small_logo a {display: inline-block; padding-right: 20px;} .top-banner .top-banner-content .title {font-size: 0.95em;} .top-banner .top-banner-content .top-banner-link {padding: 5px 15px; font-size: 0.95em;} .top-banner .top-banner-content {top: 18%;} .top-banner .top-banner-content .title {letter-spacing: 0.4px;} .menu-button {margin: 1em 0 1em 15px;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {top: 17%;} .main-column, .sidebar-banners {width: 100% !important;} .sidebar-banners .text-banner { display: inline-block; width: calc((100% - 40px) / 3); margin-top: 20px; margin-bottom: 20px; } .sidebar-banners .text-banner.four {margin-left: 20px; margin-right: 20px;} .sidebar-banners hr.white-space {display: none;} .text-banner .text-banner-content {top: 15px; left: 15px; right: 15px;} .text-banner.one .text-banner-content, .text-banner.two .text-banner-content {left: 25px; right: 25px;} .text-banner.two .text-banner-content, .text-banner.three .text-banner-content, .text-banner.five .text-banner-content {bottom: 15px;} .widget-latest li .user {margin-bottom: 2em;} .widget-latest li .inner-wrapper {padding: 20px;} .widget-latest li h3 {margin-bottom: 1.2em;} .text-blocks li.item {width: 50%;} .text-blocks li.item:nth-child(3n), .text-blocks li.item:nth-child(4n) {padding-top: 10px;} .text-banner .text-banner-content .title {font-size: 20px;} .text-banner .text-banner-content .banner-link {padding: 7px 15px;} aside.sidebar .block-subscribe .actions button span {width: 100%;} aside.sidebar .block-subscribe .actions {padding-top: 0;} aside.sidebar .block.block-layered-nav dl dt h2, .block-layered-nav dl#narrow-by-list2 dt h2 {font-size: 1em;} .category-banner .category-banner-content {top: 33%; right: 5%;} .category-banner .category-banner-content .title {font-size: 1.7em;} .category-banner .category-banner-content .category-banner-link {margin-top: 1.1em;} .block-compare .block-title a.remove {padding-top: 0; margin-top: -2px;} aside.sidebar .block-related .block-content .block-subtitle {top: 25px; left: 0; right: auto;} aside .block-related .block-content {padding-top: 40px;} aside .block-related .next {right: 25px;} aside .block-related .prev {left: auto; margin-left: 0; right: 25px;} .catalog-product-view .box-reviews ul li {width: calc(100% - 4.2em); padding: 1.75em 2em 2em;} .catalog-product-view #review-form {padding: 1.5em;} .sidebar .widget .features li > div {width: 100%;} .sidebar .widget .features li {text-align: center;} .sidebar .widget .features i {margin-right: 0; margin-bottom: 15px;} .sidebar-banner.one .sidebar-banner-content, .sidebar-banner .sidebar-banner-content {top: 15px; left: 15px; right: 15px; bottom: 15px;} .sidebar-banner .sidebar-banner-content .title {font-size: 16px;} .sidebar-banner:not(.two) .sidebar-banner-content .subtitle, .sidebar-banner:not(.two) .sidebar-banner-content .text {font-size: 12px;} .sidebar-banner.three .sidebar-banner-content {bottom: 58px;} .block-wishlist .next, .block-wishlist .prev {top: 0;} .main-container[class*="col2-"] .add-to-cart .quantity-increase + button.button {width: 100%;} .meigee-tabs a {font-size: 1.1em; padding: 0.9em 13px;} .meigee-tabs-content .box-collateral {font-size: 1em;} .main-container[class*="col2-"] .product-options-bottom .add-to-cart {width: 100%; margin-bottom: 10px;} .meigee-tabs-content .description, .meigee-tabs-content .additional-info { display: block; float: none; width: 100% !important; } } @media only screen and (max-width: 767px) { body.wide-layout header#header > .container_12, body.boxed-layout header#header > .container_12 {padding-top: 0.9em; padding-bottom: 0.9em;} header#header h2.logo, header#header h2.small_logo {width: 100%; display: block; margin-bottom: 10px;} header#header h2.logo a, header#header h2.small_logo a {display: inline-block; padding-right: 35px; padding-left: 35px;} header#header .menu-button {border-radius: 6px 6px 0 0; } body.boxed-layout header#header .menu-button, body.wide-layout header#header .menu-button {margin: 0 5px 5px;} header#header .quick-access {width: 33.3%;} header#header .quick-access .links {width: calc(100% - 10px); margin: 0 5px; } header#header .top-cart .title-cart i, header#header .top-link-wishlist i, header#header .links li a.top-link-login i {color: rgba(0,0,0,0.8);} header#header .top-cart .block-title {border-radius: 0;} header#header .top-cart .block-content .indent {padding: 0;} header#header .top-cart .block-content {top: 100%; width: 280px; margin-right: 0; right: 0;} #header .topline .grid_12 {background-color: transparent;} header#header .top-cart .title-cart i, header#header .top-link-wishlist i, header#header .links li a.top-link-login i {line-height: 40px;} header#header .top-cart .block-title .title-cart {height: auto;} header#header .top-link-wishlist {width: 33.3%;} header#header .mobile-links, header#header .links, header#header .customer-name {float: none; width: calc(100% - 10px);} header#header .header-top-right {max-width: 100%;} .top-banner {display: none;} .text-banner .text-banner-content {top: 15px; left: 15px; right: 15px;} .text-banner a img {width: 100%;} .text-banner.one .text-banner-content, .text-banner.two .text-banner-content {left: 25px; right: 25px;} .text-banner.two .text-banner-content, .text-banner.three .text-banner-content, .text-banner.five .text-banner-content {bottom: 15px;} .text-banner .text-banner-content .title {font-size: 17px;} .text-banner .text-banner-content .banner-link {padding: 7px 12px; font-size: 13px; line-height: 21px;} .text-banner.four .text-banner-content .title {font-size: 22px;} .text-banner.one, .text-banner.two {margin-bottom: 20px;} .widget-latest li .inner-wrapper {padding: 15px;} .widget-latest li .user {margin-bottom: 2em;} .widget-latest li h3 {min-height: auto !important;} .text-blocks li.item {width: 100%;} .text-blocks li.item:not(:first-child) {padding-top: 10px;} #footer .footer-topline .footer-block-title {margin-top: 1.5em;} body.boxed-layout #footer .footer-topline .container_12:last-of-type .f-right, body.boxed-layout #footer .footer-topline .container_12:last-of-type .f-left, body.wide-layout #footer .footer-topline .container_12:last-of-type .f-right, body.wide-layout #footer .footer-topline .container_12:last-of-type .f-left {float: none !important; text-align: center; margin-bottom: 0.5em;} #footer .footer-links li a {display: inline-block; padding-top: 5px; padding-bottom: 5px;} #footer .footer-second-line .footer-links {padding-bottom: 0;} #footer .footer-bottom-wrapper .f-right, #footer .footer-bottom-wrapper .f-left {float: none !important; text-align: center;} #footer .footer-bottom-wrapper .container_12 {padding-bottom: 1.3em;} #footer .contacts-footer-content .form-list li:first-child .field:not(.second) {margin-bottom: 0.75em;} .products-list .product-shop .add-to-links {float: none; display: inline-block; padding-top: 0;} aside.sidebar .block.block-layered-nav, aside.sidebar .block.block-layered-nav dl dd:not(:last-of-type) {padding-bottom: 1.8em; margin-bottom: 1.8em;} .category-banner .category-banner-content {top: 54%; right: 4%;} .category-banner .category-banner-content .title {font-size: 1.8em;} .category-banner .category-banner-content .category-banner-link {margin-top: 0.9em;} .toolbar .sorter .view-mode {margin: 0 6px .5em 0;} .catalog-product-view #review-form {padding: 1.5em 1.5em 2em;} .catalog-product-view .box-reviews ul.form-list li, .catalog-product-view .box-reviews .form-list .field:first-child {margin-bottom: 10px;} .catalog-product-view .box-reviews.full-table #review-form {width: auto;} .meigee-tabs li:not(.first) {border: none;} .block-related .block-content .block-subtitle {position: static; text-align: left;} .product-options-bottom .add-to-cart {width: 100%;} .add-to-cart .button.button {margin-bottom: 15px;} div.quantity-increase {margin-bottom: 15px;} .add-to-cart .quantity-increase + button.button {width: 100%;} .add-to-cart button.button > span span {width: calc(100% - 44px);} .product-options {padding: 2em 2em 1.6em;} .ratings .rating-links .separator {margin: 0 3px;} .rating-box {margin-right: 3px; top: 0;} .meigee-tabs-content .box-collateral {line-height: 2em;} .catalog-product-view .box-reviews ul li {padding: 1.75em 1.5em 1.5em; width: calc(100% - 3.2em);} .meigee-tabs-content .description, .meigee-tabs-content .additional-info {display: block; float: none; width: 100% !important;} table.data-table tr.last {margin-bottom: 12px;} table.data-table td.last {margin-bottom: 0;} #product-attribute-specs-table.data-table th, #product-attribute-specs-table.data-table td {padding-left: 10px; padding-right: 10px;} .sidebar .widget .features li > div {width: 79%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { }