*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /**/ @font-face { font-family: 'ClearSans'; src: url('../fonts/ClearSans.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans.woff') format('woff'), url('../fonts/ClearSans.ttf') format('truetype'), url('../fonts/ClearSans.svg#ClearSans') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClearSans-Medium'; src: url('../fonts/ClearSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Medium.woff') format('woff'), url('../fonts/ClearSans-Medium.ttf') format('truetype'), url('../fonts/ClearSans-Medium.svg#ClearSans-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClearSans-Light'; src: url('../fonts/ClearSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Light.woff') format('woff'), url('../fonts/ClearSans-Light.ttf') format('truetype'), url('../fonts/ClearSans-Light.svg#ClearSans-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClearSans-Bold'; src: url('../fonts/ClearSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ClearSans-Bold.woff') format('woff'), url('../fonts/ClearSans-Bold.ttf') format('truetype'), url('../fonts/ClearSans-Bold.svg#ClearSans-Bold') format('svg'); font-weight: normal; font-style: normal; } /**/ @font-face { font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.eot'); src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('../fonts/opensans-bolditalic-webfont.eot'); src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url('../fonts/opensans-extrabold-webfont.eot'); src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold_italic'; src: url('opensans-extrabolditalic-webfont.eot'); src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('opensans-extrabolditalic-webfont.woff') format('woff'), url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../fonts/opensans-italic-webfont.eot'); src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-SemiBold'; src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf') format('truetype'), url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'); font-weight: normal; font-style: normal; } /**/ body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { border: 0; } img, object, video, embed { max-height: 100%; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #202020; font-family: 'OpenSans-Regular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } p { margin-top: 0rem; margin-bottom: 1rem; } abbr[title] { border-bottom: 1px dotted #d1d1d1; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f0f0f0; color: #000000; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #d1d1d1; margin-bottom: 20px; margin-top: 20px; } sub, sup { font-size: 71.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: normal; line-height: 1.1; font-size: 32px; margin-top: 20px; margin-bottom: 10px; color: #202020; font-family: 'open_sansbold'; } h2 { font-weight: 300; line-height: 1.2; font-size: 30px; margin-top: 20px; margin-bottom: 10px; color: #202020; font-family: 'open_sansbold'; } h3 { font-weight: 300; line-height: 1.1; font-size: 26px; margin-top: 20px; margin-bottom: 10px; color: #202020; font-family: 'open_sansbold'; } h4 { font-weight: 700; line-height: 1.1; font-size: 24px; margin-top: 20px; margin-bottom: 10px; color: #202020; font-family: 'open_sansbold'; } h5 { font-weight: 700; line-height: 1.1; font-size: 22px; margin-top: 20px; margin-bottom: 10px; color: #202020; font-family: 'open_sansbold'; } h6 { font-weight: 700; line-height: 1.1; font-size: 20px; margin-top: 20px; margin-bottom: 10px; color: #202020; font-family: 'open_sansbold'; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #202020; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #1979c3; text-decoration: none; } a:hover, .alink:hover { text-decoration: none; } ul, ol { margin-top: 0rem; margin-bottom: 2.5rem; } ul > li, ol > li { margin-top: 0rem; margin-bottom: 1rem; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 20px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 5px; margin-top: 0; } dd { margin-bottom: 10px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f0f0f0; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f0f0f0; color: #111111; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f0f0f0; border: 1px solid #d1d1d1; color: #111111; line-height: 1.42857143; margin: 0 0 10px; padding: 10px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #d1d1d1; margin: 0 0 20px 40px; padding: 0; color: #202020; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #202020; line-height: 1.42857143; font-size: 1rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tfoot > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px 10px; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { background-image: none; background: #f2f2f2; color: #202020; cursor: pointer; display: inline-block; font-family: 'OpenSans-SemiBold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; padding: 0 15px; font-size: 14px; line-height: 30px; height: 35px; box-sizing: border-box; text-transform: uppercase; vertical-align: top; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } button:focus, button:active, .cart.table-wrapper .actions-toolbar > .action:focus, .cart.table-wrapper .actions-toolbar > .action:active, .action-gift:focus, .action-gift:active { background: #e2e2e2; color: #202020; } button:hover, .cart.table-wrapper .actions-toolbar > .action:hover, .action-gift:hover { background: #e2e2e2; color: #555555; } button.disabled, button[disabled], fieldset[disabled] button, .cart.table-wrapper .actions-toolbar > .action.disabled, .cart.table-wrapper .actions-toolbar > .action[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action, .action-gift.disabled, .action-gift[disabled], fieldset[disabled] .action-gift { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner, .cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner, .action-gift::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { background: transparent; background-clip: padding-box; border: 0; border-radius: 1px; color: #202020; font-family: 'OpenSans-Regular'; font-size: 14px; height: 45px; line-height: 1.42857143; padding: 0; vertical-align: baseline; width: 100%; box-sizing: border-box; border-bottom: 1px solid #aaaaaa; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type="datetime"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #888888; opacity: 1; font-family: 'OpenSans-Regular'; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #888888; opacity: 1; font-family: 'OpenSans-Regular'; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #888888; opacity: 1; font-family: 'OpenSans-Regular'; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #ffffff; background-clip: padding-box; border: 0; border-bottom: solid 1px #aaaaaa; border-radius: 1px; font-family: 'OpenSans-Regular'; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 17px 0 0; vertical-align: baseline; width: 100%; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: url(../images/arrow-black.svg) no-repeat right center; background-size: 13px; } select:focus { outline: none; box-shadow: none; } select:disabled { opacity: 0.5; } select[multiple] { height: auto; background-image: none; } textarea { background: #ffffff; background-clip: padding-box; border: 0; border-radius: 1px; font-size: 14px; color: #202020; height: auto; line-height: 1.42857143; margin: 0; padding: 0 0 15px 0; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: none; font-family: 'OpenSans-Regular'; border-bottom: 1px solid #aaaaaa; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #888888; opacity: 1; font-family: 'OpenSans-Regular'; } textarea::-webkit-input-placeholder { color: #888888; opacity: 1; font-family: 'OpenSans-Regular'; } textarea:-ms-input-placeholder { color: #888888; opacity: 1; font-family: 'OpenSans-Regular'; } input[type="checkbox"] { margin: 2px 5px 0 0; position: relative; top: 2px; } input[type="checkbox"]:disabled { opacity: 0.5; } input[type="radio"] { margin: 2px 5px 0 0; } input[type="radio"]:disabled { opacity: 0.5; } div.mage-error[generated] { color: #fff; position: absolute; top: 100%; left: 0; padding: 3px 5px; background: #e02b27; line-height: 1; font-size: 12px; z-index: 1; text-align: left; } .qty-box div.mage-error[generated] { min-width: 210px; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .cart-container .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .items, .block-wishlist-management .wishlist-select-items, .paypal-review .items-qty, .order-details-items .items-qty, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .bundle-options-container .block-bundle-summary .bundle.items > li, .product-items > li, .prices-tier > li, .cart-container .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .items > li, .block-wishlist-management .wishlist-select-items > li, .paypal-review .items-qty > li, .order-details-items .items-qty > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .abs-action-addto-product, .block-event .slider-panel .slider .item .action.event, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-info-main .action.tocompare, .product-options-bottom .action.tocompare, .product-info-main .action.towishlist, .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist { background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #202020; cursor: pointer; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-link-button:active, .abs-action-addto-product:focus, .abs-action-addto-product:active, .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active, .bundle-options-container .block-bundle-summary .product-addto-links > .action:focus, .bundle-options-container .block-bundle-summary .product-addto-links > .action:active, .product-info-main .action.tocompare:focus, .product-info-main .action.tocompare:active, .product-options-bottom .action.tocompare:focus, .product-options-bottom .action.tocompare:active, .product-info-main .action.towishlist:focus, .product-info-main .action.towishlist:active, .product-options-bottom .action.towishlist:focus, .product-options-bottom .action.towishlist:active, .block-bundle-summary .action.towishlist:focus, .block-bundle-summary .action.towishlist:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #202020; } .abs-action-link-button:hover, .abs-action-addto-product:hover, .block-event .slider-panel .slider .item .action.event:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-info-main .action.tocompare:hover, .product-options-bottom .action.tocompare:hover, .product-info-main .action.towishlist:hover, .product-options-bottom .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button, .abs-action-addto-product.disabled, .abs-action-addto-product[disabled], fieldset[disabled] .abs-action-addto-product, .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event, .bundle-options-container .block-bundle-summary .product-addto-links > .action.disabled, .bundle-options-container .block-bundle-summary .product-addto-links > .action[disabled], fieldset[disabled] .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-info-main .action.tocompare.disabled, .product-info-main .action.tocompare[disabled], fieldset[disabled] .product-info-main .action.tocompare, .product-options-bottom .action.tocompare.disabled, .product-options-bottom .action.tocompare[disabled], fieldset[disabled] .product-options-bottom .action.tocompare, .product-info-main .action.towishlist.disabled, .product-info-main .action.towishlist[disabled], fieldset[disabled] .product-info-main .action.towishlist, .product-options-bottom .action.towishlist.disabled, .product-options-bottom .action.towishlist[disabled], fieldset[disabled] .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist.disabled, .block-bundle-summary .action.towishlist[disabled], fieldset[disabled] .block-bundle-summary .action.towishlist { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus, .abs-action-addto-product:hover, .abs-action-addto-product:active, .abs-action-addto-product:focus, .block-event .slider-panel .slider .item .action.event:hover, .block-event .slider-panel .slider .item .action.event:active, .block-event .slider-panel .slider .item .action.event:focus, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:active, .bundle-options-container .block-bundle-summary .product-addto-links > .action:focus, .product-info-main .action.tocompare:hover, .product-info-main .action.tocompare:active, .product-info-main .action.tocompare:focus, .product-options-bottom .action.tocompare:hover, .product-options-bottom .action.tocompare:active, .product-options-bottom .action.tocompare:focus, .product-info-main .action.towishlist:hover, .product-info-main .action.towishlist:active, .product-info-main .action.towishlist:focus, .product-options-bottom .action.towishlist:hover, .product-options-bottom .action.towishlist:active, .product-options-bottom .action.towishlist:focus, .block-bundle-summary .action.towishlist:hover, .block-bundle-summary .action.towishlist:active, .block-bundle-summary .action.towishlist:focus { text-decoration: none; } .cart.table-wrapper .item-options dt, .opc-block-summary .items-in-cart .product .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { clear: left; float: left; margin: 0 10px 5px 0; } .cart.table-wrapper .item-options dt:after, .opc-block-summary .items-in-cart .product .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .cart.table-wrapper .item-options dd, .opc-block-summary .items-in-cart .product .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { display: inline-block; float: left; margin: 0 0 5px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { /* width: 100%;*/ } .products-list .product-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .products-list .product-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .product.media .product.photo .photo.image { display: block; height: auto; margin: 0 auto; max-width: 100%; } .login-container .block .block-title, .legend-title { font-size: 22px; text-align: center; position: relative; margin-bottom: 15px; padding-bottom: 12px; } .login-container .block .block-title:after, .legend-title:after { position: absolute; bottom: 0; left: 50%; display: block; content: ""; width: 40px; height: 5px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .login-container .block .block-title strong, .legend-title { font-weight: normal; font-family: 'OpenSans-SemiBold'; font-size: 24px; text-transform: uppercase; text-align: center; font-weight: normal; position: relative; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1; display: block; text-align: center; } .abs-account-blocks .block-title, .block-compare .block-title, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-results .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .paypal-review .block .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title { margin-bottom: 15px; } .abs-account-blocks .block-title > strong, .block-compare .block-title > strong, .block-giftregistry-results .block-title > strong, .block-giftregistry-shared-items .block-title > strong, .block-wishlist-search-results .block-title > strong, .block-reorder .block-title > strong, .widget .block-title > strong, .block-wishlist .block-title > strong, .account .column.main .block:not(.widget) .block-title > strong, .multicheckout .block-title > strong, .paypal-review .block .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .paypal-review .block .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .paypal-review .block .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 5px; } .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .paypal-review .block .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 10px; } .account .column.main .block:not(.widget) .block-content p:last-child, .multicheckout .block-content p:last-child, .paypal-review .block .block-content p:last-child, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content p:last-child, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content p:last-child, .sales-guest-view .column.main .block:not(.widget) .block-content p:last-child { margin-bottom: 0; } .account .column.main .block:not(.widget) .block-content .box, .multicheckout .block-content .box, .paypal-review .block .block-content .box, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .abs-dropdown-simple:after, .giftregisty-dropdown:before, .giftregisty-dropdown:after, .wishlist-dropdown:before, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:before, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .giftregisty-dropdown.active, .wishlist-dropdown.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .giftregisty-dropdown.active ul.dropdown, .wishlist-dropdown.active ul.dropdown { display: block; } .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .cart.table-wrapper .col.qty .input-text, .account .table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .control .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { text-align: center; width: 47px; } .block, .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child), .block-banners, .block-banners-inline { margin-bottom: 40px; } .sidebar .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete, .filtered .item .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > span, .filtered .item .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filtered .item .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 15px; color: #202020; content: '\e616'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filtered .item .action.remove:hover:before { color: #202020; } .abs-remove-button-for-blocks:active:before, .sidebar .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before, .filtered .item .action.remove:active:before { color: #202020; } .product-item-name, .product.name a { font-weight: 400; } .product-item-name > a, .product.name a > a { color: #202020; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #202020; text-decoration: none; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #202020; text-decoration: none; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active { color: #202020; text-decoration: none; } .form.giftregistry.items .actions-toolbar, .form-new-agreement .actions-toolbar, .fieldset .review-legend.legend, .form.wishlist.items .actions-toolbar { margin-left: 0; } .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove { left: 10px; margin-left: 70%; position: absolute; top: 31px; width: auto; } .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary { float: left; } .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add { margin-top: 30px; } .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 30px 0 0; } .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional { margin-top: 55px; position: relative; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label, .product-item-actions .actions-secondary > .action span, .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .fieldset .fullname.field > .label, .account .column.main .limiter > .label, .field.street .field .label, .account-nav .title, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .filter-options-content .filter-count-label, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .page-multiple-wishlist .page-title-wrapper .page-title, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .block-reorder .product-item .label, .opc-wrapper .form-discount .field .label, .action.skip:not(:focus), .page-header .switcher .label, .page-footer .switcher .label, .products-grid.wishlist .product-item .comment-box .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):before, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):after, .payment-method-braintree .hosted-date-wrap:before, .payment-method-braintree .hosted-date-wrap:after, .toolbar:before, .toolbar:after, .toolbar-products:before, .toolbar-products:after, .sidebar .product-items-images:before, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:before, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:before, .minicart-items .product-item > .product:after, .checkout-container:before, .checkout-container:after, .checkout-onepage-success:before, .checkout-onepage-success:after, .opc-estimated-wrapper:before, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:before, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:before, .opc-block-summary .items-in-cart .product .item-options:after, .fieldset .fullname .field:before, .fieldset .fullname .field:after, .page-product-downloadable .product-add-form:before, .page-product-downloadable .product-add-form:after, .gift-options:before, .gift-options:after, .gift-item-block .content:before, .gift-item-block .content:after, .order-details-items .order-gift-message:before, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:before, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:before, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:before, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping:before, .opc-wrapper .data.table .gift-wrapping:after, .table-order-items .gift-wrapping:before, .table-order-items .gift-wrapping:after, .table-order-review .gift-wrapping:before, .table-order-review .gift-wrapping:after, .order-options .product:before, .order-options .product:after, .map-popup .map-info-price:before, .map-popup .map-info-price:after, .multicheckout .item-options:before, .multicheckout .item-options:after, .multicheckout .block:before, .multicheckout .block:after, .multicheckout .block-content:before, .multicheckout .block-content:after, .customer-review .product-details:before, .customer-review .product-details:after, .header.content:before, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):before, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):before, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):before, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):after, .form-create-return .fieldset .actions-toolbar:not(:first-child):before, .form-create-return .fieldset .actions-toolbar:not(:first-child):after, .form.send.friend .fieldset .actions-toolbar:not(:first-child):before, .form.send.friend .fieldset .actions-toolbar:not(:first-child):after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):after, .payment-method-braintree .hosted-date-wrap:after, .toolbar:after, .toolbar-products:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:after, .fieldset .fullname .field:after, .page-product-downloadable .product-add-form:after, .gift-options:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping:after, .table-order-items .gift-wrapping:after, .table-order-review .gift-wrapping:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):after, .form-create-return .fieldset .actions-toolbar:not(:first-child):after, .form.send.friend .fieldset .actions-toolbar:not(:first-child):after { clear: both; } .abs-field-date .control, .abs-field-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .bundle-options-container .block-bundle-summary, .product-item, .sidebar .product-items-images .product-item, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .sidebar .block-addbysku .fieldset .fields .field.sku, .block-event .slider-panel .slider .item .action.show, .field.date .control, .field .control._with-tooltip { box-sizing: border-box; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split, .abs-split-button .cart.table-wrapper .actions-toolbar > .action.action.split, .abs-split-button .action-gift.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle, .abs-split-button .cart.table-wrapper .actions-toolbar > .action + .action.toggle, .abs-split-button .action-gift + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { padding: 4px 5px; display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-info-main .action.tocompare, .product-options-bottom .action.tocompare, .product-info-main .action.towishlist, .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; } .product-item-actions .actions-secondary > .action, .table-comparison .wishlist.split.button > .action.split, .product-items .wishlist.split.button > .action.split, .product-items .action.towishlist, .products.list.items .action.towishlist, .table-comparison .action.towishlist { display: inline-block; text-decoration: none; } .abs-actions-addto-gridlist > span, .product-item-actions .actions-secondary > .action > span, .table-comparison .wishlist.split.button > .action.split > span, .product-items .wishlist.split.button > .action.split > span, .product-items .action.towishlist > span, .products.list.items .action.towishlist > span, .table-comparison .action.towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-actions-addto-gridlist:before, .product-item-actions .actions-secondary > .action:before, .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before, .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 29px; line-height: 24px; color: #7d7d7d; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-actions-addto-gridlist:hover:before, .product-item-actions .actions-secondary > .action:hover:before, .table-comparison .wishlist.split.button > .action.split:hover:before, .product-items .wishlist.split.button > .action.split:hover:before, .product-items .action.towishlist:hover:before, .products.list.items .action.towishlist:hover:before, .table-comparison .action.towishlist:hover:before { color: #202020; } .abs-action-remove, .cart.table-wrapper .action.help.map, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .cart-summary .block.giftcard .action.check, .gift-options .actions-toolbar .action-cancel, .table-comparison .wishlist.split.button > .action, .product-items .wishlist.split.button > .action, .paypal-button-widget .paypal-button, .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove { line-height: 1.42857143; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; border-radius: 0; font-size: inherit; font-weight: 400; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .cart.table-wrapper .action.help.map:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .checkout-billing-address .action-cancel:visited, .checkout-agreements-block .action-show:visited, .cart-summary .block.giftcard .action.check:visited, .gift-options .actions-toolbar .action-cancel:visited, .table-comparison .wishlist.split.button > .action:visited, .product-items .wishlist.split.button > .action:visited, .paypal-button-widget .paypal-button:visited, .abs-add-fields .action.remove:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited { color: #1979c3; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover { color: #006bb4; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .cart.table-wrapper .action.help.map:hover, .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:focus, .opc-wrapper .edit-address-link:hover, .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:hover, .action-auth-toggle:active, .action-auth-toggle:focus, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:focus, .checkout-agreements-block .action-show:hover, .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:focus, .cart-summary .block.giftcard .action.check:hover, .cart-summary .block.giftcard .action.check:active, .cart-summary .block.giftcard .action.check:focus, .gift-options .actions-toolbar .action-cancel:hover, .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:focus, .table-comparison .wishlist.split.button > .action:hover, .table-comparison .wishlist.split.button > .action:active, .table-comparison .wishlist.split.button > .action:focus, .product-items .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:focus, .paypal-button-widget .paypal-button:hover, .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .form-giftregistry-share .action.remove:hover, .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:hover, .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:hover, .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:hover, .form-create-return .action.remove:active, .form-create-return .action.remove:focus, .form.send.friend .action.remove:hover, .form.send.friend .action.remove:active, .form.send.friend .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .cart.table-wrapper .action.help.map.disabled, .cart.table-wrapper .action.help.map[disabled], fieldset[disabled] .cart.table-wrapper .action.help.map, .opc-wrapper .edit-address-link.disabled, .opc-wrapper .edit-address-link[disabled], fieldset[disabled] .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit.disabled, .opc-block-shipping-information .shipping-information-title .action-edit[disabled], fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle.disabled, .action-auth-toggle[disabled], fieldset[disabled] .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel.disabled, .checkout-payment-method .checkout-billing-address .action-cancel[disabled], fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show.disabled, .checkout-agreements-block .action-show[disabled], fieldset[disabled] .checkout-agreements-block .action-show, .cart-summary .block.giftcard .action.check.disabled, .cart-summary .block.giftcard .action.check[disabled], fieldset[disabled] .cart-summary .block.giftcard .action.check, .gift-options .actions-toolbar .action-cancel.disabled, .gift-options .actions-toolbar .action-cancel[disabled], fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .table-comparison .wishlist.split.button > .action.disabled, .table-comparison .wishlist.split.button > .action[disabled], fieldset[disabled] .table-comparison .wishlist.split.button > .action, .product-items .wishlist.split.button > .action.disabled, .product-items .wishlist.split.button > .action[disabled], fieldset[disabled] .product-items .wishlist.split.button > .action, .paypal-button-widget .paypal-button.disabled, .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .paypal-button-widget .paypal-button, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .form-giftregistry-share .action.remove.disabled, .form-giftregistry-share .action.remove[disabled], fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove.disabled, .form-giftregistry-edit .action.remove[disabled], fieldset[disabled] .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove.disabled, .form-add-invitations .action.remove[disabled], fieldset[disabled] .form-add-invitations .action.remove, .form-create-return .action.remove.disabled, .form-create-return .action.remove[disabled], fieldset[disabled] .form-create-return .action.remove, .form.send.friend .action.remove.disabled, .form.send.friend .action.remove[disabled], fieldset[disabled] .form.send.friend .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-remove:active, .abs-action-remove:not(:focus), .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:not(:focus), .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:active, .action-auth-toggle:not(:focus), .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:not(:focus), .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:not(:focus), .cart-summary .block.giftcard .action.check:active, .cart-summary .block.giftcard .action.check:not(:focus), .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:not(:focus), .table-comparison .wishlist.split.button > .action:active, .table-comparison .wishlist.split.button > .action:not(:focus), .product-items .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:not(:focus), .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:active, .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:active, .form.send.friend .action.remove:not(:focus) { box-shadow: none; } .block-compare .action.compare, .cart-summary .actions-toolbar > .primary button, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review .block .actions-toolbar .action.primary, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action, .cart-summary .actions-toolbar > .primary .action-gift { background: #f2f2f2; border: 1px solid #cdcdcd; color: #202020; } .abs-revert-secondary-color:focus, .abs-revert-secondary-color:active, .block-compare .action.compare:focus, .block-compare .action.compare:active, .cart-summary .actions-toolbar > .primary button:focus, .cart-summary .actions-toolbar > .primary button:active, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review .block .actions-toolbar .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:active, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:focus, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:active, .cart-summary .actions-toolbar > .primary .action-gift:focus, .cart-summary .actions-toolbar > .primary .action-gift:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #202020; } .abs-revert-secondary-color:hover, .block-compare .action.compare:hover, .cart-summary .actions-toolbar > .primary button:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover, .cart-summary .actions-toolbar > .primary .action-gift:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .cart-summary .form.giftregistry .fieldset .action.primary { font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; } .bundle-actions { margin: 10px 0; } .bundle-options-container .price-notice .price-including-tax, .bundle-options-container .price-notice .price-excluding-tax, .bundle-options-container .price-notice .weee, .product-options-wrapper .field .price-notice .price-including-tax, .product-options-wrapper .field .price-notice .price-excluding-tax, .product-options-wrapper .field .price-notice .weee, .cart-summary .price-including-tax, .cart-summary .price-excluding-tax, .cart-summary .weee, .gift-summary .price-including-tax, .gift-summary .price-excluding-tax, .gift-summary .weee, .gift-options .price-including-tax, .gift-options .price-excluding-tax, .gift-options .weee { font-size: 1.4rem; display: inline-block; white-space: nowrap; } .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax, .product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { display: inline-block; font-size: 1.1rem; } .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:before, .product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:after, .product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ')'; } .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total { cursor: pointer; padding-right: 12px; position: relative; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 10px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after { position: absolute; right: -10px; top: 3px; } .abs-tax-total-expanded:after { content: '\e621'; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after { content: '\e621'; } .form-giftregistry-search .legend, .block-wishlist-search-form .block-title, .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #d1d1d1; margin-bottom: 25px; padding-bottom: 10px; } .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span { font-size: 2.2rem; font-weight: 300; } .review-ratings .rating-summary { display: block; } .review-ratings .rating-label { display: table-cell; padding-bottom: 5px; padding-right: 20px; opacity: 0; padding-top: 1px; vertical-align: top; } .review-ratings .rating-result { display: table-cell; vertical-align: top; } /* .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ': '; } */ .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 5px; } .abs-sidebar-totals .table-caption, .sidebar .subtitle, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .sidebar-main .block-reorder .subtitle, .sidebar-additional .block-reorder .subtitle, .no-display, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .return-status, .order-status { display: inline-block; } .block-compare .counter, .block-wishlist .counter { color: #7d7d7d; font-size: 1.2rem; white-space: nowrap; } .block-cart-failed .action.continue, .cart-container .form-cart .action.continue { border-radius: 0; background-image: none; background: #fff; border: 2px solid #202020; color: #202020; cursor: pointer; font-weight: normal; margin: 0; padding: 0 15px; font-size: 14px; line-height: 30px; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; min-width: 220px; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; position: relative; z-index: 2; overflow: hidden; } .block-cart-failed .action.continue:after, .cart-container .form-cart .action.continue:after { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .block-cart-failed .action.continue:hover:after, .no-touch .cart-container .form-cart .action.continue:hover:after { top: 0; } .block-cart-failed .action.continue span.button-hover, .cart-container .form-cart .action.continue span.button-hover { display: none; } .no-touch .block-cart-failed .action.continue:hover, .no-touch .cart-container .form-cart .action.continue:hover { color: #fff; background: #218956; border-color: #218956; } .block-cart-failed .action.continue span, .cart-container .form-cart .action.continue span { /*display: inline-block; line-height: 1; vertical-align: top; line-height: 44px;*/ } .abs-shopping-cart-items .action.continue:hover, .abs-shopping-cart-items .action.continue:active, .abs-shopping-cart-items .action.continue:focus, .block-cart-failed .action.continue:hover, .block-cart-failed .action.continue:active, .block-cart-failed .action.continue:focus, .cart-container .form-cart .action.continue:hover, .cart-container .form-cart .action.continue:active, .cart-container .form-cart .action.continue:focus { text-decoration: none; } .abs-shopping-cart-items .action.continue.disabled, .abs-shopping-cart-items .action.continue[disabled], fieldset[disabled] .abs-shopping-cart-items .action.continue, .block-cart-failed .action.continue.disabled, .block-cart-failed .action.continue[disabled], fieldset[disabled] .block-cart-failed .action.continue, .cart-container .form-cart .action.continue.disabled, .cart-container .form-cart .action.continue[disabled], fieldset[disabled] .cart-container .form-cart .action.continue { opacity: 0.5; cursor: default; pointer-events: none; } .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } .block-cart-failed .action.update, .cart-container .form-cart .action.update { display: inline-block; text-decoration: none; padding-left: 5px; } .field.date .control { position: relative; } .abs-field-date input, .form-giftregistry-search .fields-specific-options .datetime-picker, .field.date input { margin-right: 10px; width: calc(100% - 50px); } .field .control._with-tooltip { position: relative; } .field .control._with-tooltip input { /* margin-right: 10px; width: calc(100% - 35px); */ } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #999999; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { text-transform: uppercase; font-family: 'open_sansbold'; color: #202020; font-weight: normal; font-size: 18px; margin: 0; padding: 0; line-height: 1; border-bottom: solid 1px #dddddd; padding-bottom: 16px; } .cart-totals .mark, .opc-block-summary .table-totals .mark { font-weight: normal; padding-left: 4px; font-size: 16px; text-transform: uppercase; line-height: 1; color: #202020; font-family: 'open_sansbold'; padding: 0; vertical-align: top; padding-left: 20px; padding-top: 6px; padding-bottom: 6px; } .cart-totals .mark strong, .opc-block-summary .table-totals .mark strong { font-weight: 400; } .cart-totals .amount, .opc-block-summary .table-totals .amount { padding-right: 20px; text-align: right; white-space: nowrap; padding: 0; font-size: 16px; color: #202020; line-height: 1; font-weight: normal; font-family: 'open_sansbold'; vertical-align: top; padding-right: 20px; padding-top: 6px; padding-bottom: 6px; } .cart-totals .amount strong, .opc-block-summary .table-totals .amount strong { font-weight: 400; } .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { text-align: right; } .cart-totals .grand .amount strong, .opc-block-summary .table-totals .grand .amount strong { font-weight: 700; } .table.totals .grand .mark, .table.totals .grand .amount, .opc-block-summary .table-totals .grand .mark, .opc-block-summary .table-totals .grand .amount { color: #fff; padding-top: 11px; padding-bottom: 14px; } .table.totals tr:first-child td, .table.totals tr:first-child th, .table-totals tbody tr:first-child td, .table-totals tbody tr:first-child th { padding-top: 26px !important; } .table.totals tr:nth-last-child(2) td, .table.totals tr:nth-last-child(2) th, .table-totals tbody tr:nth-last-child(2) td, .table-totals tbody tr:nth-last-child(2) th { padding-bottom: 18px !important; } .cart-totals table tr span.value { font-size: 12px; display: block; color: #888; } .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 10px; } .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; cursor: pointer; } .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { display: block; text-decoration: none; padding-right: 25px; position: relative; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: -5px; top: -12px; } .cart-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: '\e621'; } .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { border-bottom: 1px solid #ccc; display: none; } .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .cart-summary .block > .title, .paypal-review-discount .block > .title { border-top: 1px solid #ccc; cursor: pointer; font-weight: 600; display: block; text-decoration: none; margin-bottom: 0; overflow: hidden; padding: 17px 30px 16px 0; position: relative; } .column.main .cart-summary .block > .title strong, .column.main .paypal-review-discount .block > .title strong { font-size: 14px; font-weight: 400; color: #202020; } .cart-summary .block > .content, .paypal-review-discount .block > .content { display: none; } .abs-discount-block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: url(../images/arrow-black.svg) no-repeat right center; background-size: 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .abs-discount-block.active > .title:after, .cart-summary .block.active > .title:after, .paypal-review-discount .block.active > .title:after { transform: rotate(-180deg); } .cart-summary .block.active > .content, .paypal-review-discount .block.active > .content { display: block; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } .items { margin: 0; padding: 0; list-style: none none; } .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { padding-bottom: 40px; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .table-wrapper { margin-bottom: 20px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table:not(.cart):not(.totals) { border: none; } .table:not(.cart):not(.totals) > thead > tr > th, .table:not(.cart):not(.totals) > tbody > tr > th, .table:not(.cart):not(.totals) > tfoot > tr > th, .table:not(.cart):not(.totals) > thead > tr > td, .table:not(.cart):not(.totals) > tbody > tr > td, .table:not(.cart):not(.totals) > tfoot > tr > td { border: none; } .table:not(.cart):not(.totals) > thead > tr > th, .table:not(.cart):not(.totals) > thead > tr > td { border-bottom: 1px solid #d1d1d1; } .table:not(.cart):not(.totals) tfoot > tr:first-child th, .table:not(.cart):not(.totals) tfoot > tr:first-child td { border-top: 1px solid #d1d1d1; padding-top: 20px; } .table:not(.cart):not(.totals) tfoot .mark { font-weight: 400; text-align: right; } .message.info { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.info a { color: #1979c3; } .message.info a:hover { color: #006bb4; } .message.info a:active { color: #006bb4; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.error { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 40px; position: relative; } .message.error a { color: #1979c3; } .message.error a:hover { color: #006bb4; } .message.error a:active { color: #006bb4; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #b30000; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.warning { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.warning a { color: #1979c3; } .message.warning a:hover { color: #006bb4; } .message.warning a:active { color: #006bb4; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.notice { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.notice a { color: #1979c3; } .message.notice a:hover { color: #006bb4; } .message.notice a:active { color: #006bb4; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.success { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 40px; position: relative; } .message.success a { color: #1979c3; } .message.success a:hover { color: #006bb4; } .message.success a:active { color: #006bb4; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #006400; content: '\e610'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .panel.header .switcher { display: none; } .nav-toggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; z-index: 14; } .nav-toggle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: #fff; content: '\e609'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; line-height: 35px; height: 35px; } .nav-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #202020; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 10px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } .load.indicator { background-color: rgba(255, 255, 255, 0.5); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url('../images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } .fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 25px; padding: 0; box-sizing: border-box; float: left; line-height: 1.2; font-size: 2rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 20px; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 20px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 5px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 700; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .fields > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .fields > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .fields > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 10px; } .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; line-height: 1.2; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { display: inline; font-weight: normal; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 10px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .fieldset > .field input[type=file], .fieldset > .fields > .field input[type=file] { margin: 5px 0; } .legend + .fieldset, .legend + div { clear: both; } .legend strong { margin-left: 5px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { display: inline-block; margin-top: 10px; white-space: nowrap; } .field .message.warning { margin-top: 10px; } .field-error, div.mage-error[generated] { margin-top: 2px; } .field-error { color: #fff; position: absolute; top: 100%; left: 0; padding: 3px 5px; background: #e02b27; line-height: 1; font-size: 10px; } .product-options-wrapper .date.required div[for*='options'].mage-error { display: none !important; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #202020; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; vertical-align: middle; } ._has-datepicker ~ .ui-datepicker-trigger:focus, ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger.disabled, ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 40px; line-height: 40px; color: #7d7d7d; content: '\e612'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 20px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 5px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @font-face { font-family: 'icons-blank-theme'; src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } a.action.primary { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus { text-decoration: none; } .action.primary { background: #000000; color: #ffffff; border: 0 none; position: relative; overflow: hidden; z-index: 2; cursor: pointer; display: inline-block; font-family: 'OpenSans-SemiBold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 15px; font-size: 14px; width: auto; min-width: 170px; text-align: center; height: 35px; line-height: 29px; box-sizing: border-box; vertical-align: middle; box-sizing: border-box; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .fieldset.button-box-sec .action.primary { } .action.primary:after { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #202020; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .action.primary:hover:after { top: 0; } .action.primary:focus, .action.primary:active { background: #218956; color: #ffffff; } .action.primary:hover { color: #ffffff; background: #218956; } .action.primary.disabled, .action.primary[disabled], fieldset[disabled] .action.primary { opacity: 0.5; cursor: default; pointer-events: none; } .product.data.items { margin: 0; padding: 0; margin-bottom: 20px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; font-size: 14px; line-height: 20px; color: #202020; font-family: 'OpenSans-Regular'; } .product.data.items > .item.content strong, .product.data.items > .item.content b { font-weight: normal; font-family: 'open_sansbold'; } .product.data.items > .item.content p { margin-bottom: 15px; } .product.data.items > .item.content p:last-child { margin-bottom: 0; } .product.data.items > .item.content ul, .product.data.items > .item.content ol { margin-bottom: 15px; padding-left: 20px; margin-top: 15px; } .product.data.items > .item.content ul li ul, .product.data.items > .item.content ol li ol, .product.data.items > .item.content ul li ol, .product.data.items > .item.content ol li ul { margin-top: 10px; margin-bottom: 10px; } .product.data.items > .item.content a { color: #218956; } .no-touch .product.data.items > .item.content a { color: #202020; } .product.data.items > .item.content ul:last-child, .product.data.items > .item.content ol:last-child { margin-bottom: 0; } .product.data.items > .item.content ul li, .product.data.items > .item.content ol li { margin-bottom: 8px; line-height: 1.2; } .product.data.items > .item.content ul li:last-child, .product.data.items > .item.content ol li:last-child { margin-bottom: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0; padding-left: 6.1%; } .product.data.items > .item.title:first-child { padding-left: 0; } .product.data.items > .item.title > .switch { font-size: 18px; line-height: 1; font-weight: normal; font-family: 'OpenSans-SemiBold'; color: #202020; text-decoration: none; position: relative; padding-bottom: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product.data.items > .item.title > .switch:after { position: absolute; left: 0; width: 0; height: 5px; display: block; content: ""; bottom: 0; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product.data.items > .item.title > .switch:visited { text-decoration: none; } .no-touch .product.data.items > .item.title > .switch:hover, .product.data.items > .item.title.active > .switch { text-decoration: none; color: #218956; } .no-touch .product.data.items > .item.title > .switch:hover:after, .product.data.items > .item.title.active > .switch:after { width: calc(100% - 17px); } .product.data.items > .item.title > .switch:active { text-decoration: none; } .product.data.items > .item.content { background: #ffffff; border: 1px solid #d1d1d1; margin: 0 0 5px; padding: 20px 20px 20px 20px; } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: 0; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: normal; background: #f5f5f5; padding: 10px 0 !important; vertical-align: top; } .pages .item { font-size: 14px; line-height: 1; letter-spacing: normal; margin: 0 !important; display: inline-block; vertical-align: top; height: 25px; border-right: solid 1px #aaa; } .pages .item:last-child { border-right: 0; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { display: inline-block; padding: 0; text-decoration: none; width: 46px; height: 25px; color: #202020; line-height: 25px; text-align: center; } .pages strong.page { font-size: 14px; letter-spacing: normal; color: #218956; display: inline-block; font-weight: normal; padding: 0; width: 46px; height: 25px; line-height: 25px; text-align: center; } .pages .action { display: inline-block; padding: 0; text-decoration: none; } .no-touch .pages a.page:hover { color: #218956; } .pages .action.next { display: inline-block; text-decoration: none; width: 62px; position: relative; height: 25px; margin-right: 10px; } .pages .action.next:after, .pages .action.previous:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 21px; } .pages .action.previous:after { transform: rotate(-180deg); } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous { display: inline-block; text-decoration: none; width: 62px; height: 25px; margin-left: 10px; position: relative; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @keyframes move-left-to-right-pagi { 0% { left: 0; } 50% { left: -5px; } 100% { left: 0; } } @keyframes move-right-to-left-pagi { 0% { left: 0; } 50% { left: 5px; } 100% { left: 0; } } .no-touch .pages .action.next:hover:after { animation-name: move-right-to-left-pagi; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } .no-touch .pages .action.previous:hover:after { animation-name: move-left-to-right-pagi; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } .actions-toolbar > .primary, .actions-toolbar > .secondary { margin-bottom: 10px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 10px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } .breadcrumbs { margin: 0; text-align: center; /*background: #f5f5f5;*/ border-bottom: solid 1px #eeeeee; padding-top: 11px; padding-bottom: 10px; } .breadcrumbs .items { font-size: 1.2rem; color: #a3a3a3; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #202020; text-decoration: none; font-size: 14px; line-height: 1; font-family: 'OpenSans-Regular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: normal; color: #202020; } .breadcrumbs a:hover { text-decoration: none; } .no-touch .breadcrumbs a:hover { color: #f8981f; } .breadcrumbs strong { font-size: 14px; line-height: 1; font-family: 'OpenSans-Regular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: normal; color: #202020; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 18px; content: '/'; color: #202020; margin: 0 8px 0 5px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; font-family: 'OpenSans-Regular'; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: inherit; } .ui-dialog.popup .action.close:active:before { color: inherit; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { pointer-events: none; opacity: 0.5; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent #ffffff transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0px; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 15px; line-height: 1; color: #0062B1; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.8rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ': '; font-size: 1.1rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 1.1rem; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 530px; top: 50%; margin: 0 auto; transform: translateY(-50%) !important; -webkit-translateY(-50%) !important; -o-translateY(-50%) !important; -moz-translateY(-50%) !important; -ms-translateY(-50%) !important } @media (max-height:400px) { .modal-popup.confirm .modal-inner-wrap { top: 30px; transform: none !important; } } .modal-popup.confirm .modal-inner-wrap .modal-content { text-align: center; font-size: 18px; font-weight: normal; font-family: 'OpenSans-SemiBold'; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: calc(100% - 50px); max-width: 900px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } #video-modal, .iframe-wrap { position: relative; overflow: hidden; padding-top: 56.25%; } #video-modal iframe, .iframe-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 15px; padding-right: 15px; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 15px; padding-top: 15px; background: #218956; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 10px; padding-top: 10px; background: #f5f5f5; text-align: center; font-size: 0; } .modal-popup .modal-footer button { height: 40px; line-height: 36px; margin: 0 5px; border: solid 2px #202020; box-sizing: border-box; font-size: 14px; color: #202020; min-width: 100px; background: #fff; position: relative; z-index: 2; overflow: hidden; } .modal-popup .modal-footer button:after { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background: #202020;*/ } .no-touch .modal-popup .modal-footer button:hover:after { top: 0; } .no-touch .modal-popup .modal-footer button:hover { color: #fff; background: #218956; border-color: #218956; } .modal-popup .modal-footer button.action.secondary { background: #218956 !important; border-color: #218956 !important; color: #fff; } .modal-popup .modal-footer button.action.secondary:after { background: #202020; } .no-touch .modal-popup .modal-footer button.action.secondary:hover { color: #fff; } .modal-popup .modal-footer button.action-primary:after, .modal-popup .modal-footer button.action.primary:after { background: #218956 !important; } .modal-popup .modal-footer-actions { text-align: right; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: -20px; top: -20px; background: #202020; width: 50px; height: 50px; box-sizing: border-box; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: #218956; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 32px; color: #fff; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #fff; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: #fff; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #fff; } .modal-custom.authentication-dropdown .action-close { top: 0; right: 0; height: 48px; width: 48px; } .modal-popup .modal-content { padding: 15px; font-size: 14px; color: #666; line-height: 1.4; } .modal-popup .modal-content p { margin-bottom: 15px; } .modal-popup .modal-content p:last-child { margin-bottom: 0; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { font-weight: normal; font-size: 20px; margin-bottom: 0; line-height: 1.2; word-wrap: break-word; margin: 0; color: #fff; font-family: 'OpenSans-SemiBold'; } .modal-popup .action-close { padding: 10px; } .modal-slide .action-close { padding: 0; width: 45px; height: 45px; text-align: center; background: #202020; border: 0; border-radius: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: -20px; right: -20px; } .modal-slide .page-main-actions { margin-bottom: -12.9rem; margin-top: 2.1rem; } .modals-overlay { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; background: rgba(0,0,0,0.8); } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 50%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 50%; } /** * MageSpecialist * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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 info@magespecialist.it so we can send you a copy immediately. * * @category MSP * @package MSP_ReCaptcha * @copyright Copyright (c) 2017 Skeeller srl (http://www.magespecialist.it) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ .login-container .g-recaptcha, .form-login .g-recaptcha { margin-bottom: 10px !important; } .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } .review-form .field-recaptcha { margin-bottom: 10px; } .form.send.friend .g-recaptcha { margin-top: 40px; } ._amcheckout-selectable-container, .amcheckout-step-container .shipping-address-items, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-items, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .amcheckout-content > .amcheckout-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } ._amcheckout-selectable-item, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details, .amcheckout-step-container .shipping-address-items .shipping-address-item, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method { display: block; justify-content: space-between; box-sizing: border-box; padding: 0 20px; width: 100%; border: 1px solid #f9f9f9; border-radius: 2px; background: #f9f9f9; cursor: pointer; } ._amcheckout-selectable-item:not(:last-of-type), .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:not(:last-of-type), .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:not(:last-of-type), .amcheckout-step-container .shipping-address-items .shipping-address-item:not(:last-of-type), .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:not(:last-of-type), .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:not(:last-of-type) { margin-bottom: 15px; } ._amcheckout-selectable-item:hover, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:hover, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:hover, .amcheckout-step-container .shipping-address-items .shipping-address-item:hover, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:hover, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:hover { box-shadow: 0 2px 8px rgba(56, 77, 108, 0.4); } ._amcheckout-selectable-item.-selected, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details.-selected, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details.-selected, .amcheckout-step-container .shipping-address-items .shipping-address-item.-selected, .amcheckout-step-container .shipping-address-items .shipping-address-item.selected-item, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method.-selected, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active { border-color: #1979c3; } @media all and (min-width: 768px) { ._amcheckout-selectable-item, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details, .amcheckout-step-container .shipping-address-items .shipping-address-item, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method { width: 48%; } ._amcheckout-selectable-item:nth-last-child(-n + 2), .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:nth-last-child(-n + 2), .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:nth-last-child(-n + 2), .amcheckout-step-container .shipping-address-items .shipping-address-item:nth-last-child(-n + 2), .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:nth-last-child(-n + 2), .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:nth-last-child(-n + 2) { margin-bottom: 0; } } .checkout-index-index .authentication-wrapper { margin-right: 0; width: auto; position: absolute; bottom: calc(100% + 15px); right: 15px; } .checkout-index-index .checkout-header { margin: 0; padding: 0 9px; width: 100%; text-align: center; margin-bottom: 32px; box-sizing: border-box; } .checkout-index-index .checkout-header .title { margin: 0; /*font-size: 55px;*/ color: #202020; position: relative; padding-bottom: 17px; line-height: 1; margin-bottom: 16px; } .checkout-index-index .checkout-header .title:after { position: absolute; left: 50%; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .checkout-index-index .checkout-header .description { font-size: 14px; color: #888888; font-family: 'OpenSans-Regular'; } .checkout-index-index .opc-wrapper.am-opc-wrapper { float: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-columns .checkout-column, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .checkout-column { width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .shipping-address-item:nth-child(3n + 1):before { display: block; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .shipping-address-item:nth-child(2n + 1):before { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .shipping-address-item, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .shipping-address-item { width: 50%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .shipping-address-item:only-child, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .shipping-address-item:only-child { width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .table-checkout-shipping-method, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .table-checkout-shipping-method { width: 100%; min-width: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper:before { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .step-content { margin: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .shipping-address { margin-bottom: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper #co-payment-form .discount-code { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper #co-payment-form .rewards-add { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper #co-payment-form .gift-code { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .discount-code .payment-option-title { border: none; padding: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button { height: auto; position: relative; text-transform: none; line-height: 1.2; font-weight: normal; font-family: 'OpenSans-Regular'; font-size: 14px; position: relative; cursor: pointer; color: #888; cursor: text; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button:after { display: inline-block; content: "*"; color: #e02b27; font-size: 14px; font-family: 'OpenSans-Regular'; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button:hover { text-decoration: none; } .no-touch .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button:hover span.underline-text { text-decoration: none; color: #202020; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button span.underline-text { text-decoration: underline; cursor: pointer; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement div.mage-error { -webkit-flex-basis: 100%; flex-basis: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement .action-show { text-align: left; line-height: 1.5; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content, .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content { padding: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content .action-apply { margin-right: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content .actions-toolbar > .primary { padding-right: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-block > li { list-style-type: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .field.amcheckout-comment { margin-bottom: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .label { word-break: break-all; word-wrap: break-word; color: #202020; display: inline-block; vertical-align: top; margin-bottom: 0; } .checkout-index-index .minicart-items .product-item-details .details-qty .label { line-height: 1.4; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; } .checkout-index-index .minicart-items .product-item-details .price-including-tax, .checkout-index-index .minicart-items .product-item-details .price-excluding-tax { margin-top: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .label img { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .billing-address-same-as-shipping-block { margin: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar { font-size: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button { height: 40px; line-height: 34px; font-size: 14px; min-width: 100px; background: #202020; color: #fff; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button.action-update { color: #fff; background: #218956; margin: 0; border-color: #218956; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button.action-update:after { background: #202020; } .no-touch .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button:hover { /*color: #fff;*/ } .no-touch .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button.action-update:hover { /*color: #fff; background: #fff;*/ } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button.action-update:after { background: #202020; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar .action.action-cancel { margin: 0 10px 0 0; border-color: #202020; background-color: transparent; color: #202020; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar .action.action-cancel:after { background: #218956; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .primary { float: right; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .field-select-billing .label { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-shipping-address .primary { float: right; } .checkout-index-index .am-submit-summary #checkout-payment-method-load .actions-toolbar { display: none; } .checkout-index-index .am-submit-summary #checkout-payment-method-load .payment-method-billing-address .actions-toolbar { display: block; } .checkout-index-index .am-submit-fixed #checkout-payment-method-load .actions-toolbar { display: block; position: fixed; z-index: 999; width: 1240px; margin-left: auto; margin-right: auto; text-align: center; background-color: #eaeaea; left: 50%; transform: translate(-50%); } .checkout-index-index .am-submit-fixed #checkout-payment-method-load .actions-toolbar > * { float: none; } .checkout-index-index .am-submit-fixed.-top #checkout-payment-method-load .actions-toolbar { bottom: auto; top: 0; } .checkout-index-index .am-submit-fixed.-bottom #checkout-payment-method-load .actions-toolbar { bottom: 0; } .checkout-index-index .opc-block-summary .minicart-items-wrapper { margin: 0; } .checkout-index-index .additional-options { margin: 0; } .checkout-index-index .additional-options .checkout-agreements .action-show { line-height: 1.42857143; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; border-radius: 0; } .checkout-index-index .additional-options .checkout-agreements .action-show:not(:focus) { box-shadow: none; } .checkout-index-index .additional-options .field { margin-top: 7px; } .checkout-index-index .am-gift-message .edit-link { display: none; color: #1979c3; cursor: pointer; } .checkout-index-index .am-gift-message.checked .edit-link { display: inline; } .checkout-index-index .amcheckout-delivery-date .field { float: left; padding-top: 4px; width: 100%; box-sizing: border-box; } .checkout-index-index .amcheckout-delivery-date .field.comment { width: 100%; } .checkout-index-index .amcheckout-delivery-date .field.datepicker, .checkout-index-index .amcheckout-delivery-date .field.timepicker { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .checkout-index-index .amcheckout-delivery-date .field.datepicker .control, .checkout-index-index .amcheckout-delivery-date .field.timepicker .control { -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 60%; } .checkout-index-index .amcheckout-delivery-date .field.datepicker .control .ui-datepicker-trigger { margin-left: 7px; } .checkout-index-index .amcheckout-delivery-date .field .label { display: block; margin: 12px 0; } .checkout-index-index .amcheckout-delivery-date .clearer { clear: both; } .checkout-index-index .amcheckout-delivery-date .field._required > .label:after, .checkout-index-index .additional-options .field._required .label:after { margin: 0 0 0 5px; font-size: 1.2rem; content: '*'; color: #e02b27; } .checkout-index-index .opc-block-summary .minicart-items input[type='number']::-webkit-inner-spin-button, .checkout-index-index .opc-block-summary .minicart-items input[type='number']::-webkit-outer-spin-button { -webkit-appearance: inner-spin-button !important; } .checkout-index-index .opc-block-summary .minicart-items input[type='number']:focus { -moz-appearance: spinner !important; } .checkout-index-index .opc-block-summary .minicart-items input.qty { width: 55px; } .checkout-index-index .opc-block-summary .minicart-items button, .checkout-index-index .opc-block-summary .minicart-items .cart.table-wrapper .actions-toolbar > .action, .checkout-index-index .opc-block-summary .minicart-items .action-gift { margin-top: 12px; float: right; } .checkout-index-index .opc-block-summary .minicart-items .delete { float: left; padding: 3px; width: 7px; height: 7px; border: 1px #b6b6b6 solid; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoMTJ2MTJILTF6Ii8+PHBhdGggZmlsbD0iI2I1YjViNSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkPSJNNiA1bDQtNC0xLTEtNCA0LTQtNC0xIDEgNCA0LTQgNCAxIDEgNC00IDQgNCAxLTEtNC00eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+) no-repeat center; background-size: 7px; cursor: pointer; } .checkout-index-index .opc-block-summary .minicart-items .product-item-details { padding-left: 150px; padding-right: 0; } .checkout-index-index .opc-block-summary .minicart-items .product-image-container img { width: 100%; height: auto; } @media (min-width: 900px) { .checkout-index-index .opc-wrapper.am-opc-wrapper { width: auto !important; padding-right: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-columns .checkout-column { width: 50%; margin-right: -4px; padding: 0 15px; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3-columns .checkout-column { width: 33.3%; } } .checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method { width: 100%; } .checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method .col-price { min-width: unset; color: #202020; cursor: pointer; } .checkout-index-index .modal-popup:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap { right: 0; left: 0; width: calc(100% - 30px); margin-right: auto; margin-left: auto; } .checkout-payment-method .payment-methods { margin: 0; } .checkout-payment-method.submit .payment-methods { margin: 0; } .fieldset.address { margin: 0 -7px; } .fieldset.address > .field { display: inline-block; padding: 0 7px; width: 100%; vertical-align: top; box-sizing: border-box; } .checkout-success .success-messages { margin-bottom: 40px; font-size: 1.8rem; } .account .column.main .order-details-items { margin-bottom: 0; border: 0; } .account .column.main .order-details-items .order-items .data.table > tbody > tr:nth-child(even) > td { background: none; } .page-main .block.block-order-details { margin-bottom: 25px; } .page-main .block.block-order-details .delivery { float: right; font-weight: bold; } .page-main .block.block-order-details .delivery .delivery-field { float: left; margin-left: 12px; } .page-main .block.block-order-details .order-date { padding-bottom: 25px; border-bottom: 1px solid #c6c6c6; font-size: 1.6rem; } .page-main .block.block-order-details-comments { margin-bottom: 35px; } .page-main .block.block-order-details-view { margin-bottom: 10px; } .page-main .block.block-order-details-view:nth-child(2) .block-title { display: none; } #registration { position: relative; margin: 20px 0 25px; padding: 0 0 0 12px; width: 600px; border-left: 3px solid #f58c12; } #registration br { display: none; } #registration form { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .opc-estimated-wrapper .minicart-wrapper { display: none; } .am-checkout.-modern { box-sizing: border-box; padding: 0; background: none; } .am-checkout.-modern.-layout-1column { margin: auto; max-width: 750px; } .am-checkout.-modern .checkout-header { padding: 0; } .am-checkout.-modern .authentication-wrapper { margin-right: 0; } .am-checkout.-modern .authentication-wrapper .action-auth-toggle { padding: 5px 20px; height: auto; border-radius: 2px; background: #1979c3; color: #fff; } .am-checkout.-modern .opc-estimated-wrapper { margin: 0 -15px 15px; } .amcheckout-main-container.-modern { clear: both; color: #363636; } .amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) { margin: 40px 0 0; } .amcheckout-step-container { font-size: 16px; } .amcheckout-step-container > li { list-style: none; } .amcheckout-step-container .amcheckout-title { display: block; margin: 0; padding: 15px; background: #eee; font-weight: 600; font-size: 20px; cursor: pointer; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon { position: relative; float: right; box-sizing: border-box; width: 24px; height: 24px; border: 2px solid #1979c3; border-radius: 50%; transition: all .3s ease; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover, .amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover:before { border-color: #429fe7; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon:before { position: absolute; top: 41%; left: 50%; display: block; box-sizing: border-box; width: 8px; height: 8px; border-right: 2px solid #1979c3; border-bottom: 2px solid #1979c3; content: ''; transition: all .3s ease; transform: translate(-50%, -50%) rotate(45deg); } .amcheckout-step-container .amcheckout-title > .amcheckout-icon.-minus { transform: rotate(180deg); } .amcheckout-step-container .amcheckout-title + .amcheckout-content > .amcheckout-wrapper { padding: 20px 0; } .amcheckout-step-container .fieldset:last-child { margin-bottom: 0; } .amcheckout-step-container .fieldset > .legend + br { display: none; } .amcheckout-step-container .fieldset > .field > .label, .amcheckout-step-container .fieldset > .fields > .field > .label { font-weight: normal; } .amcheckout-step-container .opc-block-summary { margin: 0; padding: 0; } .amcheckout-step-container .checkout-payment-method .field-select-billing, .amcheckout-step-container .checkout-payment-method .billing-address-form { max-width: inherit; } .amcheckout-step-container .checkout-payment-method .checkout-billing-address { margin-top: 15px; } .amcheckout-step-container .note { color: #777; } .amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button):not(.ui-datepicker-trigger), .amcheckout-step-container button:not(.braintree-googlepay-button):not(.ui-datepicker-trigger), .amcheckout-step-container .cart.table-wrapper .actions-toolbar > .action:not(.braintree-googlepay-button):not(.ui-datepicker-trigger), .amcheckout-step-container .action-gift:not(.braintree-googlepay-button):not(.ui-datepicker-trigger) { border: none; border-radius: 2px; background: #1979c3; box-shadow: none; color: #fff; } .amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button):hover, .amcheckout-step-container button:not(.braintree-googlepay-button):hover, .amcheckout-step-container .cart.table-wrapper .actions-toolbar > .action:not(.braintree-googlepay-button):hover, .amcheckout-step-container .action-gift:not(.braintree-googlepay-button):hover { border: none; } .amcheckout-step-container .amcheckout-button.-new-address { margin-top: 20px; } .amcheckout-step-container .payment-method-content > .actions-toolbar > .primary .action.primary { float: none; margin: 0 15px 0 0; padding: 12px 16px; font-size: 16px; } .amcheckout-step-container .action-edit-address { margin-top: 15px; } .amcheckout-step-container .primary .action.checkout, .amcheckout-step-container .action.checkout.amasty { padding: 14px 30px; background: #315499; } .amcheckout-step-container .form-discount .actions-toolbar .action { min-height: 40px; } .amcheckout-step-container input[type='text'], .amcheckout-step-container input[type='password'], .amcheckout-step-container input[type='url'], .amcheckout-step-container input[type='tel'], .amcheckout-step-container input[type='search'], .amcheckout-step-container input[type='number'], .amcheckout-step-container input[type='datetime'], .amcheckout-step-container input[type='email'], .amcheckout-step-container select { height: 40px; border: 1px solid #d4d4d4; border-radius: 2px; font-size: 16px; } .amcheckout-step-container .checkout-agreements .action-show { background: inherit; color: inherit; font-size: inherit; } .amcheckout-step-container .checkout-agreements .action-show, .amcheckout-step-container .action.checkout.amasty { height: auto; } .amcheckout-step-container input[type='checkbox'], .amcheckout-step-container input[type='radio'] { display: none; } .amcheckout-step-container input[type='checkbox'] + label, .amcheckout-step-container input[type='radio'] + label { display: flex; cursor: pointer; } .amcheckout-step-container input[type='checkbox'] + label span:only-child, .amcheckout-step-container input[type='radio'] + label span:only-child { flex: auto; } .amcheckout-step-container input[type='checkbox'] + label:before, .amcheckout-step-container input[type='radio'] + label:before { display: inline-block; box-sizing: border-box; margin: 3px 15px 0 0; min-width: 15px; min-height: 15px; width: 15px; height: 15px; border: 2px solid #ccc; background: #fff !important; content: ''; cursor: pointer; } .amcheckout-step-container input[type='checkbox'] + label:hover:before, .amcheckout-step-container input[type='radio'] + label:hover:before, .amcheckout-step-container input[type='checkbox']:checked + label:before, .amcheckout-step-container input[type='radio']:checked + label:before { border-color: #1979c3; box-shadow: 0 2px 4px rgba(63, 156, 215, 0.4); } .amcheckout-step-container input[type='checkbox'] + label:before { border-radius: 2px; } .amcheckout-step-container input[type='checkbox']:checked + label:before { border-width: 0; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzE5NzlDMyIvPjxwYXRoIGQ9Ik01IDEwbDQgNCA2LTciIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) center no-repeat !important; background-size: contain !important; } .amcheckout-step-container input[type='radio'] + label:before { border-radius: 50%; transition: all .2s ease; } .amcheckout-step-container input[type='radio']:checked + label:before { border-width: 5px; } .amcheckout-step-container .amcheckout-form-login, .amcheckout-step-container .form-login { margin-bottom: 30px; border-bottom: 1px solid #d4d4d4; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email, .amcheckout-step-container .form-login .amcheckout-email { display: flex; align-items: flex-start; flex-wrap: wrap; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper, .amcheckout-step-container .form-login .amcheckout-email .amcheckout-wrapper { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .amcheckout-step-container .amcheckout-form-login .amcheckout-password, .amcheckout-step-container .form-login .amcheckout-password { width: calc(50% - 7px); } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper .input-text, .amcheckout-step-container .form-login .amcheckout-email .amcheckout-wrapper .input-text { margin: 0; width: 100%; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .field-tooltip, .amcheckout-step-container .form-login .amcheckout-email .field-tooltip { position: relative; top: 0; display: flex; align-items: center; margin-left: 10px; height: 40px; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .note, .amcheckout-step-container .form-login .amcheckout-email .note { margin-left: auto; color: #363636; line-height: 40px; } .amcheckout-step-container .amcheckout-form-login .amcheckout-password, .amcheckout-step-container .form-login .amcheckout-password { display: inline-block; } .amcheckout-step-container .amcheckout-form-login .amcheckout-password.-confirm, .amcheckout-step-container .form-login .amcheckout-password.-confirm { float: right; } .amcheckout-step-container .amcheckout-form-login .actions-toolbar, .amcheckout-step-container .form-login .actions-toolbar { margin-bottom: 20px; } .amcheckout-step-container .amcheckout-shipping-address .checkout-billing-address { margin-top: 20px; } .amcheckout-step-container .amcheckout-shipping-address .billing-address-same-as-shipping-block, .amcheckout-step-container .amcheckout-shipping-address .billing-address-form, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-form { margin-bottom: 10px; } .amcheckout-step-container .amcheckout-shipping-address .billing-address-details, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details { padding: 20px; } .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:empty, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:empty { display: none; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button { margin-top: 20px; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-select { float: right; border: 1px solid #1787e0; background: #ddf0ff; color: #1979c3; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-select:hover { background: #1787e0; color: #fff; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit { padding-left: 0; background: none; color: #4e4e4e; font-size: 16px; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit:hover, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit:hover { color: #1979c3; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit:before, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit:before { display: inline-block; width: 13px; height: 13px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MTMgMGwtMS43MDYgMS43MTYgMi4zODggMi40TDE1IDIuNDAzIDEyLjYxMyAwek0xLjcgMTAuOThsMi4zODYgMi40IDguMTg3LTguMjMzLTIuMzg3LTIuNDAxTDEuNyAxMC45OHpNMCAxNWwyLjg5LS43NjMtMi4xMy0yLjE0NEwwIDE1eiIgZmlsbD0iIzRFNEU0RSIvPjwvc3ZnPg==) center no-repeat; background-size: contain; content: ''; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit:hover:before, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit:hover:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MTMgMGwtMS43MDYgMS43MTYgMi4zODggMi40TDE1IDIuNDAzIDEyLjYxMyAwek0xLjcgMTAuOThsMi4zODYgMi40IDguMTg3LTguMjMzLTIuMzg3LTIuNDAxTDEuNyAxMC45OHpNMCAxNWwyLjg5LS43NjMtMi4xMy0yLjE0NEwwIDE1eiIgZmlsbD0iIzE5NzlDMyIvPjwvc3ZnPg==) center no-repeat; background-size: contain; } .amcheckout-step-container .shipping-address-items .shipping-address-item { padding: 20px; line-height: 30px; } .amcheckout-step-container .shipping-address-items .shipping-address-item.selected-item .amcheckout-button.-select { visibility: hidden; } .amcheckout-step-container .amcheckout-shipping-methods { display: block; max-width: inherit !important; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-header { display: none; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method { padding: 0 20px; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col { border: none; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip { position: relative; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip.-error .field-tooltip-action:before, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip.-error .field-tooltip-content { color: #c00815; } .amcheckout-step-container .checkout-billing-address .actions-toolbar { margin-top: 15px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar > .primary { float: none; padding: 10px 20px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar > .primary .action { margin-top: 0; } .amcheckout-step-container .checkout-billing-address .actions-toolbar .action-cancel { background: none; color: #1979c3; } .amcheckout-step-container .amcheckout-delivery-date .field { width: 100%; } .amcheckout-step-container .amcheckout-delivery-date .field.timepicker { display: block; } .amcheckout-step-container .amcheckout-delivery-date .field.timepicker .control { width: 100%; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods { margin: 0; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-group + .payment-group .step-title { margin: 0; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-group:not(:last-of-type) { margin-bottom: 40px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method { padding: 0; width: 100%; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:not(:last-of-type) { margin-bottom: 20px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title { padding: 0; border: none !important; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label { padding: 20px; align-items: flex-start; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label > *:not(:only-child):not(:last-of-type) { margin-right: 5px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label .action-help { margin-left: auto; text-align: right; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method .payment-method-content { display: none; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content { display: block; padding: 0 20px 0 45px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content > * { margin: 0; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content > * > * { margin: 0 0 20px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content .amazon-button-container__cell { display: inline-block; vertical-align: middle; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-content .actions-toolbar > .primary { float: left; padding-left: 0; } .amcheckout-step-container .amcheckout-summary-container { background: none; } .amcheckout-step-container .amcheckout-summary-container .amcheckout-title { background: #315499; color: #fff; } .amcheckout-step-container .amcheckout-summary-container .amcheckout-title > .amcheckout-icon { background: #fff; } .amcheckout-step-container .amcheckout-summary-container .amcheckout-content > .amcheckout-wrapper { padding: 20px; } .amcheckout-step-container .amcheckout-summary-container .items-in-cart { margin-bottom: 20px; border-bottom: 1px solid #d4d4d4; } .amcheckout-step-container .amcheckout-summary-container .product-item .delete { position: absolute; right: 0; bottom: 0; z-index: 1; box-sizing: border-box; padding: 0; width: 10px; height: 15px; border: 0; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE2NyAxNWg3LjU1OGwuOTUtOC45NThILjI2TDEuMTY3IDE1em01Ljg5LTEyLjc3MlYuNTEyQS41MS41MSAwIDAgMCA2LjU1MiAwaC0zLjIxYy0uMjggMC0uNTA1LjIzLS41MDUuNTEyVjIuMmMtMS4wODUuMTIzLTEuNzExLjMxNS0yLjgzNi43MjRWNC41bDEwIC4xMThWM3MtLjk1NC0uNTM0LTIuOTQyLS43NzJ6TTYuMDUgMi4xMzRhMTguMDggMTguMDggMCAwIDAtMi4yNTgtLjAxNXYtLjkwNWMwLS4xNC4xMTEtLjI1NS4yNTItLjI1NWgxLjc1MmMuMTQxIDAgLjI1NC4xMTUuMjU0LjI1NXYuOTJ6IiBmaWxsPSIjNTc1ODU1Ii8+PC9zdmc+) center no-repeat; background-size: contain; } .amcheckout-step-container .amcheckout-summary-container .product-item .delete:hover { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE2NyAxNWg3LjU1OGwuOTUtOC45NThILjI2TDEuMTY3IDE1em01Ljg5LTEyLjc3MlYuNTEyQS41MS41MSAwIDAgMCA2LjU1MiAwaC0zLjIxYy0uMjggMC0uNTA1LjIzLS41MDUuNTEyVjIuMmMtMS4wODUuMTIzLTEuNzExLjMxNS0yLjgzNi43MjRWNC41bDEwIC4xMThWM3MtLjk1NC0uNTM0LTIuOTQyLS43NzJ6TTYuMDUgMi4xMzRhMTguMDggMTguMDggMCAwIDAtMi4yNTgtLjAxNXYtLjkwNWMwLS4xNC4xMTEtLjI1NS4yNTItLjI1NWgxLjc1MmMuMTQxIDAgLjI1NC4xMTUuMjU0LjI1NXYuOTJ6IiBmaWxsPSIjMTk3OWMzIi8+PC9zdmc+) center no-repeat; background-size: contain; } .amcheckout-step-container .amcheckout-summary-container .product-item .action.checkout { float: left; margin-bottom: 10px; } .amcheckout-step-container .amcheckout-summary-container .product-item .product { padding-bottom: 15px; } .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-image-container { margin: 0; border: 1px solid #d4d4d4; } .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-item-details { padding-left: 100px; } .amcheckout-step-container .amcheckout-summary-container .minicart-items .minicart-items-wrapper { padding: 15px 0 0; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner { display: flex; align-items: center; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block { display: flex; align-items: center; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; flex-wrap: wrap; justify-content: space-between; margin: 0 20px 10px 0; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .action.checkout { border: 1px solid #1787e0; border-radius: 2px; background: #f0f8ff; color: #1787e0; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .action.checkout:hover { background: #e6f3ff; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .options { padding-right: 20px; } .amcheckout-step-container .amcheckout-summary-container .product-item-name { margin: 0; } .amcheckout-step-container .amcheckout-summary-container .details-qty { display: flex; align-items: center; flex-wrap: wrap; margin: 10px 0 0; } .amcheckout-step-container .amcheckout-summary-container .details-qty .label { margin-right: 10px; } .amcheckout-step-container .amcheckout-summary-container .details-qty .qty { height: 30px; } .amcheckout-step-container .amcheckout-summary-container .subtotal { width: auto; } .amcheckout-step-container .amcheckout-summary-container .field.configurable { width: 50%; } .amcheckout-step-container .amcheckout-summary-container .field.configurable:not(:last-of-type) { margin-bottom: 10px; } .amcheckout-step-container .amcheckout-summary-container .table-totals { width: 100%; border: none; font-size: 14px; } .amcheckout-step-container .amcheckout-summary-container .table-totals .grand .mark, .amcheckout-step-container .amcheckout-summary-container .table-totals .grand .amount { border-top: none; } .amcheckout-step-container .amcheckout-summary-container .item-options .label { display: block; margin-bottom: 10px; } .amcheckout-step-container .amcheckout-additional-options { margin: 0; padding: 0 20px; border: 1px solid #f9f9f9; background: #f9f9f9; font-size: 0; } .amcheckout-step-container .amcheckout-additional-options > * { font-size: 14px; } .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes, .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment { margin: 20px 0; } .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes > * { margin-bottom: 5px; } .amcheckout-step-container .amcheckout-additional-options .checkout-agreement .action-show { text-align: left; } .amcheckout-step-container .opc-payment-additional { padding: 0 20px; } .amcheckout-step-container .opc-payment-additional .payment-option-title, .amcheckout-step-container .opc-payment-additional .payment-option-content { padding-right: 0; padding-left: 0; } .amcheckout-step-container .opc-payment-additional .label { display: block; margin-bottom: 4px; } .amcheckout-step-container .opc-payment-additional .form-discount .label { display: none; } .amcheckout-main-container.-layout-2columns .amcheckout-column:not(:first-of-type) { margin-top: 40px; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Blog * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .mp-blog-view a, .mp-sidebar a { text-decoration: none; } .mp-blog-rss { text-align: right; } .mp-post-info { color: #999999; font-size: 10px; line-height: 18px; margin: 0; } .post-info-wraper { padding: 20px 15px 10px 15px; } .post-list-item { margin-bottom: 20px; } .post-short-description { max-width: 100%; } .post-short-description p { max-width: 100%; } .post-post_content { margin: 10px 0 10px 0; } #sharing { margin-top: 20px; } .about-admin h4.admin-title { width: 215px; float: left; } .block-blog-related { margin-top: 35px; } .block-blog-related .related-content-container { padding: 0 10px; } .block-blog-related .related-content-container .author-content-image { float: left; width: 135px; } .block-blog-related .related-content-container .author-content-information { float: left; padding-left: 20px; width: calc(100% - 155px); } .block-blog-related .related-content-container .author-content-information .author-name { font-size: 20px; } #post-reviews { margin-top: 50px; } a.mp-relate-link { background: #f55567; color: #0a0a0a; } a.mp-relate-link img.img-responsive { margin: 0 auto; height: 200px; display: block; } .menu-archives { list-style: none; padding-left: 8px; } .menu-archives a.list-archives { color: inherit; } .author-image { text-align: center; } .author-image img.img-responsive { border: none; padding-right: 7px; padding-left: 7px; margin-top: 15px; margin-bottom: 20px; } .tab-content { border: 1px solid #ddd; border-top: none; } .pager { text-align: center; } .pager span.toolbar-number { display: none; } .block-title p { font-size: 18px; font-weight: 300; } .mp-sidebar { margin-bottom: 25px; } .mp-sidebar .block-content { padding-left: 10px; } .mp-sidebar .data.item.title { cursor: pointer; } .mp-sidebar .product.data.items > .item.content { padding: 20px 0 20px 10px !important; } .sidebar-tags { margin-bottom: 15px; } a.label.label-default.tags-list { background: #fff; border: 1px solid #bbb; color: inherit; font-weight: normal; font-size: 100%; border-radius: 1px; display: inline-block; margin-bottom: 5px; padding: 10px; margin-right: 5px; } ul.menu-categories li.category-item { list-style: none; } ul.menu-categories .category-level3 { display: none; padding-left: 15px; } ul.menu-categories .category-level4 { display: none; padding-left: 30px; } ul.menu-categories a.list-categories { color: inherit; margin-left: 8px; } ul.menu-categories i { cursor: pointer; } h2.list-title { margin-bottom: 30px; } .list-post-tabs { padding: 5px 10px 5px 0; } .list-post-tabs:hover { background-color: rgba(33, 137, 86, 0.1); } .list-post-tabs .post-right span { font-size: 14px; display: block; } .list-post-tabs .post-right span.create-at { font-size: 12px; } .tab-pane.fade { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .fa.fa-angle-right { font-size: larger; } .sidebar .mpblog-search { float: none !important; padding: 0 !important; margin-bottom: 15px !important; width: 100%; } .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); border-top: 0; padding: 10px 0; overflow-x: hidden; } .autocomplete-suggestions strong { font-weight: bold; color: #000; } .autocomplete-suggestion { padding: 2px 5px; border-bottom: 1px solid #eee; } .autocomplete-suggestion:last-child { border-bottom: none; } .autocomplete-suggestion .mpblog-suggestion { display: block; } .autocomplete-suggestion .mpblog-suggestion:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .autocomplete-suggestion .mpblog-suggestion .mpblog-suggestion-left, .autocomplete-suggestion .mpblog-suggestion .mpblog-suggestion-right { float: left; padding: 5px 10px; } .autocomplete-suggestion .mpblog-suggestion .mpblog-suggestion-left { max-width: 25%; } .autocomplete-suggestion .mpblog-suggestion .mpblog-suggestion-right.image-visible { max-width: calc(75% - 40px); } .autocomplete-no-suggestion { padding: 2px 5px; } .autocomplete-selected { background: none; } .autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } .mpblog-product-des { color: #202020; } .mpblog-product-des p { margin: 0; font-size: 12px; } .mpblog-search { position: relative; } .mpblog-search button.action.search, .mpblog-search .cart.table-wrapper .actions-toolbar > .action.action.search, .mpblog-search .action-gift.action.search { display: inline-block; background: none !important; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; position: absolute; right: 10px; top: 2px; z-index: 1; } .mpblog-search button.action.search :before, .mpblog-search .cart.table-wrapper .actions-toolbar > .action.action.search :before, .mpblog-search .action-gift.action.search :before { -webkit-font-smoothing: antialiased; color: #8f8f8f; } .mpblog-search button.action.search span, .mpblog-search .cart.table-wrapper .actions-toolbar > .action.action.search span, .mpblog-search .action-gift.action.search span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mpblog-search label[for="mpblog-search-box"] { display: none; } /* style comment */ textarea.default-cmt__content__cmt-block__cmt-box__cmt-input { overflow: hidden !important; resize: none; min-height: 80px; border-radius: 4px; margin-bottom: 15px; } .default-cmt__content__cmt-block__guest-box { margin-bottom: 20px; } .show-cmt__cmt-row.is-reply { padding-left: 50px !important; } .default-cmt__content__cmt-block__cmt-box__cmt-btn { float: right; } .default-cmt__content__cmt-block__cmt-box__cmt-btn .default-cmt_loading { display: inline-block; width: 20px; vertical-align: middle; margin-right: 5px; } .cmt-row__reply-row { margin-top: 10px; } .default-cmt__cmt-login { float: right; margin-top: 20px; margin-bottom: 10px; } div.default-cmt__content__cmt-content { width: 100%; margin-top: 50px; float: left; } ul.default-cmt__content__cmt-content { list-style: none !important; } .cmt-row__cmt-content { font-size: 13px; } .cmt-row__cmt-interactions { font-size: 13px; } .cmt-row__cmt-content p { margin: 3px 0 !important; } .interactions__btn-actions { display: inline-block; margin-right: 10px; } a.interactions__btn-actions.action { cursor: pointer; } .interactions__cmt-createdat { display: inline-block; color: #999; font-size: 13px; } .cmt-row.reply-row { margin-bottom: 0 !important; } .reply-form__form-input { margin-bottom: 0 !important; position: relative; } .reply-form__form-input .default-cmt_loading { width: 20px; position: absolute; top: 5px; right: 5px; } .default-cmt__content__cmt-row.reply-row { margin-top: 0 !important; } li.default-cmt__content__cmt-content__cmt-row.cmt-row.reply-row { margin-top: 5px; padding-bottom: 0; } li.default-cmt__content__cmt-content__cmt-row.cmt-row { margin-top: 5px; margin-bottom: 15px; padding-bottom: 5px; border-top: 1px solid #f5f5f5; } .default-cmt__content__cmt-content ul:first-child { padding-left: 5px !important; } /* end style comment */ .widget-title { margin-bottom: 20px; } .author-social img.img-responsive { float: left; margin-top: 15px; margin-left: 15px; height: 25px; width: 25px; } /*post view css*/ .page-layout-1column .column.main { width: 100% !important; } /* Footer Copyright */ .mp-footer { margin-top: 50px; font-size: 8px !important; display: block; clear: both; float: right; text-transform: inherit; } .mp-footer h3 { margin-top: 50px; font-size: 8px !important; display: block; clear: both; float: right; text-transform: inherit; } .mp-footer-links-light { color: #E8E8E8 !important; margin: 0; padding: 0; border: 0; vertical-align: baseline; } .mp-footer-links-light a { color: #E8E8E8 !important; } .post-image { min-height: 250px; position: relative; } .mpblog-post-view .post-view-image { text-align: center; } .post-item-wraper { background: #fff; } @media only screen and (min-width: 600px) { .post-item-list .post-image { min-width: 250px; display: table-cell; } .post-item-list .post-info-wraper { display: table-cell; vertical-align: top; } } .post-info-wraper { display: table-cell; vertical-align: top; } .post-info-wraper h2.mp-post-title { margin-top: 0; font-size: 15px; font-family: 'OpenSans-SemiBold'; line-height: 1.22; color: #202020; font-weight: normal; margin-bottom: 0; height: 40px; overflow: hidden; } .post-info-wraper h2.mp-post-title a { text-decoration: none; color: #202020; } .no-touch .post-info-wraper h2.mp-post-title a:hover { color: #218956; } .post-short-description { font-size: 14px; color: #888888; line-height: 1.45; font-family: 'OpenSans-Regular'; height: 72px; overflow: hidden; } .post-short-description p { margin-bottom: 0; } .post-list-content .limiter { display: block !important; } /** Yourstore theme */ .mpblog-etheme-yourstore .post-list-container, .mpblog-etheme-yourstore .post-view, .mpblog-etheme-yourstore .mp-blog-rss { width: 85%; margin: auto; } .mpblog-etheme-yourstore .block-blog-related { border-bottom: solid 1px #dfdfdf; } @media (min-width: 768px) { .mpblog-etheme-yourstore .page-layout-2columns-right .post-list-content { border-right: solid 1px #dfdfdf; } .mpblog-etheme-yourstore .page-layout-2columns-left .post-list-content { border-left: solid 1px #dfdfdf; } } @media (min-width: 1024px) { .mpblog-etheme-yourstore .products-same-post li { height: 400px; width: 24.5% !important; } } @media (min-width: 1440px) { .mpblog-etheme-yourstore .products-same-post li { height: 500px; width: 16.67% !important; } } /* mageplaza end blog style */ .field .control._with-tooltip .choice.field { width: calc(100% - 39px); } .field .control._with-tooltip .choice.field input { width: auto; } .field .control._with-tooltip select, .field .control._with-tooltip textarea { margin-right: 10px; width: calc(100% - 39px); } .field .control select[multiple] { height: auto; background: #ffffff; } tr.order-attributes td { padding-left: 0; padding-right: 0; } .order-attributes .order-attributes-form { margin-top: 0; } .order-attributes .order-attributes-form > .field { margin-bottom: 0; } .order-attributes .order-attributes-form.fieldset .field:last-child { margin-bottom: 16px; margin-top: 17px; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 4px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .skus > .label { margin-top: 10px; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 20px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 5px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .reset { margin: 10px 0; } .column .block-addbysku .note { display: block; margin: 0 0 20px; } .block-cart-failed { margin-top: 40px; } .block-cart-failed .block-title { font-size: 2.6rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { margin-bottom: 10px; } .payment-method-braintree .hosted-control { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; position: relative; width: 225px; } .payment-method-braintree .hosted-control:disabled { opacity: 0.5; } .payment-method-braintree .hosted-control::-moz-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control::-webkit-input-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control:-ms-input-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control.braintree-hosted-fields-focused { border-color: #006bb4; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) { border-color: #e02b27; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-control.braintree-hosted-fields-valid { border-color: #006400; } .payment-method-braintree .hosted-control.hosted-cid { width: 5rem; } .payment-method-braintree .hosted-control.hosted-date { float: left; margin-bottom: 7px; width: 6rem; } .payment-method-braintree .hosted-control.hosted-date:first-of-type { margin-right: 50px; } .payment-method-braintree .hosted-control.hosted-date:first-of-type:after { content: '/'; display: inline; padding-bottom: inherit; padding-top: inherit; position: absolute; right: -25px; top: 5px; } .payment-method-braintree .field-tooltip { right: 0; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-logo { margin-top: 10px; text-align: center; } .braintree-paypal-account { padding: 15px 0 15px 50px; position: relative; display: inline-block; } .braintree-paypal-account:before { background-image: url('../Magento_Braintree/images/paypal-small.png'); background-position-x: 0; background-position-y: 0; line-height: 16px; vertical-align: middle; height: 16px; width: 16px; background-repeat: no-repeat; content: ''; display: inline-block; } .braintree-paypal-account:before { left: 17px; margin-top: -8px; position: absolute; top: 50%; } .braintree-paypal-account .payment-method-type { font-weight: 700; } .braintree-paypal-account .payment-method-description { color: #575757; } .braintree-paypal-fieldset { border: 0; margin: 0; padding: 0; } .action-braintree-paypal-logo { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .action-braintree-paypal-logo:focus, .action-braintree-paypal-logo:active { background: none; border: none; } .action-braintree-paypal-logo:hover { background: none; border: none; } .action-braintree-paypal-logo.disabled, .action-braintree-paypal-logo[disabled], fieldset[disabled] .action-braintree-paypal-logo { pointer-events: none; opacity: 0.5; } .action-braintree-paypal-logo img { margin: 0; width: 114px; } .payment-method .payment-method-content .actions-toolbar.braintree-paypal-actions { margin-left: 0; } .account .table .col.paypal-account img { vertical-align: middle; } .account .table .col.paypal-account + .actions { vertical-align: middle; } .bundle-options-container { clear: both; margin-bottom: 40px; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 30px; } .bundle-options-container .action.back { margin-bottom: 30px; } .bundle-options-container .price-box .price { font-size: 18px; font-weight: 700; } .bundle-options-container .block-bundle-summary { background: #e8e8e8; padding: 10px 20px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 30px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 10px; } .bundle-options-container .block-bundle-summary .box-tocart .actions { display: inline-block; margin-bottom: 10px; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { vertical-align: top; } .bundle-options-container .nested .field.qty { margin-top: 20px; } .bundle-options-container .nested .field.qty .label { font-weight: 700; margin: 0 0 5px; display: inline-block; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .product-options-bottom { clear: left; } .products { margin: 30px 0; } .products-grid .product-items { font-size: 0; margin: 0 -15px; } .product-item { font-size: 1.4rem; vertical-align: top; } .product-item-name { display: block; margin: 0; word-wrap: break-word; text-align: center; height: 39px; overflow: hidden; } .product-item-actions { font-size: 0; } .product-item-actions > * { font-size: 1.4rem; } .product-item-actions .actions-secondary { display: inline-block; font-size: 1.4rem; vertical-align: middle; white-space: nowrap; } .product-item-actions .actions-secondary > button.action, .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action, .product-item-actions .actions-secondary > .action-gift.action { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .product-item-actions .actions-secondary > button.action:focus, .product-item-actions .actions-secondary > button.action:active, .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action:focus, .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action:active, .product-item-actions .actions-secondary > .action-gift.action:focus, .product-item-actions .actions-secondary > .action-gift.action:active { background: none; border: none; } .product-item-actions .actions-secondary > button.action:hover, .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action:hover, .product-item-actions .actions-secondary > .action-gift.action:hover { background: none; border: none; } .product-item-actions .actions-secondary > button.action.disabled, .product-item-actions .actions-secondary > button.action[disabled], fieldset[disabled] .product-item-actions .actions-secondary > button.action, .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action.disabled, .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action[disabled], fieldset[disabled] .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action, .product-item-actions .actions-secondary > .action-gift.action.disabled, .product-item-actions .actions-secondary > .action-gift.action[disabled], fieldset[disabled] .product-item-actions .actions-secondary > .action-gift.action { pointer-events: none; opacity: 0.5; } .product-item-actions .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item-actions .actions-primary { display: inline-block; vertical-align: middle; } .product-item-description { margin: 25px 0; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { font-size: 12px; margin-top: 5px; } .product-item .price-box { margin: 13px 0 0 0; text-align: center; font-size: 0; } .product-item .price-box > span { display: inline-block; vertical-align: top; margin: 0 10px; line-height: 1; font-size: 14px; } .product-item .price-box > span span { display: inline-block; vertical-align: top; line-height: 1; } .product-item .price-box .price { font-size: 17px; font-family: 'open_sansbold'; font-weight: normal; white-space: nowrap; } .product-item .price-box .price-label { font-size: 12px; display: none; } .product-item .price-box .price-label:after { content: ':'; } .product-item .special-price .price-wrapper, .product-item .minimal-price .price-wrapper { display: inline-block; } .product-item .special-price .price-including-tax + .price-excluding-tax, .product-item .minimal-price .price-including-tax + .price-excluding-tax { display: block; } .product-item .special-price { display: block; } .product-item .old-price .price { font-weight: 400; text-decoration: line-through; color: #888888; font-family: 'open_sanslight'; } .product-item .regular-price .price-label { display: none; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .minimal-price-link .price-label { color: #1979c3; font-size: 1.4rem; } .product-item .minimal-price-link .price { font-weight: 400; } .product-item .minimal-price-link, .product-item .price-excluding-tax, .product-item .price-including-tax { display: block; white-space: nowrap; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocompare:before { content: '\e61f'; } .product-item .tocart { white-space: nowrap; } .price-container .price { font-size: 1.4rem; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: '(' attr(data-label) ': '; } .price-container .weee:after { content: ')'; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ': '; } .products-list .product-item { width: 100%; border: solid 1px #ddd; box-sizing: border-box; margin-bottom: 30px; } .products.wrapper.products-list { padding: 0; } .products-list .product-item-info { display: table; width: 100%; padding: 10px; border: 0 !important; } .products-list .product-item-details .product-item-name, .products-list .product-item-details .product-item-name a { height: auto; overflow: inherit; text-align: left; font-size: 20px; } .products-list .product-item-photo { display: table-cell; padding: 0; vertical-align: top; width: 250px; } .products-list .product-item-details { display: table-cell; vertical-align: top; box-sizing: border-box; width: calc(100% - 250px); padding: 10px 0 10px 30px; text-align: left; margin: 0; } .products-list .product-item-details .Product-icon-usage { position: relative; left: 0; } .products-list .product-item-details a.action.more { float: right; width: 100%; max-width: 150px; height: 35px; line-height: 35px; font-size: 14px; font-family: 'OpenSans-SemiBold'; background: #000000; color: #ffffff; border: 0 none; text-align: center; } .products-list .product-item-photo:after { display: none; } .no-touch .products-list .product-item-details a.action.more:hover { background: #218956; color: #ffffff; } .no-touch .products-list .product-item-details a.action.more:hover:after { width: 0; } .products-list .product-item-details > .product-item-inner .product-item-ac tions { text-align: left; margin: 20px 0; } .products-list .product-item .price-box { text-align: left; } .products-list .product-item .price-box > span { margin: 0; } .products-list .product-item .price-box > span + span { margin-left: 20px; } .products-list .product-item .price-box .price { font-size: 20px; } .products-list .product-item-details > .product-item-inner .product-item-actions { margin: 20px 0; text-align: left; } .products-list .product-item-details > .product-item-inner .product-item-description { margin: 0; font-size: 14px; color: #202020; line-height: 1.5; font-family: 'OpenSans-Regular'; } .products-list .product-item-details > .product-item-inner .product-item-description p { margin-bottom: 15px; } .products-list .product-item-details > .product-item-inner .product-item-description p:last-child { margin-bottom: 0; } .products-list .product-item-details > .product-item-inner .product-item-description ul, .products-list .product-item-details > .product-item-inner .product-item-description ol { margin-bottom: 20px; } .products-list .product-item-details > .product-item-inner .product-item-description ul li { margin-bottom: 5px; line-height: 1.2; } .products-list .product-item-details > .product-item-inner .product-item-description ul li:last-child { margin-bottom: 0; } .products-list .product-item-details > .product-item-inner .product-item-description ul:last-child, .products-list .product-item-details > .product-item-inner .product-item-description ol:last-child { margin-bottom: 0; } .products-list .product-item-details > .product-item-inner .product-item-description ul { list-style: disc; margin-top: 15px; padding-left: 20px; } .products-list .product-item-details > .product-item-inner .product-item-description b, .products-list .product-item-details > .product-item-inner .product-item-description strong { font-weight: normal; font-family: 'open_sansbold'; } .products-list .product-item-details > .product-item-inner { opacity: 1; visibility: visible; position: inherit; left: inherit; bottom: inherit; text-align: left; } .page-products .columns { position: relative; z-index: 1; } .toolbar-amount { display: block; line-height: 26px; margin: 0; padding: 8px 0 0; vertical-align: middle; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .toolbar-products { margin-bottom: 30px; padding: 0; text-align: center; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .toolbar-products .limiter .control { display: inline-block; } .sorter { padding: 4px 0 0; } .products.wrapper ~ .toolbar .sorter { display: none; } .sorter .sorter-action { position: relative; top: 7px; } .sorter-options { margin: 0 0 0 7px; width: auto; } .sorter-action { vertical-align: top; display: inline-block; text-decoration: none; } .modes { display: none; } .limiter-options { margin: 0 5px 0 7px; width: auto; } .limiter-label { font-weight: 400; } .page-products .toolbar .limiter select { width: 80px; } .toolbar-products > div label { font-size: 14px; text-transform: uppercase; color: #202020; font-family: 'OpenSans-SemiBold'; font-weight: normal; display: inline-block; vertical-align: top; margin-top: 5px; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after { content: ')'; } .prices-tier .price-container .weee[data-label] { display: inline; } .prices-tier .price-container .weee[data-label] .price { font-size: 1.1rem; } .prices-tier .price-container .weee[data-label]:before { content: ' +' attr(data-label) ': '; } .actual-price { font-weight: 700; } .category-image .image { display: block; height: auto; max-width: 100%; } .category-description { margin-bottom: 20px; } .product-image-container { display: inline-block; max-width: 100%; } .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } .product-image-photo { bottom: 0; display: block; height: auto; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { color: #7d7d7d; font-size: 1.2rem; margin: 10px 0; } .product.media .product.thumbs { margin: 20px 0 30px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; margin-bottom: 0; } .product.info.detailed .additional-attributes { width: auto; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 4px 5px 10px 5px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 4px 30px 10px 0; } .product-info-main .page-title-wrapper .page-title { font-size: 32px; color: #202020; line-height: 1.3; margin: 0 0 15px; } .product-info-main .product.attribute.sku .type { margin-right: 5px; } .product-info-main .product.attribute.overview, .product-info-price .product-usage-description { margin: 20px 0 0 0; line-height: 20px; color: #202020; font-size: 14px; font-family: 'OpenSans-Regular'; } .product-info-main .product.attribute.overview b { font-weight: normal; font-family: 'open_sansbold'; } .product-info-main .product.attribute.overview p, .product-info-price .product-usage-description p { margin-bottom: 15px; } .product-info-main .product.attribute.overview p:last-child, .product-info-price .product-usage-description p:last-child { margin-bottom: 0; } .product-info-main .product.attribute.overview a, .product-info-price .product-usage-description a { color: #218956; } .no-touch .product-info-main .product.attribute.overview a:hover { color: #202020; } .product-info-main .product.attribute.overview ul, .product-info-main .product.attribute.overview ol, .product-info-price .product-usage-description ul, .product-info-price .product-usage-description ol { margin-bottom: 15px; padding-left: 20px; margin-top: 15px; } .product-info-main .product.attribute.overview ul li, .product-info-main .product.attribute.overview ol li, .product-info-price .product-usage-description ul li, .product-info-price .product-usage-description ol li { margin-bottom: 8px; line-height: 1.2; } .product-info-main .product.attribute.overview ul li:last-child, .product-info-main .product.attribute.overview ol li:last-child, .product-info-price .product-usage-description ul li:last-child, .product-info-price .product-usage-description ol li:last-child { margin-bottom: 0; } .product-info-main .product.attribute.overview ul:last-child, .product-info-main .product.attribute.overview ol:last-child, .product-info-price .product-usage-description ul:last-child, .product-info-price .product-usage-description ol:last-child { margin-bottom: 0; } .product-info-main .product.alert { margin: 10px 0; } .product-info-main .price-box { margin-top: 0; font-size: 0; } .product-info-main .price-box > span { display: inline-block; vertical-align: top; line-height: 1; } .product-info-main .price-box > span.poa-label { font-size: 20px; color: #202020; font-family: 'OpenSans-SemiBold'; } .product-info-main .price-box > span + span { margin-left: 28px; } .product-info-main .price-box > span span { display: inline-block; vertical-align: top; line-height: 1; } .product-info-main .product-reviews-summary .reviews-actions { font-size: 14px; color: #202020; line-height: 1; position: relative; font-family: 'OpenSans-Regular'; } .product-info-main .product-reviews-summary .reviews-actions a { color: #202020; line-height: 1; position: relative; font-family: 'OpenSans-Regular'; padding-bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-info-main .product-reviews-summary .reviews-actions a:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; display: block; content: ""; background: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .product-info-main .product-reviews-summary .reviews-actions a:hover:after { width: 0; } .no-touch .product-info-main .product-reviews-summary .reviews-actions a:hover { color: #218956; } .product-options-wrapper .fieldset-product-options-inner .legend { font-weight: 700; margin: 0 0 5px; font-size: 1.4rem; border: none; display: inline-block; float: none; padding: 0; } .product-options-wrapper .fieldset-product-options-inner input.datetime-picker ~ select.datetime-picker { margin-top: 10px; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after, .product-options-wrapper .fieldset-product-options-inner._required .legend:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .product-options-wrapper .field .note { display: block; } .product-info-main .price-box .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .price-including-tax + .price-excluding-tax .price, .product-info-main .price-box .weee + .price-excluding-tax .price, .product-options-bottom .price-box .weee + .price-excluding-tax .price, .product-info-main .price-box .weee .price, .product-options-bottom .price-box .weee .price { font-size: 1.2rem; font-weight: 700; } .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price { font-size: 32px; font-weight: normal; } .product-info-main .price-box .price-wrapper .price { color: #0062B1; font-family: 'OpenSans-SemiBold'; } .product-info-main .price-box > span.old-price .price { font-weight: normal; text-decoration: line-through; color: #888888; font-family: 'open_sanslight'; } .product-info-main .price-box .price, .product-options-bottom .price-box .price { white-space: nowrap; } .product-info-main .special-price .price-container, .product-options-bottom .special-price .price-container { font-size: 1.4rem; } .product-info-main .special-price .price-label + .price-wrapper, .product-options-bottom .special-price .price-label + .price-wrapper { display: inline-block; } .product-info-main .old-price .price-label:after, .product-options-bottom .old-price .price-label:after, .product-info-main .special-price .price-label:after, .product-options-bottom .special-price .price-label:after { content: ': '; } .fieldset.button-box-sec { margin: 0; display: table; width: 100%; margin-top: 28px; } .fieldset.button-box-sec > div { display: table-cell; vertical-align: middle; font-size: 0; } .fieldset.button-box-sec > div.actions.addtocart > div { display: inline-block; vertical-align: top; } .fieldset.button-box-sec > div.actions.addtocart > div.equiry_view { margin-left: 10px; } .fieldset.button-box-sec > div button + button { margin-left: 10px; } .fieldset.button-box-sec > div button.amquote-addto-button, .product-add-form button.amquote-addto-button { border: solid 2px #202020; box-sizing: border-box; min-width: 200px; background: #fff; overflow: hidden; position: relative; z-index: 2; } .fieldset.button-box-sec > div button.amquote-addto-button:after, .product-add-form button.amquote-addto-button:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .fieldset.button-box-sec > div button.amquote-addto-button span, .product-add-form button.amquote-addto-button span { /*vertical-align: top; line-height: 45px; overflow: hidden; display: inline-block;*/ } .no-touch .fieldset.button-box-sec > div button.amquote-addto-button:hover, .no-touch .product-add-form button.amquote-addto-button:hover { /*color: #fff;*/ background: #218956; color: #fff; border-color: #218956; } .no-touch .fieldset.button-box-sec > div button.amquote-addto-button:hover:after, .no-touch .product-add-form button.amquote-addto-button:hover:after { top: 0; } .fieldset.button-box-sec > div.field.qty { width: 173px; padding-right: 10px; box-sizing: border-box; } .qty-increment { font-size: 0; } .qty-increment .label { line-height: 50px; text-transform: uppercase; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; font-size: 14px; padding-right: 7px; } .product-info-main .qty-box { width: 120px; } .product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty { height: 35px; text-align: center; width: 60px; } .product-info-main .product-addto-links, .product-options-bottom .product-addto-links { margin: 20px 0; } .product-info-main .action.tocompare, .product-options-bottom .action.tocompare { vertical-align: top; } .prices-tier { background: #f5f5f5; margin: 10px 0; padding: 10px 15px; } .prices-tier li { font-size: 14px; } .prices-tier li + li { margin-top: 7px !important; } .prices-tier li span { font-size: 14px; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; } .prices-tier li span .price { font-size: 17px !important; } .prices-tier .price-container { display: inline-block; } .prices-tier .price-including-tax, .prices-tier .price-excluding-tax, .prices-tier .weee { display: inline-block; } .prices-tier .price-including-tax .price, .prices-tier .price-excluding-tax .price, .prices-tier .weee .price { font-size: 1.4rem; font-weight: 700; } .ui-dialog-titlebar-close { line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #1979c3; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #006bb4; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #ff5501; text-decoration: underline; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .block.related .action.select { margin: 0 5px; } .sidebar .product-items .product-item { margin-bottom: 20px; position: relative; } .sidebar .product-items .product-item-info { position: relative; width: auto; } .sidebar .product-items .product-item-info .product-item-photo { left: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { margin: 0 0 0 85px; } .sidebar .product-items .product-item-actions { display: block; margin-top: 10px; } .sidebar .product-items .price-box { display: block; margin: 7px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #7d7d7d; font-size: 1.2rem; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .action.delete { position: absolute; right: 0; top: 0; } .sidebar .product-items-images { margin-left: -5px; } .sidebar .product-items-images .product-item { float: left; padding-left: 5px; } .sidebar .product-items-names .product-item { display: flex; margin-bottom: 10px; } .sidebar .product-items-names .product-item-name { margin: 0; } .catalog-category-view.page-layout-1column .column.main { min-height: inherit; padding-bottom: 0; } body.catalog-product-compare-index .action.print { float: right; margin: 15px 0; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; } .table-comparison { table-layout: fixed; } .table-comparison .cell.label, .table-comparison td:last-child { border-right: 1px solid #d1d1d1; } .table-comparison .cell { padding: 15px; width: 140px; } .table-comparison .cell .attribute.value { overflow: hidden; width: 100%; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #d1d1d1; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.attribute { font-size: 1.3rem; } .table-comparison .cell.attribute img { height: auto; max-width: 100%; } .table-comparison .product-item-photo { display: block; margin: 0 auto 15px; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { display: block; margin: 15px 0; } .table-comparison .product-addto-links { margin-top: 15px; } .table-comparison .product-addto-links .action.split, .table-comparison .product-addto-links .action.toggle { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .cell.remove { padding-bottom: 0; padding-top: 0; text-align: right; } .table-comparison .product-item-actions > .actions-primary + .actions-secondary { margin-top: 10px; } .table-comparison .action.tocart { white-space: nowrap; } .comparison.headings { background: #ffffff; left: 0; position: absolute; top: 0; width: auto; z-index: 2; } .block-compare .product-item .product-item-name { margin-left: 22px; } .block-compare .action.delete { left: -6px; position: absolute; top: 0; } .block-compare .actions-toolbar { margin: 17px 0 0; } .block-category-event { background: #f0f0f0; color: #202020; padding: 10px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 10px; } .block-category-event .block-title { margin: 0 0 10px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 40px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } .block-search { margin-bottom: 0; } .block-search .block-content { margin-bottom: 0; display: none; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #8f8f8f; content: '\e615'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #202020; } .block-search .label:active:before { color: #202020; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .nested { display: none; } .search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 5px 40px 5px 10px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:not(:empty) { border-top: 0; border: 1px solid #c2c2c2; background: #ffffff; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search.summary { margin-bottom: 10px; } .cart-summary { top: inherit !important; } .cart-summary > .title { display: block; font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .cart-summary .block { margin-bottom: 0; width: calc(100% - 38px); margin: 0 auto; } .cart-summary .block .item-options { margin-left: 0; margin-bottom: 20px; } .cart-summary .block .fieldset .field { margin: 0 0 10px; } .cart-summary .block .fieldset .field.note { font-size: 12px; } .cart-summary .block .fieldset .methods .field > .label { display: inline; } .cart-totals .table-wrapper { margin-bottom: 0; overflow: inherit; } .cart-totals .discount.coupon { display: none; } .cart.table-wrapper .items thead + .item { /* border-top: 1px solid #d1d1d1;*/ } .cart.table-wrapper .items > .item { position: relative; } .cart.table-wrapper .items:not(.pages-items) > .item:nth-child(odd) { background: #f5f5f5; } .cart.table-wrapper .item-actions td { padding-bottom: 10px; text-align: center; white-space: normal; } .cart.table-wrapper .item .col.item { /* display: block; min-height: 75px; padding: 25px 0 10px 75px; position: relative; */ } a#action-delete { display: inline-block; font-size: 0; line-height: 0; height: auto; background: none; padding: 0; } .cart.table-wrapper .col.remove { width: 38px; box-sizing: border-box; line-height: 0; } a#action-delete svg path { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch a#action-delete:hover svg path { fill: #0e76bc; } .action-gift { display: inline-block; text-decoration: none; margin-bottom: 10px; margin-right: 10px; } .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .actions-toolbar > .action:active, .cart.table-wrapper .actions-toolbar > .action:focus, .action-gift:hover, .action-gift:active, .action-gift:focus { text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action:last-child, .action-gift:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: inline-block; left: 0; padding: 0; font-size: 0; line-height: 0; border: solid 1px #ccc; } .cart.table-wrapper .col { vertical-align: middle; } .cart.table-wrapper .col.qty { width: 110px; } .cart.table-wrapper .col.price { text-align: left !important; width: 90px; } .cart.table-wrapper .col.subtotal { width: 100px; text-align: left !important; } .cart.table-wrapper .product-item-details { white-space: normal; padding: 0; text-align: left; } .cart.table-wrapper .product-item-name { display: inline-block; font-weight: 400; height: auto; text-align: left; height: inherit; overflow: inherit; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { font-size: 12px; margin-bottom: 10px; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 10px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 0 0 20px; } .cart-container .checkout-methods-items { margin-top: 20px; text-align: center; } .cart-container .checkout-methods-items .action.primary { width: 100%; height: 50px; font-size: 20px; font-weight: normal; font-family: 'OpenSans-SemiBold'; line-height: 45px; } .cart-container .checkout-methods-items .item + .item { margin-top: 20px; } .cart-products-toolbar .toolbar-amount { margin: 25px 0 15px; padding: 0; text-align: center; } .cart-products-toolbar .pages { margin: 0 0 25px; text-align: center; } .cart-products-toolbar .pages .items > .item { border-bottom: 0; } .cart-products-toolbar-top { border-bottom: 1px solid #d1d1d1; } .block.crosssell { margin-top: 70px; } .cart-tax-info + .cart-tax-total, .cart .cart-tax-info + .cart-tax-total { display: block; } .order-items.table-wrapper .col.price, .order-items.table-wrapper .col.discount, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: right !important; } .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty { text-align: center; } .block-minicart .items-total { float: left; margin: 0 10px; display: none; } .block-minicart .items-total .count { font-weight: 700; } .block-minicart .subtotal { margin: 0; display: table; width: 100%; padding: 10px 15px; box-sizing: border-box; text-align: right; background: #ddd; } .block-minicart .subtotal > div, .block-minicart .subtotal > span { display: table-cell; vertical-align: middle; font-size: 16px; padding-right: 10px; font-size: 20px; font-weight: normal; font-family: 'OpenSans-SemiBold'; } .block-minicart .subtotal > div { width: 110px; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 20px; font-weight: normal; font-family: 'OpenSans-SemiBold'; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 10px; font-weight: normal; background: #f7f7f7; text-align: center; font-family: 'OpenSans-Regular'; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; text-align: center; margin-bottom: 15px; } .block-minicart .block-content > .actions > .primary { margin: 0; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; margin-bottom: 10px; width: 100%; } .block-minicart .block-content > .actions > .primary .action.primary:last-child { margin-bottom: 0; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { display: inline-block; position: relative; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .action.showcart { cursor: pointer; display: block; padding: 12px 11px; text-decoration: none; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: #ffffff; margin-top: 18px; min-width: 100%; width: 390px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: -10px; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); -webkit-transform: scale(1, 0); -webkit-transform-origin: 0 0; -webkit-transition: -webkit-transform linear .3s, visibility 0s linear .3s; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear .3s, visibility 0s linear .3s; display: block !important; } .sticky .minicart-wrapper .block-minicart { margin-top: 8px; } .header-content-right > div.minicart-wrapper > div { display: block !important; } .minicart-wrapper.active .block-minicart, .amquote-cart-wrapper.-active .block-minicart { -webkit-transform: scale(1, 1); -webkit-transition: -webkit-transform linear .3s, visibility 0s linear 0s; transform: scale(1, 1); transition: transform linear .3s, visibility 0s linear 0s; } .minicart-wrapper .block-minicart li { margin: 0; background: #f7f7f7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .minicart-wrapper .block-minicart li:hover { cursor: inherit; background: rgba(33, 137, 86, 0.1); } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .minicart-wrapper .block-minicart:before { border: 6px solid; border-color: transparent transparent #218956 transparent; z-index: 99; } .minicart-wrapper .block-minicart:after { border: 7px solid; border-color: transparent transparent #218956 transparent; z-index: 98; } .minicart-wrapper .block-minicart:before { right: 20px; top: -12px; } .minicart-wrapper .block-minicart:after { right: 18px; top: -14px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart .block-title { display: block; padding: 15px; color: #fff; box-sizing: border-box; line-height: 1; font-size: 20px; text-transform: uppercase; font-weight: normal; background: #218956; text-align: left; } .minicart-wrapper .block-minicart .block-title strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; } .minicart-wrapper .product .actions { float: right; margin: 0; text-align: right; position: absolute; top: 0; right: 0; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .action.close { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: normal; height: 50px; position: absolute; right: 0; top: 0; width: 50px; background: #202020; color: #fff; border: 0; border-radius: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 32px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: inherit; text-align: center; } .minicart-wrapper .action.close:hover:before { color: #fff; } .minicart-wrapper .action.close:active:before { color: #fff; } .minicart-wrapper .action.close:hover { background: #218956; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.showcart { white-space: nowrap; } .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a { position: relative; } .minicart-wrapper .action.showcart .counter.qty, .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a span.counter.qty { color: #218956; display: inline-block; vertical-align: middle; margin: 0 0 0 -3px; } .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a span.counter.qty { background: #218956; } .no-touch .minicart-wrapper .action.showcart:hover .counter.qty { /*background: #218956;*/ } .no-touch .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a:hover span.counter.qty { color: #202020; background: #fff; } .minicart-wrapper .action.showcart .counter.qty.empty { /*display: none;*/ } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; } .minicart-wrapper .minicart-widgets { margin-top: 0; } .minicart-items-wrapper { margin: 0; border-left: 0; border-right: 0; overflow-x: auto; padding: 0; max-height: calc(100vh - 370px); min-height: 120px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 10px; ; } .minicart-items .product-item-pricing .label { display: inline-block; vertical-align: top; text-transform: uppercase; font-weight: normal; color: #111; line-height: 36px; font-family: 'OpenSans-SemiBold'; font-size: 13px; } .minicart-items .price-minicart { margin-bottom: 5px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; border: solid 1px #ddd; font-size: 0; line-height: 0; box-sizing: border-box; } .minicart-items .product > .product-item-photo span { width: 78px !important; } .minicart-items .product > .product-item-photo span img { width: 78px !important; height: 78px !important; } .minicart-items .product .toggle { display: block; text-decoration: none; cursor: pointer; position: relative; } .minicart-items .product .toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 16px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: inherit; text-align: center; } .minicart-items .product .toggle:after { position: static; right: 20px; top: 0; } .minicart-items .product.active > .toggle:after { content: '\e621'; } .minicart-items .product-item-name { font-weight: 400; text-align: left; margin: 0 0 10px; height: inherit; } .minicart-items .product-item-name a { color: #202020; } .no-touch .minicart-items .product-item-name a:hover { color: #218956; } .minicart-items .product-item-details { padding-left: 95px; text-align: left; padding-top: 0; padding-bottom: 0; padding-right: 30px; } .minicart-items .product-item-details .product-item-name a { font-size: 16px; } .minicart-items .product-item-details .price { font-weight: normal; color: #0062B1; font-size: 16px; font-family: 'OpenSans-SemiBold'; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 5px 0 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 10px; } .minicart-items .product.options .tooltip.toggle { display: inline-block; text-decoration: none; } .minicart-items .product.options .tooltip.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .tooltip.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: inherit; text-align: center; } .minicart-items .product.options .tooltip.toggle .details { display: none; } .minicart-items .item-qty { text-align: center; width: 40px; height: 33px; } .minicart-items .qty-box { min-width: 80px; padding: 0 20px; } .minicart-items .qty-box a { width: 20px; } .minicart-items .update-cart-item { font-size: 14px; vertical-align: top; border-radius: 0; border: 0; height: 35px; line-height: 36px; padding: 0 10px; box-sizing: border-box; background: #218956; color: #fff; font-weight: normal; margin-left: 5px; } .no-touch .minicart-items .update-cart-item:hover { background: #202020; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #202020; content: '\e606'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: inherit; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #202020; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #202020; } .minicart-items .action.delete:before { content: '\e604'; } .checkout-container { margin: 0 0 20px; } .opc-wrapper { margin: 0 0 20px; } .opc-wrapper .step-content { margin: 0 0 40px; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; } .checkout-onepage-success .print { display: none; } .opc-estimated-wrapper { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; font-weight: 700; float: left; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 5px; } .opc-estimated-wrapper .minicart-wrapper .action.showcart:before { color: #202020; } .opc-estimated-wrapper .minicart-wrapper .action.showcart:hover:before { color: #555555; } .opc-progress-bar { margin: 0 0 20px; counter-reset: i; font-size: 0; } .opc-progress-bar-item { margin: 0 0 10px; display: inline-block; position: relative; text-align: center; vertical-align: top; width: 50%; } .opc-progress-bar-item:before { background: #e4e4e4; top: 19px; content: ''; height: 7px; left: 0; position: absolute; width: 100%; } .opc-progress-bar-item:first-child:before { border-radius: 6px 0 0 6px; } .opc-progress-bar-item:last-child:before { border-radius: 0 6px 6px 0; } .opc-progress-bar-item > span { display: inline-block; padding-top: 45px; width: 100%; word-wrap: break-word; color: #e4e4e4; font-weight: 300; font-size: 1.8rem; } .opc-progress-bar-item > span:before, .opc-progress-bar-item > span:after { background: #e4e4e4; height: 38px; margin-left: -19px; width: 38px; border-radius: 50%; content: ''; left: 50%; position: absolute; top: 0; } .opc-progress-bar-item > span:after { background: #ffffff; height: 26px; margin-left: -13px; top: 6px; width: 26px; content: counter(i); counter-increment: i; color: #202020; font-weight: 600; font-size: 1.8rem; } .opc-progress-bar-item._active:before { background: #ff5501; } .opc-progress-bar-item._active > span { color: #202020; } .opc-progress-bar-item._active > span:before { background: #ff5501; } .opc-progress-bar-item._active > span:after { content: '\e610'; font-family: 'icons-blank-theme'; line-height: 1; font-size: 2.8rem; } .opc-progress-bar-item._complete { cursor: pointer; } .opc-progress-bar-item._complete > span { color: #202020; } .opc-progress-bar-item._complete > span:after { content: '\e610'; font-family: 'icons-blank-theme'; line-height: 1; font-size: 2.8rem; } .field.choice .field-tooltip { display: inline-block; margin-left: 10px; position: relative; top: -3px; } .field.choice .field-tooltip-action { line-height: 24px; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .opc-wrapper .fieldset > .field > .label { font-weight: 400; } .field-tooltip { cursor: pointer; position: absolute; right: -5px; top: 10px; display: none; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #202020; } .field-tooltip .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; color: #202020; content: '\e623'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; font-weight: bold; } .field-tooltip .field-tooltip-action:hover:before { color: #218956; } .field-tooltip .field-tooltip-action:before { padding-left: 1px; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: #202020; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #666666; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { left: auto; right: -10px; top: 40px; } .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after { border: 10px solid transparent; height: 0; left: auto; margin-top: -21px; right: 10px; top: 0; width: 0; } .field-tooltip .field-tooltip-content::before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content::after { border-bottom-color: #f4f4f4; top: 1px; } } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; color: #888; line-height: 1; margin-top: 8px; } .opc-wrapper .form-login .fieldset .mage-error + .note, .opc-wrapper .form-shipping-address .fieldset .mage-error + .note { margin-top: 15px !important; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid #ddd; line-height: 30px; margin: 0 0 20px; padding: 15px 120px 15px 15px; transition: 0.3s border-color; width: 100%; display: block; font-size: 14px; position: relative; vertical-align: top; word-wrap: break-word; background: #f5f5f5; box-sizing: border-box; color: #888; } .opc-wrapper .shipping-address-item strong { font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; margin-bottom: 5px; font-size: 20px; } .opc-wrapper .shipping-address-item.selected-item { border-color: #218956; } .opc-wrapper .shipping-address-item a { color: #888; } .no-touch .opc-wrapper .shipping-address-item a:hover { color: #218956; } .opc-wrapper .shipping-address-item button { height: 35px; line-height: 30px; min-width: 70px; padding: 0 10px; text-align: center; font-size: 15px; background: #202020; color: #fff; margin-top: 15px; } .amcheckout-wrapper > .field.addresses { padding-top: 20px; } .opc-wrapper .shipping-address-item button.action-select-shipping-item { color: #fff; background: #218956; border-color: #218956; } .opc-wrapper .shipping-address-item button:hover { text-decoration: none; } .no-touch .opc-wrapper .shipping-address-item button:hover { color: #fff; } .no-touch .opc-wrapper .shipping-address-item button.action-select-shipping-item:hover { color: #fff; } .opc-wrapper .shipping-address-item button.edit-address-link { background-color: transparent; color: #202020; border-color: #202020; border: solid 2px #202020; } .opc-wrapper .shipping-address-item button.edit-address-link:after { background: #218956; } .opc-wrapper .shipping-address-item button.action-select-shipping-item:after { background: #202020; } .opc-wrapper .action-show-popup { margin: 0 0 20px; background: #fff; color: #202020; border: solid 2px #202020; position: relative; overflow: hidden; z-index: 2; } .no-touch .opc-wrapper .action-show-popup:hover { color: #fff; background: #218956; border-color: #218956; } .opc-wrapper .action-show-popup:after { /*background: #218956; position: absolute; top: 80px; left: 0; display: block; content: ""; width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: -1;*/ } .no-touch .opc-wrapper .action-show-popup:hover:after { top: 0; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 5px; } .opc-wrapper .action-select-shipping-item { margin: 20px 0 0; } .opc-wrapper .edit-address-link { display: inline-block; margin: 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 20px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 20px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody td { border-top: 1px solid #cccccc; padding-bottom: 20px; padding-top: 20px; font-size: 14px; color: #888; line-height: 1; vertical-align: middle; } .table-checkout-shipping-method tbody td:first-child { width: 25px; height: 25px; box-sizing: border-box.; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody tr:first-child td:first-child { width: 25px; height: 25px; font-size: 0; line-height: 0; } .table-checkout-shipping-method tbody tr td:first-child label { width: 25px; height: 25px; display: block !important; padding-left: 0 !important; } .table-checkout-shipping-method tbody tr:last-child td { padding-bottom: 0; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 10px; padding-top: 0; } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #1979c3; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 30px; } .opc-block-shipping-information { padding: 0 30px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #cccccc; margin: 0 0 20px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 2px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #8f8f8f; content: '\e606'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #202020; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #8f8f8f; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 20px; } .opc-block-summary { background: #f5f5f5; padding: 22px 30px; margin: 0 0 20px; } .opc-block-summary > .title { display: block; } .opc-block-summary .mark .value { color: #999999; display: block; font-size: 12px; } .opc-block-summary .discount.coupon { display: none; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #d1d1d1; padding: 16px 40px 15px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.8rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart > .title:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: url(../images/arrow-black.svg) no-repeat right center; background-size: 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .opc-block-summary .items-in-cart.active > .title:after { transform: rotate(-180deg); } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0 -15px 0 0; max-height: 370px; padding: 0; border: 0; } .column.main .opc-block-summary .product-item + .product-item { border-top: solid 1px #ddd; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0; min-height: 130px; width: 100%; position: inherit; left: inherit; bottom: inherit; transform: none; opacity: 1; visibility: visible; } .checkout-index-index .minicart-items .product-item-details .details-qty { font-size: 14px; color: #888; } .opc-block-summary .product-item .product-item-name-block { display: table-cell; padding-right: 5px; text-align: left; vertical-align: middle; } .opc-block-summary .product-item .product-item-name-block .product-item-name { text-align: left; height: auto; overflow: hidden; margin: 0; } .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right; vertical-align: middle; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax { margin: 0; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .opc-block-summary .actions-toolbar { position: relative; z-index: 1; } .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #d1d1d1; display: block; float: none; margin: -1px 0 0; padding: 15px 0 0; text-align: left; } .opc-block-summary .actions-toolbar .secondary .action { margin: 0; } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 0; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 20px; border-bottom: 0; background: #218956; color: #fff; padding: 10px; margin-bottom: 0; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block.block-customer-login .block-content { padding: 15px; } .block-authentication .actions-toolbar > .primary .action { background: #218956; color: #fff; border-color: #218956; } .block-authentication .actions-toolbar > .primary .action:after { background: #202020; } .no-touch .block-authentication .actions-toolbar > .primary .action:hover { color: #fff; } .block.block-customer-login .block-content .fieldset { margin-bottom: 15px; } .block.block-customer-login .block-content a.action-remind { color: #202020; font-size: 15px; font-weight: normal; } .no-touch .block.block-customer-login .block-content a.action-remind:hover { color: #218956; } .block-authentication .actions-toolbar > .primary .action { min-width: 100px; } .block-authentication .actions-toolbar > .secondary { padding-top: 25px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 10px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 40px; padding-top: 40px; position: relative; } .block-authentication .block[class] + .block:before { height: 36px; line-height: 34px; margin: -19px 0 0 -18px; min-width: 36px; background: #ffffff; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } .checkout-payment-method .step-title { margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; padding: 15px; background: #f7f7f7; padding-bottom: 20px; } .checkout-payment-method .payment-method + .payment-method .payment-method-title { border-top: 1px solid #cccccc; } .checkout-payment-method .payment-method-title { padding: 20px 0; margin: 0; /*height: 25px;*/ } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 5px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 5px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 20px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0; } .checkout-payment-method .payment-group + .payment-group .step-title { margin: 20px 0 0; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 600px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 10px; } .checkout-payment-method .checkout-billing-address { margin: 0 0 20px; } .checkout-payment-method .checkout-billing-address .primary .action-update { margin-right: 0; } .checkout-payment-method .checkout-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .payment-method-note + .checkout-billing-address { margin-top: 20px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 20px 0; } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: '\e621'; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #cccccc; padding: 20px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #202020; display: inline-block; text-decoration: none; line-height: 1; text-transform: uppercase; font-weight: normal; font-family: 'OpenSans-SemiBold'; font-size: 20px; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: #8f8f8f; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #202020; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #8f8f8f; } .checkout-payment-method .payment-option-content { padding: 0 0 20px 22px; } .checkout-payment-method .payment-option-inner { margin: 0; } .checkout-payment-method .payment-option-inner input { background: none; height: 35px; } .checkout-payment-method .credit-card-types { padding: 0; margin: 0; font-size: 0; line-height: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 5px; border: solid 1px #ddd; padding: 5px; box-sizing: border-box; font-size: 0; line-height: 0; vertical-align: top; background: #fff; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { -webkit-filter: grayscale(0%); } .checkout-payment-method .credit-card-types .item._inactive { opacity: .4; } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { width: auto; height: auto; max-width: 47px; max-height: 31px; } .checkout-payment-method .ccard .fields > .year { padding-left: 5px; } .checkout-payment-method .ccard .fields .select { padding-left: 5px; padding-right: 5px; } .checkout-payment-method .ccard .month .select { width: 100%; } .checkout-payment-method .ccard .year .select { width: 100%; } .checkout-payment-method .ccard .captcha .input-text, .checkout-payment-method .ccard .number .input-text { width: 100%; background: none; } .checkout-payment-method .ccard > .field.cvv > .control { padding-right: 20px; width: auto; } .checkout-payment-method .ccard > .field.cvv > .control div.mage-error[generated] { width: 180px; } .checkout-payment-method .ccard .cvv .input-text { width: 120px; background: none; padding-right: 20px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: 50% !important; } .checkout-agreements-block .checkout-agreements { margin-bottom: 20px; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 30px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 20px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .login-container .fieldset:after { margin-top: 15px; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .form-address-edit .region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .box-billing-address .box-content, .box-shipping-address .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 26px; } .fieldset .fullname.field > .label + .control { width: 100%; } .account .column.main h2 { margin-top: 0; } .account .column.main .toolbar { text-align: center; } .account .column.main .toolbar .limiter-options { width: auto; } .account .sidebar-additional { margin-top: 40px; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .table-wrapper .action:last-child { margin-right: 0; } .account-nav .content { background: #f5f5f5; padding: 15px 0; } .account-nav .item { margin: 3px 0 0; } .account-nav .item:first-child { margin-top: 0; } .account-nav .item a, .account-nav .item > strong { display: block; padding: 5px 18px 5px 15px; } .account-nav .item a { text-decoration: none; } .account-nav .item a:hover { background: #e8e8e8; } .account-nav .item .delimiter { border-top: 1px solid #d1d1d1; display: block; margin: 10px 1.8rem; } .column.main .block:last-child { margin-bottom: 0; } .block .title { margin-bottom: 10px; } .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .column.main .block .title strong { font-size: 14px; } .block p:last-child { margin: 0; } .block .box-actions { margin-top: 5px; } .password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; display: none !important; } .password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; } .password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; } .password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; } .password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; } .password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; } .password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; } .control.captcha-image .captcha-img { vertical-align: middle; } .control.captcha-image .captcha-img img { overflow: hidden; border-bottom: solid 1px #aaa; box-sizing: border-box; width: 100%; height: auto; max-width: 174px; } .control.captcha-image { font-size: 0; } .control.captcha-image > div { display: inline-block; vertical-align: top; } .control.captcha-image > div + div { margin-left: 15px; } .downloadable.samples { margin-bottom: 20px; } .downloadable.samples dd { margin: 0 0 10px; } .table-downloadable-products .product-name { margin-right: 15px; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: ' + '; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: ' (' attr(data-label) ': '; } .field.downloads .price-excluding-tax:after { content: ')'; } .field.downloads .price-including-tax { font-size: 1.4rem; display: inline; font-weight: 600; } .field.downloads .sample.link { float: right; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 25px; } .page-product-downloadable .product-options-bottom .field.qty { display: none !important; } .cart-summary .block.giftcard .action.check { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; margin-top: 20px; } .page-product-giftcard .giftcard-amount { margin-bottom: 0; text-align: left; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 20px; } .page-product-giftcard .product-options-wrapper .field:first-of-type { margin-top: 20px; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 30px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 10px; } .gift-message .field { margin-bottom: 20px; } .gift-message .field .label { color: #666666; font-weight: 400; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { margin: 0 0 20px; } .gift-options-content .fieldset { margin: 0 0 20px; } .gift-summary .actions-toolbar > .secondary { float: none; } .gift-summary .actions-toolbar > .secondary .action { margin: 10px 20px 0 0; } .action-gift { display: inline-block; text-decoration: none; } .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action-gift:hover:after { color: inherit; } .action-gift:active:after { color: inherit; } .action-gift.active:after, .action-gift._active:after { content: '\e621'; } .cart.table-wrapper .gift-content { box-sizing: border-box; clear: left; display: none; float: left; margin: 10px 0 20px; text-align: left; width: 100%; } .cart.table-wrapper .gift-content._active { display: block; } .gift-item-block { margin: 0; } .gift-item-block._active .title:after { content: '\e621'; } .gift-item-block .title { border-radius: 3px; background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #202020; cursor: pointer; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 20px 0 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: inherit; } .gift-item-block .title:active:after { color: inherit; } .gift-item-block .title:focus, .gift-item-block .title:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #202020; } .gift-item-block .title:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .gift-item-block .title.disabled, .gift-item-block .title[disabled], fieldset[disabled] .gift-item-block .title { opacity: 0.5; cursor: default; pointer-events: none; } .gift-item-block .title:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } .gift-item-block .content { border-bottom: 1px solid #c1c1c1; padding: 10px 10px 20px; position: relative; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 10px 0; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-items .action.show { display: inline-block; text-decoration: none; padding-right: 20px; position: relative; } .order-details-items .order-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .order-items .action.show:after { position: absolute; right: 0; top: -4px; } .order-details-items .order-items .action.show.expanded:after { content: '\e621'; } .block-order-details-gift-message { border-top: 1px solid #d1d1d1; padding-top: 10px; } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 40px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .table-giftregistry-items .product-image { float: left; margin-right: 10px; } .cart-summary .form.giftregistry .fieldset { margin: 25px 0 5px; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 10px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .cart-summary .form.giftregistry .fieldset .action.primary { margin-bottom: 0; } .form-giftregistry-search { margin-bottom: 60px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry-results .toolbar-giftregistry-results { text-align: center; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 25px; } .block-giftregistry-shared-items .item { border-bottom: 1px solid #d1d1d1; } .block-giftregistry-shared-items .col { padding: 20px 8px 10px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin-bottom: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 10px 0; } .block-giftregistry-shared-items .product-item-name { display: block; margin: 0 0 5px; } .gift-wrapping .label { margin: 0 0 5px; display: inline-block; } .gift-wrapping .field { margin-bottom: 10px; } .gift-wrapping-info { font-weight: 300; font-size: 18px; margin: 20px 0; } .gift-wrapping-list { list-style: none; margin: 20px 0 10px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 38px; line-height: 4rem; color: #494949; content: '\e629'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 10px 10px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #202020; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 10px 0; } .gift-wrapping-title .action-remove { margin-left: 5px; } .gift-options-content .fieldset > .field { margin: 0 0 5px; } .gift-options-content .fieldset > .field:before { display: none; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping, .table-order-review .gift-wrapping { margin: 20px 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title, .table-order-review .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content, .table-order-review .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img, .table-order-review .gift-wrapping .content > img { float: left; margin: 0 10px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ': '; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .order-options .item { padding-bottom: 20px; } .order-options .product { margin-bottom: 10px; } .order-options .product-image-container { float: left; padding-right: 10px; } .order-options .gift-wrapping { margin-bottom: 10px; } .table.grouped > thead > tr > th, .table.grouped > tbody > tr > th, .table.grouped > tfoot > tr > th, .table.grouped > thead > tr > td, .table.grouped > tbody > tr > td, .table.grouped > tfoot > tr > td { border-top: 1px solid #d1d1d1; } .table.grouped > caption + thead > tr:first-child > th, .table.grouped > colgroup + thead > tr:first-child > th, .table.grouped > thead:first-child > tr:first-child > th, .table.grouped > caption + thead > tr:first-child > td, .table.grouped > colgroup + thead > tr:first-child > td, .table.grouped > thead:first-child > tr:first-child > td { border-top: 0; } .table.grouped > tbody + tbody { border-top: 1px solid #d1d1d1; } .table.grouped > thead > tr > th { border-bottom: 0; } .table.grouped .product-item-name { font-weight: 400; } .table.grouped .price-box .price { font-size: 14px; } .table.grouped .stock.unavailable { font-weight: normal; margin: 0; text-transform: none; white-space: nowrap; } .table.grouped .row-tier-price td { border-top: 0; } .table.grouped .row-tier-price .prices-tier { margin: 0 -10px 10px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 2px 0; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 31px; line-height: 22px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } .block.filter { margin-bottom: 40px; } .block-subtitle { display: block; margin-bottom: 10px; font-weight: normal; color: #202020; font-size: 18px; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; } .filter-current .item { margin-bottom: 2px; padding: 5px; background: #fff; position: relative; padding-right: 30px; } .filter-current .item a.remove { position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; font-size: 0; line-height: 0; } .filter-current .item a.remove:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/remove.svg) no-repeat center center; background-size: 14px !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .filter-current .item a.remove:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/remove-hover.svg) no-repeat center center; background-size: 14px !important; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .filter-current .item a.remove:hover:before { opacity: 1; visibility: visible; } .no-touch .filter-current .item a.remove:hover:after { opacity: 0; visibility: hidden; } .filter-current .filter-label { display: block; font-weight: normal; font-size: 16px; font-family: 'OpenSans-SemiBold'; color: #202020; } .filter-current .filter-label:after { content: ':'; } .filter-current + .filter-actions { margin-bottom: 15px; margin-top: 10px; } .filter-actions a { display: inline-block; vertical-align: top; line-height: 1; color: 14px; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; background: #218956; color: #fff; height: 35px; line-height: 35px; text-align: center; padding: 0 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .filter-actions a:hover { text-decoration: none; } .no-touch .filter-actions a:hover { background: #202020; color: #fff; } .filter-options { margin: 0; } .filter-options .filter-options-title { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; margin: 0 0 10px; word-break: break-all; } .filter-options .filter-options-content { margin: 0; display: none; } .filter-options .filter-options-content .item { margin-bottom: 0; } .filter-options .count { color: #7d7d7d; } .filter-options .count:before { content: '('; } .filter-options .count:after { content: ')'; } .filtered .items { margin: 15px 0; } .filtered .item { margin-bottom: 6px; padding-left: 22px; position: relative; } .filtered .item .label { font-weight: 700; } .filtered .item .action.remove { left: -6px; position: absolute; top: 0; } .filtered + .actions { margin-bottom: 35px; } .map-popup-wrapper.popup .action.close { top: 10px; } .map-popup { background: #ffffff; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 10px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .map-popup .popup-content { margin: 10px 0 0; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: inherit; } .map-popup .popup-actions .action.close:active:before { color: inherit; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin-bottom: 15px; } .map-popup .map-info-price .price-box { margin: 0 0 20px; } .map-popup .map-info-price .price-box .label:after { content: ': '; } .map-popup .regular-price .price-label { display: none; } .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 10px; } .map-fallback-price { display: none; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } button.map-show-info, .cart.table-wrapper .actions-toolbar > .action.map-show-info, .action-gift.map-show-info { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } button.map-show-info:focus, button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .action.map-show-info:focus, .cart.table-wrapper .actions-toolbar > .action.map-show-info:active, .action-gift.map-show-info:focus, .action-gift.map-show-info:active { background: none; border: none; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .action.map-show-info:hover, .action-gift.map-show-info:hover { background: none; border: none; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info, .cart.table-wrapper .actions-toolbar > .action.map-show-info.disabled, .cart.table-wrapper .actions-toolbar > .action.map-show-info[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.map-show-info, .action-gift.map-show-info.disabled, .action-gift.map-show-info[disabled], fieldset[disabled] .action-gift.map-show-info { pointer-events: none; opacity: 0.5; } button.map-show-info:visited, .cart.table-wrapper .actions-toolbar > .action.map-show-info:visited, .action-gift.map-show-info:visited { color: #1979c3; text-decoration: none; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .action.map-show-info:hover, .action-gift.map-show-info:hover { color: #006bb4; text-decoration: underline; } button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .action.map-show-info:active, .action-gift.map-show-info:active { color: #ff5501; text-decoration: underline; } button.map-show-info:hover, button.map-show-info:active, button.map-show-info:focus, .cart.table-wrapper .actions-toolbar > .action.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .action.map-show-info:active, .cart.table-wrapper .actions-toolbar > .action.map-show-info:focus, .action-gift.map-show-info:hover, .action-gift.map-show-info:active, .action-gift.map-show-info:focus { background: none; border: 0; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info, .cart.table-wrapper .actions-toolbar > .action.map-show-info.disabled, .cart.table-wrapper .actions-toolbar > .action.map-show-info[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.map-show-info, .action-gift.map-show-info.disabled, .action-gift.map-show-info[disabled], fieldset[disabled] .action-gift.map-show-info { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .wishlist.split.button { display: inline-block; position: relative; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button button.action.split, .wishlist.split.button .cart.table-wrapper .actions-toolbar > .action.action.split, .wishlist.split.button .action-gift.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .wishlist.split.button button + .action.toggle, .wishlist.split.button .cart.table-wrapper .actions-toolbar > .action + .action.toggle, .wishlist.split.button .action-gift + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: #7d7d7d; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #202020; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: #7d7d7d; content: '\e621'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #202020; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { text-align: left; } .wishlist.split.button .items .item > span { display: block; padding: 5px 5px 5px 23px; } .wishlist.split.button .items .item:last-child:hover { background: #e8e8e8; } .wishlist.split.button .items li { padding: 0; } .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before { content: '\e601'; } .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .table-comparison .wishlist.split.button > .action:focus, .product-items .wishlist.split.button > .action:focus, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover { color: #202020; } .table-comparison .wishlist.split.button > .action.toggle:before, .product-items .wishlist.split.button > .action.toggle:before { border-left: 1px solid #c9c9c9; content: ''; float: left; height: 15px; margin-top: 3px; } .product-info-main .wishlist.split.button .action.split, .block-bundle-summary .wishlist.split.button .action.split, .product-add-form .wishlist.split.button .action.split, .product-info-main .wishlist.split.button .action.toggle, .block-bundle-summary .wishlist.split.button .action.toggle, .product-add-form .wishlist.split.button .action.toggle { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; } .product-info-main .wishlist.split.button .action.toggle, .block-bundle-summary .wishlist.split.button .action.toggle, .product-add-form .wishlist.split.button .action.toggle { padding: 0; } .cart.table-wrapper .wishlist.split.button { margin-bottom: 10px; } .cart.table-wrapper .wishlist.split.button > .action.toggle { padding: 4px 5px; } .wishlist.window.popup { box-sizing: border-box; background: #ffffff; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:active:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #000000; z-index: 899; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.5; filter: alpha(opacity=50); } .wishlist.overlay.active { display: block; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 10px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 10px; } .block-wishlist-management .wishlist-notice { color: #7d7d7d; display: inline-block; margin-right: 20px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 20px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 20px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 60px; max-width: 500px; } .block-wishlist-search-results .toolbar-wishlist-results { text-align: center; } .block-wishlist-info-items .block-title { font-size: 2.2rem; margin-bottom: 20px; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 20px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 10px; } .block-wishlist-info-items .split { clear: both; padding: 10px 0; } .block-wishlist-info-items .action.towishlist { padding: 10px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 10px; } .multicheckout.results h3, .multicheckout.success h3 { font-size: 1.6rem; margin-bottom: 20px; margin-top: 30px; } .multicheckout.results h3 a, .multicheckout.success h3 a { color: #202020; } .multicheckout.results h3 a:hover, .multicheckout.success h3 a:hover { text-decoration: none; } .multicheckout.results ul.orders-list, .multicheckout.success ul.orders-list { list-style: none; padding-left: 0; } .multicheckout.results .orders-list, .multicheckout.success .orders-list { margin-top: 25px; padding-left: 16px; } .multicheckout.results .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-list .shipping-list .shipping-item { margin-left: 84px; } .multicheckout.results .orders-list .shipping-list .shipping-label, .multicheckout.success .orders-list .shipping-list .shipping-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .shipping-address, .multicheckout.success .orders-list .shipping-list .shipping-address { font-weight: 400; } .multicheckout.results .orders-list .shipping-list .error-block, .multicheckout.success .orders-list .shipping-list .error-block { color: #e02b27; } .multicheckout.results .orders-list .shipping-list .error-block .error-label, .multicheckout.success .orders-list .shipping-list .error-block .error-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .error-block .error-description, .multicheckout.success .orders-list .shipping-list .error-block .error-description { font-weight: 400; } .multicheckout.results .orders-succeed .orders-list, .multicheckout.success .orders-succeed .orders-list { margin-top: 0; } .multicheckout.results .orders-succeed .orders-list .shipping-list .order-id, .multicheckout.success .orders-succeed .orders-list .shipping-list .order-id { float: left; } .multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 100px; } .multicheckout .title { margin-bottom: 30px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 10px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 40px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 10px; } .multicheckout .item-options { margin: 10px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #a6a6a6; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 40px; } .multicheckout.order-review .error-description { color: #e02b27; font-weight: 400; margin-bottom: 10px; margin-top: -10px; } .multicheckout .box-title span { margin-right: 10px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 5px; } .multicheckout .checkout-review .grand.totals { font-size: 2.1rem; margin-bottom: 40px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } .block.newsletter { margin-bottom: 40px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #c2c2c2; content: '\e61d'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { margin-right: 35px; padding: 0 0 0 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } .paypal.after:before { content: '- ' attr(data-label) ' -'; display: block; margin: 5px 5px 10px; text-transform: uppercase; } .paypal.before:before { content: '- ' attr(data-label) ' -'; display: block; margin: 10px 5px; text-align: center; text-transform: uppercase; } .paypal.acceptance { display: block; margin: 0 0 20px; } .paypal.acceptance img { max-width: 100%; } .box-tocart .paypal img, .block-minicart .paypal img { display: block; margin: 0 auto; } .paypal-review .paypa-review-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; display: inline-block; } .paypal-review .items-qty .item { white-space: nowrap; } .paypal-review .items-qty .title:after { content: ': '; } .paypal-review .paypal-review-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; display: inline-block; } .paypal-review .actions-toolbar { margin-top: 10px; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #d1d1d1; margin: 20px 0; } .paypal-review-discount .block { margin-bottom: 0; } .paypal-review-discount .block .fieldset { padding: 10px 0 20px; } .fotorama-video-container:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: .6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 143px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #cccccc; font-family: 'FontAwesome'; font-size: 22px; height: 22px; letter-spacing: 10px; line-height: 22px; content: '\f005' '\f005' '\f005' '\f005' '\f005'; display: block; font-style: normal; font-weight: normal; speak: inherit; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #e8dc01; font-family: 'FontAwesome'; font-size: 22px; height: 22px; letter-spacing: 10px; line-height: 22px; content: '\f005' '\f005' '\f005' '\f005' '\f005'; display: block; font-style: normal; font-weight: normal; speak: inherit; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c7c7c7; font-family: 'FontAwesome'; font-size: 22px; height: 22px; letter-spacing: 10px; line-height: 22px; font-style: normal; font-weight: normal; speak: inherit; vertical-align: top; -webkit-font-smoothing: antialiased; content: '\f005' '\f005' '\f005' '\f005' '\f005'; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:hover + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #e8dc01; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; font-family: 'FontAwesome'; font-size: 22px; height: 22px; letter-spacing: 10px; line-height: 22px; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\f005' '\f005' '\f005' '\f005' '\f005'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\f005' '\f005' '\f005' '\f005'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\f005' '\f005' '\f005'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\f005' '\f005'; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\f005'; } .block.add.review { margin-bottom: 40px; } .block.add.review > .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .block.add.review .legend { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; margin: 0 0 20px; } .block.add.review .field.rating { display: table-row; } .block.add.review .field.rating .label { display: table-cell; padding: 5px 0; vertical-align: middle; } .block.add.review .field.rating .control { display: table-cell; vertical-align: top; } .block.reviews.list > .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .block.reviews.list .review.item { margin-bottom: 40px; } .block.reviews.list .review.title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer-review.view { margin-bottom: 20px; } .customer-review.view .review.title, .customer-review.view .ratings-summary, .customer-review.view .product-details { margin-bottom: 20px; } .product-reviews-summary { } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary.empty { margin-left: 0; } .product-reviews-summary .rating-summary { left: -5px; position: relative; text-align: left; vertical-align: middle; display: inline-block; margin-right: 12px; } .product-reviews-summary .reviews-actions { display: inline-block; line-height: 28px; vertical-align: middle; } .product-reviews-summary .reviews-actions a { margin-right: 5px; } .customer-review .product-details { margin-bottom: 40px; } .customer-review .review-details .customer-review-rating { margin-bottom: 20px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 10px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 600; margin-bottom: 20px; } .customer-review .review-details .review-content { margin-bottom: 20px; } .customer-review .product-reviews-summary .rating-summary, .customer-review .product-reviews-summary .reviews-actions { display: block; } .review-field-ratings .nested { display: table; } .review-field-ratings .review-field-rating { display: table-row; } .review-field-ratings .review-field-rating .label, .review-field-ratings .review-field-rating .control { display: table-cell; padding-bottom: 10px; vertical-align: top; line-height: 1; } .review-field-ratings .review-field-rating .label { padding-right: 10px; padding-top: 4px; padding-bottom: 0; vertical-align: middle; } .review-field-ratings .review-field-rating .control { padding: 0; width: 143px; height: 20px; } .review-field-ratings .review-field-rating .control { /*padding-top: 2px;*/ } .review-toolbar { margin: 0 0 20px; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { display: block; padding: 20px 0; text-align: center; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: #000000; color: #ffffff; } .no-touch .review-form .action.submit.primary:hover { background: #218956; color: #fff; } .fieldset .review-legend.legend { margin-bottom: 20px; } .fieldset .review-legend.legend strong { display: block; margin-left: 0; } .review-field-rating .control { margin-bottom: 48px; margin-top: 10px; } .review-list { margin-bottom: 30px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 20px 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; margin-bottom: 10px; max-width: 100%; } .review-author { display: inline; } .review-title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; margin: 0 0 20px; } .review-content { margin-bottom: 20px; } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 25px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 10px; } .form-create-return .field .control > span, .form-create-return .field address { display: inline-block; padding-top: 6px; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 20px; } .form-create-return .field.comment { margin-top: 55px; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .magento-rma-returns-returns .page-title-wrapper .page-title, .magento-rma-guest-returns .page-title-wrapper .page-title, .magento-rma-returns-view .page-title-wrapper .page-title { margin-right: 25px; } .order-links { border-bottom: 1px solid #d1d1d1; margin-bottom: 10px; } .order-links .item { display: inline-block; margin-right: 20px; } .order-actions-toolbar .action { margin: 0 20px 0 0; } .order-details-items { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; padding-bottom: 10px; } .order-details-items .order-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; display: inline-block; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ': '; } .order-details-items .table-order-items .product-item-name { margin-top: 0; text-align: left; height: inherit; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #d1d1d1; } .order-details-items .table-order-items tbody:nth-child(even) tr { background: #fff !important; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ': '; } .order-details-items .item-options.links dd { margin: 0; } .order-pager-wrapper .toolbar-amount { padding-top: 3px; } .order-pager-wrapper .pages-items .item:first-child, .order-pager-wrapper .pages-items .item:last-child { margin-right: 0; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { margin: 0; } .page-title-wrapper .order-date { margin: 0 0 20px; } .account .page-title-wrapper .page-title, [class^='sales-guest-'] .page-title-wrapper .page-title, .sales-guest-view .page-title-wrapper .page-title { margin-right: 25px; } .form-orders-search .field.email, .form-orders-search .field.zip { margin-bottom: 0; } .block-reorder .product-item .checkbox { position: relative; top: 2px; vertical-align: baseline; } .block-reorder .product-item .field.item { display: inline-block; } .block-reorder .product-item-name { display: inline-block; } .block-reorder .actions-toolbar { margin: 17px 0; max-width: 178px; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .order-tracking { border-bottom: 1px solid #d1d1d1; margin: 0; padding: 20px 0; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .opc-wrapper .form-discount { max-width: 100%; position: relative; padding-right: 130px; box-sizing: border-box; margin-top: 15px; } .opc-wrapper .form-discount .actions-toolbar { position: absolute; top: 0; right: 0; } .opc-wrapper .form-discount .actions-toolbar button { margin: 0; padding: 0; margin-right: 0; background: #fff; border: solid 2px #202020; box-sizing: border-box; text-align: center; text-transform: uppercase; color: #202020; font-size: 14px; font-family: 'OpenSans-SemiBold'; box-sizing: border-box; min-width: 120px; height: 35px; line-height: 30px; } .no-touch .opc-wrapper .form-discount .actions-toolbar button:hover { color: #fff; background: #218956; border-color: #218956; } .opc-wrapper .form-discount .actions-toolbar button:after { background: #218956; } .checkout-payment-method .payment-option._collapsible._active .payment-option-content { display: block; } .action.mailto.friend span { display: inline-block; line-height: 1; vertical-align: top; } .swatch-attribute-label { font-weight: 700; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 14px; font-weight: 700; position: absolute; right: -11px; top: -2px; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin: 10px 0; } .swatch-attribute-options:focus { box-shadow: none; } .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 10px; position: absolute; text-align: center; width: 100%; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 10px 5px 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } .swatch-option:focus { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; } .swatch-option.text.selected { background-color: #ffffff !important; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #202020; } .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #202020; outline: 1px solid #999999; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; background: #e02b27; } .swatch-option-loading { content: url('../images/loader-2.gif'); } .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 5px; position: absolute; text-align: center; z-index: 999; background: #ffffff; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } .swatch-option-tooltip-layered { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-opt { margin: 20px 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; z-index: 1; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } body { background-color: #ffffff; } .page-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .page-main { -webkit-flex-grow: 1; flex-grow: 1; } .logo { display: inline-block; font-size: 0; line-height: 0; } .logo img { display: block; width: 100%; height: auto; max-width: 330px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky .logo img { max-width: 250px; } .page-print .logo { float: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 30px; } .action.skip:focus { background: #f0f0f0; padding: 10px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .action-skip-wrapper { height: 0; position: relative; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #ffee9c; border-color: #d6ca8e; color: #202020; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #1979c3; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #006bb4; } .message.global.noscript a:active, .message.global.cookie a:active { color: #ff5501; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 10px; } .message.global.demo { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; margin: 0 !important; width: 100%; max-width: 100%; } .message.global.demo a { color: #1979c3; } .message.global.demo a:hover { color: #006bb4; } .message.global.demo a:active { color: #ff5501; } .page-footer { margin-top: auto; } .footer.content .links > li { margin: 0 0 8px; } .footer.content .switcher-store { margin: 0 0 30px; } .footer .copyright, .footer .bugs { display: block; margin: 40px 0 0; border-top: solid 1px #d4d4d4; padding: 10px 0; } .page-header .switcher, .page-footer .switcher { margin-right: 10px; } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-footer .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { display: block; padding: 8px; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { text-decoration: none; } .page-header .switcher li, .page-footer .switcher li { font-size: 12px; margin: 0; } .page-header .switcher strong, .page-footer .switcher strong { font-weight: 400; } .widget { clear: both; } .page-header .widget.block, .page-footer .widget.block { margin: 20px 0; } .ui-datepicker td { padding: 0; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #1979c3; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #ff5501; text-decoration: underline; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-right: 20px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #1979c3; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #ff5501; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .toolbar.wishlist-toolbar .limiter { float: right; } .toolbar.wishlist-toolbar .main .pages { display: inline-block; position: relative; z-index: 0; } .toolbar.wishlist-toolbar .toolbar-amount, .toolbar.wishlist-toolbar .limiter { display: inline-block; z-index: 1; } .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before { content: '\e601'; } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #d1d1d1; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #d1d1d1; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #d1d1d1; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .action.primary { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 700; } .block-wishlist .product-item-name { margin-right: 25px; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 10px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 10px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .products-grid.wishlist .product-item .box-tocart input.qty { height: 32px; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 6px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 20px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 2px 0; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 31px; line-height: 22px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 20px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 10px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 20px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 20px; } .block-product-link-inline.widget { margin: 0; } .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%)/2); } .block.widget .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: .5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: '\e617'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: '\e608'; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 10px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 10px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 20px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 20px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 20px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } @media only screen and (max-width: 767px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile-m:before, .abs-add-clearfix-mobile-m:after, .form-create-return .fieldset > .actions-toolbar:before, .form-create-return .fieldset > .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .form-create-return .fieldset > .actions-toolbar:after { clear: both; } .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; cursor: pointer; margin-bottom: 0; padding: 10px 40px 10px 15px; position: relative; display: block; text-decoration: none; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-wishlist-management .wishlist-select .wishlist-name:after { position: absolute; right: 10px; top: 0; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after { content: '\e621'; } .abs-pager-toolbar-mobile .toolbar-amount, .abs-pager-toolbar-mobile .limiter, .abs-pager-toolbar-mobile .pages, .account .toolbar .toolbar-amount, .account .toolbar .limiter, .account .toolbar .pages, .toolbar-wishlist-results .toolbar-amount, .toolbar-wishlist-results .limiter, .toolbar-wishlist-results .pages { float: none; margin-bottom: 25px; } .abs-shopping-cart-items-mobile .actions, .cart-container .form-cart .actions { text-align: center; } .cart-container .form-cart .action.update, .cart-container .form-cart .action.continue, .cart-container .form-cart .action.clear { margin: 0 4px; display: inline-block !important; vertical-align: top; margin-top: 10px; } .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update, .cart-container .form-cart .clear-quote { height: 40px; font-size: 15px; } .block-cart-failed .action.clear span, .block-cart-failed .action.update span, .cart-container .form-cart .action.clear span, .cart-container .form-cart .action.update span, .cart-container .cart-gift-item .action.clear span, .cart-container .cart-gift-item .action.update span { line-height: 36px; } .cart-container .form-cart .action.update, .cart-container .form-cart .action.continue, .cart-container .form-cart .action.clear { height: 40px; font-size: 15px; min-width: 180px; } .cart-container .form-cart .action.update, .cart-container .form-cart .action.clear { display: block; } .abs-checkout-tooltip-content-position-top-mobile, .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .field-tooltip .field-tooltip-content:before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .navigation, .breadcrumbs, .page-header .header.panel, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .cms-privacy-policy .page-main { position: relative; } .product.data.items { margin: 0; padding: 0; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title > .switch { padding: 5px 20px 5px 20px; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: #ffffff; color: #202020; text-decoration: none; padding-bottom: 5px; } .product.data.items > .item.content { background: #ffffff; border: 1px solid #d1d1d1; margin: 0 0 5px; padding: 20px 20px 20px 20px; } .product.data.items .data.item { display: block; } .product.data.items .item.title > .switch { padding: 1px 15px 1px; } .product.data.items > .item.content { padding: 10px 15px 30px; } .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } .modal-popup { pointer-events: auto; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 14px; font-weight: 700; } .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 100%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 100%; } .catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .block.related .action.select { display: block; margin: 5px 0; } .compare, .product-addto-links .action.tocompare, .product-item-actions .actions-secondary > .action.tocompare, [class*='block-compare'] { display: none; } .block-search .block-content { margin-bottom: 0; } .cart.table-wrapper { overflow: inherit; } .cart.table-wrapper thead .col:not(.item) { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; white-space: nowrap; width: 100%; text-align: left !important; padding-top: 0; padding-bottom: 10px; } .cart.table-wrapper .item .col.item:first-child { width: 110px; } .cart.table-wrapper .col.remove { vertical-align: top; } .cart.table-wrapper .col.qty > div, .cart.table-wrapper .col.price > div, .cart.table-wrapper .col.subtotal > div, .cart.table-wrapper .col.msrp > div, .cart.table-wrapper .col.qty > p, .cart.table-wrapper .col.price > p, .cart.table-wrapper .col.subtotal > p, .cart.table-wrapper .col.msrp > p, .cart.table-wrapper .col.qty > span, .cart.table-wrapper .col.price > span, .cart.table-wrapper .col.subtotal > span, .cart.table-wrapper .col.msrp > span { display: inline-block; vertical-align: middle; } .cart.table-wrapper .item .col.item { display: block; text-align: left !important; box-sizing: border-box; } .cart.table-wrapper .item .col.item > div, .cart.table-wrapper .item .col.item > span, .cart.table-wrapper .item .col.item > p { display: inline-block; vertical-align: middle; } .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before { content: attr(data-th) ':'; display: inline-block; vertical-align: middle; font-weight: normal; padding-bottom: 0; font-size: 15px; color: #202020; font-family: 'OpenSans-SemiBold'; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 20px; } .checkout-payment-method .checkout-billing-address .action-cancel { margin-top: 10px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 20px; } .login-container .fieldset:after { text-align: left; clear: both; } .account .messages { margin-bottom: 0; } .customer-account-index .page-title-wrapper { position: relative; } .form.search.advanced .field.price .with-addon .input-text { flex-basis: auto; width: 100%; } .gift-options .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-top: 1px solid #c1c1c1; border-bottom: 0; } .cart.table-wrapper .gift-content { margin-right: -10px; } .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; padding-bottom: 10px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } .form-add-invitations .additional, .form-add-invitations .field.text { margin-top: 20px; } .page-with-filter .columns .sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 10px; } .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #d1d1d1; background: #f5f5f5; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { display: block; padding: 5px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #e8e8e8; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 0; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 25px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 40px; } .reward-settings + .actions-toolbar { margin-top: 10px; } .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { display: block; float: none; margin: 10px 0 0; } .order-pager-wrapper .toolbar-amount { left: inherit; position: relative; text-align: center; top: inherit; } .order-pager-wrapper .pages { text-align: center; } .order-pager-wrapper .action.previous, .order-pager-wrapper .action.next { margin: 0; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } .products-grid.wishlist { margin-bottom: 30px; margin-right: 0; } .products-grid.wishlist .product-item { padding: 20px 0 20px 0; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 20px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; float: left; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit { float: left; } .products-grid.wishlist .product-item-actions .action.delete { float: right; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 20px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody tr:before, .abs-checkout-order-review tbody tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:before, .table-giftregistry-items .col.product:after, .account .toolbar:before, .account .toolbar:after, .multicheckout.order-review .data.table tbody tr:before, .multicheckout.order-review .data.table tbody tr:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .account .toolbar:after, .multicheckout.order-review .data.table tbody tr:after { clear: both; } .multicheckout.order-review .data.table tbody tr:not(:last-child) { border-bottom: 1px solid #d1d1d1; } .multicheckout.order-review .data.table tbody tr .col.item:before { display: none; } .multicheckout.order-review .data.table tbody tr .col.qty, .multicheckout.order-review .data.table tbody tr .col.price, .multicheckout.order-review .data.table tbody tr .col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .multicheckout.order-review .data.table tbody tr .col.qty[data-th]:before, .multicheckout.order-review .data.table tbody tr .col.price[data-th]:before, .multicheckout.order-review .data.table tbody tr .col.subtotal[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-bottom: 10px; } .abs-checkout-order-review tbody tr .product-item-name, .multicheckout.order-review .data.table tbody tr .product-item-name { margin: 0; } .abs-no-display-s, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison).additional-attributes tbody th { display: none; } .abs-pager-toolbar-mobile-s .toolbar-amount, .abs-pager-toolbar-mobile-s .limiter, .abs-pager-toolbar-mobile-s .pages, .toolbar-giftregistry-results .toolbar-amount, .toolbar-giftregistry-results .limiter, .toolbar-giftregistry-results .pages { margin-bottom: 25px; } .table-wrapper { overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding-top: 0; line-height: 1; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td.col.actions[data-th]:before { vertical-align: top; margin-top: 4px; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { padding: 10px; text-align: left !important; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th[data-th]:before { padding-right: 5px; content: attr(data-th) ': '; display: inline-block; color: #202020; font-weight: normal; font-size: 14px; line-height: 1; vertical-align: bottom; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) tbody > tr > td:first-child { padding-top: 10px; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) tbody > tr > td:last-child { padding-bottom: 10px; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison).additional-attributes tbody td:last-child { } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 20px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot th { box-sizing: border-box; float: left; padding-left: 10px; padding-right: 5px; text-align: right; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot td { box-sizing: border-box; float: left; padding-left: 0; padding-right: 10px; text-align: right; width: 30%; } .data-table-definition-list thead { display: none; } .data-table-definition-list tbody th { padding-bottom: 0; } .data-table-definition-list tbody th, .data-table-definition-list tbody td { display: block; padding-left: 0; padding-right: 0; } .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 1px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .products-list .product-item { table-layout: fixed; } .products-list .product-item-photo { width: 30%; } .block-search { margin-top: 10px; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .product .actions { float: left; margin: 10px 0 0 0; } .minicart-wrapper .update-cart-item { float: right; } .opc-wrapper .step-title { font-size: 18px; padding-bottom: 0; } .opc-wrapper .form-login { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 0 0 15px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 39px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 1px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #202020; content: '\e606'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #202020; } .opc-wrapper .edit-address-link:active:before { color: #202020; } .shipping-policy-block.field-tooltip { margin-bottom: 20px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } .opc-block-shipping-information .shipping-information-title { font-size: 2.3rem; } .account .column.main, .account .sidebar-additional { margin: 0; } .cart.table-wrapper .gift-content { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; } .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 15px; } .multicheckout .data.table .address:before { margin-bottom: 5px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 40px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout .actions-toolbar .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 25px; margin-right: 0; } .account .order-details-items .table-order-items .product-item-name, .account .order-details-items .table-order-items .price-including-tax, .account .order-details-items .table-order-items .price-excluding-tax, .account .order-details-items .table-order-items .items-qty { display: inline-block; vertical-align: middle; line-height: 1; font-size: 14px; } .account .toolbar .pages { float: left; } .order-details-items thead { display: block; } .order-details-items thead tr, .order-details-items thead td { display: block; } .table-wrapper .table.table-order-items tfoot td.order-pager-wrapper { width: 100%; } .order-items.table-wrapper .col.price, .order-items.table-wrapper .col.qty, .order-items.table-wrapper .col.subtotal, .order-items.table-wrapper .col.msrp, .order-items.table-wrapper .col.price, .order-items.table-wrapper .col.discount, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: left !important; } .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } .minicart-wrapper .block-minicart { width: 290px; right: -50px; } .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } } @media all and (min-width: 640px) { .abs-blocks-2columns-s { width: 48.8%; } .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } .abs-margin-for-forms-desktop-s { margin-left: 25.8%; } .abs-visually-hidden-desktop-s { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop-s:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:before, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } .ui-dialog.popup { width: 420px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field { display: block; width: 50%; } .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field:nth-child(2n) { padding-left: 7px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field.datepicker .control, .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field.timepicker .control, .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field.comment { width: 100%; } .column .block-addbysku .action.remove { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-top: 2px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #1979c3; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #006bb4; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #ff5501; text-decoration: underline; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .products-grid .product-item { margin-bottom: 30px; } .product-item-actions { display: block; } .product-item-actions .actions-primary + .actions-secondary > * { white-space: normal; } .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 10px; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 20px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 25px; padding-right: 25px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 25px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 40px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } .review-ratings { float: left; margin-bottom: 0; max-width: 240px; width: 280px; text-align: center; margin-top: 15px; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 280px; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 15px; } .wishlist-index-index .products-grid .product-item { margin-bottom: 20px; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.20202033%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 4%)/3); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } } /**** Owl Slider *****/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-nav.disabled, .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../../../../../frontend/Magento/blank/en_AU/Mageplaza_Core/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-carousel .owl-dots { position: relative; bottom: 0px; left: 0; right: 0; display: block; margin: 0 auto; text-align: center; } .owl-carousel .owl-dots .owl-dot { float: none;/*padding:0 5px;*/ display: inline-block; } .owl-carousel .owl-dots span { width: 10px; width: 11px; height: 11px; display: block; background: none; cursor: pointer; text-indent: -9999px;/* -webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3); */ margin-bottom: 10px; transition: all 0.5s ease; } .owl-carousel .owl-dots.active span { border: solid 2px #f9c136; } .owl-loaded .owl-dots { position: relative; bottom: 0px; left: 0; right: 0; display: block; margin: 0 auto; text-align: center; } .dcs-homebanner-main .owl-loaded .owl-dots { position: absolute; bottom: 50px; left: 0; right: 0; display: block; margin: 0 auto; text-align: center; } .owl-loaded .owl-dots .owl-dot { float: none;/*padding:0 5px;*/ display: inline-block; width: 18px; border: solid 2px transparent; height: 18px; border-radius: 50%; box-sizing: border-box; text-align: center; padding: 2px; transition: all 0.5s ease; margin: 0 1px; background: none; } .owl-loaded .owl-dots span { width: 10px; height: 10px; display: block; background: #fff; border: solid 1px #abaaaa; box-sizing: border-box; box-sizing: border-box; border-radius: 50%; cursor: pointer; text-indent: -9999px; margin-bottom: 0px; transition: all 0.5s ease; /* border:solid 5px #fff; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); */ margin: 0 auto; } .owl-stage-outer { overflow: hidden; } .owl-wrapper { position: relative; } .owl-item { float: left; } .owl-item img { width: 100%; } .view_page_slider .item.top_item { margin-bottom: 30px; width: inherit; } .view_page_slider { position: relative; } .owl-loaded .owl-dots .owl-dot.active span { opacity: 1; } .owl-nav { position: absolute; bottom: 10px; left: 0; padding: 0; font-size: 0; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; max-width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; right: 0; margin: 0 auto; } .owl-nav:after { left: 85px; position: absolute; display: block; content: ""; width: 1px; height: 25px; background: #aaa; top: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .owl-nav:hover:after { background: #218956; } .owl-carousel .owl-nav .owl-prev.active, .owl-carousel .owl-nav .owl-next.active, .owl-carousel .owl-dot.active { box-shadow: none !important; } .no-touch .owl-nav .owl-next:hover, .no-touch .owl-nav .owl-prev:hover { background: #1d3750; border-color: #1d3750; } .owl-nav .owl-next:after, .owl-nav .owl-prev:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; content: ""; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 21px; z-index: 1; } .owl-nav .owl-next:before, .owl-nav .owl-prev:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/slider-arrow-hover.svg) no-repeat center center; background-size: 21px; z-index: 1; opacity: 0; visibility: hidden; } .no-touch .owl-nav .owl-next:hover:before, .no-touch .owl-nav .owl-next:hover:after { /*animation-name: move-right-to-left; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative;*/ } .no-touch .owl-nav .owl-prev:hover:after, .no-touch .owl-nav .owl-prev:hover:before { /*animation-name: move-left-to-right; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative;*/ } @keyframes move-left-to-right { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes move-right-to-left { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } .no-touch .owl-nav .owl-next:hover:before, .no-touch .owl-nav .owl-prev:hover:before { opacity: 1; visibility: visible; } .no-touch .owl-nav .owl-next:hover:after, .no-touch .owl-nav .owl-prev:hover:after { opacity: 0; visibility: hidden; } .owl-nav .owl-prev:before, .owl-nav .owl-prev:after { transform: rotate(-180deg); } .owl-nav .owl-next, .owl-nav .owl-prev { position: relative; display: inline-block; vertical-align: top; width: 70px; height: 45px; text-indent: -999em; cursor: pointer; background: none; border-radius: 0; background-color: #fff; border: 0; } .no-touch .owl-nav .owl-next:hover, .no-touch .owl-nav .owl-prev:hover { background-color: #000000 !important; } .owl-nav .owl-prev { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .owl-nav .owl-next { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .owl-nav .disabled { opacity: 1; cursor: none; } .owl-nav .disabled:after, .owl-nav .disabled:before { opacity: 0.5; opacity: 0.5; } .no-touch .owl-loaded .owl-dots .owl-dot:hover, .owl-loaded .owl-dots .owl-dot.active { border-color: #218956; } .no-touch .owl-loaded .owl-dots .owl-dot:hover span, .owl-loaded .owl-dots .owl-dot.active span { background: #218956; border-color: #218956; } @media only screen and (max-width:1169px) { .owl-nav .owl-prev { left: 0px; } .owl-nav .owl-next { right: 0px; } } @media only screen and (max-width:767px) { .feature-product-slider-main .owl-loaded .owl-dots span { display: block; background: none; border: solid 2px #202020; cursor: pointer; text-indent: -9999px; margin-bottom: 0px; transform: rotate(40deg); transition: all 0.5s ease; } .feature-product-slider-main .owl-loaded .owl-dots .owl-dot.active span { border: solid 2px #202020; } } /*******/ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { background: none; height: 100%; position: absolute; right: 0; top: 0; width: 12px; border-radius: 10px; overflow: hidden; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .menu-scroll .jspVerticalBar { opacity: 1; visibility: visible; } .touch .jspVerticalBar { opacity: 1; visibility: visible; } .no-touch .jsscrollpanel:hover .jspVerticalBar, .no-touch .jspScrollable:hover .jspVerticalBar { opacity: 1; visibility: visible; } .jspHorizontalBar { background: none; bottom: 0; height: 16px; left: 0; position: absolute; width: 100%; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #f2f2f2; position: relative; padding: 3px; } .menu-scroll .jspTrack { padding: 2px; } .menu-scroll .jspTrack .jspDrag { background: #f7971d; } .jspDrag { background: #202020; cursor: pointer; left: 0; position: relative; top: 0; border-radius: 4px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; cursor: pointer; direction: ltr; display: block; margin: 0; padding: 0; text-indent: -20000px; } .jspDisabled { background: #80808d; cursor: default; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { float: left; height: 100%; width: 16px; } .jspVerticalBar .jspArrow:focus { border: 1px solid red; outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug */ * html .jspCorner { margin: 0 -3px 0 0; } .message { margin: 10px auto !important; box-sizing: border-box; max-width: 1540px; } .cms-home .message { width: calc(100% - 30px); } /*****/ /**** Custom Css Start ****/ body { margin: 0; padding: 0; font-size: 14px; font-family: 'OpenSans-Regular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; overflow-x: hidden; font-weight: normal; } /***/ .cms-page-view .column.main { font-size: 14px; color: #202020; line-height: 20px; } .cms-page-view .column.main p { margin-bottom: 20px; } .cms-page-view .column.main p:last-child { margin-bottom: 0; } .cms-page-view .column.main strong { font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; } .cms-page-view .column.main a { color: #218956; } .no-touch .cms-page-view .column.main a:hover { color: #202020; } .cms-page-view .column.main ul { padding-left: 20px; } /****/ /**** Paypal page ******/ .paypal-express-review .page-main > .page-title-wrapper { text-align: center; } .paypal-express-review .page-main > .page-title-wrapper .page-title { text-transform: uppercase; position: relative; padding-bottom: 17px; font-size: 55px; margin-top: 0; margin-bottom: 40px; line-height: 1; } .paypal-express-review .page-main > .page-title-wrapper .page-title:after { position: absolute; left: 50%; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .paypal-review .block .box-title { font-weight: normal; font-size: 20px; color: #202020; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; } .paypal-review .block .box-actions { clear: both; display: block; } .paypal-review .block .box-actions a.action.edit { border: solid 2px #202020 !important; height: 50px; min-width: 150px; text-transform: uppercase; color: #202020; font-size: 14px; line-height: 46px; box-sizing: border-box; background: #fff; text-align: center; padding: 0 15px; position: relative; z-index: 2; overflow: hidden; display: inline-block; vertical-align: top; } .paypal-review .block .box-actions a.action.edit:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .paypal-review .block .box-actions a.action.edit:hover:after { top: 0; } .no-touch .paypal-review .block .box-actions a.action.edit:hover { color: #fff; } .paypal-review .paypal-review-title > strong { font-size: 24px; font-family: 'OpenSans-SemiBold'; font-weight: normal; margin-top: 0; } .paypal-review .paypal-review-title a.action.edit { float: right; font-size: 14px; color: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .paypal-review .paypal-review-title a.action.edit:hover { color: #218956; } .paypal-review .cart.table-wrapper .item .col.item:first-child { width: auto; } .paypal-review .cart.table-wrapper .product-item-details { display: inline-block; vertical-align: top; padding-left: 15px; } .paypal-review .cart.table-wrapper .items:not(.pages-items) > .item:nth-child(even) { background: #f5f5f5; } .paypal-review .cart.table-wrapper .items:not(.pages-items) > .item:nth-child(odd) { background: #fff; } .paypal-review .opc-block-summary tr th { font-weight: normal; padding-left: 4px; font-size: 20px; text-transform: uppercase; line-height: 1; color: #202020; font-family: 'OpenSans-SemiBold'; padding: 0; vertical-align: top; padding-left: 20px; padding-top: 6px; padding-bottom: 6px; } .paypal-review .opc-block-summary tr td { font-weight: normal; padding-left: 4px; font-size: 20px; text-transform: uppercase; line-height: 1; color: #202020; font-family: 'OpenSans-SemiBold'; padding: 0; vertical-align: top; padding-right: 20px; padding-top: 6px; padding-bottom: 6px; } .paypal-review .opc-block-summary tr:first-child th, .paypal-review .opc-block-summary tr:first-child td { padding-top: 26px !important; } .paypal-review .opc-block-summary tr:nth-last-child(2) th, .paypal-review .opc-block-summary tr:nth-last-child(2) td { padding-bottom: 18px !important; } .paypal-review .opc-block-summary tr.grand.totals th, .paypal-review .opc-block-summary tr.grand.totals td { color: #fff; padding-top: 11px; padding-bottom: 14px; } .choice:not(.review-field-rating) input[type="checkbox"] + label button { height: inherit; line-height: 1.3; text-transform: none; color: #202020; } .choice:not(.review-field-rating) input[type="checkbox"] + label button:hover { text-decoration: none; } /***** Distributors List View *****/ .distributors_list_view .contactleft { font-size: 14px; color: #888; line-height: 1.5; } .distributors_list_view .contactleft p { margin-bottom: 15px; } .distributors_list_view .contactleft p:last-child { margin-bottom: 0; } .distributors_list_view .contactleft strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; } .distributors_list_view .contactright { width: 100%; display: block; max-width: 800px; margin: 0 auto; background: #f7f7f7; border: solid 1px #ddd; box-shadow: 0 0 10px rgba(0,0,0,0.20); margin-top: 40px; padding: 15px; box-sizing: border-box; } .distributors_list_view .contactright .section-title-sec { text-align: center; margin-bottom: 30px; } .distributors_list_view .contactright .section-title-sec .section-title { font-size: 30px; margin-bottom: 10px; } .distributors_list_view .contactright .section-title-sec .section-title:after { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .distributors_list_view .contactright .form-wrap > div { display: inline-block; width: 50%; } .distributors_list_view .contactright .form-wrap > div:last-child { margin-bottom: 0; } .distributors_list_view .contactright .form-wrap > div textarea { background: none; } .distributors_list_view .contactright .form-wrap > div.box-two { width: 100%; } /***** Petrotec Filtration Form Whole ******/ .petrotec-filtration-form-whole > div.left-section, .petrotec-filtration-form-whole > div.right-section { padding: 20px; box-sizing: border-box; background: #f7f7f7; border: solid 1px #ddd; } .petrotec-filtration-form-whole > div.right-section { margin-top: 30px; } .page-title h1 { margin: 0; padding-bottom: 10px; margin-bottom: 20px; font-size: 30px; position: relative; text-transform: uppercase; } .page-title h1:after { position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; display: block; content: ""; background: #f8981f; } .petrotec-filtration-form-whole > div.left-section form .fieldset, .petrotec-filtration-form-whole > div.right-section form .fieldset { display: block; margin: 0 -10px; font-size: 0; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div, .petrotec-filtration-form-whole > div.right-section form .fieldset > div { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px; box-sizing: border-box; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div.captcha, .petrotec-filtration-form-whole > div.right-section form .fieldset > div.captcha { width: 50%; } .petrotec-filtration-form-whole > div.left-section form .actions-toolbar, .petrotec-filtration-form-whole > div.right-section form .actions-toolbar { margin-top: 24px; } .logo_details .enq-title-note-outer h3 { margin: 0 0 10px; font-size: 18px; } .input-box-file { padding: 10px; background: #ddd; margin: 10px 0 0 0; } .add-delete-btns { margin-top: 15px; } .add-delete-btns a { min-width: 100px; padding: 0 15px; display: inline-block; vertical-align: top; height: 35px; line-height: 30px; box-sizing: border-box; border: solid 2px #202020; color: #202020; background: #fff; font-size: 15px; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; position: relative; z-index: 2; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .add-delete-btns a:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .add-delete-btns a:hover { color: #fff; background: #218956; border-color: #218956; } .no-touch .add-delete-btns a:hover:after { top: 0; } .input-box-file > div.filetext + .filetext { margin-top: 10px; position: relative; } .input-box-file > div.filetext + .filetext .delete-more { position: absolute; top: 0; right: 0; display: block; } .input-box-file > div { padding: 5px; background: #fff; vertical-align: top; width: 30%; min-width: 250px; } .input-box-file > div.filetext + .filetext .delete-more a { height: 33px; padding: 0 10px; display: inline-block; line-height: 33px; background: #202020; color: #fff; text-transform: uppercase; font-size: 14px; } .no-touch .input-box-file > div.filetext + .filetext .delete-more a:hover { background: #218956; } /***** Forgot password ******/ .form-main { background: -webkit-linear-gradient(left, #202020, #18804d); padding: 30px 30px 30px 0; font-size: 0; margin-top: 30px; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); border-bottom-right-radius: 40px; border-top-left-radius: 40px; } .customer-account-forgotpassword .form-main, .customer-account-createpassword .form-main { width: 100%; max-width: 900px; margin: 0 auto 0; box-sizing: border-box; } .form-main > div.form-left { margin: 0; width: 30%; display: inline-block; vertical-align: top; padding-top: 80px; } .form-main > div.form-right { background: #f7f7f7; padding: 30px; width: 70%; box-sizing: border-box; display: inline-block; vertical-align: middle; border-bottom-right-radius: 30px; border-top-left-radius: 30px; } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.search.advanced, .form.form-orders-search { width: 100%; max-width: 600px; margin: 0 auto; display: block; } .form.password.reset .fieldset, .form.send.confirmation .fieldset, .form.password.forget .fieldset, .form.search.advanced .fieldset, .form.form-orders-search .fieldset { margin-bottom: 0; } .form.password.reset .actions-toolbar .secondary a.action, .form.send.confirmation .actions-toolbar .secondary a.action, .form.password.forget .actions-toolbar .secondary a.action, .form.search.advanced .actions-toolbar .secondary a.action, .form.form-orders-search .actions-toolbar .secondary a.action { /*margin-top: 0; height: 50px; line-height: 44px;*/ } .form.password.reset .actions-toolbar .secondary, .form.send.confirmation .actions-toolbar .secondary, .form.password.forget .actions-toolbar .secondary, .form.search.advanced .actions-toolbar .secondary, .form.form-orders-search .actions-toolbar .secondary { float: left; } .form.password.reset .actions-toolbar .primary, .form.send.confirmation .actions-toolbar .primary, .form.password.forget .actions-toolbar .primary, .form.search.advanced .actions-toolbar .primary, .form.form-orders-search .actions-toolbar .primary { float: right; } .form.password.reset .actions-toolbar .primary .action, .form.send.confirmation .actions-toolbar .primary .action, .form.password.forget .actions-toolbar .primary .action, .form.search.advanced .actions-toolbar .primary .action, .form.form-orders-search .actions-toolbar .primary .action { margin-right: 0; } .form.password.reset .actions-toolbar, .form.send.confirmation .actions-toolbar, .form.password.forget .actions-toolbar, .form.search.advanced .actions-toolbar, .form.form-orders-search .actions-toolbar { margin-top: 24px; } strong#block-new-customer-heading { color: #fff; text-transform: none; padding-bottom: 0; line-height: 1; font-size: 24px; font-family: 'OpenSans-SemiBold'; font-weight: normal; text-align: center; margin-bottom: 15px; display: block; } .fieldset > .field.note { text-align: center; font-size: 14px; line-height: 1.3; margin-bottom: 15px; } .form-right strong#block-customer-login-heading { font-size: 24px; text-transform: uppercase; text-align: center; font-weight: normal; padding-bottom: 10px; position: relative; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1; margin-bottom: 15px; display: block; text-align: center; } .form-right strong#block-customer-login-heading:after { position: absolute; bottom: 0; left: 50%; display: block; content: ""; width: 40px; height: 4px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } /***** Login page *****/ .customer-account-login .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper, .customer-account-createpassword .page-title-wrapper { text-align: center; padding-top: 50px; } .customer-account-login .page-title-wrapper .page-title, .customer-account-forgotpassword .page-title-wrapper .page-title, .customer-account-createpassword .page-title-wrapper .page-title { text-transform: uppercase; padding-bottom: 16px; position: relative; margin-bottom: 0; } .customer-account-login .page-title-wrapper .page-title:after, .customer-account-forgotpassword .page-title-wrapper .page-title:after, .customer-account-createpassword .page-title-wrapper .page-title:after { position: absolute; bottom: 0; left: 50%; display: block; content: ""; width: 40px; height: 5px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .login-container { background: -webkit-linear-gradient(left, #202020, #18804d); padding: 30px; font-size: 0; width: 100%; box-sizing: border-box; max-width: 1200px; margin: 0 auto; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); border-top-right-radius: 40px; border-bottom-left-radius: 40px; } .custom-login-section { background: #f7f7f7; padding: 30px; width: 70%; box-sizing: border-box; display: inline-block; vertical-align: middle; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .custom-login-section:after { clear: both; display: block; content: ""; } .tab-content > ul.nav-tabs { margin-top: 3%; border: none; background: #202020; border-radius: 20px; width: 250px; margin: 0 auto 30px; list-style: none; padding: 0; font-size: 0; padding: 4px; } .tab-content > ul.nav-tabs > li { width: 50%; text-align: center; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .tab-content > ul.nav-tabs > li a { display: block; font-size: 16px; color: #fff; line-height: 32px; text-transform: uppercase; height: 34px; font-weight: normal; font-family: 'OpenSans-SemiBold'; color: #fff; border-radius: 20px; cursor: pointer; box-sizing: border-box; } .tab-content > ul.nav-tabs > li.active-tab a { background: #f8981f; color: #fff; } #login-form { width: 100%; max-width: 500px; margin: 0 auto; } #login-form > .fieldset.login { margin-bottom: 0; } .login-container .block-new-customer { margin: 0; width: 30%; display: inline-block; vertical-align: top; padding-top: 140px; padding-left: 30px; box-sizing: border-box; } .login-container .block .block-title strong#block-new-customer-heading { color: #fff; text-transform: none; padding-bottom: 0; } .login-container .block.block-new-customer .block-title { padding-bottom: 0; } .login-container .block.block-new-customer .block-title:after { display: none; } .login-container .block-content p, .form-left .block-content p { font-size: 15px; color: #fff; text-align: center; padding: 0 30px; } .icon-box { text-align: center; margin-bottom: 15px; } .icon-box .login-icon { display: inline-block; vertical-align: top; } .icon-box .login-icon img { width: 210px; max-width: 100%; height: auto; } .customer-account-forgotpassword .form-main .icon-box .login-icon img, .customer-account-createpassword .form-main .icon-box .login-icon img { max-width: 140px; } .btn.small-btn { min-width: 120px; } .actions-toolbar .secondary a.action.remind { font-size: 16px; color: #000; line-height: 1; } .no-touch .actions-toolbar .secondary a.action.remind:hover { color: #1f73b7; } .block.block-customer-login { position: relative; z-index: 2; margin: 0; } .block.block-customer-login:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; z-index: -1; } .form-box-wrap { margin: 0 -10px; } .custom-login-section .fieldset { margin-bottom: 0; } .form-box-wrap > div { display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; box-sizing: border-box; margin-bottom: 24px; } .form-box-wrap > div.password div.mage-error[generated], .form-box-wrap > div.password div.field-error { position: inherit; left: inherit; top: inherit; display: inline-block; } fieldset.fieldset.create.info > div select, fieldset.fieldset.address > div select { height: 45px; } fieldset.fieldset.create.info > div.field-name-firstname, fieldset.fieldset.create.info > div.field-name-lastname { width: 50%; } .custom-login-section .actions-toolbar .primary { float: right; } .custom-login-section .actions-toolbar .secondary { float: left; } .custom-login-section .actions-toolbar .primary .action { margin-right: 0; } .customer-account-login .page-wrapper, .customer-account-forgotpassword .page-wrapper, .customer-account-createpassword .page-wrapper { position: relative; } .customer-account-login .page-wrapper:after, .customer-account-forgotpassword .page-wrapper:after, .customer-account-createpassword .page-wrapper:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/bg.jpg) no-repeat center center; background-size: cover; z-index: -1; opacity: 0.2; } .custom-login-section .tab-content { border: none !important; } .custom-login-section .tab-content .form-box-wrap > div { width: 50%; } .custom-login-section .tab-content .form-box-wrap > div.full-width, .custom-login-section .tab-content .form-box-wrap > div.captcha { width: 100%; } body:not(.cms-home) .header.content, { border-bottom: solid 1px #f7f7f7; } body.checkout-index-index .header.content { border: none; } /*****/ /**** My Account Page *****/ .amasty_quote-account-view .order-info-wrap > div { width: 50%; } .amasty_quote-account-view .order-info-wrap > div.order-date { text-align: right; } .amasty_quote-account-view .order-info-wrap > div.actions-toolbar { display: none; } /***** My Account Sidebar ******/ .customer-review.view .product-details { display: table; width: 100%; } .customer-review.view .product-details > div { display: table-cell; vertical-align: top; } .customer-review.view .product-details > div.product-media { width: 300px; margin: 0; padding: 10px; background: #f7f7f7; box-sizing: border-box; } .customer-review.view .product-details > div.product-info { width: calc(100% - 300px); margin: 0; box-sizing: border-box; padding-left: 30px; } .customer-review.view .product-details > div.product-media > a { display: block; font-size: 0; line-height: 0; } .customer-review.view .product-details .rating-average-label { font-size: 14px; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; display: block; margin-bottom: 10px; margin-top: 25px; } .customer-review.view .product-details .product-reviews-summary { width: 100%; max-width: 500px; display: table; box-sizing: border-box; } .customer-review.view .product-details .product-reviews-summary > div { display: table-cell; vertical-align: middle; } .customer-review.view .product-details .product-reviews-summary > div.reviews-actions { text-align: right; } .customer-review.view .product-details .product-reviews-summary > div.reviews-actions a { font-size: 14px; color: #202020; font-weight: normal; line-height: 1; padding-bottom: 5px; position: relative; display: inline-block; vertical-align: top; margin-left: 10px; } .customer-review.view .product-details .product-reviews-summary > div.reviews-actions a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; display: block; content: ""; background: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .customer-review.view .product-details .product-reviews-summary > div.reviews-actions a:hover:after { width: 0; } .no-touch .customer-review.view .product-details .product-reviews-summary > div.reviews-actions a:hover { color: #218956; } .customer-review.view .review-details .title { margin-bottom: 10px; } .customer-review.view .review-details .title strong { font-size: 14px; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; } .customer-review.view .review-details .review-title { padding-left: 0; font-size: 20px; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; margin-bottom: 10px; } .customer-review.view .review-details .review-content { font-size: 14px; color: #888; } html body.account .btn { height: 40px; line-height: 40px; font-size: 15px; } .quote.main.actions { margin-bottom: 20px; } .account .page-main .block.account-nav { border: none; } .account-nav .content { padding: 0; } .account-nav .item { margin: 0; border-bottom: solid 1px #ccc; } .account-nav .item a, .account-nav .item > strong { display: block; padding: 12px 20px 11px; font-size: 14px; color: #202020; line-height: 1.3; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; position: relative; } .account-nav .item a:after, .account-nav .item > strong:after { position: absolute; top: 5px; left: 5px; width: 1px; height: calc(100% - 10px); display: block; content: ""; background: #fff; } .account-nav .item a:before, .account-nav .item > strong:before { position: absolute; top: 5px; right: 5px; width: 1px; height: calc(100% - 10px); display: block; content: ""; background: #fff; } .account-nav .item a { text-decoration: none; } .account-nav .item.current a, .account-nav .item.current strong { color: #fff; background: #218956; } .no-touch .account-nav .item a:hover { background: #218956; color: #fff; } .product-item-details > .qty-wrapper { display: table; width: 100%; margin-top: 20px; max-width: 200px; margin: 20px auto 0; } .product-item-details > .qty-wrapper > div { display: table-cell; vertical-align: middle; text-align: center; width: 50%; box-sizing: border-box; padding: 0 10px; } .product-item-details > .qty-wrapper > div:empty { display: none; width: inherit; padding: 0; } .remove-whilist .btn.btn-remove { width: 47px; min-width: inherit; padding: 11px 15px; line-height: 1; } .remove-whilist .btn.btn-remove .span-icon.remove-icon { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; } .remove-whilist .btn.btn-remove svg path { fill: #fff; } .account .page-footer { margin-top: 30px; } /******/ html body.account .columns { padding-bottom: 20px; } html body.account .page-main .block .block-title { background: #202020; display: table; width: 100%; padding: 10px; box-sizing: border-box; margin: 0 !important; } html body.account .page-main .block .block-title strong { line-height: 1 !important; color: #fff; display: table-cell; vertical-align: top; margin: 0 !important; padding: 0 !important; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; vertical-align: middle; width: 50%; font-weight: 400; } .account .page-main .block { margin-bottom: 30px; } html body.account .page-main .block .block-content { padding: 27px 20px 30px; border: solid 1px #ccc; border-top: 0; } html body.account .page-main .block.block-reviews-dashboard .block-content { padding: 0; } html body.account .page-main .block.block-reviews-dashboard .block-content ol { margin: 0; padding: 0; } html body.account .page-main .block.block-reviews-dashboard .block-content ol li { display: block; padding: 10px; } html body.account .page-main .block.block-reviews-dashboard .block-content ol li .product-name { display: block; font-weight: normal; margin-bottom: 10px; } .rating-summary span.label { font-size: 15px; color: #202020; font-family: 'OpenSans-SemiBold'; } body.account .table-wrapper table tbody tr td strong.product-name { font-weight: normal; } html body.account .page-main .block.block-reviews-dashboard .block-content ol li .product-name a, body.account .table-wrapper table tbody tr td strong.product-name a { font-size: 14px; color: #202020; line-height: 1.2; font-family: 'OpenSans-SemiBold'; } .no-touch body.account .page-main .block.block-reviews-dashboard .block-content ol li .product-name a:hover, .no-touch body.account .table-wrapper table tbody tr td strong.product-name a:hover { } html body.account .page-main .block.block-reviews-dashboard .block-content ol li:nth-child(odd) { background: #f7f7f7; } html body.account .page-main .block .block-title a.action { float: right; color: #fff; } html body.account .page-main .block .block-content .box-actions a { height: 35px; line-height: 30px; font-size: 14px; border: solid 2px #202020; color: #202020; position: relative; z-index: 2; overflow: hidden; } html body.account .page-main .block .block-content .box-actions a:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1;*/ } html.no-touch body.account .page-main .block .block-content .box-actions a:hover { color: #fff; background: #218956; border-color: #218956; } html.no-touch body.account .page-main .block .block-content .box-actions a:hover:after { top: 0; } html body.account .page-main .block .block-content .box-actions a + a { margin-left: 5px; } html body.account .page-main .block .block-content .box-actions { font-size: 0; } html body.account .page-main .block .block-content .box-actions a.edit { min-width: 80px; } html body.account .page-main .block.block-dashboard-orders .block-title { background: 0 0; padding: 0; } html body.account .page-main .block.block-dashboard-orders .block-title strong { color: #202020; } html body.account .page-main .block.block-dashboard-orders .block-title a.action { color: #202020; } .account .page-main .block.block-dashboard-orders { border: none; } html body.account .page-main .block.block-dashboard-orders .block-content { padding: 0; margin-top: 15px; border: 0; } html body.account .page-main .block .block-content table tbody tr td .price-including-tax .price, body.account .table-wrapper table tbody tr td .price-including-tax .price, html body.account .page-main .block .block-content table tbody tr td .price-excluding-tax .price, body.account .table-wrapper table tbody tr td .price-excluding-tax .price { font-size: 14px; font-weight: normal; color: #666; } body.account .table-wrapper table tfoot tr.grand_total td, body.account .table-wrapper table tfoot tr.grand_total th { font-family: 'OpenSans-Regular'; font-size: 22px; font-weight: normal; color: #202020; } body.account .table-wrapper table tfoot tr.grand_total td strong, body.account .table-wrapper table tfoot tr.grand_total th strong { font-weight: normal; } html body.account .page-main .block .block-content table thead tr th:first-child, body.account .table-wrapper table thead tr th:first-child { padding-left: 10px; } html body.account .page-main .block .block-content table thead tr th, body.account .table-wrapper table thead tr th { background: #202020; color: #fff; font-weight: 400; font-size: 14px; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; border: none !important; padding: 15px 15px 13px; line-height: 1; } html body.account .page-main .block .block-content table thead tr th.price, body.account .table-wrapper table thead tr th.price, html body.account .page-main .block .block-content table tbody tr td.price, body.account .table-wrapper table tbody tr td.price, html body.account .page-main .block .block-content table thead tr th.subtotal, body.account .table-wrapper table thead tr th.subtotal, html body.account .page-main .block .block-content table tbody tr td.subtotal, body.account .table-wrapper table tbody tr td.subtotal { text-align: right; } html body.account .page-main .block .block-content table, body.account .table-wrapper table { border: solid 1px #ccc !important; border-collapse: collapse; } html body.account .page-main .block .block-content table tbody tr td:first-child, body.account .table-wrapper table tbody tr td:first-child { padding-left: 10px; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { padding: 10px 15px; font-size: 14px; color: #666; vertical-align: middle; } html body.account .page-main table tfoot, body.account .table-wrapper table tfoot { background: #f5f5f5; } html body.account .page-main tfoot tr .mark { font-weight: normal; font-size: 16px; color: #202020; line-height: 1; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; vertical-align: top; } html body.account .page-main .table tfoot tr .amount { font-weight: normal; font-size: 16px; color: #202020; line-height: 1; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; vertical-align: top; text-align: right; } html body.account .page-main .table tfoot tr:nth-last-child(2) td, html body.account .page-main .table tfoot tr:nth-last-child(2) th { padding-bottom: 26px; } html body.account .page-main .table tfoot tr:nth-child(1) td, html body.account .page-main .table tfoot tr:nth-child(1) th { padding-top: 26px; } html body.account .page-main table tfoot tr.grand_total, body.account .table-wrapper table tfoot tr.grand_total { background: #202020; } html body.account .page-main table tfoot tr.grand_total th, html body.account .page-main table tfoot tr.grand_total td.amount, body.account .table-wrapper table tfoot tr.grand_total th, body.account .table-wrapper table tfoot tr.grand_total td.amount { color: #fff; font-size: 20px; font-family: 'OpenSans-SemiBold'; padding-top: 13px; padding-bottom: 13px; } .block-content .box .box-content { font-size: 14px; color: #666; line-height: 1.8; } address a { color: #666; } .account .table-wrapper .action { line-height: 0; font-size: 0; display: inline-block; vertical-align: middle; } .account .table-wrapper .action + .action { margin-left: 10px; } .account .table-wrapper .action span { display: inline-block; vertical-align: middle; } .account .table-wrapper .action span svg path { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .account .table-wrapper .action:hover span svg path { fill: #218956; } .account .table-wrapper .action span.view-icon svg { width: 24px; height: 24px; } .account .table-wrapper .action span.reorder-icon svg { width: 16px; height: 16px; } .account .column.main .block:not(.widget) .box-title { font-size: 16px; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1; margin: 0 0 10px; text-transform: uppercase; font-weight: 400; } .block-content .box { margin-bottom: 0 !important; } html body.account .page-main .block .block-content table tbody tr:nth-child(odd), body.account .table-wrapper table tbody tr:nth-child(odd) { background: #f7f7f7; } .form-edit-account .fieldset > .legend { font-size: 20px; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; color: #202020; margin-left: 0; font-weight: 400; } .account.page-layout-2columns-left .column.main .actions-toolbar .secondary { float: none; } .account.page-layout-2columns-left .column.main .actions-toolbar .secondary .btn { margin: 0; height: 35px; line-height: 30px; font-size: 15px; min-width: 100px; } .account.page-layout-2columns-left .column.main .actions-toolbar .secondary .btn.back { min-width: 80px; } .account.page-layout-2columns-left .column.main .actions-toolbar .primary .primary { margin: 0; height: 35px; line-height: 30px; font-size: 14px; min-width: 100px; float: right; } .actions-toolbar .secondary a.action.back { height: 35px; line-height: 29px; background: #fff; color: #202020; font-weight: normal; font-size: 14px; position: relative; z-index: 2; overflow: hidden; text-transform: uppercase; min-width: 100px; padding: 0 15px; box-sizing: border-box; border: solid 2px #202020; margin-top: 0 !important; font-family: 'OpenSans-SemiBold'; display: inline-block; vertical-align: top; text-align: center; } .actions-toolbar .secondary a.action.back:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .actions-toolbar .secondary a.action.back:hover:after { top: 0; } .no-touch .actions-toolbar .secondary a.action.back:hover { background: #218956; border-color: #218956; color: #fff; } .account .column.main .toolbar { text-align: center; margin-bottom: 0; } .account .column.main .toolbar .pager { text-align: center; } .account .column.main .toolbar .pager > div { display: inline-block; vertical-align: middle; } .account .column.main .toolbar .pager > div.limiter { float: right; } fieldset.fieldset.password, .field.password-info, fieldset.fieldset.info { max-width: 600px; width: 100%; } .block-addresses-list .items.addresses { margin: 0 -10px; } .block-addresses-list .items.addresses li { width: 33.33%; padding: 0 10px; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; } .block-addresses-list .items.addresses li:nth-last-child(1), .block-addresses-list .items.addresses li:nth-last-child(2), .block-addresses-list .items.addresses li:nth-last-child(3) { margin-bottom: 0; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .block-addresses-list .items.addresses li address { font-size: 15px; line-height: 1.85; color: #666; background: #f5f5f5; padding: 10px; min-height: 215px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border: solid 1px #ccc; position: relative; box-sizing: border-box; } .touch .block-addresses-list .items.addresses li address { border-bottom: 0; } .no-touch .block-addresses-list .items.addresses li address:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0.9); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .block-addresses-list .items.addresses li:hover address:after { opacity: 1; visibility: visible; } .touch .block-addresses-list .items.addresses li .item.actions { background: #f5f5f5; padding: 0 10px 10px; text-align: left; border: solid 1px #ccc; border-top: 0; } .no-touch .block-addresses-list .items.addresses li .item.actions { text-align: center; position: absolute; top: 50%; margin-top: -17px; left: 10px; width: calc(100% - 20px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; } .no-touch .block-addresses-list .items.addresses li:hover address { background: rgba(14, 118, 188, 0.1); -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); } .no-touch .block-addresses-list .items.addresses li:hover .item.actions { opacity: 1; visibility: visible; } .block-addresses-list .items.addresses li .item.actions a { height: 35px; line-height: 30px; padding: 0 10px; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 13px; min-width: 75px; border: solid 2px #202020 !important; color: #202020; } .block-addresses-list .items.addresses li .item.actions a + a { margin-left: 6px; } .no-touch .block-addresses-list .items.addresses li .item.actions a:hover { background: #202020; color: #fff; } .form-address-edit .fieldset>.legend { font-size: 25px; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; color: #202020; font-weight: 400; } .customer-address-form .form-address-edit .fieldset { margin: 0; width: 800px; max-width: 100%; margin-left: -15px; } .customer-address-form .form-address-edit .fieldset + .fieldset { margin-top: 40px; } .customer-address-form .actions-toolbar { width: 600px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; max-width: 100%; margin-left: -15px; } .customer-address-form .form-address-edit .fieldset > .field { width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; padding: 0 15px; box-sizing: border-box; margin-bottom: 22px; } .customer-address-form .form-address-edit .fieldset > .field select { height: 45px; } .customer-address-form .form-address-edit .fieldset > .message { width: calc(100% - 30px); } .customer-address-form .form-address-edit .fieldset > .field.choice { width: 100%; } .customer-address-form .form-address-edit .fieldset .legend { margin-left: 0; padding-left: 15px; } html body.account .page-main .block .block-content table tbody tr td.total, body.account .table-wrapper table tbody tr td.total, html body.account .page-main .block .block-content table tbody tr td.actions, body.account .table-wrapper table tbody tr td.actions { text-align: right; } html body.account .page-main .block .block-content table tbody tr td.actions, body.account .table-wrapper table tbody tr td.actions { font-size: 0; } html body.account .page-main .block .block-content table thead tr th.total, body.account .table-wrapper table thead tr th.total, html body.account .page-main .block .block-content table thead tr th.actions, body.account .table-wrapper table thead tr th.actions { text-align: right; } .toolbar.bottom > div { width: 100%; } .form-newsletter-manage .fieldset > .legend { margin-left: 0; font-size: 25px; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; font-weight: 400; } .account form#form-validate { width: 100%; max-width: 600px; } .account form#form-validate .actions-toolbar .primary { float: right; } .account .block-content .box .box-content form#form-validate .actions-toolbar .primary { float: none; vertical-align: top; } .account form#form-validate.form-newsletter-manage .actions-toolbar .primary { float: none; vertical-align: top; } .account form#form-validate .actions-toolbar .btn { height: 40px; line-height: 40px; font-size: 15px; } .account form#form-validate .actions-toolbar .btn.back { min-width: 80px; } .account .page-title-wrapper .page-title, [class^=sales-guest-] .page-title-wrapper .page-title, .sales-guest-view .page-title-wrapper .page-title { margin-right: 25px; margin-top: -8px; margin-bottom: 15px; } .account .page-title-wrapper .page-title { color: #202020; text-transform: uppercase; font-weight: 400; margin-bottom: 23px; } .select_all_div_cls.choice { padding: 10px; background: #eee; } .download .control { margin-bottom: 20px; position: relative; padding: 15px 10px 12px; background: #f7f7f7; } .main_level_sec_2 { margin-bottom: 20px; padding: 0 1px; box-sizing: border-box; } .main_level_sec_3 { padding-left: 25px; margin-top: 10px; } .main_level_sec_3>.field+.field { padding-left: 25px; } .main_level_sec_3>.field { margin-bottom: 10px; } .account.page-layout-2columns-left .column.main { padding-bottom: 0; } html body.account .page-main .block.block-order-details-view .block-content > .box { float: none !important; display: inline-block; vertical-align: top; margin-right: -4px; width: 33.33% !important; padding-right: 15px; box-sizing: border-box; margin-bottom: 30px !important; } .table-order-items.creditmemo .col.discount, .table-order-items.creditmemo .col.subtotal { text-align: right; } html body.account .page-main .block .block-content table thead tr th.rowtotal, body.account .table-wrapper table thead tr th.rowtotal { text-align: right; } html body.account .page-main .block.block-order-details-view .block-content > .box:nth-last-child(1), html body.account .page-main .block.block-order-details-view .block-content > .box:nth-last-child(2) { margin-bottom: 0 !important; } html body.account .page-main .block .block-content table thead tr th.qty, body.account .table-wrapper table thead tr th.qty { text-align: center; } html body.account .page-main .block .block-content table tbody tr td.qty, body.account .table-wrapper table tbody tr td.qty { text-align: center; } .order-links .item a, .order-links .item strong { font-weight: 400; padding: 10px 0; color: #202020; display: inline-block; line-height: 1.3; font-size: 16px; text-transform: uppercase; position: relative; font-family: 'OpenSans-SemiBold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .order-links .item a:after, .order-links .item strong:after { position: absolute; bottom: 0; left: 0; width: 0; height: 5px; display: block; content: ""; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background: #218956; } .order-links .item.current strong:after, .no-touch .order-links .item a:hover:after, .no-touch .order-links .item strong:hover:after { width: 100%; } .order-details-items .order-title strong { float: left; font-family: 'OpenSans-SemiBold'; margin: 0; font-weight: 400; } .order-details-items .item-options dt { font-size: 13px; display: inline-block; } .order-details-items .order-title { text-align: right; margin: 15px 0; } .order-details-items .order-title strong { float: left; font-family: 'OpenSans-SemiBold'; margin: 0; font-weight: 400; font-size: 18px; } .order-details-items .order-title:after { clear: both; display: block; content: ""; } .order-details-items .actions-toolbar { text-align: right; } .order-details-items .actions-toolbar:last-child { text-align: left; } .order-title a { font-size: 14px; color: #218956; font-weight: normal; font-family: 'OpenSans-SemiBold'; line-height: 0; display: inline-block; vertical-align: middle; position: relative; line-height: 1.2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .order-title a:after { position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; content: ""; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .order-title a:hover { color: #202020; } .no-touch .order-title a:hover:after { width: 0; } .order-details-items .actions-toolbar a { color: #218956; font-size: 14px; font-weight: normal; font-family: 'OpenSans-SemiBold'; position: relative; line-height: 1; } .order-details-items .actions-toolbar a:after { position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; content: ""; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .order-details-items .actions-toolbar a:hover { color: #202020; } .no-touch .order-details-items .actions-toolbar a:hover:after { width: 0; } .order-title a + a { margin-left: 6px; } .order-actions-toolbar a { color: #202020; font-size: 14px; position: relative; } .no-touch .order-actions-toolbar a:hover { color: #218956; } .order-info-wrap-main { background: #f7f7f7; padding: 15px; box-sizing: border-box; margin-bottom: 20px; position: relative; } .order-info-wrap { margin: 0 -10px; font-size: 0; } .order-info-wrap > div { display: inline-block; vertical-align: middle; width: 33.33%; padding: 0 10px; box-sizing: border-box; } .order-info-wrap > div span.label { font-weight: normal; font-size: 14px; font-family: 'OpenSans-SemiBold'; color: #202020; margin: 0; display: inline-block; vertical-align: middle; margin-right: 5px; } .order-info-wrap > div:last-child { margin-bottom: 0; } .order-info-wrap > div.order-date date { font-size: 14px; color: #202020; display: inline-block; vertical-align: middle; } .order-info-wrap > div.actions-toolbar { text-align: right; } html body.account .page-main .block.block-order-details-comments .block-content { font-size: 14px; color: #202020; } html body.account .page-main .block.block-order-details-comments .block-content .order-comments { margin-bottom: 0; } html body.account .page-main .block.block-order-details-comments .block-content .order-comments dd:last-child { margin-bottom: 0; } html body.account .page-main .block.block-order-details-comments .block-content strong, html body.account .page-main .block.block-order-details-comments .block-content .order-comments dt.comment-date { font-weight: normal; font-family: 'OpenSans-SemiBold'; } .wishlist-index-index .actions-toolbar div.primary { float: right !important; font-size: 0; } .wishlist-index-index .actions-toolbar div.primary button + button { margin-left: 10px; } .wishlist-index-index .actions-toolbar .secondary { text-align: left; } .wishlist-index-index .qty-box input { height: 38px; } html body .page-main .block.block-order-details-view .box-content .payment-method .content table { border: 0 !important; } .block-order-details-view .box-content .payment-method .content table tr { display: block; background: none !important; } .block-order-details-view .box-content .payment-method .content table tr + tr { margin-top: 15px; } .block-order-details-view .box-content .payment-method .content table tr th, .block-order-details-view .box-content .payment-method .content table tr td { display: block; padding: 0 !important; line-height: 1; } .block-order-details-view .box-content .payment-method .content table tr th a, .block-order-details-view .box-content .payment-method .content table tr td a { word-break: break-all; font-size: 13px; } .block-order-details-view .box-content .payment-method .content table tr th { font-weight: normal; color: #000; font-family: 'OpenSans-SemiBold'; line-height: 1; font-size: 16px; margin-bottom: 5px; } .order-actions-toolbar .action:after { position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; content: ""; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .status span, .status span { background: #218956; display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; line-height: 1; padding: 4px 7px; } .status.processing span { background: #11dada; } .status.pending span { background: #fdd53f; color: #1d3750; } .status.ewaycaptured span { background: #fa9732; } .status.complete span { background: #1eb91e; } .status.closed span { background: #81bb52; } .status.onhold span { background: #be1ff3; } .status.canceled span { background: #d31b1b; } .status.ewayauthorised span { background: #5797f7; } .status.expired span { background: #d31b1b; } .status.approved span { background: #08e176; } html body.account .page-main .block .block-content table thead tr th.status, body.account .table-wrapper table thead tr th.status, html body.account .page-main .block .block-content table tbody tr td.status, body.account .table-wrapper table tbody tr td.status { text-align: right; } .no-touch .order-actions-toolbar .action:hover:after { width: 0; } .page-title-wrapper .order-date { margin: 0; font-size: 14px; color: #202020; } .page-title-wrapper .order-date span.label { font-weight: normal; font-family: 'OpenSans-SemiBold'; } .account .page-title-wrapper .page-title, [class^='sales-guest-'] .page-title-wrapper .page-title, .sales-guest-view .page-title-wrapper .page-title { margin-right: 25px; } .form-orders-search .field.email, .form-orders-search .field.zip { margin-bottom: 0; } .block-reorder .product-item .checkbox { position: relative; top: 2px; vertical-align: baseline; } .block-reorder .product-item .field.item { display: inline-block; } .block-reorder .product-item-name { display: inline-block; } .block-reorder .actions-toolbar { margin: 17px 0; max-width: 178px; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; line-height: 1; margin-bottom: 10px; font-family: 'OpenSans-SemiBold'; color: #202020; } .block-content .box .box-content .payment-method { margin-bottom: 0; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .order-tracking { border-bottom: 1px solid #d1d1d1; margin: 0; padding: 20px 0; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } /*******/ /***** Project Page *****/ .projects-index-index .eqProject { font-size: 14px; color: #666; line-height: 1.5; } .projects-index-index .eqProject > p { margin-bottom: 20px; } .projects-index-index .eqProject > p:last-child { margin-bottom: 0; } .projects-index-index .eqProject ul { margin-bottom: 20px; padding-left: 15px; } .projects-index-index .eqProject ul li { margin-bottom: 5px; line-height: 1.2; } .projects-index-index .eqProject ul li:last-child { margin-bottom: 0; } .projects_view ul { margin: 0 -15px; padding: 0; list-style: none; font-size: 0; } .projects_view ul li { width: 33.33%; display: inline-block; vertical-align: top; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px; } .fancyWrapDiv > a { display: block; position: relative; } .fancyWrapDiv > a span.view-icon { position: absolute; bottom: 20px; right: 20px; z-index: 1; width: 50px; height: 50px; background: #202020; text-align: center; box-sizing: border-box; padding: 12px 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .fancyWrapDiv > a span.view-icon:hover { background: #218956; } .catalog-img-wrapper { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .fancyWrapDiv > a:hover p.catalogues_name { color: #218956; } .no-touch .fancyWrapDiv > a:hover .catalog-img-wrapper { -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); } .category-item.isparent a { color: #202020; font-size: 14px; } .no-touch .category-item.isparent a:hover { color: #218956; } .isparent.level-2 > a { font-size: 14px; font-family: 'OpenSans-SemiBold'; } .sitemap-section.products-container :not(.toolbar) li a { color: #202020; font-size: 14px; } .no-touch .sitemap-section.products-container :not(.toolbar) li a:hover { color: #218956; } .sitemap-section h5.char-title .char { background: #202020 !important; } .sitemap-section .section-title { font-size: 24px !important; color: #202020 !important; } /***** Resource page *****/ .downloadcatalogue_view ul { margin: 0 -15px; padding: 0; list-style: none; display: block; overflow: hidden; font-size: 0; } .downloadcatalogue_view ul li { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px; } .downloadcatalogue_view ul li a, .downloadcatalogue_view ul li a .catalog-img-wrapper { display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .no-touch .downloadcatalogue_view ul li a:hover .catalog-img-wrapper { -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); } p.catalogues_name { margin: 0; padding: 0; text-align: center; font-size: 14px; padding: 10px 10px 0; color: #202020; font-family: 'OpenSans-SemiBold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .downloadcatalogue_view ul li a:hover p.catalogues_name { color: #218956; } span.span-icon.download-icon { display: block; font-size: 0; line-height: 0; width: 50px; height: 50px; position: absolute; bottom: 10px; right: 10px; background: #202020; z-index: 1; padding: 10px; box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .touch span.span-icon.download-icon { opacity: 1; visibility: visible; } span.span-icon.download-icon svg { width: 30px; height: 30px; } .no-touch .downloadcatalogue_view ul li a:hover span.span-icon.download-icon { opacity: 1; visibility: visible; } .no-touch span.span-icon.download-icon:hover { background: #218956; } .resources-title { text-align: left; display: block; margin-bottom: 20px; font-size: 22px; font-weight: normal; color: #202020; position: relative; padding-bottom: 10px; font-family: 'OpenSans-SemiBold'; } .resources-title:after { position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; display: block; content: ""; background: #f8981f; } /***** Gallery page ******/ .gallery_list_view { margin: 0 -8px; font-size: 0; } .gallery_list_view > div { display: inline-block; vertical-align: top; width: 20%; padding: 0 8px; box-sizing: border-box; margin-bottom: 16px; } .fancyWrapDiv a.fancygallery { position: relative; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .fancyWrapDiv a.fancygallery:hover { -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); } .gallery_list_view span.view-icon { position: absolute; bottom: 25px; right: 25px; width: 50px; height: 50px; display: table; background: #218956; text-align: center; border: solid 2px #202020; box-sizing: border-box; padding: 14px 8px; z-index: 2; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: visible; } .gallery_list_view span.view-icon svg { text-align: center; vertical-align: middle; width: 30px; position: relative; transition: .5s; z-index: 3; } .gallery_list_view span.view-icon:after { position: absolute; top: 60px; left: 0; width: 100%; height: 100%; display: block; content: ""; z-index: -1; background: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .fancyWrapDiv a.fancygallery:hover span.view-icon { opacity: 1; visibility: visible; } .no-touch .fancyWrapDiv a.fancygallery:hover span.view-icon:after { top: 0; } .no-touch .fancyWrapDiv a.fancygallery:hover span.view-icon { border-color: #218956; } .catalog-img-wrapper { background: #f7f7f7; padding: 10px; font-size: 0; line-height: 0; border: solid 1px #ddd; position: relative; box-sizing: border-box; } .catalog-img-wrapper img { width: 100%; height: auto; max-width: 100%; } .no-touch .fancyWrapDiv a.fancygallery:hover span.view-icon svg { transform: rotateY(360deg); } .gallery_item_content { font-size: 14px; color: #666; height: 80px; overflow: hidden; margin-top: 10px; } .gallery_item_content p { margin-bottom: 0; } .gallery_item_content ul { margin: 0; padding-left: 15px; } .gallery_item_content ul li { line-height: 1.2; margin-bottom: 5px; } .gallery_item_content ul li:last-child { margin-bottom: 0; } .pager .pages { display: inline-block; vertical-align: top; } .pager .limiter { float: right; } /***** Blog listing page ****/ .page-layout-2columns-right .column.main { width: 75%; } .page-layout-2columns-right .sidebar-main { width: 25%; } body.mpblog-post-index { /*background: #f5f5f5;*/ } body.mpblog-post-index .post-short-description { height: 60px; overflow: hidden; } body.mpblog-post-index .post-item-wraper { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch body.mpblog-post-index .post-item-wraper:hover { /*-webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2);*/ } .post-list-body { /*margin: 0 -15px;*/ font-size: 0; } .post-list-body .post-list-item { width: 33.33%; display: inline-block; vertical-align: top; padding: 0 15px; box-sizing: border-box; } .post-list-item .post-item-wraper > div { display: block; vertical-align: top; min-height: inherit; } .post-list-item .post-item-wraper > div.post-image a { display: block; font-size: 0; line-height: 0; box-sizing: border-box; position: relative; } .post-list-item .post-item-wraper > div.post-image a img { width: 100%; max-width: 100%; height: 220px; } @media (min-width:1367px) { .post-list-item .post-item-wraper > div.post-image a img { height: 220px; } } .post-list-item .post-item-wraper > div.post-info-wraper { box-sizing: border-box; padding: 18px 0 0; } .post-list-item .post-item-wraper > div.post-info-wraper > div.post-info-wraper-inner { box-sizing: border-box; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .post-list-item .post-info-wraper h2.mp-post-title a { color: #202020; } .no-touch .post-list-item .post-info-wraper h2.mp-post-title a:hover { color: #218956; } .post-list-item { margin-bottom: 30px; } .post-list-item:last-child { margin-bottom: 30px; } .mp-sidebar .data.item.title { width: 100% !important; float: none !important; } .mp-sidebar .data.item.title a { padding: 15px !important; text-align: left !important; background: #202020; color: #fff !important; } .mp-sidebar .data.item.title a:after { display: none; } .mp-sidebar .product.data.items > .item.content { padding: 0 !important; margin-top: 0 !important; background: #fff; } .mp-sidebar .product.data.items > .item.content .list-post-tabs { display: table; width: 100%; box-sizing: border-box; padding: 8px; border-bottom: solid 1px #ddd; } .mp-sidebar .product.data.items > .item.content .list-post-tabs > div { display: table-cell; vertical-align: top; } .mp-sidebar .product.data.items > .item.content .list-post-tabs > div.post-left { width: 65px; } .mp-sidebar .product.data.items > .item.content .list-post-tabs > div.post-left a { display: block; font-size: 0; line-height: 0; padding: 3px; box-sizing: border-box; border: solid 1px #ccc; background: #f7f7f7; } .mp-sidebar .product.data.items > .item.content .list-post-tabs > div.post-left a img { width: 100%; max-width: 100%; height: auto; } .mp-sidebar .product.data.items > .item.content .list-post-tabs > div.post-right { width: calc(100% - 65px); box-sizing: border-box; padding-left: 10px; } .list-post-tabs .post-right span { max-height: 31px; font-size: 13px; line-height: 1.2; display: block; overflow: hidden; } .mp-sidebar .product.data.items > .item.content .list-post-tabs > div.post-right > a { display: block; margin-bottom: 5px; } .no-touch .mp-sidebar .product.data.items > .item.content .list-post-tabs:hover > div.post-left a, .no-touch .mp-sidebar .product.data.items > .item.content .list-post-tabs:hover > div.post-left a span { color: #218956; } .mp-sidebar .data.item.title a:after { display: none !important; } .post-list-content .limiter { text-align: right; } .limiter .limiter-label, .limiter .limiter-text { display: none; } .post-view .post-list-content .post-view-image { width: 490px; float: left; margin-right: 20px; margin-bottom: 20px; box-sizing: border-box; border: solid 1px #ccc; padding: 10px; background: #f7f7f7; margin-top: 5px; font-size: 0; line-height: 0; } .post-view .post-list-content .post-view-image img { width: 100%; height: auto; max-width: 100%; } .post-view .post-list-content .post-post_content { font-size: 14px; line-height: 20px; color: #666; margin: 0; } .post-view .post-list-content .post-post_content ul li { margin-bottom: 0; } .mpblog-post-view .column.main { width: 100% !important; } .post-view .post-list-content .post-post_content p { margin-bottom: 15px; } .post-view .post-list-content .post-post_content p:last-child { margin-bottom: 0; } .post-view .post-list-content .post-post_content ul, .post-view .post-list-content .post-post_content ol { padding-left: 20px; margin: 0 0 20px; } .post-view .post-list-content .post-post_content ul li:last-child, .post-view .post-list-content .post-post_content ol li:last-child { margin-bottom: 0; } .post-view .post-list-content .post-post_content ul:last-child, .post-view .post-list-content .post-post_content ol:last-child { margin-bottom: 0; } .post-view .post-list-content .post-post_content ul:nth-child(1), .post-view .post-list-content .post-post_content ol:nth-child(1), .post-view .post-list-content .post-post_content ul:nth-child(2), .post-view .post-list-content .post-post_content ol:nth-child(2), .post-view .post-list-content .post-post_content ul:nth-child(3), .post-view .post-list-content .post-post_content ol:nth-child(3), .post-view .post-list-content .post-post_content ul:nth-child(4), .post-view .post-list-content .post-post_content ol:nth-child(4) { width: calc(100% - 530px); display: inline-block; vertical-align: top; } .post-view .post-list-content .post-post_content a { color: #218956; } .no-touch .post-view .post-list-content .post-post_content a:hover { color: #202020; } .mpblog-post-view .sidebar-main { display: none !important; } .mpblog-post-view .mp-post-info { font-size: 14px; } #sharing { display: table; width: 100%; } #sharing > div { display: table-cell; vertical-align: middle; } #sharing > div h5 { margin: 0; font-size: 16px; display: inline-block; } .share-col-left { width: 140px; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; } .blog-comment > h2 { margin-top: 0; text-align: center; font-size: 40px; position: relative; text-transform: uppercase; padding-bottom: 10px; } .blog-comment > h2:after { position: absolute; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .related-content-container > div { float: none !important; } .default-cmt__content { width: 100%; max-width: 800px; margin: 0 auto; } .default-cmt__content button.primary.btn-primary, .default-cmt__cmt-login button.primary.btn-primary { background: #218956; color: #ffffff; border: solid 2px #218956; cursor: pointer; display: inline-block; padding: 0 15px; font-size: 14px; width: auto; min-width: 170px; text-align: center; height: 35px; line-height: 30px; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; font-weight: normal; border-radius: 0 !important; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; overflow: hidden; z-index: 2; } .no-touch .default-cmt__content button.primary.btn-primary:hover { background: #202020; border-color: #202020; } .default-cmt__content__cmt-block__guest-box { position: relative; } .default-cmt__cmt-login button.primary.btn-primary { min-width: 120px; } .default-cmt__content button.primary.btn-primary:after, .default-cmt__cmt-login button.primary.btn-primary:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #202020; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .default-cmt__content button.primary.btn-primary:hover:after, .no-touch .default-cmt__cmt-login button.primary.btn-primary:hover:after { top: 0; } .default-cmt__content__cmt-block__cmt-box__cmt-btn { float: none !important; text-align: center; } .default-cmt__cmt-login { text-align: right; } span.cmt-row__cmt-username.username { font-size: 18px; color: #202020; font-family: 'OpenSans-SemiBold'; } .cmt-row__cmt-content { font-size: 15px !important; color: #202020; margin-bottom: 10px; } .cmt-row__cmt-content p { margin: 0 !important; margin-bottom: 15px !important; } .cmt-row__cmt-content p:last-child { margin-bottom: 0 !important; } .cmt-row__cmt-username { margin-bottom: 10px; } .cmt-row__cmt-interactions { margin-bottom: 15px; } li.default-cmt__content__cmt-content__cmt-row.cmt-row.reply-row { margin-top: 15px; padding-top: 15px; } li.default-cmt__content__cmt-content__cmt-row.cmt-row { margin-top: 15px; padding-top: 15px; } .interactions__btn-actions a { display: inline-block; text-decoration: underline; color: #218956; } .no-touch .interactions__btn-actions a:hover { color: #202020; } /***** Contact Page *****/ .contact-us-tooper { display: table; width: 100%; max-width: 1170px; margin: 0 auto; } .contact-us-tooper > div { display: table-cell; vertical-align: middle; } .contact-us-tooper > div.contact-right { width: 427px; } .contact-us-tooper > div.contact-left { width: calc(100% - 427px); } .field.choice { position: relative; } .custom-login-section .fieldset .field.choice.newsletter { margin-top: 12px; } .contact-left { position: relative; } .iframe-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; width: 100%; } .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .contact-left .iframe-wrapper { box-sizing: border-box; min-height: 711px; } .contact-right-inner { background: #202020; padding: 50px 40px 54px 58px; position: relative; z-index: 2; overflow: hidden; } .contact-right-inner:after { position: absolute; top: 274px; left: 252px; width: 246px; height: 246px; display: block; content: ""; z-index: -1; background: url(../images/call-icon.svg) no-repeat; background-size: 246px; opacity: 0.1; } .contact-right-inner h6 { margin: 0 0 8px; padding: 0; text-transform: uppercase; color: #fff; font-weight: normal; font-size: 24px; font-family: 'OpenSans-SemiBold'; } .contact-right-inner > p { margin: 0; padding: 0; font-size: 14px; line-height: 1.3; color: #fff; } .contact-right-inner .contact-details > div { position: relative; padding-left: 30px; font-size: 16px; color: #fff; line-height: 1.35; margin-bottom: 19px; } .contact-right-inner .contact-details > div strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; } .contact-right-inner .contact-details > div.call { margin-top: 26px; margin-bottom: 0; } .contact-right-inner .contact-details > div a { color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .contact-right-inner .contact-details > div a:hover { color: #218956; } .contact-right-inner .contact-details > div:after { position: absolute; top: 0; width: 30px; height: 100%; display: block; content: ""; left: 0; } .contact-right-inner .contact-details > div.location:after { background: url(../images/map.svg) no-repeat; background-size: 12px; background-position: left 3px; } .contact-right-inner .contact-details > div.email:after { background: url(../images/email-icon.svg) no-repeat; background-size: 16px; background-position: left 4px; } .contact-right-inner .contact-details > div.call:after { background: url(../images/call-icon.svg) no-repeat; background-size: 15px; background-position: left 2px; } .contact-right-inner .quick-link-block.footer-accordian-content { margin-top: 23px; display: block !important; } .contact-right-inner .social-link > ul > li:first-child { margin-left: 0 !important; } .contact-right-inner .social-link h6 { margin-bottom: 16px; } .contact-right-inner .social-link { margin-top: 40px; } .form-wrap > div.box-two { width: 50%; } .contact-form-wrapper { width: 100%; max-width: 770px; margin: 80px auto 0; display: block; } .form-wrap > div .actions-toolbar .primary { float: none; } .form-wrap > div .actions-toolbar .primary button { margin-right: 0; } .contact-form-wrapper .form-wrap > div:last-child { margin-bottom: 0; text-align: center; } .contact-form-wrapper .section-title-sec .note { text-align: center; width: 100%; max-width: 530px; margin: 0 auto; display: block; font-size: 14px; color: #666; line-height: 20px; } .contact-form-wrapper .section-title-sec { margin-bottom: 37px; } .contact-form-wrapper .section-title-sec .section-title { margin-bottom: 16px; text-align: center; } .contact-form-wrapper .section-title-sec .section-title:after { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .contact-form-wrapper .fieldset { margin-bottom: 0; } .contact-index-index .column:not(.sidebar-additional) .form.contact { width: 100%; } /****/ /**** Product Enquiry Popup *****/ .modal-popup._inner-scroll.product-enquiry .modal-inner-wrap { max-height: 100%; height: 100%; margin: 0; width: 100%; max-width: 100%; } .modal-slide.product-enquiry .action-close { top: 0; right: 0; width: 62px; height: 62px; } .modal-popup.product-enquiry .modal-content { padding: 0; } .enquiry-box-wrap { display: table; width: 100%; height: calc(100vh - 62px); } .enquiry-box-wrap > div { display: table-cell; vertical-align: middle; } .enquiry-box-wrap > div.enquiry-left { width: 35%; padding: 20px; box-sizing: border-box; background: #f7f7f7; } .enquiry-box-wrap > div.enquiry-right { width: 65%; padding: 30px; box-sizing: border-box; vertical-align: middle; position: relative; overflow: hidden; z-index: 2; } .popup-logo { font-size: 0; line-height: 0; text-align: center; } .popup-logo img { width: 100%; height: auto; max-width: 220px !important; } .info-box.contact-info { text-align: center; margin-top: 40px; } .productenquiry .fieldset { margin-bottom: 0; } .info-box.contact-info .bold-title { text-align: center; display: inline-block; margin: 0 auto; line-height: 1; padding: 10px 25px; background: #fff; border-radius: 135px; font-size: 20px; position: relative; margin-bottom: 20px; } .info-box.contact-info .bold-title:after { position: absolute; left: calc(100% + 15px); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); width: calc(50% - 15px); height: 2px; background: #202020; display: block; content: ""; } .info-box.contact-info .bold-title:before { position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); width: calc(50% - 15px); height: 2px; background: #202020; content: ""; display: block; } .info-box.contact-info ul.social-links { margin: 0; padding: 0; list-style: none; } .pro-name-sec { margin-bottom: 30px; font-size: 24px; color: #202020; position: relative; padding-left: 170px; line-height: 1.2; } .pro-name-sec span.label { font-family: 'OpenSans-SemiBold'; font-weight: normal; display: inline-block; vertical-align: top; margin-right: 5px; position: absolute; top: 0; line-height: 1; left: 0; } .pro-name-sec > span { display: inline-block; } .pro-name-sec > span.enquiry_for { font-family: 'OpenSans-SemiBold'; color: #202020; } .form-box-wrap { margin: 0 -5px; font-size: 0; } .form-box-wrap > div { display: inline-block; vertical-align: top; width: 33.33%; padding: 0 5px; box-sizing: border-box; margin-bottom: 10px; } .form-box-wrap > div:last-child { margin-bottom: 0; } .form-box-wrap > div.full-width, .form-box-wrap > div.captcha { width: 100%; } .control-field { font-size: 0; } p.required { font-size: 12px; color: red; text-align: left; } .form-box-wrap > div.full-width div.primary { text-align: center; float: none; display: block; } .form-box-wrap > div.full-width div.primary button { min-width: 160px; float: none; text-align: center; } .form-box-wrap > div textarea { height: 140px; } .product-enquiry .form-wrap > div { width: 50%; } .product-enquiry .form-wrap > div.full-width { width: 100%; } .product-enquiry .form-wrap > div.captcha { width: 100%; } .product-enquiry .form-wrap > div:last-child { margin-bottom: 0; } .distributors .fieldset { margin-bottom: 0; } .product-enquiry .form-wrap > div.product-information > div { background: #f7f7f7; padding: 10px 10px; position: relative; padding-left: 180px; } .product-enquiry .form-wrap > div.product-information > div span.label-text { position: absolute; left: 10px; top: 25px; font-size: 20px; font-weight: normal; color: #202020; width: 170px; font-family: 'OpenSans-SemiBold'; } .product-enquiry .form-wrap > div.product-information > div input { height: auto; border: 0; font-size: 24px; background: none; line-height: 1; vertical-align: top; } .product-enquiry .form-wrap > div.product-information > div:first-child { padding-bottom: 0; } .product-enquiry .form-wrap > div textarea { height: 110px; } .product-enquiry .form-wrap > div .actions-toolbar div.primary { margin: 0; text-align: center; float: none; width: 100%; display: block; } .product-enquiry .form-wrap > div .actions-toolbar div.primary button { float: none; margin: 0; } /* .product-enquiry .social-link ul li a { background: #202020; } */ .no-touch .product-enquiry .social-link ul li a:hover { border-color: #202020; } /***** Testimonial *****/ .testimonials-index-index .testimonial-sec-main .container { width: 100%; max-width: 1200px; box-sizing: border-box; padding: 0 15px; margin: 0 auto; } .list-view .testimonial_item { background: #f8f8f8; padding: 20px; color: #666; margin-bottom: 20px; padding-left: 80px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .list-view .testimonial_item .testimonial-cont { color: #666; } .list-view .testimonial_item .testimonial-title { color: #202020; font-family: 'OpenSans-SemiBold'; margin: 0 0 15px; } .list-view .testimonial_item .mane_box > span { display: inline-block; vertical-align: top; margin: 0; } .list-view .testimonial_item .mane_box > span { color: #666; } .list-view .testimonial_item .mane_box > span.submitter-name { font-family: 'OpenSans-SemiBold'; } .list-view .testimonial_item .mane_box { text-align: right; } span.quote-icon { position: absolute; top: 15px; left: 15px; /*opacity: 0.4;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } span.quote-icon:before { content: ""; width: 45px; height: 39px; display: inline-block; background: url(../images/quote-icon.png) no-repeat; background-size: contain; } span.quote-icon svg { display: none; } span.quote-icon svg path { fill: #218956; } .testimonials-index-index .pager { text-align: left !important; } .testimonials-index-index .pager > div { display: inline-block; vertical-align: top; text-align: left; } .testimonials-index-index .pager > div.limiter { float: right; } .testimonials-index-index .pager > div.limiter .limiter-label, .testimonials-index-index .pager > div.limiter .limiter-text { display: none; } .contact-details { margin-top: 20px; } .contact-details a { color: #202020; } .no-touch .contact-details a:hover { color: #218956; } /***** FAQ Page *****/ ul.faq-list { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; } ul.faq-list > li { margin: 0; padding: 0; display: block; list-style: none; } ul.faq-list > li + li { margin-top: 15px; } ul.faq-list > li div:first-child h3 { margin: 0; padding: 0; display: block; font-size: 14px; padding: 12px 40px 10px 15px; font-weight: normal; font-family: 'OpenSans-SemiBold'; background: #f5f5f5; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } ul.faq-list > li div:first-child h3:after { position: absolute; top: 0; right: 0; display: block; content: ""; width: 40px; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 15px; } ul.faq-list > li.active div:first-child h3:after { transform: rotate(-180deg); } .no-touch ul.faq-list > li div:first-child h3:hover:after, ul.faq-list > li.active div:first-child h3:after { background: url(../images/arrow-white.svg) no-repeat center center; background-size: 15px; } .no-touch ul.faq-list > li div:first-child h3:hover { background: #218956; color: #fff; } ul.faq-list > li.active div:first-child h3 { background: #218956; color: #fff; } .ans { padding: 15px; background: #fafafa; border: solid 1px #f7f7f7; border-top: 0; box-sizing: border-box; } .ans-inner { font-size: 14px; color: #202020; line-height: 20px; } .ans-inner p { margin-bottom: 15px; } .ans-inner p:last-child { margin-bottom: 0; } .ans-inner ul:last-child, .ans-inner ol:last-child { margin-bottom: 0; } .ans-inner ol { padding-left: 15px; } .ans-inner ol li { margin-bottom: 8px; } .ans-inner ol li:last-child { margin-bottom: 0; } .ans-inner > ul { padding: 0; list-style: none; overflow: hidden; } .ans-inner ul li { padding-left: 25px; position: relative; margin-bottom: 8px; } .ans-inner ul li:after { position: absolute; top: 5px; left: 0; width: 10px; height: 10px; display: block; content: ""; background: #218956; border-radius: 50%; } .ans-inner ul li:last-child { margin-bottom: 0; } /***** Quote Page ******/ .field.textarea.add-note textarea { height: 40px; background: none; height: 40px; resize: vertical; font-size: 14px; } .add-note-quote { color: #fff; display: inline-block; line-height: 1; font-size: 13px; cursor: pointer; text-transform: uppercase; background: #202020; padding: 5px 10px 5px; margin: 10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .add-note-quote:hover { background: #218956; color: #fff; } .cart-summary-wrapper-out .quote-details { margin-bottom: 0; width: calc(100% - 38px); margin: 0 auto; border-top: 1px solid #ccc; padding-top: 17px; } .cart-summary-wrapper-out .quote-details strong.title { font-weight: normal; padding-bottom: 17px; display: block; border-bottom: solid 1px #ccc; font-size: 14px; font-weight: 400; color: #202020; margin-bottom: 17px; } input:-internal-autofill-selected { -webkit-appearance: menulist-button; background-color: transparent !important; background-image: none !important; color: -internal-light-dark-color(black, white) !important; } .amasty_quote-cart-index .cart-summary-wrapper-out .actions-toolbar .primary button { height: 40px; min-width: 100px; background: #218956; color: #fff; line-height: 1; } .no-touch .amasty_quote-cart-index .cart-summary-wrapper-out .actions-toolbar .primary button:hover { color: #fff; background: #202020; } .amasty_quote-cart-index .cart-summary-wrapper-out .actions-toolbar .secondary { float: right !important; } .amasty_quote-cart-index .cart.table-wrapper .col.product-name { width: 300px; } /***** Product Detail page *****/ .nogallery .fotorama__stage__shaft { max-width: 100% !important; } .nogallery .fotorama__wrap { pointer-events: none; } form.related-crosscell { display: inline-block; vertical-align: top; } .list-sku { display: block; font-size: 14px; line-height: 1; margin: 10px 0 0; color: #202020; text-align: center; } .products-list .product-item-details .list-sku { text-align: left; font-size: 14px; } .list-sku > strong { display: inline-block; vertical-align: middle; font-weight: normal; font-family: 'open_sansbold'; margin-right: 2px; } .product-item-details .Product-icon-usage { margin-bottom: 0; position: absolute; top: 5px; left: 15px; } .list-sku .value { display: inline-block; vertical-align: middle; font-family: 'OpenSans-Regular'; } .nogallery .fotorama__stage__shaft .fotorama__stage__frame:after { display: none; } .product-info-wrraper:after { display: block; content: ""; clear: both; } .fotorama__stage .fotorama__arr, .fotorama__stage .fotorama__thumb__arr { display: none !important; } .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after { display: none !important; } .fotorama__stage__shaft .fotorama__stage__frame { border: solid 1px #ccc; box-sizing: border-box; width: calc(100% - 1px); } .fotorama__stage { left: 0 !important; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { left: inherit !important; right: 0; } .fotorama__thumb { background: none !important; border: solid 1px #ccc; box-sizing: border-box; font-size: 0; line-height: 0; } .fotorama__thumb-border { background-image: none !important; border: solid 2px #218956 !important; box-sizing: border-box; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { margin-top: -11px; } .fotorama__stage__shaft .fotorama__stage__frame:after { position: absolute; top: 10px; right: 10px; width: 45px; height: 45px; display: block; content: ""; background-color: #f5f5f5; z-index: 2; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-image: url(../images/zoom.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: 26px; } .fotorama__stage__shaft .fotorama__stage__frame:hover:after { background-color: #218956; background-image: url(../images/zoom-hover.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: 26px; } .fotorama__stage__shaft .fotorama__stage__frame.fotorama-video-container:after{ background-image: url(../images/video-icon.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: 31px; } .fotorama__stage__shaft .fotorama__stage__frame.fotorama-video-container:hover:after{ background-image: url(../images/video-icon-hover.svg) !important; background-repeat: no-repeat; background-position: center center; background-size: 31px; } .video-thumb-icon:after{ background-image: url(../images/video-icon.svg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 20px; background: rgba(255,255,255,0.8); } .fotorama__fullscreen .fotorama__stage__shaft .fotorama__stage__frame:after { display: none !important; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { background: #f5f5f5 !important; width: 45px !important; height: 70px !important; left: 50% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { width: 35px !important; height: 70px !important; padding: 0 !important; background: none !important; background-image: url(../images/slider-arrow.svg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 22px !important; position: relative; top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 10px !important; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 10px !important; } .no-touch .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left:hover .fotorama__thumb--icon, .no-touch .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right:hover .fotorama__thumb--icon { padding: 0 !important; background: none !important; background-image: url(../images/slider-arrow-hover.svg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 22px !important; } .no-touch .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left:hover .fotorama__thumb--icon { animation-name: move-top; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } .no-touch .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right:hover .fotorama__thumb--icon { animation-name: move-bottom; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } @keyframes move-top { 0% { top: 0; } 50% { top: -10px; } 100% { top: 0; } } @keyframes move-bottom { 0% { top: 0; } 50% { top: 10px; } 100% { top: 0; } } .no-touch .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left:hover, .no-touch .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right:hover { background: #218956 !important; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon { -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; } .fotorama__spinner { width: 100% !important; z-index: 100 !important; height: 100% !important; background-repeat: no-repeat; background-position: center center; margin-left: 0 !important; ; max-width: 460px !important; } /****/ .catalog-product-view .columns .column.main { padding-bottom: 0; } span.price-label { display: none !important; } .catalog-product-view .page-main { padding-top: 60px; padding-left: 0; padding-right: 0; max-width: 100%; } .product-info-wrraper:after { display: block; content: ""; clear: both; } .page-layout-1column .product-info-main { width: 55.8%; padding-left: 60px; box-sizing: border-box; } .page-layout-1column .product.media { width: 44.2%; position: relative; } .product-info-stock-sku { display: block; } .product-info-stock-sku > div { display: block; position: relative; min-height: 11px; font-size: 15px; line-height: 1; box-sizing: border-box; color: #888888; font-family: 'OpenSans-Regular'; } .product-info-stock-sku > div + div { margin-top: 14px; } .product-info-stock-sku > div.product.attribute.sku { padding-left: 48px; } .product-info-stock-sku > div.stock-wrapper { padding-left: 106px; } .product-info-stock-sku > div > strong { position: absolute; left: 0; top: 0; text-transform: uppercase; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1; } .product-info-stock-sku div.stock span { position: relative; display: inline-block; line-height: 1; vertical-align: top; padding-right: 25px; color: red;} .product-info-stock-sku div.stock span:after { position: absolute; top: 0; right: 0; display: block; content: ""; width: 16px; height: 16px; background-size: 16px; } div.stock.available span:after { background: url(../images/instok-icon.svg) no-repeat center center; background-size: 16px; } div.stock.unavailable span:after { background: url(../images/out-of-stock-icon.svg) no-repeat center center; background-size: 16px; } .product-price-wrraper-main { display: table; width: 100%; margin-top: 21px; } .product-price-wrraper-main > div { display: table-cell; vertical-align: middle; } .product-price-wrraper-main > div + div { text-align: right; } .product-info-main .product-social-links { display: table; width: 100%; margin-top: 30px; } .product-info-main .product-social-links > div, .product-info-main .product-social-links > a { display: table-cell; vertical-align: middle; } .product-info-main .social-media-icons .social_title { font-weight: normal; font-size: 14px; text-transform: uppercase; color: #202020; font-family: 'OpenSans-SemiBold'; display: inline-block; vertical-align: middle; } .product-info-main .product-social-links > a { font-size: 14px; font-weight: normal; color: #202020; line-height: 1; position: relative; font-family: 'OpenSans-Regular'; width: 138px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-align: right; } .product-info-main .product-social-links > a span { position: relative; padding-bottom: 2px; } .product-info-main .product-social-links > a span:after { position: absolute; left: 0; width: 100%; height: 1px; display: block; content: ""; background: #202020; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .product-info-main .product-social-links > a:hover { color: #218956; } .no-touch .product-info-main .product-social-links > a:hover span:after { width: 0; } .product-info-main .addthis_inline_share_toolbox { display: inline-block; vertical-align: middle; } .product-info-main .at-style-responsive .at-share-btn { margin-bottom: 0 !important; width: 45px; height: 45px; background-color: transparent !important; border: solid 1px #dfdfdf !important; box-sizing: border-box; text-align: center; overflow: hidden !important; position: relative; padding: 8px !important; margin: 0 5px !important; } .product-info-main .at-style-responsive .at-share-btn:after { position: absolute; top: 50px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #202020; z-index: 1; transition: .5s; } .at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover { transform: none !important; border: solid 1px #202020 !important; } .product-info-main .at-style-responsive .at-share-btn svg { fill: #202020 !important; } .product-info-main .at-style-responsive .at-share-btn.at-svc-facebook { padding: 7px !important; } .product-info-main .at-style-responsive .at-share-btn.at-svc-facebook svg { width: 26px !important; height: 26px !important; } .product-info-main .at-style-responsive .at-share-btn.at-svc-twitter svg { width: 24px !important; height: 24px !important; } .product-info-main .at-style-responsive .at-share-btn.at-svc-facebook { /*background: #3b5999 !important;*/ } .product-info-main .at-style-responsive .at-share-btn.at-svc-twitter { /*background: #55acee !important;*/ } .product-info-main .at-style-responsive .at-share-btn.at-svc-facebook:after { background: #202020 !important; } .product-info-main .at-style-responsive .at-share-btn.at-svc-twitter:after { background: #202020 !important; } .product-info-main .at-resp-share-element .at-share-btn .at-icon-wrapper { position: relative; transition: .5s; z-index: 3; width: 26px !important; height: 26px !important; } .no-touch .product-info-main .at-style-responsive .at-share-btn:hover:after { top: 0; } .no-touch .product-info-main .at-style-responsive .at-share-btn:hover svg { fill: #fff !important; } .no-touch .product-info-main .at-resp-share-element .at-share-btn:hover .at-icon-wrapper { transform: rotateY(360deg); } .product-info-wrraper { margin: 0 auto; margin-bottom: 60px; width: 100%; max-width: 1650px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .product.info.detailed { margin: 0 auto 60px; width: 100%; max-width: 1650px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .custom_product_addtocart { margin: 0 auto; width: 100%; max-width: 1650px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } body:not(.cms-home) section.featured-product-section > .container { max-width: 1650px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .product.data.items > .item.content .table-wrapper table tr td, .product.data.items > .item.content .table-wrapper table tr th { border: solid 1px #ddd; padding: 10px; font-size: 14px; font-weight: normal; color: #202020; } .product.data.items > .item.content .table-wrapper table tr th { font-family: 'OpenSans-SemiBold'; background: #f7f7f7; } #product-review-container .block-title strong { color: #202020; font-weight: normal; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; position: relative; font-size: 26px; line-height: 1; padding-bottom: 15px; display: block; margin: 0; text-align: center; } #product-review-container .block-title strong:after { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; } ol.items.review-items { padding-left: 0 !important; width: 100%; max-width: 1100px; margin: 0 auto; margin-top: 20px; } body ol.items.review-items > li.review-item { padding: 14px; box-sizing: border-box; background: #f5f5f5; box-sizing: border-box; position: relative; margin: 0; border: 0; min-height: 129px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch body ol.items.review-items > li.review-item:hover { background: rgba(33, 137, 86, 0.1); } .no-touch body ol.items.review-items > li.review-item:hover:after { -webkit-animation: rotate 4s linear infinite; -moz-animation: rotate 4s linear infinite; -o-animation: rotate 4s linear infinite; -ms-animation: rotate 4s linear infinite; animation: rotate 4s linear infinite; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotatey(360deg); } } .animation-span:after { content: ""; position: absolute; left: 50%; width: 0; height: 2px; background-color: #218956; transition: 0.4s; top: auto; bottom: 0; display: block; } input:focus + .animation-span:after, textarea:focus + .animation-span:after { left: 0; width: 100%; transition: 0.4s; } .review-title { position: relative; padding-left: 280px; font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1.2; } body ol.items.review-items > li.review-item:after { position: absolute; top: 5px; left: 96px; display: block; content: "\f005"; font-size: 80px; color: #202020; font-family: 'FontAwesome'; line-height: 1; opacity: 0.1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } body ol.items.review-items > li.review-item + li { margin-top: 2px; } .review-ratings ~ .review-details p { display: inline-block; vertical-align: top; margin: 0 !important; font-size: 14px; color: #202020; } .review-ratings ~ .review-details p strong { font-weight: normal; } .review-ratings ~ .review-details p + p { margin-left: 15px !important; } .review-ratings ~ .review-details p .review-details-label { color: #888; font-weight: normal; font-family: 'OpenSans-SemiBold'; } .review-content { font-size: 16px; line-height: 1.5; color: #202020; font-family: 'open_sanslight'; } .block.review-add .review-title-sec { text-align: center; margin-bottom: 30px; } .block.review-add .review-title-sec .section-title:after { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .block.review-add .review-title-sec .sec-info { text-align: center; color: #202020; line-height: 1.5; font-family: 'open_sanslight'; margin-bottom: 30px; } .block.review-add { width: 100%; max-width: 700px; margin: 0 auto; display: block; } .fieldset .review-legend.legend { display: block; width: 100%; position: relative; padding-left: 160px; font-size: 16px; color: #202020; } .fieldset .review-legend.legend > span { position: absolute; left: 0; top: 0; line-height: 1.1; } .fieldset .review-legend.legend strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; color: #202020; } .form-wrap { display: block; margin: 0 -10px; font-size: 0; } .form-wrap > div { display: inline-block; vertical-align: top; width: 100%; padding: 0 10px; box-sizing: border-box; margin-bottom: 24px; } .form-wrap > div.review-field-nickname, .form-wrap > div.review-field-summary { width: 50%; } .form-wrap > div textarea { height: 146px; } .form-wrap > div.review-form-actions { text-align: center; margin-bottom: 0; } .form-wrap > div.review-form-actions .actions-primary { float: none !important; } .form-wrap > div.review-form-actions .actions-primary button { margin-right: 0; } .input-box { position: relative; } .review-form > .fieldset { margin-bottom: 0; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } input::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } input:-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } input:-moz-placeholder { /* Firefox 18- */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } textarea:-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } textarea:-moz-placeholder { /* Firefox 18- */ font-size: 16px; color:#888888; opacity: 1; font-family: 'OpenSans-Regular'; } .control.captcha { position: relative; padding-right: 250px; } .control.captcha > div.nested { position: absolute; top: 0; right: 0; } button.captcha-reload { width: 45px; height: 45px; box-sizing: border-box; padding: 8px 10px; background: #fff; border: solid 2px #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; box-sizing: border-box; position: relative; z-index: 2; overflow: hidden; } button.captcha-reload:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } button.captcha-reload svg { width: 20px; height: 24px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } button.captcha-reload svg path { fill: #202020; } .no-touch button.captcha-reload:hover:after { top: 0; } .no-touch button.captcha-reload:hover span svg { animation: rotation 8s infinite linear; } .no-touch button.captcha-reload:hover { background: #218956; border-color: #218956; } @keyframes rotation { from { transform: rotate(359deg); } to { transform: rotate(0deg); } } button.captcha-reload span.span-icon { display: inline-block; vertical-align: top; line-height: 0; font-size: 0; } .no-touch button.captcha-reload:hover svg path { fill: #fff; } span.button-hover { display: none; } body:not(.cms-home) section.featured-product-section { padding: 60px 0 60px; margin-bottom: 20px; } body:not(.cms-home) .featured-product-section .section-title { font-size: 32px; } .Product-icon-usage { font-size: 0; margin-bottom: 15px; } .label-icon-item { font-size: 0; line-height: 0; display: inline-block; } .label-icon-item + .label-icon-item { margin-left: 5px; } .product.data.items > .item.content .product-video-section { margin: 0 -15px; font-size: 0; margin-top: -30px; } .product.data.items > .item.content .product-video-section .product-video-box { width: 33.33%; position: relative; padding: 0 15px; box-sizing: border-box; display: inline-block; vertical-align: top; margin-top: 30px; } .product-video-section .product-video-box .product-video-wrap { position: relative; overflow: hidden; padding-top: 56.25%; } .product-video-section .product-video-box .product-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .product-info-main .block.related { margin-top: 30px; } .product-info-main .block.related .block-title.title strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; font-size: 22px; } .product-info-main .block.related table { border: solid 1px #ddd; } .product-info-main .block.related table thead tr td { font-size: 16px; font-family: 'OpenSans-SemiBold'; background: #202020; color: #fff; } .product-info-main .block.related table tbody tr:nth-child(even) { background: #f7f7f7; } .product-info-main .block.related table thead tr { background: #202020; } .product-info-main .block.related table tbody tr + tr { border-top: solid 1px #ddd; } .product-info-main .block.related table tbody tr td { text-align: left; padding: 10px 0 10px 10px; } .product-info-main .block.related table tbody tr td:first-child { width: 26px; } .product-info-main .block.related table tbody tr td .product-item-name { height: inherit; text-align: left; } .product-info-main .block.related table tbody tr td .choice { height: 26px; } .product-info-main .block.related table tbody tr td .price-box .price-wrapper .price { font-size: 16px; } .product-info-main .block.related table tbody tr td .price-box .price-wrapper:after { font-size: 12px; } .product-info-main .block.related table tbody tr td .price-box { margin-top: 10px; } /***** Send Friend Page *****/ .sendfriend-product-send .page-title-wrapper { text-align: center; } .sendfriend-product-send .page-title-wrapper .page-title { margin-bottom: 30px; text-transform: uppercase; position: relative; padding-bottom: 16px; } .sendfriend-product-send .page-title-wrapper .page-title:after { position: absolute; left: 50%; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } #sender_options { width: 100%; max-width: 770px; margin: 0 auto; display: block; } .friend-form-wrap { margin: 0 -10px; display: block; font-size: 0; } .friend-form-wrap > div { display: inline-block; vertical-align: top; padding: 0 10px; width: 100%; margin-bottom: 24px; box-sizing: border-box; } .friend-form-wrap > div.sender, .friend-form-wrap > div.email { width: 50%; } .friend-form-wrap > div textarea { height: 146px; } #sender_options .legend { margin-bottom: 10px; font-weight: normal; text-transform: uppercase; color: #202020; font-family: 'open_sansbold'; font-size: 16px; } .fieldset.recipients { width: 100%; max-width: 770px; box-sizing: border-box; display: block; margin: 0 auto; } .fieldset.recipients > .legend { margin-bottom: 10px; font-weight: normal; text-transform: uppercase; color: #231f20; font-family: 'OpenSans-SemiBold'; font-size: 20px; } #recipients-options > div.fields > .fieldset { margin: 0 -10px; font-size: 0; } #recipients-options > div.fields > .fieldset > div { display: inline-block; vertical-align: top; padding: 0 10px; box-sizing: border-box; width: 50%; margin-bottom: 24px; } #recipients-options .additional { position: relative; padding-right: 120px; } #recipients-options .additional .actions-toolbar { position: absolute; top: 0; right: 0; } #recipients-options .additional .actions-toolbar .btn { min-width: 100px; height: 45px; line-height: 43px; text-align: center; border: solid 2px #202020 !important; background: #fff; color: #202020; box-sizing: border-box; position: relative; overflow: hidden; z-index: 2; } .no-touch #recipients-options .additional .actions-toolbar .btn:hover { color: #fff; } #recipients-options .additional .actions-toolbar .btn:after { position: absolute; left: 0; width: 100%; height: 100%; display: block; content: ""; z-index: -1; top: 80px; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch #recipients-options .additional .actions-toolbar .btn:hover:after { top: 0; } #recipients-options .additional .actions-toolbar .btn .button-hover { display: none; } #max-recipient-message { max-width: 100%; width: 100%; margin: 0 !important; } .actions-toolbar.add-inv-btn { margin-bottom: 24px; } .btn-box-sec { width: 100%; box-sizing: border-box; max-width: 770px; display: block; margin: 24px auto 0; } .btn-box-sec.actions-toolbar .secondary a.action { margin-top: 0; min-width: 80px; } .btn-box-sec.actions-toolbar .secondary { float: left; margin: 0; } .btn-box-sec.actions-toolbar .primary { float: right; margin: 0; } .btn-box-sec.actions-toolbar .primary .action { margin-right: 0; } .btn-box-sec.actions-toolbar .secondary a.action.back { height: 35px; font-size: 14px; line-height: 30px; } .actions-toolbar.add-inv-btn .btn { min-width: 120px; background: #fff; color: #202020; border: solid 2px #202020; position: relative; overflow: hidden; z-index: 2; } .actions-toolbar.add-inv-btn .btn:after { /*position: absolute; left: 0; width: 100%; height: 100%; display: block; content: ""; top: 60px; z-index: -1; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .actions-toolbar.add-inv-btn .btn:hover { background: #218956; border-color: #218956; color: #fff; } .no-touch .actions-toolbar.add-inv-btn .btn:hover:after { top: 0; } section.featured-product-section { background: #f5f5f5; padding: 107px 15px 120px; } section.featured-product-section > .container { width: 100%; max-width: 1470px; box-sizing: border-box; margin: 0 auto; display: block; } .owl-carousel .owl-item .product-item { background: #fff; border: solid 1px #ddd; box-sizing: border-box; } .product-items.owl-carousel { margin: 0; } .featured-product-section .section-title { text-align: center; margin-bottom: 40px; } .featured-product-section .section-title:after { display: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .product-items.owl-carousel .owl-nav { text-align: center; position: inherit; bottom: 0; margin-top: 40px; } .product-items.owl-carousel .owl-nav:after { left: 50%; } .table.grouped { border: solid 1px #ccc !important; } .table.grouped > thead > tr > th { border-bottom: 0; font-size: 14px; font-weight: normal; text-transform: uppercase; background: #202020; color: #fff; font-family: 'OpenSans-SemiBold'; line-height: 1; padding: 13px 10px 16px 10px; } .table.grouped > thead > tr > th:first-child { padding-left: 20px; } .table.grouped tbody tr:nth-child(odd) { background: #f5f5f5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .table.grouped tbody tr:nth-child(even) { background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .table.grouped tbody tr td:first-child { font-size: 0; line-height: 0; width: 133px; padding-left: 20px; } .table.grouped tbody tr td { vertical-align: middle; font-size: 14px; color: #202020; font-weight: normal; font-family: 'OpenSans-Regular'; text-align: left; padding: 8px; } .table.grouped tbody tr td.col.qty { text-align: center; } .table.grouped .product-item-name { height: auto; text-align: left; display: inline-block; vertical-align: middle; } .table.grouped tbody tr td span.product-image-container { width: 40px !important; border: solid 1px #ddd; box-sizing: border-box; } .table.grouped .price-box .price { font-size: 14px; font-family: 'OpenSans-SemiBold'; font-weight: normal; } .table.grouped > thead > tr > th.qty { text-align: center; } .table.grouped tbody tr td .qty-increment { text-align: center; } .table.grouped > thead > tr > th.price { text-align: right; } .table.grouped tbody tr td .price-box { text-align: center; } .table.grouped thead tr th.col.price { text-align: center; } .table.grouped tbody tr td .group-simple-code { margin: 0; font-family: 'open_sansbold'; } .table.grouped tbody tr td .group-simple-code span { font-family: 'OpenSans-Regular'; } .table.grouped tbody tr td .price-box .price-wrapper:after { content: ' (' attr(data-label) ')'; font-size: 12px; color: #888888; display: inline-block; vertical-align: top; line-height: 1; margin-top: 7px; margin-left: 3px; } #validation-message-box { text-align: right; } #validation-message-box div.mage-error[generated] { position: inherit; top: inherit; left: inherit; display: inline-block; vertical-align: top; font-size: 12px; } .table-wrapper.grouped { margin-bottom: 0; } .am-attachments-tab { margin: 0 -7px; font-size: 0; } .am-attachments-tab > div { display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; padding: 0 7px; margin-bottom: 14px; } .am-fileline-inner { background: #f7f7f7; padding: 10px; border: solid 1px #ddd; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .am-fileline-wrap { display: table; width: 100%; } .am-fileline-wrap > div { display: table-cell; vertical-align: middle; } .am-fileline-wrap > div.file-icon { width: 35px; } .am-fileline-wrap > div.file-icon img { width: 35px; height: auto; } .product.data.items > .item.content .am-fileline-wrap > div.file-name a { display: inline-block; vertical-align: middle; font-size: 14px; color: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'OpenSans-SemiBold'; } .am-fileline-wrap > div.file-name { padding-left: 10px; width: calc(100% - 35px); box-sizing: border-box; text-align: left; } .no-touch .product.data.items > .item.content .am-fileline-inner:hover .am-fileline-wrap > div.file-name a { color: #218956; } .no-touch .am-fileline-inner:hover { background: rgba(33, 137, 86, 0.1); border-color: #218956; } /***** Product Listing page *******/ .category-top-section { position: relative; overflow: hidden; } .page-products .columns { margin-bottom: 80px; } .catalog-category-view .columns { margin-bottom: 20px; } .category-top-section .category-image { font-size: 0; position: relative; line-height: 0; min-height: 150px; background: #f7f7f7; } .category-top-section .category-image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: rgba(0,0,0,0.7); } .catalog-category-view .category-top-section .category-image, .catalog-category-view .category-top-section .category-image:after { background: none; } .category-top-section .category-image img { min-height: 150px; /*width: 60px; max-width: 60px; height: auto; display: block; margin: 40px auto;*/ } .category-top-section .category-image img.lazyloaded { width: 100%; max-width: 100%; height: auto; margin: 0; } .category-breadcrumbs-wrapper { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 15px; box-sizing: border-box; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } .category-breadcrumbs-wrapper .page-title { margin: 0; color: #fff; line-height: 1; font-weight: normal; font-family: 'open_sansbold'; text-transform: uppercase; } .catalog-category-view .category-breadcrumbs-wrapper .page-title { color: #202020; } .category-breadcrumbs-wrapper .breadcrumbs { margin-top: 10px; padding: 0; background: none; border: 0 none; } .category-breadcrumbs-wrapper .breadcrumbs a, .category-breadcrumbs-wrapper .breadcrumbs strong { color: #fff; font-size: 15px; line-height: 1; font-family: 'OpenSans-Regular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: normal; } .catalog-category-view .category-breadcrumbs-wrapper .breadcrumbs a, .catalog-category-view .category-breadcrumbs-wrapper .breadcrumbs strong { color: #202020; } .category-breadcrumbs-wrapper .breadcrumbs a:hover { text-decoration: none; } .no-touch .category-breadcrumbs-wrapper .breadcrumbs a:hover { color: #f8981f; } .category-breadcrumbs-wrapper .breadcrumbs .item:not(:last-child):after { color: #fff; } .catalog-category-view .category-breadcrumbs-wrapper .breadcrumbs .item:not(:last-child):after { color: #202020; } .page-layout-2columns-left .sidebar-main { width: 330px; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 0; } .page-layout-2columns-left .column.main { width: calc(100% - 330px); box-sizing: border-box; padding-left: 40px; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-left .sidebar-main > div { display: block; margin: 0 0 20px; } .main-headinge-cat, .block.filter .filter-title strong { margin: 0; padding: 0; display: block; line-height: 1; font-weight: normal; font-size: 14px; position: relative; background: #202020; color: #fff; text-transform: uppercase; font-family: 'open_sansbold'; padding: 13px 20px 15px; } .page-main { padding-top: 5px; box-sizing: border-box; } .category-leftnav-section-inner > ul { padding: 10px; border: solid 1px #dddddd; box-sizing: border-box; border-top: 0; list-style: none; overflow: hidden; } .category-leftnav-section-inner > ul li { list-style: none; overflow: hidden; position: relative; margin: 0; } .category-leftnav-section-inner > ul > li > a { display: block; background: #f5f5f5; font-size: 15px; text-transform: uppercase; color: #202020; line-height: 1.2; font-family: 'OpenSans-SemiBold'; font-weight: normal; padding: 10px 40px 10px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .category-leftnav-section-inner > ul > li > a:hover { text-decoration: none; } .sidebar-main .block-content.filter-content { padding: 10px; border: solid 1px #dddddd; box-sizing: border-box; border-top: 0; list-style: none; overflow: hidden; } .sidebar-main .filter-options .filter-options-item .filter-options-title { display: block; background: #f5f5f5; font-size: 14px; text-transform: uppercase; color: #202020; line-height: 1.2; font-family: 'OpenSans-SemiBold'; font-weight: normal; padding: 10px 40px 10px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0; cursor: pointer; } .no-touch .sidebar-main .filter-options .filter-options-item .filter-options-title:hover, .no-touch .category-leftnav-section-inner > ul > li:hover > a { color: #fff; background: #218956; } .icon-accordion, .expand { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: block; cursor: pointer; } .icon-accordion:after, .expand:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 14px !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .category-leftnav-section-inner > ul > li > .icon-accordion:before, .category-leftnav-section-inner > ul > li > .expand:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-white.svg) no-repeat center center; background-size: 14px !important; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .category-leftnav-section-inner > ul > li > .icon-accordion.active:before, .category-leftnav-section-inner > ul > li.active > .expand:before, .category-leftnav-section-inner > ul > li > ul > li.active > .expand:before, .category-leftnav-section-inner > ul > li > ul > li.active > .expand:before { opacity: 1 !important; visibility: visible !important; transform: rotate(-180deg); } .category-leftnav-section-inner > ul > li > .icon-accordion.active:after, .category-leftnav-section-inner > ul > li.active > .expand:after { opacity: 0; visibility: hidden; } .no-touch .category-leftnav-section-inner > ul > li:hover > .icon-accordion:before, .no-touch .category-leftnav-section-inner > ul > li:hover > .expand:before { opacity: 1; visibility: visible; } .no-touch .category-leftnav-section-inner > ul > li:hover > .icon-accordion:after, .no-touch .category-leftnav-section-inner > ul > li:hover > .expand:after { opacity: 0; visibility: hidden; } .icon-accordion.active:after, li.active > .expand:before, li.active > .expand:after { transform: rotate(-180deg); } .category-leftnav-section-inner > ul > li > ul > li > ul > li > .icon-accordion { height: 37px; } .category-leftnav-section-inner > ul ul { margin: 0; padding: 0; overflow: hidden; list-style: none; display: none; } .category-leftnav-section-inner > ul > li, .category-leftnav-section-inner > ul > li > ul > li { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; border-bottom: solid 1px #dddddd; } .category-leftnav-section-inner > ul > li > a, .category-leftnav-section-inner > ul > li > ul > li > a { font-size: 14px; color: #888; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; line-height: 1.2; display: block; padding: 11px 0; padding-left: 20px; padding-right: 40px; font-family: 'OpenSans-SemiBold'; } .category-leftnav-section-inner > ul > li > a { color: #202020; } .category-leftnav-section-inner > ul > li > ul > li > a.is-active, .category-leftnav-section-inner > ul > li > ul > li > ul > li > a.is-active{ background: #f7f7f7; } .category-leftnav-section-inner > ul > li > ul > li > a { padding-left: 30px; padding-right: 40px; } .category-leftnav-section-inner > ul > li > ul > li > ul { border-top: solid 1px #ddd; } .category-leftnav-section-inner > ul > li > ul > li > ul > li { border-bottom: solid 1px #dddddd; } .category-leftnav-section-inner > ul > li > ul > li > ul > li:last-child { border-bottom: 0; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > a { font-family: 'OpenSans-Regular'; padding: 8px 0; padding-left: 40px; font-size: 14px; color: #888; display: block; padding-right: 40px; } .category-leftnav-section-inner > ul > li:last-child, .category-leftnav-section-inner > ul > li > ul > li:last-child { border-bottom: 0; } .category-leftnav-section-inner > ul > li > a:hover, .category-leftnav-section-inner > ul > li > ul > li > a:hover { text-decoration: none; } .no-touch .category-leftnav-section-inner > ul > ul > li > a:hover, .category-leftnav-section-inner > ul > li.active > a, .no-touch .category-leftnav-section-inner > ul > li > ul > li > ul > li > a:hover, .no-touch .category-leftnav-section-inner > ul > li > ul > li > a:hover, .category-leftnav-section-inner > ul > li > ul > li.active > a, .category-leftnav-section-inner > ul > li > ul > li > ul > li.active > a { color: #202020; } .category-leftnav-section-inner > ul > li.active > a { color: #fff; background: #218956; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul { border-top: solid 1px #ddd; background: #f7f7f7; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li { border-bottom: solid 1px #dddddd; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li:last-child { border-bottom: 0; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > a { padding: 10px 0; font-size: 14px; color: #888; display: block; padding-right: 40px; padding-left: 45px; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > a.is-active{ color: #202020; font-family: 'open_sansbold'; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > .icon-accordion { height: 40px; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > ul { background: #fff; border-top: solid 1px #ddd; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > ul > li { border-bottom: solid 1px #ddd; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > ul > li > a { display: block; font-size: 13px; color: #202020; padding: 8px 0; padding-left: 45px; } .no-touch .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > a:hover, .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li.active > a { color: #202020; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > ul > li:last-child { border-bottom: 0; } .no-touch .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover, .category-leftnav-section-inner > ul > li > ul > li > ul > li > ul > li > ul > li.active > a { color: #218956; } .filter-options .filter-options-content ol { list-style: none; margin: 0; padding: 0; overflow: hidden; } .filter-options .filter-options-content ol li { margin: 0; padding: 0; list-style: none; overflow: hidden; border-bottom: solid 1px #dddddd; position: relative; padding: 10px 0 !important; } .filter-options .filter-options-content ol li input[type="checkbox"], .filter-options .filter-options-content ol li input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .filter-options .filter-options-content ol li input[type="checkbox"] + a, .filter-options .filter-options-content ol li input[type="radio"] + a { position: relative; padding: 0; padding-left: 25px; } .filter-options .filter-options-content ol li input[type="checkbox"] + a:after { background: #fff; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: solid 2px #ddd; box-sizing: border-box; display: block; content: ""; } .filter-options .filter-options-content ol li input[type="checkbox"] + a:before {z-index: 1; position: absolute; top: 0; left: 0; width: 18px; height: 18px; box-sizing: border-box; display: block; content: ""; background: url(../images/check.svg) no-repeat center center; background-size: 14px; opacity: 0; visibility: hidden; } .filter-options .filter-options-content ol li input[type="checkbox"]:checked + a:before { opacity: 1; visibility: visible; } .filter-options .filter-options-content ol li input[type="radio"] + a { font-size: 15px; color: #888; padding: 0; padding-left: 25px; } .filter-options .filter-options-content ol li input[type="radio"] + a:after { width: 18px; height: 18px; border: solid 2px #ddd; box-sizing: border-box; position: absolute; top: 0; left: 0; border-radius: 50%; display: block; content: ""; } .filter-options .filter-options-content ol li input[type="radio"] + a:before { width: 10px; height: 10px; box-sizing: border-box; position: absolute; top: 4px; left: 4px; border-radius: 50%; background: #202020; display: block; content: ""; opacity: 0; visibility: hidden; } .filter-options .filter-options-content ol li input[type="radio"]:checked + a:before { opacity: 1; visibility: visible; } .filter-options .filter-options-content ol li input[type="radio"]:checked + a:after { border-color: #202020; } .filter-options .filter-options-content ol li input[type="radio"]:checked + a, .filter-options .filter-options-content ol li input[type="checkbox"]:checked + a { color: #202020; } .filter-current .item > span, .filter-current .item > div { display: inline-block; vertical-align: top; font-size: 15px; color: #202020; line-height: 1.2; } .filter-current .item > span { font-family: 'OpenSans-SemiBold'; display: inline-block; position: relative; margin-right: 5px; } .filter-current .item > span:after { position: absolute; top: 0; left: 100%; display: block; content: ":"; font-size: 15px; color: #202020; font-family: 'OpenSans-SemiBold'; } .filter-current .item a.amshopby-remove { position: absolute; top: 6px; right: 6px; display: block; width: 17px; height: 17px; background: #202020; font-size: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .filter-current .item a.amshopby-remove:hover { background: #218956; } .filter-current .item a.amshopby-remove:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/item-close.svg) no-repeat center center; background-size: 11px; } .filter-options .filter-options-content ol li:last-child { border-bottom: 0; } .filter-options .filter-options-content ol li a { font-size: 14px; color: #888; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; line-height: 1.2; display: inline-block; padding: 11px 0; } .filter-options .filter-options-content ol li a:hover { text-decoration: none; } .no-touch .filter-options .filter-options-content ol li a:hover { color: #202020; } .sidebar-main .filter-options .filter-options-item .filter-options-title { position: relative; } .sidebar-main .filter-options .filter-options-item .filter-options-title:after { position: absolute; top: 0; right: 0; display: block; content: ""; width: 40px; height: 100%; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 14px !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .sidebar-main .filter-options .filter-options-item .filter-options-title:hover:after { background: url(../images/arrow-white.svg) no-repeat center center; background-size: 14px !important; } .sidebar-main .filter-options .filter-options-item.active .filter-options-title:after { transform: rotate(-180deg); background: url(../images/arrow-white.svg) no-repeat center center; background-size: 14px !important; } .sidebar-main .filter-options .filter-options-item.active .filter-options-title { background: #218956; color: #fff; } .sidebar-main .filter-options .filter-options-item .filter-options-title .icon-accordion { display: none !important; } .filter-current { background: #f5f5f5; padding: 10px; } .page-products .products-grid .product-item { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px; box-sizing: border-box; } .page-products .products-grid > .product-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .page-products .products-grid .product-items > .product-item { box-sizing: border-box; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .page-products .products-grid .product-items > .product-item > .product-item-info { height: 100%; box-sizing: border-box; } .page-products .product-item-info { border: solid 1px #dddddd; box-sizing: border-box; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .page-products .product-item-info:hover { box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.2); } .products.wrapper.grid.products-grid { padding: 0; max-width: 100%; } .product-item-info > a { display: block; font-size: 0; line-height: 0; padding: 10px; position: relative; text-align: center; } .product-item-info > a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0.8); opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .product-item-info:hover > a:after { opacity: 1; visibility: visible; } .product-item-details { padding: 37px 17px 28px; position: relative; } .product-item-name, .product.name a { font-size: 15px; line-height: 1.2; color: #202020; font-family: 'OpenSans-Regular'; } .no-touch a.product-item-name:hover, .no-touch .product.name a:hover { color: #218956; } .product-item-details > .product-item-inner { position: absolute; left: 0; bottom: 100%; width: 100%; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .page-products .product-item-info .stock.unavailable{ font-size: 14px; font-family: 'open_sansbold'; height: auto; line-height: 1; padding: 6px; box-sizing: border-box; color: red; background: rgba(255,255,255,0.9); position: absolute; top: 0; right: 0; z-index: 9; } .product-item-details > .product-item-inner .product-item-actions { text-align: center; font-size: 0; } .product-item-details > .product-item-inner { opacity: 0; visibility: hidden; } .touch .product-item-details > .product-item-inner { opacity: 1; visibility: visible; } .no-touch .product-item-info:hover .product-item-details > .product-item-inner { opacity: 1; visibility: visible; } .product-item-details > .product-item-inner .product-item-actions > div { display: inline-block; vertical-align: top; font-size: 0; } .product-item-details > .product-item-inner .product-item-actions > div button { width: 45px; height: 45px; display: inline-block; vertical-align: top; min-width: inherit; padding: 0; text-align: center; line-height: 0; margin: 0 5px; font-size: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button { background: #fff; border: solid 2px #202020; box-sizing: border-box; position: relative; z-index: 2; overflow: hidden; } .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button:after, .view-icon .btn:after { position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button svg, .view-icon .btn svg, .product-item-details > .product-item-inner .product-item-actions > div button svg { position: relative; transition: .5s; z-index: 3; } .no-touch .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button:hover svg, .no-touch .view-icon .btn:hover svg, .no-touch .product-item-details > .product-item-inner .product-item-actions > div button:hover svg { transform: rotateY(360deg); } .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button svg path { fill: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button:hover:after, .no-touch .view-icon .btn:hover:after { top: 0; } .no-touch .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button:hover svg path { fill: #fff; } .productlabel-left-wrapper { position: absolute; top: 0; left: 0; z-index: 11; display: inline-block; width: 70px; overflow: hidden; } .productlabel-left-wrapper .lable-image { display: block; vertical-align: top; text-align: center; padding: 1px 8px 4px; font-size: 16px; color: #fff; line-height: 1.3; background: #218956; } .lable-image.special { background: #da231c; } .lable-image.new { background: #f7971d; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .lable-image.sale { background: #7b2e00; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .lable-image.off10 { background: #218956; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .lable-image.off20 { background: #218956; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } .lable-image.off40 { -webkit-transition: all 0.10s ease; -moz-transition: all 0.10s ease; transition: all 0.10s ease; background: #218956; } .no-touch .catalog-product-view .productlabel-left-wrapper .lable-image + .lable-image { left: 0; } .productlabel-left-wrapper .lable-image + .lable-image { margin-top: 4px; } .toolbar-products { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 9px 0; font-size: 0; text-align: right; } .toolbar-amount { float: left; font-size: 15px; color: #202020; font-family: 'OpenSans-Regular'; line-height: 1; } .toolbar-products > div { padding-top: 0; vertical-align: middle; display: inline-block; } .toolbar-products > div.modes strong, .toolbar-products > div.modes a { font-size: 0; line-height: 0; display: inline-block; vertical-align: top; } .mode-grid { float: right; margin-left: 14px; } .toolbar-products > div.modes strong span, .toolbar-products > div.modes a span { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .mode-grid .list_icon { display: none !important; } .mode-list .grid_icon { display: none !important; } .toolbar-products > div.modes strong span svg rect, .toolbar-products > div.modes a span svg rect { fill: #202020; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .toolbar-products > div.modes strong span svg path, .toolbar-products > div.modes a span svg path { fill: #202020; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .toolbar-products > div.modes strong span svg circle, .toolbar-products > div.modes a span svg circle { fill: #202020; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .no-touch .toolbar-products > div.modes a:hover svg path, .no-touch .toolbar-products > div.modes a:hover svg circle, .no-touch .toolbar-products > div.modes a:hover svg rect { fill: #218956; } .no-touch .toolbar-products > div.modes a:hover svg path, .no-touch .toolbar-products > div.modes a:hover svg circle, .no-touch .toolbar-products > div.modes a:hover svg rect { fill: #218956; } .toolbar-products > div.modes strong.active svg path, .toolbar-products > div.modes strong.active svg circle, .toolbar-products > div.modes strong.active svg rect { fill: #218956; } .toolbar-products > div select { height: 30px; border: 0; border-bottom: solid 1px #aaaaaa; padding: 0 17px 0 0; font-size: 14px; color: #888888; font-family: 'OpenSans-Regular'; text-align: left; background: url(../images/arrow-black.svg) no-repeat calc(100% - 5px) center; background-color: #fff; margin-left: 16px; } .toolbar-products > div select.sorter-options { width: 150px; margin-right: 19px; } .toolbar-products > div.sorter { margin-right: 39px; } .toolbar-products > div.limiter { margin-right: 25px; } p.minimal-price { margin: 0; line-height: 1; } .view-icon .btn { min-width: inherit; height: 45px; width: 45px; border: solid 2px #202020 !important; box-sizing: border-box; text-align: center; background: #fff; padding: 0; margin: 0 5px; background: #fff; padding: 12px 0; } .product-item-details > .product-item-inner .product-item-actions > div:empty { display: none; } span.icon-span { font-size: 0; line-height: 0; display: inline-block; vertical-align: top; } .view-icon .btn.view-button svg path { fill: #202020; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .no-touch .view-icon .btn.view-button:hover svg path { fill: #fff; } .category-view { background: #f5f5f5; padding: 60px 0; } .category-view:empty { display: none; padding: 0; } .category-view > .container { width: 100%; max-width: 1180px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: block; } .category-description { margin: 0; text-align: left; font-size: 14px; color: #202020; line-height: 1.3; font-family: 'OpenSans-Regular'; } .category-description strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; } .category-description h1:first-child, .category-description h2:first-child, .category-description h3:first-child, .category-description h4:first-child, .category-description h5:first-child, .category-description h6:first-child { margin-top: 0; } .category-description a { color: #218956; } .category-description p { margin-bottom: 15px; line-height: 20px; } .category-description p:last-child { margin-bottom: 0; } .no-touch .category-description a:hover { color: #202020; } .paggintion-bottom .toolbar-products { padding: 0; border: 0; text-align: center; margin-bottom: 0; } .paggintion-bottom .toolbar-products .toolbar-amount { display: none; } .paggintion-bottom .toolbar-products > div { display: none; } .paggintion-bottom .toolbar-products > div.pages { display: inline-block; vertical-align: middle; } .category-view .section-title:after { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .category-description ul, .category-description ol { text-align: left; margin-bottom: 15px; padding-left: 20px; } .category-description ul:last-child, .category-description ol:last-child { margin-bottom: 0; } .category-description ul li, .category-description ol li { margin-bottom: 8px; } .category-description ul li:last-child, .category-description ol li:last-child { margin-bottom: 0; } .custom_product_addtocart ~ .product.info.detailed { margin-top: 60px; } .custom_product_addtocart .fieldset.button-box-sec > div { text-align: right; } /***/ /***** Category page *****/ .category-view { width: 100%; margin: 0 auto 20px; display: block; } .sub-cate-inner { margin: 0 -10px; font-size: 0; } .sub-cate-inner > div { display: inline-block; vertical-align: top; padding: 0 10px; width: 20%; box-sizing: border-box; margin-bottom: 20px; } .sub-cate-inner > div a.link_icon { display: block; font-size: 0; line-height: 0; } .sub-cate-inner > div a.link_icon img { width: 100%; height: auto; max-width: 100%; } .sub-category-item-inner { position: relative; overflow: hidden; } .cat-image { border: solid 1px #f7f7f7; box-sizing: border-box; } .sub-category-item-inner .name_box { position: absolute; bottom: 15px; padding: 0 15px; box-sizing: border-box; left: 0; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sub-category-item-inner .name_box a.cat_name_link { width: 100%; font-weight: normal; text-transform: uppercase; color: #fff; line-height: 1; background: #202020; font-size: 14px; padding: 5px 10px 5px; text-align: center; box-sizing: border-box; font-family: 'OpenSans-Regular'; height: 40px; overflow: hidden; display: table; } .sub-category-item-inner .name_box a.cat_name_link span { display: table-cell; text-align: center; vertical-align: middle; line-height: 1.2; } .sub-category-item-contain { position: absolute; top: 110%; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(32, 32, 32, 0.95); display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .sub-category-item-inner:hover .sub-category-item-contain { top: 0; } .no-touch .sub-category-item-inner:hover > .name_box { opacity: 0; visibility: hidden; } .sub-category-item-contain .sub-category-item-contain-inner { display: table; text-align: center; padding: 10px 30px; width: 100%; height: 100%; box-sizing: border-box; } .sub-category-item-contain .sub-category-item-contain-inner > div { display: table-cell; vertical-align: middle; } .sub-category-item-contain-inner .cat_name_box { text-align: center; } .sub-category-item-contain-inner .cat_name_box span { font-size: 14px; line-height: 1.2; text-transform: uppercase; color: #fff; font-weight: normal; font-family: 'OpenSans-Regular'; margin: 0; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .sub-category-item-contain-inner .cat_name_box span:hover { color: #f8981f; } .sub-category-item-contain-inner .short-discription { font-size: 14px; color: #fff; line-height: 1.5; font-weight: normal; margin-top: 17px; font-family: 'open_sanslight'; margin-top: 18px; margin-bottom: 14px; } .sub-category-item-contain-inner .short-discription p { margin: 0; padding: 0; } .sub-category-item-contain-inner .shop-button a.main-btn { color: #fff; margin-top: 10px; } .shop-button a.main-btn:after { background: #fff; } .cat-image a { display: block; font-size: 0; line-height: 0; } .cat-image a img { width: 100%; max-width: 100%; height: auto; } /****/ /****** Checkout page ******/ .amcheckout-wrapper > div.payment-method:last-child .payment-method-title { padding-bottom: 0; } .amcheckout-wrapper > div.payment-method._active:last-child .payment-method-title { padding-bottom: 20px; } .checkout-block .fieldset { margin-bottom: 0; } .checkout-index-index .page-header { position: inherit; left: inherit; top: inherit; padding-top: 10px; z-index: auto; border: 0; font-size: 0; width: 100%; max-width: 1550px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } body.checkout-index-index { margin-top: 0; } body.checkout-index-index.sticky .page-header { background: #fff; box-shadow: none; } body.checkout-index-index .logo img { width: 100%; max-width: 215px; height: auto; } body.checkout-index-index.sticky .logo img { max-width: 215px; } .checkout-index-index .fieldset > .field { margin-bottom: 20px; } .checkout-index-index .fieldset .actions-toolbar > .secondary { float: none !important; } .actions-toolbar .secondary a.action.remind { color: #202020; } .no-touch .actions-toolbar .secondary a.action.remind:hover { color: #218956; } .checkout-index-index .fieldset > .field input { padding-bottom: 7px; background: none; } fieldset#payment_form_ewayrapid { width: 100%; max-width: 360px; } .checkout-payment-method .payment-method-content .fieldset > .field:last-child { margin-bottom: 0; } .checkout-payment-method .payment-method-content .fieldset > .field.cvv { width: 120px; padding-right: 0; } .checkout-index-index .fieldset > .field select { height: 45px; padding-bottom: 4px; color: #888; } .checkout-index-index .fieldset > .field select:focus { color: #202020; } .checkout-header { margin-bottom: 38px; } .checkout-header .title { text-transform: uppercase; margin: 0; padding: 0; color: #202020; /*font-size: 40px;*/ } .checkout-header .description { font-size: 14px; line-height: 1.2; color: #666666; margin-top: 6px; } body.checkout-index-index .page-main { padding-top: 100px; position: relative; } .authentication-wrapper .btn.action-auth-toggle { background: #218956; color: #fff; } .no-touch .authentication-wrapper .btn.action-auth-toggle:hover { background: #202020; color: #fff; } .authentication-dropdown { min-width: 450px; background: #f5f5f5; right: 0; } .am-opc-wrapper { margin: 0 -15px; } .am-opc-wrapper > div { width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; padding: 0 15px; box-sizing: border-box; } .checkout-block > li { list-style: none; display: block; } .checkout-block { border: solid 1px #dddddd; margin-bottom: 30px; padding: 16px 20px 20px; box-sizing: border-box; } .checkout-block:last-child { margin-bottom: 0; } fieldset#customer-email-fieldset { margin-bottom: 0; margin-top: 20px; } fieldset#customer-email-fieldset > div.field { margin-bottom: 0; } fieldset#customer-email-fieldset > div.field + .fieldset { margin-top: 20px; } fieldset#customer-email-fieldset > .fieldset .actions-toolbar .btn { min-width: 100px; } .table-checkout-shipping-method { width: 100%; } .checkout-index-index div.mage-error[generated], .checkout-index-index div.field-error { display: inline-block; vertical-align: top; } .am-opc-wrapper > div:nth-child(2) .checkout-block:last-child { border: 0; padding: 0; } .checkout-index-index .additional-options { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .amcheckout-checkboxes { -ms-flex-order: 3; -webkit-order: 3; order: 3; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper .field.amcheckout-comment { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .order-attributes { -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .checkout-billing-address > .fieldset { margin-top: 20px; margin-bottom: 0; } .checkout-index-index .fieldset > .field.field-select-billing { font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; color: #202020; margin-bottom: 5px; } fieldset.fieldset.address { margin-bottom: 0; } .checkout-billing-address .actions-toolbar .action-cancel { margin-right: 10px; } .amcheckout-comment textarea { height: 90px; } .amcheckout-checkboxes, .amcheckout-comment { margin-top: 20px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .field.amcheckout-comment > .control { line-height: 0; } .opc-payment-additional { background: #f5f5f5; padding: 20px; margin: 20px 0; } .checkout-payment-method .actions-toolbar button.primary { width: 100%; display: block; height: 50px; line-height: 46px; font-size: 20px; background: #218956; font-family: 'OpenSans-SemiBold'; } .no-touch .checkout-payment-method .actions-toolbar button.primary:hover { color: #fff; } .checkout-payment-method.submit { margin-top: 20px; } .checkout-index-index .fieldset > .field.field-select-billing > div.control { margin: 5px 0 15px; } .checkout-index-index .fieldset > .field.field-select-billing > div.control:empty { margin: 0; } .checkout-index-index .opc-block-summary { background: none; padding: 16px 0 0; border: solid 1px #ccc; margin-bottom: 0; } .checkout-index-index .opc-block-summary p.step-title.amcheckout-title { margin: 0 auto; display: block; width: calc(100% - 40px); } .checkout-index-index .opc-block-summary .block.items-in-cart { margin: 0 auto; width: calc(100% - 40px); } .checkout-index-index .opc-block-summary .block.items-in-cart > div.actions-toolbar { display: none !important; } .opc-wrapper .shipping-address-item .checkmark { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); overflow: hidden; width: 80px; height: 80px; border-radius: 50%; } .opc-wrapper .shipping-address-item.selected-item .checkmark { animation: border 0.4s ease 1 forwards; } .billing-wrapper { margin-top: 15px; margin-bottom: 0; } .opc-wrapper .shipping-address-item .checkmark .circle { opacity: 0; } .opc-wrapper .shipping-address-item.selected-item .checkmark .circle { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: stroke 4s ease-out forwards; opacity: 1; stroke: #218956; } @keyframes stroke { to { stroke-dashoffset: 0; } } .checkmark-draw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .opc-wrapper .shipping-address-item.selected-item .checkmark-draw { display: block; } .checkmark-draw:after { opacity: 1; height: 40px; width: 20px; transform-origin: left top; border-right: 4px solid #218956; border-top: 4px solid #218956; content: ''; left: 16px; top: 41px; position: absolute; } .opc-wrapper .shipping-address-item.selected-item .checkmark-draw:after { animation-duration: 1s; animation-timing-function: ease; animation-name: checkmark; transform: scaleX(-1) rotate(135deg); } @keyframes checkmark { 0% { height: 0; width: 0; opacity: 0; } 20% { height: 0; width: 20px; opacity: 0; } 40% { height: 40px; width: 20px; opacity: 0; } 100% { height: 40px; width: 20px; opacity: 1; } } .no-touch .opc-wrapper .shipping-address-item:hover, .opc-wrapper .shipping-address-item.selected-item { background: rgba(33, 137, 86, 0.1); border-color: #218956; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2) } .checkout-billing-address .billing-address-details { display: block; padding: 15px; background: #f7f7f7; border: solid 2px #ddd; box-sizing: border-box; font-size: 14px; width: 100%; margin-top: 25px; background: rgba(33, 137, 86, 0.1); border-color: #218956; } .checkout-billing-address .billing-address-details:empty { padding: 0; margin: 0; background: none; display: none; } .checkout-billing-address .billing-address-details button { height: 35px; line-height: 31px; min-width: 70px; padding: 0 10px; text-align: center; font-size: 15px; background: #fff; color: #202020; margin-top: 15px; border: solid 2px #202020; position: relative; z-index: 2; overflow: hidden; } .no-touch .checkout-billing-address .billing-address-details button:hover { color: #fff; } .checkout-billing-address .billing-address-details button:after { background: #218956; position: absolute; top: 80px; left: 0; display: block; content: ""; width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: -1; } .no-touch .checkout-billing-address .billing-address-details button:hover:after { top: 0; } .checkout-index-index .modal-popup .modal-inner-wrap { max-width: 900px; } .modal-popup.confirm .modal-inner-wrap { max-width: 500px; } .checkout-index-index .modal-popup div#shipping-new-address-form { margin: 0 -10px; } .checkout-index-index .modal-popup div#shipping-new-address-form > .field { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding: 0 10px; } .checkout-index-index .modal-popup div#shipping-new-address-form > .field.choice { width: 100%; margin-bottom: 0; } .table-totals { background: #f5f5f5; } /****/ .cart-empty { text-align: center; color: #202020; margin: 20px 0 40px; } .cart-empty p.small-title { font-size: 30px; line-height: 1; margin-bottom: 10px; font-family: 'OpenSans-SemiBold'; } .cart-empty p.xsmall-title { margin: 0; padding: 0; line-height: 1; font-size: 22px; } .cart-empty p.xsmall-title a { position: relative; display: inline-block; color: #218956; line-height: 1.3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .cart-empty p.xsmall-title a:after { position: absolute; left: 0; width: 100%; height: 2px; display: block; content: ""; bottom: 0; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .cart-empty p.xsmall-title a:hover { color: #202020; } .no-touch .cart-empty p.xsmall-title a:hover:after { background: #202020; width: 0; } .cart-empty h1 { margin-bottom: 10px; } .productenquiry-index-index.no-item-class .cart-icon-inner .icon { margin-right: -40px; } .no-item-class .page-title-wrapper { display: none !important; } .no-item-class .cart-empty .cart-icon { display: block; text-align: center; margin-bottom: 50px; } .no-item-class .cart-icon-inner { display: inline-block; vertical-align: top; position: relative; } .no-item-class .cart-icon-inner .icon { font-size: 0; line-height: 0; } .no-item-class .empty-qty { width: 93px; height: 93px; display: block; box-sizing: border-box; text-align: center; position: absolute; left: -34px; bottom: 0; padding: 8px; background: #fff; border-radius: 50%; } .no-item-class .empty-qty:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; box-sizing: border-box; border: dotted 3px #202020; border-radius: 50%; } @keyframes circle { 0% { transform:rotate(0deg) translate(-165px) rotate(0deg); } 100% { transform:rotate(360deg) translate(-165px) rotate(-360deg); } } span.line-box { position: absolute; top: -14px; left: -5px; width: 28px; height: 28px; transform: rotate(7deg); background: url(../images/line.png) no-repeat left top; background-size: 28px; } .empty-qty span { display: block; line-height: 1; } .empty-qty span:first-child { font-size: 50px; font-weight: normal; font-family: 'OpenSans-SemiBold'; color: #218956; } .empty-qty span:nth-child(2) { font-size: 14px; color: #202020; font-family: 'OpenSans-SemiBold'; } /*****/ /****** Order Thankyou page *****/ .checkout-onepage-success .page-title-wrapper, .amasty_quote-quote-success .page-title-wrapper { display: none; } .checkout-success { text-align: center; margin: 40px 0; } .checkout-success.register-page > div + div { margin-top: 40px; } .checkout-success.register-page > div + div p { font-size: 20px; font-family: 'OpenSans-SemiBold'; line-height: 1.3; margin-bottom: 5px; } .checkout-success.register-page > div + div p:last-child { margin-bottom: 0; } .checkout-success.register-page > div + div a.action.primary { margin-top: 20px; } .checkout-success h1.page-title { margin-bottom: 10px; font-size: 40px; text-transform: uppercase; font-weight: normal; } .checkout-success p.order-id { font-size: 30px; line-height: 1; font-family: 'OpenSans-SemiBold'; } .checkout-success p.order-id a { display: inline-block; position: relative; color: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .checkout-success p.order-id a:after { position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; display: block; content: ""; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .checkout-success p.order-id a:hover:after { background: #202020; width: 0; } .no-touch .checkout-success p.order-id a:hover { color: #202020; } .checkout-success p.information { font-size: 20px; font-family: 'OpenSans-SemiBold'; line-height: 1.3; margin-bottom: 20px; } .checkout-success .actions-toolbar .primary { float: none; margin: 0 !important; } .checkout-success .actions-toolbar .primary button { margin: 0; } .success-icon-icon { margin-bottom: 30px; } .success-icon-icon .success-icon { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; border-radius: 50%; border: dotted 3px #45b869; padding: 10px; } /****/ /***** Logout page ****/ .logout-box { text-align: center; } .customer-account-logoutsuccess .page-title-wrapper { display: none; } .logout-box .page-title { margin: 0 0 10px; text-transform: uppercase; } .customer-account-logoutsuccess p.information-text { font-size: 20px; font-family: 'OpenSans-SemiBold'; color: #202020; line-height: 1; } .customer-account-logoutsuccess { background: #f5f5f5; } .logout-icon img { width: 100%; max-width: 700px; height: auto; } /*****/ /**** Shopping Cart *****/ .checkout-cart-index .page-main { padding-top: 50px; } .checkout-cart-index .page-title-wrapper, .amasty_quote-cart-index .page-title-wrapper { text-align: center; } .checkout-cart-index .page-title-wrapper h1, .amasty_quote-cart-index .page-title-wrapper h1 { text-transform: uppercase; position: relative; padding-bottom: 17px; /*font-size: 55px;*/ margin-top: 0; margin-bottom: 40px; line-height: 1; } .checkout-cart-index .page-title-wrapper h1:after, .amasty_quote-cart-index .page-title-wrapper h1:after { position: absolute; left: 50%; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .table-wrapper table { border: solid 1px #ddd !important; } .table-wrapper table thead tr th { background: #202020; color: #fff; font-weight: normal; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; font-size: 14px; line-height: 1; padding: 13px 10px 14px 10px; } .table-wrapper table thead tr th:first-child { padding-left: 20px; } .table-wrapper table thead tr th span { line-height: 1; } .table-wrapper table thead tr td { padding: 10px; } .cart.table-wrapper .item .col.item:first-child { padding-left: 20px; width: 60px; line-height: 0; font-size: 0; box-sizing: border-box; } .cart.table-wrapper .product-item-name a { color: #202020; } .no-touch .cart.table-wrapper .product-item-name a:hover { color: #218956; } .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update, .cart-container .form-cart .clear-quote { border: solid 2px #202020; height: 35px; min-width: 150px; text-transform: uppercase; color: #202020; font-size: 14px; line-height: 30px; box-sizing: border-box; background: #fff; text-align: center; padding: 0 15px; position: relative; z-index: 2; overflow: hidden; font-family: 'OpenSans-SemiBold'; } .block-cart-failed .action.clear:after, .block-cart-failed .action.update:after, .cart-container .form-cart .action.clear:after, .cart-container .form-cart .action.update:after, .cart-container .cart-gift-item .action.clear:after, .cart-container .cart-gift-item .action.update:after, .cart-container .form-cart .clear-quote:after { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .cart-container .form-cart .clear-quote { line-height: 1; } .block-cart-failed .action.clear span, .block-cart-failed .action.update span, .cart-container .form-cart .action.clear span, .cart-container .form-cart .action.update span, .cart-container .cart-gift-item .action.clear span, .cart-container .cart-gift-item .action.update span { /*display: inline-block; vertical-align: top; line-height: 45px;*/ } .block-cart-failed .action.clear span.button-hover, .block-cart-failed .action.update span.button-hover, .cart-container .form-cart .action.clear span.button-hover, .cart-container .form-cart .action.update span.button-hover, .cart-container .cart-gift-item .action.clear span.button-hover, .cart-container .cart-gift-item .action.update span.button-hover { display: none; } .no-touch .block-cart-failed .action.clear:hover, .no-touch .block-cart-failed .action.update:hover, .no-touch .cart-container .form-cart .action.clear:hover, .no-touch .cart-container .form-cart .action.update:hover, .no-touch .cart-container .cart-gift-item .action.clear:hover, .no-touch .cart-container .cart-gift-item .action.update:hover, .no-touch .cart-container .form-cart .clear-quote:hover { color: #fff; background: #218956; border-color: #218956; } .no-touch .block-cart-failed .action.clear:hover:after, .no-touch .block-cart-failed .action.update:hover:after, .no-touch .cart-container .form-cart .action.clear:hover:after, .no-touch .cart-container .form-cart .action.update:hover:after, .no-touch .cart-container .cart-gift-item .action.clear:hover:after, .no-touch .cart-container .cart-gift-item .action.update:hover:after, .no-touch .cart-container .form-cart .clear-quote:hover:after { top: 0; } .abs-shopping-cart-items-desktop .actions, .block-cart-failed .actions, .cart-container .form-cart .actions, .cart-container .cart-gift-item .actions { font-size: 0; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { width: 62%; padding-right: 30px; box-sizing: border-box; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { float: left; position: relative; width: 64%; } .cart-summary { float: right; position: relative; width: 36%; } .cart-summary-wrapper-out { border: solid 1px #ccc; box-sizing: border-box; } strong.summary.title { line-height: 1; color: #202020; font-weight: normal; font-size: 18px; font-family: 'open_sansbold'; text-transform: uppercase; display: block; margin: 16px auto 18px; width: calc(100% - 40px); } .cart-summary .block .fieldset .field select { height: 48px; color: #888888; border-bottom: solid 1px #aaaaaa; } form#shipping-zip-form { padding-top: 13px; border-top: solid 1px #ccc; } #co-shipping-method-form .item-title { font-weight: normal; font-size: 14px; color: #202020; line-height: 1; font-family: 'OpenSans-SemiBold'; display: block; margin-bottom: 5px; } .cart-summary .block .item-options .field { margin-bottom: 0 !important; } .cart-summary .block .item-options:last-child { margin-bottom: 0; } #co-shipping-method-form .fieldset { margin: 0; } #shipping-zip-form .fieldset { margin: 0; } .cart-summary .block .fieldset .field:last-child { margin-bottom: 0; } .cart-summary-wrapper-out #co-shipping-method-form { margin: 20px 0; } .choice { position: relative; } .choice:not(.review-field-rating) input[type="radio"], .choice:not(.review-field-rating) input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .choice:not(.review-field-rating) input[type="radio"] + label, .choice:not(.review-field-rating) input[type="checkbox"] + label { display: inline-block; vertical-align: top; color: #202020; line-height: 1.5; font-weight: normal; font-family: 'OpenSans-Regular'; padding-left: 35px; font-size: 14px; position: relative; cursor: pointer; } .choice:not(.review-field-rating) input[type="radio"] + label:after { position: absolute; top: 0; left: 0; width: 26px; height: 26px; display: block; content: ""; border: solid 2px #aaaaaa; box-sizing: border-box; border-radius: 50%; } .choice:not(.review-field-rating) input[type="radio"] + label:before { position: absolute; left: 6px; width: 14px !important; height: 14px !important; display: block; content: ""; background: #202020; border-radius: 50%; top: 6px; opacity: 0; visibility: hidden; } .choice:not(.review-field-rating) input[type="radio"]:checked + label:before { opacity: 1; visibility: visible; } .choice:not(.review-field-rating) input[type="radio"]:checked + label:after { border-color: #202020; } .choice:not(.review-field-rating) input[type="checkbox"] + label { color: #888; } .choice:not(.review-field-rating) input[type="checkbox"] + label:after { position: absolute; top: 0; left: 0; width: 25px; height: 25px; display: block; content: "" !important; border: solid 1px #aaa; box-sizing: border-box; margin: 0 !important; background-color: #fff; } .choice:not(.review-field-rating) input[type="checkbox"] + label:before { position: absolute; top: 0; left: 0; width: 25px; height: 25px; display: block; content: ""; background: url(../images/check.svg) no-repeat center center; background-size: 19px; z-index: 1; opacity: 0; visibility: hidden; } .choice:not(.review-field-rating) input[type="checkbox"]:checked + label:before { opacity: 1; visibility: visible; } .checkout-agreement { margin-top: 20px !important; } .cart-totals table { border: 0 !important; background: #f5f5f5; } tr.grand.totals { background: #202020; } .cart-container .checkout-methods-items .item a { display: block; height: 50px; border: solid 2px #202020; box-sizing: border-box; text-align: center; font-size: 20px; text-transform: uppercase; color: #202020; line-height: 46px; font-family: 'OpenSans-SemiBold'; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; z-index: 2; overflow: hidden; } .cart-container .checkout-methods-items .item a:after { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #218956; z-index: -1; top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .cart-container .checkout-methods-items .item a:hover:after { top: 0; } .no-touch .cart-container .checkout-methods-items .item a:hover { color: #fff; background: #218956; border-color: #218956; } .cart-discount { width: calc(64% - 30px); float: left; padding: 20px; background: #f5f5f5; box-sizing: border-box; margin-top: 20px; } #discount-coupon-form .fieldset { margin: 0; position: relative; padding-left: 158px; padding-right: 170px; } #discount-coupon-form .fieldset .field { margin-bottom: 0; } #discount-coupon-form .fieldset .field > label { position: absolute; line-height: 1; text-transform: uppercase; color: #202020; left: 0; top: 12px; font-weight: normal; font-size: 18px; font-family: 'open_sansbold'; } #discount-coupon-form .fieldset .actions-toolbar { position: absolute; top: 0; right: 0; } #discount-coupon-form .fieldset .field input[type="text"] { background: #f5f5f5; vertical-align: top; height: 35px; padding-bottom: 5px; } #discount-coupon-form .fieldset .actions-toolbar button { margin-right: 0; background: #fff; border: solid 2px #202020; box-sizing: border-box; text-align: center; text-transform: uppercase; color: #202020; font-size: 14px; font-family: 'OpenSans-SemiBold'; box-sizing: border-box; min-width: 150px; height: 35px; line-height: 30px; } .no-touch #discount-coupon-form .fieldset .actions-toolbar button:hover { color: #fff; background: #218956; border-color: #218956; } #discount-coupon-form .fieldset .actions-toolbar button:after { background: #218956; } .cart-container { margin-bottom: 80px; } dl.items.check.payable dd.content { font-size: 14px; color: #888; margin-bottom: 15px; } dl.items.check.payable dd.content:last-child { margin-bottom: 0; } dl.items.check.payable dt.title { font-weight: normal; color: #202020; font-family: 'OpenSans-SemiBold'; font-size: 14px; line-height: 1; margin-bottom: 8px; } /***/ /***** Blog Section *****/ .blog-sec { /*min-height: 350px;*/ box-sizing: border-box; } .blog-sec > div.container { width: 100%; max-width: 1650px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; margin: 0 auto; display: block; position: relative;/*padding-left: 160px;*/ } .homepage-news #newslider { /*padding-left: 400px;*/ position: static; } #home-mpblog-list-container { position: relative; } #home-mpblog-list-container .post-list-body{ margin: 0 -5px; font-size: 0; } #home-mpblog-list-container .post-list-body > div{ display: inline-block; vertical-align: top; padding: 0 5px; box-sizing: border-box; width: 50%; } #home-mpblog-list-container .section-title-sec { /*position: absolute; top: -3px; left: 0; width: 400px; box-sizing: border-box; z-index: 2; padding-left: 30px;*/ } #home-mpblog-list-container .section-title-sec .sub-section-title { /*line-height: 1; font-size: 18px; color: #888888; font-weight: normal; display: block; font-family: 'OpenSans-Regular'; margin-bottom: 17px;*/ } #home-mpblog-list-container .section-title-sec .section-title { font-size: 32px; font-family: 'open_sansbold'; text-transform: none; } #home-mpblog-list-container .section-title-sec .section-title:after { display: none; } .our-news-info-section { font-size: 14px; color: #888888; line-height: 1.35; padding-right: 50px; height: 112px; overflow: hidden; } .our-news-info-section p { margin-bottom: 15px; } .our-news-info-section p:last-child { margin-bottom: 0; } .homepage-news .owl-nav { max-width: 100%; width: 370px; left: auto; right: 0; text-align: right; bottom: inherit; top: 0; padding: 0; } .homepage-news .owl-nav:after { left: 70px; } .mp-date { font-size: 14px; line-height: 1; color: #666666; font-family: 'OpenSans-Regular'; margin-bottom: 12px; } .post-info-wraper { padding: 22px 30px 23px 30px; } .mp-read-more { width: 100%;max-width: 150px;display: inline-block;height: 35px;line-height: 35px;font-size: 12px;font-family: 'OpenSans-SemiBold';background: #000000;color: #ffffff;border: 0 none;text-align: center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease; } .no-touch .mp-read-more:hover { background: #218956; } .mp-read-more:after { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 21px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .post-item-wraper:hover .post-info-wraper h2.mp-post-title a { color: #218956; } .no-touch .post-item-wraper:hover .mp-read-more:after { animation-name: blog-arrow; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } @keyframes blog-arrow { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } #home-mpblog-list-container .post-list-body .post-list-item { margin-bottom: 0; } /***** Special Section ******/ .wrapper { width: 100%; max-width: 1600px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; margin: 0 auto; display: block; position: relative; } .special-sec { background: #f5f5f5; padding-top: 147px; margin-top: -30px; padding-bottom: 60px; } .special-box-wrap { font-size: 0; position: relative; z-index: 2; } .special-box-wrap > div { display: inline-block; vertical-align: top; width: 50%; } .cont-right { text-align: right; } .news-box-inner-box { display: inline-block; width: 50%; vertical-align: top; position: relative; } .news-box-inner-box .news-title { position: absolute; left: 0; width: 100%; top: 100%; text-align: left; padding: 20px 24px; box-sizing: border-box; } .news-box-inner-box .news-title h6 { margin: 0; padding: 0 0 17px; font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; color: #202020; line-height: 1.1; position: relative; } .news-box-inner-box .news-title h6 a { display: inline-block; color: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; } .news-box-inner-box .news-title h6 a:hover { color: #218956; } .news-box-inner-box .news-title h6:after { position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; background: #f8981f; display: block; content: ""; } .news-img { font-size: 0; line-height: 0; overflow: hidden; } .news-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .news-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .news-img a { display: block; font-size: 0; line-height: 0; } .news-img img { width: 100%; max-width: 100%; height: auto; } .download-box .news-img { background: #202020; position: relative; } .download-box .news-img a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 80px; height: 78px; background-image: url(../images/download-icon.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .download-box .news-img img { opacity: 0; } .special-box-wrap > div.description-box .news-box-inner-box { width: 100%; padding-left: 115px; box-sizing: border-box; } .spe-info { width: 100%; max-width: 460px; margin-top: -14px; } .special-cont { font-size: 14px; color: #888; line-height: 1.2; } .special-cont p { font-weight: normal; margin-bottom: 15px; } .special-cont p:last-child { margin-bottom: 0; } .special-box-wrap > div.special-product-box .news-box-inner-box { background: #fff; padding: 23px 30px 30px 30px; box-sizing: border-box; } .sp-product-box h3 { font-size: 45px; line-height: 1.12; color: #202020; font-weight: normal; position: relative; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; position: relative; margin: 0 0 24px; padding: 0 0 12px; } .sp-product-box h3:after { position: absolute; left: 0; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; } .sp-product-box p { font-size: 14px; color: #888; line-height: 1.32; font-weight: normal; margin: 0; padding: 0; } .sp-product-box .button-arrow { margin-top: 69px; } .button-arrow a { display: block; vertical-align: top; line-height: 1; font-size: 14px; color: #202020; text-transform: uppercase; text-decoration: none; font-family: 'OpenSans-Regular'; position: relative; padding-right: 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .button-arrow a:hover { color: #218956; } .button-arrow a:after { position: absolute; top: 0; right: 0; width: 25px; height: 100%; display: block; content: ""; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .button-arrow a:hover:after { animation-name: only-arrow; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } @keyframes only-arrow { 0% { right: 0; } 50% { right: 15px; } 100% { right: 0; } } .sp-product-box { text-align: left; } /***/ /***** Testimonial *****/ section.testimonial-sec-wrap { position: relative; /*background: #f5f5f5; padding-top: 236px;*/ } .testimonial-sec { /*min-height: 800px; box-sizing: border-box; background: url(../images/testiminial-bg.jpg) no-repeat top right; background-size: cover; */ position: relative; z-index: 2; } .testimonial-sec > .container { /*position: absolute; top: -234px; left: 0; height: auto;*/ background: #218956; /*padding: 103px 60px 100px 15px; box-sizing: border-box; text-align: right; width: 49.2%;*/ } .testimonial-wrap { width: 100%; text-align: left; display: inline-block; background: #f5f5f5; padding: 20px 15px; text-align: center; } .testimonial-sec .section-title { /*color: #fff; margin-bottom: 25px;*/ } .testimonial-sec .section-title:after { background-color: #fff; display: none; } .cms-home .columns .column.main { padding-bottom: 0; } .testimonial_item { /*text-align: center;*/ } .testimonial_item p { margin: 0; } .mane_box .submitter-name { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #fff; font-family: 'OpenSans-Regular'; font-weight: normal; } .mane_box .position-name { margin: 7px 0 0; padding: 0; display: block; font-size: 14px; font-family: 'open_sanslight'; } .testimonial-wrapper { /*padding-left: 100px;*/ position: static; } .testimonial-wrapper .testimonial_item:before { display: block; content: ""; width: 45px; height: 39px; display: inline-block; background: url(../images/quote-icon.png) no-repeat; background-size: contain; margin-bottom: 20px; } .testimonial_item .testimonial-title { /*margin: -8px 0 11px;*/ margin: 0 0 15px; padding: 0; display: block; font-size: 16px; line-height: 1.2; color: #202020; font-weight: normal; font-family: 'OpenSans-SemiBold'; } .testimonial-cont { font-size: 14px; line-height: 20px; color: #202020; font-family: 'OpenSans-Regular'; font-weight: normal; } .testimonial-cont p { margin-bottom: 15px; } .testimonial-cont p:last-child { margin-bottom: 0; } .testimonial-cont p:empty { margin: 0; padding: 0; display: none; } .testimonial-sec .owl-nav { position: absolute; padding: 0; bottom: auto; top: 0; margin-top: 0; text-align: right; } .testimonial-sec .owl-nav:after { left: 70px; } #testimonialslider{ margin: 0 -10px; font-size: 0; } #testimonialslider > div{ vertical-align: top; width: 50%; padding: 0 10px; box-sizing: border-box; display: inline-block; } .no-touch .testimonial-sec .owl-nav .owl-next:hover, .no-touch .testimonial-sec .owl-nav .owl-prev:hover { background: #202020 !important; } /***** About Section *****/ section.about { position: relative; } .about-box-wrapper { display: block; width: 100%; font-size: 0; position: relative; z-index: 2; } .about-box-wrapper > div { display: inline-block; vertical-align: middle; } .about-box-wrapper > div.about-slider { width: 50%; vertical-align: middle; } .about-box-wrapper > div.about-cont { width: 50%; box-sizing: border-box; } .about-cont-inner { width: 100%; max-width: 885px; box-sizing: border-box; padding-left: 30px; } .about-discription { font-size: 16px; line-height: 1.3; } .about-slider .owl-nav { left: inherit; right: 0; padding-left: 15px; padding-right: 15px; text-align: right; } .about-slider .owl-nav:after { left: auto; right: 85px; } .section-title { line-height: 1.3; text-transform: uppercase; font-size: 32px; color: #202020; position: relative; font-family: 'OpenSans-SemiBold'; margin: 0 0 15px; padding-bottom: 8px; } .section-title:after { position: absolute; left: 0; bottom: 0; display: block; content: ""; width: 44px; height: 3px; background: #f8981f; } .about-cont .section-title { text-transform: none; font-size: 32px; font-family: 'open_sansbold'; } .about-cont .section-title:after { display: none; } .about-discription { font-size: 14px; color: #888888; line-height: 1.35; font-family: 'OpenSans-Regular'; text-align: justify; max-height: 310px; overflow: hidden; } .about-discription p { margin: 0; padding: 0; margin-bottom: 15px; color: #202020; font-size: 14px; line-height: 20px; } .about-discription p:last-child { margin-bottom: 0; } .about-discription p.small-title { font-size: 16px; font-family: 'OpenSans-SemiBold'; color: #202020; line-height: 28px; margin-bottom: 15px; letter-spacing: 0.20px; } .about-cont-inner .button-box { margin-top: 23px; } .btn { display: inline-block; vertical-align: top; width: auto; min-width: 170px; text-align: center; height: 35px; line-height: 30px; padding: 0 15px; border: solid 2px; border-color: transparent; box-sizing: border-box; text-transform: uppercase; font-size: 14px; color: #fff; font-family: 'OpenSans-SemiBold'; font-weight: normal; border-radius: 0 !important; position: relative; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; z-index: 2; } .btn:after { /*position: absolute; top: 80px; left: 0; display: block; content: ""; width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: -1;*/ } .btn:hover { text-decoration: none; } .btn-green { color: #fff; background: #218956; border-color: #218956; } .btn-green:after { background: #202020; } .btn-green:hover { color: #fff; } .no-touch .btn:hover:after { top: 0; } .about-cont-inner .button-box .btn-green { width: 100%; max-width: 150px; height: 35px; line-height: 35px; font-size: 14px; font-family: 'OpenSans-SemiBold'; background: #000000; border: 0 none; } .no-touch .about-cont-inner .button-box .btn-green:hover { background: #218956; } /***/ /*** Minicart *****/ .qty-box { display: inline-block; /*vertical-align: top;*/ position: relative; min-width: 110px; border: solid 1px #ddd; background: #fff; box-sizing: border-box; padding: 0 29px; text-align: center; } .qty-box input { border: 0; height: 45px; font-size: 16px; color: #202020; padding: 0 5px; box-sizing: border-box; width: 100%; max-width: 52px; text-align: center; } .qty-box > a { position: absolute; top: 0; left: 0; width: 29px; height: 100%; font-size: 0; line-height: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .qty-box > a.increment_qty { right: 0; left: inherit; background: url(../images/plus-icon.svg) no-repeat center left; background-size: 10px; } .qty-box > a.increment_qty span, .qty-box > a.decrement_qty span { font-size: 0; } .qty-box > a.decrement_qty { right: inherit; left: 0; background: url(../images/minus.svg) no-repeat center right; background-size: 9px; } .block-minicart .block-content > .actions { width: calc(100% - 20px); display: block; margin: 10px auto; } .block-minicart .actions .secondary a.viewcart { display: block; position: relative; width: 100%; box-sizing: border-box; font-size: 18px; text-transform: uppercase; font-weight: normal; height: 50px; line-height: 50px; padding: 0 15px; box-sizing: border-box; background: #1f73b7; color: #fff; font-family: 'OpenSans-SemiBold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .block-minicart .block-content > .actions > div + div { margin-top: 10px; } .block-minicart .block-content > .actions > div button { width: 100%; box-sizing: border-box; min-width: inherit; max-width: 100%; font-size: 18px; background: #218956; height: 50px; line-height: 45px; position: relative; border: solid 2px #218956; } .block-minicart .block-content > .actions > div button:after { background: #202020; } .block-minicart .actions .secondary a.viewcart { display: block; position: relative; width: 100%; box-sizing: border-box; font-size: 18px; text-transform: uppercase; font-weight: normal; height: 50px; line-height: 45px; padding: 0 15px; box-sizing: border-box; background: #fff; color: #202020; font-family: 'OpenSans-SemiBold'; border: solid 2px #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2; overflow: hidden; } .block-minicart .actions .secondary a.viewcart:hover { text-decoration: none; } .no-touch .block-minicart .actions .secondary a.viewcart:hover { color: #fff; background: #218956; border-color: #218956; } .block-minicart .actions .secondary a.viewcart:after { /*position: absolute; top: 80px; left: 0; width: 100%; height: 100%; display: block; content: ""; z-index: -1; background: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .no-touch .block-minicart .actions .secondary a.viewcart:hover:after { top: 0; } .minicart-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 2; } .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 40px; } iframe#launcher { z-index: 10 !important; } /*****/ /**** Section Number ******/ .section-number { position: absolute; top: 120px; left: 0; right: 0; width: 100%; max-width: 1600px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; height: 88px; z-index: 1; } .section-number.top-number { top: 0 !important; } .section-number span, .section-number div { display: inline-block; vertical-align: bottom; font-size: 13px; font-weight: normal; font-family: 'open_sanslight'; position: absolute; left: 15px; bottom: 0; transform: rotate(-90deg); } .section-number.right-side span, .section-number.right-side div { left: calc(100% - 30px); } .section-number:before { position: absolute; top: 0; left: 22px; display: block; content: ""; width: 1px; height: 55px; background: #888; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; animation-name: line-animation; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } .section-number.right-side:before { left: calc(100% - 21px); } .homebanner-section .section-number span, .page-footer .section-number span, .page-footer .section-number div { color: #fff; } @keyframes line-animation { 0% { height: 40px; } 50% { height: 55px; } 100% { height: 40px; } } /*****/ /***** Home Banner Section *****/ .homebanner-section { position: relative; /*min-height: 350px;*/ background-color: #f7f7f7; overflow: hidden; background-image: url(../images/loader-1.svg); background-repeat: no-repeat; background-position: center center; background-size: 45px; margin-bottom: 0; } .homebanner-section .section-number { max-width: 100%; } .banner-box img { width: 100%; height: auto; max-width: 100%; } .homebanner-section .owl-nav { text-align: right; bottom: 20px; } .homebanner-section .owl-nav:after { left: auto; right: 85px; } .video-button-wrap { position: absolute; left: 0; width: calc(100% - 170px); display: block; padding: 0; box-sizing: border-box; max-width: calc(100% - 200px); bottom: 20px; z-index: 2; padding-left: 15px; } .video-button { display: table; width: 395px; vertical-align: middle; cursor: pointer; } .video-button > span { display: table-cell; vertical-align: middle; } .video-button > span.video-icon { width: 55px; height: 55px; border: solid 2px #aaaaaa; box-sizing: border-box; border-radius: 50%; background-color: transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; overflow: hidden; z-index: 2; } .video-button > span.video-icon:before { width: 100%; height: 100%; display: block; content: ""; position: absolute; top: 0; left: 0; background-image: url(../images/slider-arrow-hover.svg); background-position: center center; background-repeat: no-repeat; background-size: 21px; } .video-button > span.video-text { color: #fff; font-weight: normal; font-family: 'OpenSans-Regular'; line-height: 1; font-size: 18px; padding-left: 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .video-button > span.video-icon:after { width: 100%; height: 100%; display: block; content: ""; background: #218956; position: absolute; top: 60px; left: 0; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .video-button:hover > span.video-icon:after { top: 0; } .no-touch .video-button:hover > span.video-icon { border-color: #fff; } .no-touch .video-button:hover > span.video-text { color: #f8981f; } .no-touch .video-button:hover > span.video-icon:before { animation-name: video-arrow; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } @keyframes video-arrow { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } .homebanner-section ~ .block.block-search, .block.block-search { position: relative; width: 100%; max-width: 1600px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; top: -60px; z-index: 2; } .block-search .block-content { display: block; /*padding: 20px; background: #fff; -webkit-box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.15);*/ } .block-search .block-content form.minisearch { position: relative; } .block-search .block-content form.minisearch input { font-size: 14px; color: #202020; font-family: 'OpenSans-Regular'; height: 45px; padding: 0 18px; border: solid 1px #cccccc; } .block-search .block-content form.minisearch input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; color: #666666; opacity: 1; font-family: 'OpenSans-Regular'; } .block-search .block-content form.minisearch input::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; color: #666666; opacity: 1; font-family: 'OpenSans-Regular'; } .block-search .block-content form.minisearch input:-ms-input-placeholder { /* IE 10+ */ font-size: 14px; color: #666666; opacity: 1; font-family: 'OpenSans-Regular'; } .homebanner-section ~ .block-search .block-content form.minisearch input:-moz-placeholder { /* Firefox 18- */ font-size: 14px; color: #666666; opacity: 1; font-family: 'OpenSans-Regular'; } .block-search .block-content form.minisearch input:focus { outline: none; box-shadow: none; } .amsearch-products.-waste { line-height: 1; text-align: center; color: #ff0101; overflow: hidden; } .block-search .action.search { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; padding: 0; position: absolute; right: 1px; top: 0; z-index: 1; width: 45px; text-align: center; background: #218956; border: solid 2px #218956; height: 100%; border-radius: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; overflow: hidden; z-index: 2 } .block-search .action.search:before { content: ''; background: url(../images/search-icon.png) no-repeat; width: 23px; height: 23px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .block-search .action.search span { display: none; } .block-search .action.search:after { content: ''; background: url(../images/search-icon.png) no-repeat; width: 22px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } } .no-touch .block-search .action.search:hover:after { top: 0; } .block-search .action.search:before { /*display: none;*/ } section.about { margin-top: 80px; } body:after { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: rgba(0,0,0,0.85); z-index: 9; display: none; } .search-open body:after { /* display: block;*/ } html.search-open .homebanner-section ~ .block.block-search { z-index: 999; } body:not(.cms-home) .page-wrapper .block.block-search { /*position: fixed; top: -140px; left: 0; z-index: 11; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .header-content-main > div.header-content-right > div.block.block-search { position: inherit; top: inherit; left: inherit; display: inline-block; width: auto; padding: 0; display: none; } .phone-main { display: table; /*height: 50px;*/ } .phone-main > div { display: table-cell; vertical-align: middle; height: 100%; } .phone-main > div.call-text { text-align: left; padding-left: 5px; line-height: 1; } .phone-main > div.call-text span { display: none; font-size: 15px; color: #202020; font-family: 'OpenSans-Regular'; line-height: 1; margin-bottom: 4px; } .phone-main > div.call-text a { font-size: 18px; color: #202020; line-height: 1; font-family: 'open_sansbold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .no-touch .phone-main > div.call-text a:hover { color: #218956; } .phone-main > div.call-text a:before { /*position: absolute; content: attr(data-content); top: 4px; left: 0; color: #202020; overflow: hidden; transition: width 275ms ease; white-space: nowrap; font-family: 'OpenSans-SemiBold'; width: 0;*/ } .no-touch .phone-main:hover > div.call-text a:before { /*width: 100%;*/ } .phone-main > div.call-icon svg { width: 29px; height: 29px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .phone-main > div.call-icon svg path { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .phone-main:hover > div.call-icon svg path { fill: #218956; } /****/ /***** Home page ****/ .cms-home .page-main { padding-left: 15px; padding-right: 15px; max-width: 1650px; width: 100%; padding-top: 0; } /**** Footer Start *****/ .footer-contact-sidebar-form { position: fixed; top: 0; right: -600px; width: 500px; height: 100%; background: #fff; z-index: 11; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: -5px 0 20px rgba(0,0,0,0.50); } .sidebar-form-open .footer-contact-sidebar-form { right: 0; z-index: 99; } .sidebar-form-open div#sidebarslider { opacity: 0; visibility: hidden; } div#sidebarslider:hover { background: #218956; } div#sidebarslider { position: fixed; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 50px; height: 180px; background: #000000; text-align: center; padding: 10px; box-sizing: border-box; right: 0; z-index: 9; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } .search-open div#sidebarslider, html.active div#sidebarslider { opacity: 0; visibility: hidden; } span.text_box { display: block; vertical-align: top; transform: rotate(90deg); width: 150px; height: 40px; position: relative; right: 69px; font-size: 14px; font-family: 'OpenSans-SemiBold'; color: #fff; top: 43px; text-transform: uppercase; } .no-touch div#sidebarslider:hover:after { left: 0; } div#sidebarslider:after { /*position: absolute; top: 0; left: 80px; width: 100%; height: 100%; display: block; content: ""; background: #202020; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;*/ } div#sidebarslider svg { width: 30px; height: 30px; position: relative; right: 1px; } .no-touch div#sidebarslider:hover svg { -webkit-animation: icon 4s linear infinite; -moz-animation: icon 4s linear infinite; -o-animation: icon 4s linear infinite; -ms-animation: icon 4s linear infinite; animation: icon 4s linear infinite; } @-webkit-keyframes icon { 100% { -webkit-transform: rotatey(360deg); } } .sidebar-form-title { background: #218956; position: relative; padding: 15px 15px 15px; } .sidebar-form-title h3 { margin: 0; padding: 0; line-height: 1; color: #fff; font-size: 20px; text-transform: uppercase; } .sidebar-form-title .close-sticky-form { position: absolute; top: 0; right: 0; height: 100%; background: #202020; width: 54px; text-align: center; padding: 12px; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .sidebar-form-title .close-sticky-form:hover { background: #4d4d4d; } .sidebar-contact-form-wrap { padding: 20px; height: calc(100vh - 104px); box-sizing: border-box; overflow: hidden; overflow-y: auto; position: relative; z-index: 2; background: #f7f7f7; } .sidebar-contact-form-wrap .contact-box-form > div textarea { background: none; height: 120px; } .sidebar-contact-form-wrap .contact-box-form > div { margin-bottom: 20px; line-height: 0; } .sidebar-contact-form-wrap .contact-box-form > div:last-child { margin-bottom: 0; text-align: right; } .sidebar-contact-form-wrap .contact-box-form > div.captcha .control.captcha { padding-right: 0; } .sidebar-contact-form-wrap .contact-box-form > div.captcha .control.captcha > div.nested { position: inherit; top: inherit; right: inherit; margin-top: 22px; } .contact-tag-line { text-align: center; padding: 15px; background: #f7f7f7; } .page-footer { background: #f5f5f5; padding-top: 40px; padding-bottom: 0; position: relative; } .page-footer .section-number { top: 65px; display: none; } .cms-home .page-footer .section-number { /*display: block;*/ } .footer.content { max-width: 1650px; padding-left: 15px; padding-right: 15px; width: 100%; margin: 0 auto; display: block; box-sizing: border-box; position: relative; z-index: 2; } .custom-footer-links-container .container { display: table; width: 100%; } .custom-footer-links-container .container > div { display: table-cell; vertical-align: top; } .custom-footer-links-container .container > div:nth-child(1) { width: 325px; padding-right: 30px; box-sizing: border-box; } .custom-footer-links-container .container > div:nth-child(2) { width: 400px; padding-right: 30px; } .custom-footer-links-container .container > div:nth-child(3) { width: 200px; padding-right: 20px; } .custom-footer-links-container .container > div:nth-child(4) { width: 300px; padding-right: 20px; } .custom-footer-links-container .container > div > h6 { margin: 0 0 10px; padding: 0; color: #202020; position: relative; text-transform: capitalize; font-size: 16px; line-height: 1; font-weight: normal; font-family: 'open_sansbold'; } .custom-footer-links-container .container > div > h6:after { /*position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; display: block; content: ""; background: #f8981f;*/ } .footer.content ul > li a { color: #202020; font-size: 12px; font-family: 'OpenSans-Regular'; line-height: 1.2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .footer.content ul > li a:hover { text-decoration: none; } .no-touch .footer.content ul > li a:hover, .footer.content ul > li.active a { color: #f8981f; } .custom-footer-links-container .container > div .footer-contact, .custom-footer-links-container .container > div .footer-contact a { color: #202020; font-size: 12px; font-family: 'OpenSans-Regular'; line-height: 1.2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .custom-footer-links-container .container > div .footer-contact a:hover { color: #f8981f; } .custom-footer-links-container .container > div .footer-contact strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; } .footer.content ul > li { margin: 0; padding: 0; } .footer.content ul > li:last-child { margin-bottom: 0; } .custom-footer-links-container .container > div:nth-child(2) .quick-link-block ul { display: inline-block; width: 50%; vertical-align: top; margin-right: -4px; box-sizing: border-box; } .custom-footer-links-container .container > div .quick-link-block ul + ul { padding-left: 15px; box-sizing: border-box; } .custom-footer-links-container-bottom { margin-top: 0; } .social-link ul { margin: 0; padding: 0; font-size: 0; } .social-link ul li { display: inline-block; vertical-align: top; } .social-link ul li + li { margin-left: 10px !important; } .social-link ul li a { display: block; width: 45px; height: 45px; box-sizing: border-box; border: solid 1px #dfdfdf; text-align: center; overflow: hidden; padding: 0; z-index: 2; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-us-tooper .social-link ul li a { background: #ffffff; } .social-link ul li a svg { position: relative; transition: .5s; z-index: 3; } .social-link ul li a svg path { fill: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .social-link ul li a:hover svg path { fill: #ffffff; } .social-link ul li a > span { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 0; line-height: 0; display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .social-link ul li a > span > span { display: table-cell; vertical-align: middle; } .social-link { margin: 6px 0 30px; } .social-link ul li a:after { position: absolute; top: 50px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #202020; z-index: -1; transition: .5s; } .no-touch .social-link ul li a:hover:after { top: 0; } .no-touch .social-link ul li a:hover { border-color: #888888; } .no-touch .social-link ul li a:hover span svg { transform: rotateY(360deg); } /*.social-link ul li.social_fb a { background: #3b5999; } .social-link ul li.social_twitter a { background: #55acee; } .social-link ul li.social_linkedin a { background: #0077b5; } .social-link ul li.social_instagram a { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1 ); } .social-link ul li.social_youtube a { background: #FF0000; }*/ .social-link ul li.social_twitter a svg { width: 16px; height: 14px; } .social-link ul li.social_instagram a svg { height: 16px; width: 16px; } .social-link ul li.social_fb a svg { width: 16px; height: 16px; } .social-link ul li.social_fb a svg { width: 12px; height: 21px; } .main-footer-logo a { display: inline-block; font-size: 0; line-height: 0; } .main-footer-logo a img { width: 100%; height: auto; max-width: 215px; } .custom-footer-links-container-bottom > div.container { display: table; width: 100%; } .custom-footer-links-container-bottom > div.container > div { display: block; vertical-align: bottom; } .custom-footer-links-container-bottom > div.container > div.quick-link-block { width: 427px; padding-right: 30px; box-sizing: border-box; } .custom-footer-links-container-bottom > div.container > div.copyright-section { text-align: center; } .custom-footer-links-container-bottom > div.container > div.quick-link-block .title strong { margin: 0 0 7px; color: #202020; position: relative; text-transform: capitalize; font-size: 16px; line-height: 1; font-weight: normal; font-family: 'open_sansbold'; display: block; } .custom-footer-links-container-bottom > div.container > div.quick-link-block p { font-size: 12px; margin-bottom: 15px; } .custom-footer-links-container-bottom > div.container > div.quick-link-block .title strong:after { /*position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; display: block; content: ""; background: #f8981f;*/ } .custom-footer-links-container-bottom > div.container > div.quick-link-block form { position: relative; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form input { background: #ffffff; border: 0 none; border-radius: 0; font-size: 14px; color: #666666; font-family: 'OpenSans-Regular'; padding: 12px 19px; height: 35px; box-sizing: border-box; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; color: #666666; font-family: 'OpenSans-Regular'; opacity: 1; text-transform: capitalize; font-weight: normal; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form input::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; color: #666666; font-family: 'OpenSans-Regular'; opacity: 1; text-transform: capitalize; font-weight: normal; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form input:-ms-input-placeholder { /* IE 10+ */ font-size: 14px; color: #666666; font-family: 'OpenSans-Regular'; opacity: 1; text-transform: capitalize; font-weight: normal; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form input:-moz-placeholder { /* Firefox 18- */ font-size: 14px; color: #666666; font-family: 'OpenSans-Regular'; opacity: 1; text-transform: capitalize; font-weight: normal; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form input:focus { box-shadow: none; outline: none; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form > .actions { position: absolute; top: 0; right: 0; /*width: 30px; height: 100%;*/ } .custom-footer-links-container-bottom > div.container > div.quick-link-block form > .actions button { border: 0; border-radius: 0; background: none; padding: 0; width: 30px; min-width: inherit; height: 40px; box-sizing: border-box; } .custom-footer-links-container-bottom > div.container > div.quick-link-block form > .actions button:hover { /*background: none; border: none;*/ } .custom-footer-links-container-bottom > div.container > div.quick-link-block form > .actions button:after { display: none; } small.copyright { font-size: 12px !important; line-height: 1; color: #202020; font-weight: normal; font-family: 'open_sanslight'; } .custom-footer-links-container-bottom > div.container > div.scrollToTop { width: 45px; height: 45px; position: fixed; right: 10px; bottom: 10px; } .back-inner { border: solid 2px #000000; background: #000000; box-sizing: border-box; text-align: center; width: 45px; height: 45px; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .back-inner:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/slider-arrow-hover.svg) no-repeat center center; transform: rotate(-90deg); background-size: 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; animation-name: top-arrow; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } .back-inner:before { position: absolute; top: 60px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #f8981f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: none; } .no-touch .back-inner:hover:before { top: 0; } .no-touch .back-inner:hover { border-color: #218956; } @keyframes top-arrow { 0% { top: 0; } 50% { top: -5px; } 100% { top: 0; } } .back-inner svg, .back-inner span { display: none; } /**** Header *****/ .panel.wrapper { max-width: 100%; padding: 0; background: #ededed; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; height: 34px; box-sizing: border-box; } body.sticky .panel.wrapper { /*height: 0; opacity: 0; visibility: hidden;*/ } .panel.header { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1650px; padding-left: 15px; padding-right: 15px; width: 100%; } .header-top-wrap { display: table; width: 100%; padding: 10px 0 11px; } .header-top-wrap > div { display: table-cell; vertical-align: middle; width: 50%; } .header-top-wrap > div.header-top-left-main { width: 250px; } .header-top-wrap > div.header-top-right { width: calc(100% - 250px); } .header-top-wrap > div.header-top-left-main { text-align: left; } .header-top-wrap > div.header-top-right { text-align: right; } .header-top-wrap > div .header-top-right-link > ul, .header-top-wrap > div .header-top-left > ul { margin: 0 -10px; padding: 0; font-size: 0; } .header-top-wrap > div .header-top-right-link > ul > li, .header-top-wrap > div .header-top-left > ul > li { display: inline-block; vertical-align: middle; padding: 0 10px; position: relative; margin: 0; } .header-top-wrap > div .header-top-right-link > ul > li:after, .header-top-wrap > div .header-top-left > ul > li:after { position: absolute; top: 0; right: 0; display: block; content: ""; height: 100%; width: 1px; background: #202020; } .header-top-wrap > div .header-top-right-link > ul > li:last-child:after, .header-top-wrap > div .header-top-left > ul > li:last-child:after { display: none; } .header-top-wrap > div .header-top-right-link > ul > li > a, .header-top-wrap > div .header-top-left > ul > li > a { font-size: 13px; color: #202020; font-weight: normal; line-height: 1; font-family: 'OpenSans-Regular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; letter-spacing: 0.20px; } .touch .header-top-wrap > div .header-top-right-link > ul > li.level-new-cms-0 > a { pointer-events: none; } .touch .header-top-wrap > div .header-top-right-link > ul > li.level-new-cms-0.touched.selected > a { pointer-events: auto; } .touch .header-top-wrap > div .header-top-right-link > ul > li.level-new-cms-0.touched.selected > ul.submenu { display: block; } .no-touch .header-top-wrap > div .header-top-right-link > ul > li > a:hover, .header-top-wrap > div .header-top-right-link > ul > li.current > a, .no-touch .header-top-wrap > div .header-top-left > ul > li > a:hover, .header-top-wrap > div .header-top-left > ul > li.current > a { color: #218956; } .header-top-wrap > div ul li > ul.submenu { margin: 0; padding: 0; list-style: none; position: absolute; right: 10px; top: 100%; width: 200px; background: #f7f7f7; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); margin: 0; margin-top: 11px; z-index: 9; text-align: left; display: none; } .header-top-wrap > div ul li > ul.submenu:before { position: absolute; left: 0; width: 100%; height: 16px; bottom: calc(100% - 5px); display: block; content: ""; } .header-top-wrap > div ul li > ul.submenu:after { position: absolute; bottom: 100%; right: 45px; width: 0; height: 0; display: block; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #218956; } .no-touch .header-top-wrap > div ul li:hover > ul.submenu { display: block; } .header-top-wrap > div ul li > ul.submenu li { display: block; padding: 0; margin: 0; } .header-top-wrap > div ul li > ul.submenu li + li { margin-top: 1px; } .header-top-wrap > div ul li > ul.submenu li a { display: block; padding: 14px 10px; background: #fff; position: relative; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 13px; color: #202020; font-weight: normal; line-height: 1; font-family: 'OpenSans-Regular'; } .no-touch .header-top-wrap > div ul li > ul.submenu li a:hover, .header-top-wrap > div ul li > ul.submenu li.current a { color: #fff; } .header-top-wrap > div ul li > ul.submenu li a:after { position: absolute; top: 0; left: 0; width: 0; height: 100%; display: block; content: ""; background: #218956; z-index: -1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .no-touch .header-top-wrap > div ul li > ul.submenu li a:hover:after, .header-top-wrap > div ul li > ul.submenu li.current a:after { width: 100%; } .page-header { background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 12; border-bottom: solid 1px #fdf9f9 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-content-main { display: table; width: 100%; max-width: 1650px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; margin: 0 auto; } .header-content-main > div { display: table-cell; vertical-align: middle; } .header-content-main > div.header-content-logo-main { font-size: 0; line-height: 0; width: 330px; vertical-align: middle; padding-top: 11px; padding-bottom: 11px; position: relative; } .header-content-main > div.header-content-right { width: 356px; vertical-align: middle; font-size: 0; text-align: right; } .header-content-main > div.header-content-center { padding: 10px; vertical-align: middle; } .header-content-main > div.header-content-center .block.block-search { margin: 0; padding: 0; width: 100%; max-width: 500px; position: inherit; top: inherit; margin: 0 auto; } .header-content-main > div.header-content-center .block-search .block-content { padding: 0; box-shadow: none; } .header-content-main > div.header-content-center .block.block-search.mobile { display: none; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input { height: 50px; font-size: 14px; padding: 0 15px; padding-right: 60px; } .header-content-main > div.header-content-center .block-search .action.search { width: 50px; font-size: 0; right: 0; box-sizing: border-box; } .header-content-main > div.header-content-center .block-search .action.search:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background-image: url(../images/header-search.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px; z-index: 2; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input:-ms-input-placeholder { /* IE 10+ */ font-size: 14px; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input:-moz-placeholder { /* Firefox 18- */ font-size: 14px; } .header-content-main > div.header-content-logo-main .home-banner-call { position: absolute; left: 0; top: 100%; width: 100%; background: #202020; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-top: 11px; padding-bottom: 11px; } .sticky .header-content-main > div.header-content-logo-main .home-banner-call { -webkit-box-shadow: 0 0 8px rgba(0,0,0,.25); -moz-box-shadow: 0 0 8px rgba(0,0,0,.25); box-shadow: 0 0 8px rgba(0,0,0,.25) } .no-touch .header-content-main > div.header-content-logo-main .home-banner-call:hover, .sticky .header-content-main > div.header-content-logo-main .home-banner-call { background: #218956; } .no-touch .sticky .header-content-main > div.header-content-logo-main .home-banner-call:hover { background: #202020; } .header-content-main > div.header-content-logo-main .home-banner-call a { font-size: 16px; color: #fff; line-height: 1; display: inline-block; vertical-align: top; } .header-content-main > div.header-content-logo-main .home-banner-call a span { display: inline-block; vertical-align: middle; } .header-content-main > div.header-content-logo-main .home-banner-call a span.call-icon { font-size: 0; line-height: 0; } .header-content-main > div.header-content-logo-main .home-banner-call a:hover, .no-touch .header-content-main > div.header-content-logo-main .home-banner-call a:hover { text-decoration: none; } .sections.nav-sections { background: #eeeeee; border-top: solid 1px #e3e3e3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .submenu-outer:before { /*position: absolute; top: 0; left: 0; width: 100%; height: 18px; display: block; content: ""; background: url(../images/menu-shadow.png) repeat-x left top; z-index: 1; */ } .sections.nav-sections > .nav-sections-items { width: 100%; max-width: 1650px; margin: 0 auto; display: block; padding-left: 15px; padding-right: 15px; padding-bottom: 9px; box-sizing: border-box; padding-top: 9px; } .header-content-main > div.header-content-inner { width: calc(100% - 445px); text-align: left; padding-left: 105px; box-sizing: border-box; } .header-content-main > div.header-content-right > div { display: inline-block; vertical-align: top; } .header-content-main > div.header-content-right > div.header-hover-login { position: relative; } .header-hover-login .logout-popup { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 110px !important; top: 100%; margin-top: 15px; z-index: 2; } .header-content-main > div.header-content-right > div + div { margin-left: 10px; } .logout-popup-inner { position: relative; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.25); -moz-box-shadow: 0 0 8px rgba(0,0,0,.25); box-shadow: 0 0 8px rgba(0,0,0,.25); } .logout-popup-inner:after { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 0; height: 0; display: block; content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #202020; } .logout-popup-inner ul { margin: 0; padding: 0; } .logout-popup-inner ul li { display: block; margin: 0; padding: 0; text-align: left; } .logout-popup-inner ul li + li { border-top: solid 1px #fff; } .logout-popup-inner ul li a { font-size: 15px; color: #fff; line-height: 1; padding: 10px; background: #202020; display: block; } .logout-popup-inner ul li a:hover { text-decoration: none; } .no-touch .logout-popup-inner ul li a:hover { background: #218956; } .header-content-main > div.header-content-right > div > div.block-title, .header-hover-login .login-account-icon, .minicart-wrapper > a.showcart, .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a { width: 50px; height: 50px; border: solid 2px #202020; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 0; cursor: pointer; text-align: center; padding: 12px 14px; display: block; position: relative; z-index: 2; overflow: hidden; } .header-content-main > div.header-content-right > div > div.block-title:after, .header-hover-login .login-account-icon:after, /*.minicart-wrapper > a.showcart:after,*/ .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: #202020; z-index: -1; top: 80px; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-content-main > div.header-content-right > div > div.block-title svg, .header-hover-login .login-account-icon svg, .minicart-wrapper > a.showcart svg, .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a svg { position: relative; transition: .5s; z-index: 3; } .header-hover-login .login-account-icon, .minicart-wrapper > a.showcart { display: block; padding: 11px 13px; } .header-content-main > div.header-content-right > div > div.block-title > span, .header-hover-login .login-account-icon > span, .minicart-wrapper > a.showcart > span { display: table-cell; vertical-align: middle; } .minicart-wrapper > a.showcart { background: #218956; border-color: #218956; } .no-touch .header-content-main > div.header-content-right > div > div.block-title:hover:after, .no-touch .header-hover-login .login-account-icon:hover:after, .no-touch .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a:hover:after { top: 0; } .no-touch .header-content-main > div.header-content-right > div > div.block-title:hover, .no-touch .header-hover-login .login-account-icon:hover, .no-touch .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a:hover { border-color: #218956; } .no-touch .header-content-main > div.header-content-right > div > div.block-title:hover svg, .no-touch .header-hover-login .login-account-icon:hover svg, .no-touch .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a:hover svg { transform: rotateY(360deg); } .no-touch .minicart-wrapper > a.showcart:hover:after { top: 0; } .no-touch .minicart-wrapper > a.showcart:hover svg { transform: rotateY(360deg); } /* .no-touch .minicart-wrapper > a.showcart:hover{ background: #202020; border-color: #202020; } */ .header-content-main > div.header-content-right > div > div.block-title svg path, .header-hover-login .login-account-icon svg path, .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a svg path { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; fill: #202020; } .minicart-wrapper > a.showcart svg path { fill: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .header-content-main > div.header-content-right > div > div.block-title:hover svg path, .no-touch .header-hover-login .login-account-icon:hover svg path, .no-touch .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a:hover svg path { fill: #fff; } .logout-popup { display: none; } .page-header { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky .page-header { -webkit-box-shadow: 0 0 8px rgba(0,0,0,.25); -moz-box-shadow: 0 0 8px rgba(0,0,0,.25); box-shadow: 0 0 8px rgba(0,0,0,.25); } span.call-icon { display: none; font-size: 0; line-height: 0; } span.enquiry-icon { display: inline-block; width: 100%; vertical-align: middle; height: 26px; } /***/ /**** Menu Css ****/ body { margin-top: 208px; } .navigation .level0 { font-size: 0; } .navigation .level0 { margin: 0; text-align: left; } .navigation ul { font-size: 0; } .navigation > ul { text-align: justify; } /****/ /**** Search ****/ button.amsearch-loupe { display: none !important; } .search-autocomplete { width: 100% !important; top: 100%; background: #fff; box-sizing: border-box; margin-top: 0 !important; z-index: 3; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); padding: 10px; text-align: left; } #search_autocomplete .jspVerticalBar { opacity: 1; visibility: visible; } .amsearch-results { max-height: calc(100vh - 160px); overflow: hidden; overflow-y: auto; box-sizing: border-box; } .amsearch-wrapper-input.amsearch-left-position { width: 100% !important; } .control { line-height: 0; position: relative; } .amsearch-products.-columns { width: 100% !important; box-sizing: border-box; } p.amasty-xsearch-block-header, .amasty-xsearch-block-header { background: #202020; color: #fff; text-transform: uppercase; font-weight: normal; line-height: 1; margin: 0; padding: 10px; font-size: 14px; font-family: 'OpenSans-SemiBold'; } .amsearch-wrapper-content .product-item { display: table; width: 100%; margin: 0 auto; padding: 10px 10px; position: relative; box-sizing: border-box; border-left: solid 1px #ddd; border-right: solid 1px #ddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .amsearch-wrapper-content .product-item:after { position: absolute; bottom: -1px; left: 0; right: 0; display: block; content: ""; width: calc(100% - 20px); margin: 0 auto; height: 1px; background: #ddd; } .amsearch-wrapper-content .product-item:last-child { border-bottom: solid 1px #ddd; } .amsearch-wrapper-content .product-item:last-child:after { display: none; } .amsearch-wrapper-content .product-item > div { display: table-cell; vertical-align: middle; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-image { width: 60px; vertical-align: top; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-image .product-image-container { width: 60px !important; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information { width: calc(100% - 60px); box-sizing: border-box; padding-left: 10px; } .amsearch-leftside { width: 100% !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .amsearch-leftside > div { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .amsearch-leftside > div + div { margin-bottom: 10px; } .amsearch-leftside > div.amsearch-item-container { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .amsearch-leftside > div#amasty-shopby-product-list { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .amsearch-item-container { box-sizing: border-box; } .amsearch-item-container .amsearch-item { line-height: 1.2; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details { padding: 0; line-height: 1; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product.sku.product-item-sku { font-size: 12px; margin-top: 6px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-link { font-size: 13px; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1.2; display: inline-block; vertical-align: top; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-description { margin: 0; font-size: 12px; color: #888; margin-top: 5px; line-height: 1.3; width: 100%; max-width: 415px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box { text-align: left; margin-top: 7px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-actions { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-actions .action.primary { font-size: 11px; min-width: 90px; text-align: center; height: 30px; line-height: 26px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-image .product-image-wrapper { border: solid 1px #dddddd; box-sizing: border-box; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box > span { margin: 0; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box > span + span { margin-left: 10px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-actions .actions-secondary { display: none; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box > span { font-size: 13px; font-family: 'OpenSans-SemiBold'; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box .price { font-size: 13px; font-family: 'OpenSans-SemiBold'; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box span.price-wrapper:after { font-size: 10px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box span.price-wrapper { font-size: 13px; } .amsearch-more-results { display: block; line-height: 1; } .amsearch-more-results a { display: block; background: #218956; color: #fff; text-align: center; padding: 10px 10px 13px; font-size: 14px; font-weight: normal; font-family: 'OpenSans-SemiBold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .amsearch-more-results a:hover { background: #202020; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-link .amsearch-highlight { color: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .amsearch-wrapper-content .product-item:hover > div.amsearch-autocomplete-information .product-item-details .product-item-link .amsearch-highlight { color: #202020; } .no-touch .amsearch-wrapper-content .product-item:hover > div.amsearch-autocomplete-information .product-item-details .product-item-link { color: #218956; } .amsearch-item-container .amsearch-item { width: 100%; margin: 0 auto; padding: 10px 10px; box-sizing: border-box; border-left: solid 1px #ddd; border-right: solid 1px #ddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-right: 120px; position: relative; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner a { position: relative; display: inline-block; color: #202020; font-size: 11px; font-family: 'OpenSans-SemiBold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-right: 20px; box-sizing: border-box; line-height: 1; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner a:after { position: absolute; top: 2px; right: 0; width: 20px; height: 100%; display: block; content: ""; background: url(../images/slider-arrow.svg) no-repeat center center; background-size: 12px; } .no-touch .amsearch-item-container .amsearch-item:hover .amsearch-wrapper-inner a { color: #218956; } .no-touch .amsearch-item-container .amsearch-item:hover .amsearch-wrapper-inner a:after { animation-name: search-right; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: infinite; animation-direction: alternative; } @keyframes search-right { 0% { right: 0; } 50% { right: -10px; } 100% { right: 0; } } .amsearch-item-container .amsearch-item:last-child { border-bottom: solid 1px #ddd; } .amsearch-item-container .amsearch-item:last-child:after { display: none; } .amsearch-item-container .amsearch-item .item-name { font-size: 13px; color: #202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; line-height: 1; display: inline-block; font-family: 'OpenSans-SemiBold'; } .amsearch-item-container .amsearch-item .item-description { font-size: 12px; line-height: 1.3; color: #888; width: 100%; max-width: 415px; margin-top: 5px; font-family: 'OpenSans-Regular'; } .no-touch .amsearch-item-container .amsearch-item:hover .item-name { color: #218956; } .amsearch-item-container .amsearch-item .amsearch-highlight { color: #218956; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .amsearch-item-container .amsearch-item:hover .item-name .amsearch-highlight { color: #202020; } .amsearch-item-container .amsearch-item:after { position: absolute; bottom: 0; left: 0; width: calc(100% - 20px); display: block; content: ""; height: 1px; background: #ddd; margin: 0 auto; right: 0; } .no-quotes-block, .no-payments-block { width: 100%; display: block; line-height: 1; margin: 0 auto; font-size: 15px; padding: 14px 10px 11px; background: #fffac9; color: #000; line-height: 1; padding-left: 55px; position: relative; border: solid 1px #f9e4a7; box-sizing: border-box; } .no-quotes-block:after, .no-payments-block:after { position: absolute; top: 0; left: 0; width: 50px; height: 100%; display: block; content: ""; background: url(../images/error-icon-new.svg) no-repeat center center; background-size: 26px; } /***/ /* 404 */ .not-found-wrap { text-align: center; padding: 160px 0; position: relative; z-index: 2; overflow: hidden; } .not-found-wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: block; content: "404"; font-family: 'OpenSans-SemiBold'; font-weight: 400; font-size: 500px; line-height: 1; opacity: .1; color: #9c9c9c; z-index: -1; } h1.heading { margin: 0 0 10px; color: #202020; font-size: 86px; font-weight: 300; line-height: 100px; font-family: 'OpenSans-SemiBold'; font-weight: 400; } h1.heading span { color: #218956; font-size: 120px; font-weight: 600; line-height: 80px; font-family: 'OpenSans-SemiBold'; font-weight: 400; } .not-found-inner p { font-size: 20px; margin-bottom: 20px; font-family: 'OpenSans-SemiBold'; font-weight: 400; color: #202020; } /**/ html body.account .page-main .block .block-content table tbody tr td:empty, body.account .table-wrapper table tbody tr td:empty { padding: 0 !important; } .table-box table { border: solid 1px #ddd; } .table-box table tr td, .table-box table tr th { border: solid 1px #ddd; font-size: 14px; color: #202020; } .table-box table tr th { background: #f7f7f7; font-weight: normal; font-family: 'OpenSans-SemiBold'; } .table-box { width: 100%; overflow-x: auto; } .table-box table { width: 100%; min-width: 768px; } html body.account .page-main .block.block-order-details-comments .block-content ul:last-child { margin-bottom: 0; } html body.account .page-main .block.block-order-details-comments .block-content ul li:last-child { margin-bottom: 0; } html body.account .page-main .block.block-order-details-comments .block-content ul { padding-left: 15px; } .account-quote-buttons { font-size: 0; margin-bottom: 15px; } .account-quote-buttons button { margin-right: 10px; margin-bottom: 10px; } body.checkout-onepage-success:after { display: none; } h1.page-title { margin-top: 0; } .mp-clear { clear: both; display: block; content: ""; } .navigation .level1 + .level1:after { /*position: absolute; top: 50%; left: auto; width: 1px; height: calc(100% - 10px); display: block; content: ""; background: #ddd; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);*/ } .navigation .level1 > a { padding: 0; line-height: 1.2; display: inline-block; font-size: 11px; font-weight: normal; color: #202020; text-transform: uppercase; font-family: 'open_sansbold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; letter-spacing: 0.40px; } .no-touch .navigation .level1:hover > a, .navigation .level1.active > a { color: #218956; } .product-item .price-box span.price-wrapper { display: inline-block; font-size: 15px; font-weight: normal; white-space: nowrap; color: #0062B1; } .product-item .price-box span.price-wrapper:after, .product-info-main .price-box span.price-wrapper:after { content: ' (' attr(data-label) ')'; font-size: 12px; color: #888888; } .product-info-main .price-box span.price-wrapper:after { font-size: 14px; color: #888888; content: ' (' attr(data-label) ')'; vertical-align: bottom; line-height: 1; display: inline-block; position: relative; margin-left: 4px; top: -4px; } .atss { z-index: 2 !important; } .products-list .product-item .price-box span.price-wrapper:after { position: relative; top: 4px; } .checkout-index-index .page-header { border-bottom: 0 !important; } /***** Mega menu *****/ .navigation .level1 + .level1:after { margin-left: -40px; } .navigation > ul > li { margin: 0 30px; } td.amquote-cell-container:empty { margin: 0; padding: 0; display: none !important; } .amquote-cell-container strong { font-weight: normal; font-family: 'OpenSans-SemiBold'; } /****/ /**** About page *******/ .about-main{ margin: 0 auto; display: block; width: 100%; max-width: 1400px; padding: 0 15px; box-sizing: border-box; } .about-thumb{ font-size: 0; line-height: 0; } .about-thumb img{ width: 100%; max-width: 100%; height: auto; } .about-box-wrap{ display: table; width: 100%; } .about-box-wrap > div{ width: 50%; display: table-cell; vertical-align: middle; } .about-box-wrap > div .box-cont-sec{ padding: 20px 50px; } .brand-logo-sec{ margin: 0; padding: 0; } .brand-logo-sec > ul{ margin: 0 -15px; padding: 0 !important; font-size: 0; list-style: none; } .brand-logo-sec > ul > li{ display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; padding: 0 15px; width: 25%; box-sizing: border-box; text-align: center; margin-top: 80px; } .brand-logo-sec > ul > li img{ max-width: 100%; height: auto; width: auto; } .brand-logo-sec > ul > li a{ display: inline-block; vertical-align: top; } .cms-page-view .column.main .box-one .box-cont-sec p{ font-size: 16px; text-align: center; margin-bottom: 40px; } .cms-page-view .column.main .box-one .box-cont-sec p:last-child{ margin-bottom: 0; } .about-box-wrap > div .box-cont-sec{ font-size: 13px; } .cms-page-view .column.main .about-box-wrap > div .box-cont-sec p{ margin-bottom: 20px; } .cms-page-view .column.main .about-box-wrap > div .box-cont-sec p:last-child{ margin-bottom: 0; } .about-box-wrap > div .box-cont-sec > h4{ margin-top: 0; font-size: 16px; } .brand-sec{ padding-top: 60px; } .brand-sec h2.section-title{ text-align: center; } .about-box-wrap > div.box-img{ vertical-align: top; } .ship_bottom_text { font-size: 15px; font-style: italic; margin-top: 20px; padding-top: 15px; border-top: solid 1px #ddd; color: #f8981f; } .brand-sec h2.section-title.no-line{ margin: 0; padding: 0; } .brand-sec h2.section-title.no-line:after{ display: none !important; } .product-item-sku > span, .product-item-sku > div{ display: inline-block; vertical-align: middle; } .catogary-top-box{ display: table; width: 100%; margin-bottom: 40px; } .catogary-top-box > div{ display: table-cell; vertical-align: top; width: 50%; box-sizing: border-box; } .catogary-top-left-box{ font-size: 0; } .catogary-top-left-box img{ width: 100%; max-width: 100%; height: auto; } .catogary-top-box > div + div{ padding-left: 30px; } .catogary-top-box > div .category-seo-top-contain{ font-size: 14px; color: #202020; line-height: 1.4; max-height: 260px; overflow: hidden; overflow-y: auto; } .catogary-top-box > div .category-seo-top-contain h2{ font-size: 20px; margin-top: 20px; } .catogary-top-box > div .category-seo-top-contain h2:first-child{ margin-top: 0; } .category-seo-top-contain-button{ text-align: center; margin-top: 15px; } .category-seo-top-contain-button a{ width: 100%; max-width: 150px; display: inline-block; vertical-align: top; margin: 0 5px 10px; height: 35px; line-height: 35px; font-size: 12px; font-family: 'OpenSans-SemiBold'; background: #000000; color: #ffffff; border: 0 none; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .category-seo-top-contain-button a:hover{ background: #218956; color: #fff; } /*****/ .catalog-topnav.amasty-catalog-topnav .block-title.filter-title{ display: none; } .catalog-topnav.amasty-catalog-topnav .block-content.filter-content .filter-options .filter-options-title{ font-size: 18px; font-family: 'OpenSans-SemiBold'; color: #000; pointer-events: none; text-transform: uppercase; } .catalog-topnav.amasty-catalog-topnav .filter-options .filter-options-content{ display: block !important; } .catalog-topnav.amasty-catalog-topnav .filter-options .filter-options-content .item{ padding: 0 !important; border: 0; display: inline-block; vertical-align: top; margin-right: 15px; margin-bottom: 5px; } .catalog-topnav.amasty-catalog-topnav .filter-options { margin: 0; background: #f7f7f7; padding: 10px; margin-bottom: 25px; } .catalog-topnav.amasty-catalog-topnav .icon-accordion, .catalog-topnav.amasty-catalog-topnav .expand{ display: none; } .amasty-catalog-topnav .filter-actions{display:none;} .catalog-topnav.amasty-catalog-topnav .block-content.filter-content { position: relative; } .catalog-topnav.amasty-catalog-topnav .block-actions.filter-actions { position: absolute; top: 15px; right: 15px; } .catalog-topnav.amasty-catalog-topnav .block-actions.filter-actions + .filter-options{ padding-right: 120px; } /***** Responsive css Start ****/ @media (min-width:992px) { .no-touch .navigation .level1 > a:after { display: block; } .columns { display: block; } .mobile-links.filter-listpage { display: none; } .mobile-page-title { display: none; } .nav-toggle { display: none; } .nav-sections-item-title { display: none; } .nav-sections-item-content { display: block !important; } .nav-sections-item-content > * { display: none; } .nav-sections-item-content > .navigation { display: block; padding: 0; max-width: 100%; } .navigation { padding: 0; } .navigation:empty { display: none; } .navigation li.level1.show-mobile { display: none !important; } .navigation .level1 > .level-top { line-height: 1; text-decoration: none; box-sizing: border-box; position: relative; display: inline-block; z-index: 2; } .navigation .level0.parent > .level-top > .ui-menu-icon { position: absolute; right: 0; display: inline-block; text-decoration: none; display: none; } .navigation .level0.parent > .level-top > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation .level0.parent > .level-top > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0 .submenu > ul:before { color: #ffffff; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: #ffffff; z-index: 4; } .navigation .level0 .submenu > ul:after { border: 11px solid transparent; height: 0; width: 0; border-bottom-color: #d1d1d1; color: #d1d1d1; left: 19px; top: -22px; z-index: 3; } .navigation .level0 .submenu:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon { position: absolute; right: 3px; display: inline-block; text-decoration: none; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e608'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0.more { position: relative; display: inline-block; text-decoration: none; } .navigation .level0.more:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: inherit; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0.more:before { display: none; } .navigation .level0.more:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; } .navigation .level0.more:hover > .submenu { overflow: visible !important; } .navigation .level0.more li { display: block; } /*****/ /***** Mega menu ****/ .navigation > ul { display: block; width: 100%; margin: 0; padding: 0; list-style: none; position: relative; text-align: center; } .navigation > ul > li { display: inline-block; vertical-align: middle; margin-bottom: 0; position: static; text-align: left; } .navigation > ul > li:first-child { margin-left: 0; } .navigation > ul > li:nth-last-child(6) { margin-right: 0; } .submenu-outer { position: absolute; top: calc(100% + 9px); left: 0; width: 100%; padding-top: 0; z-index: 11; -webkit-box-shadow: -1px 9 px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 9px 10px rgba(0,0,0,.2); box-shadow: -1px 9px 10px rgba(0,0,0,.2); opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .submenu-outer:before { position: absolute; bottom: 100%; left: 0; width: 100%; height: 10px; display: block; content: ""; } .submenu-inner { background: #fff; padding: 20px; overflow: hidden; overflow-y: auto; min-height: 265px; max-height: calc(100vh - 240px); } .submenu-inner > ul { display: block !important; margin: 0; padding: 0; position: relative; } .submenu-inner > ul > li { position: static; width: 260px; margin: 0; border-bottom: solid 1px #ddd; } .submenu-inner > ul > li > a { padding: 12px 20px; line-height: 1.2; display: inline-block; font-size: 14px; font-weight: normal; color: #202020; text-transform: uppercase; font-family: 'open_sansbold'; position: relative; display: block; box-sizing: border-box; } .submenu-inner > ul > li > a:after { position: absolute; top: 50%; left: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); display: block; content: ""; width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #218956; opacity: 0; visibility: hidden; } .no-touch .submenu-inner > ul > li > a:hover, .submenu-inner > ul > li.active-menu > a { background: #218956; color: #fff; } .no-touch .submenu-inner > ul > li > a:hover:after, .submenu-inner > ul > li.active-menu > a:after { opacity: 1; visibility: visible; } .no-touch .navigation > ul > li:hover > .submenu-outer { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .no-touch .navigation > ul > li:hover > .submenu-outer { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .submenu_wrapper { position: absolute; top: 0; left: 260px; width: calc(100% - 260px); padding-left: 40px; box-sizing: border-box; height: 100%; display: none; z-index: 11; } .no-touch .submenu-inner > ul > li:hover .submenu_wrapper, .submenu-inner > ul > li.active-menu .submenu_wrapper { display: block; } .submenu-inner > ul:before { position: absolute; top: 0; left: 280px; width: 1px; height: 100%; display: block; content: ""; background: #ddd; } .menu-images { margin: 0 -10px; text-align: right; } .menu-images > span { display: inline-block; font-size: 0; padding: 0 10px; box-sizing: border-box; /*width: 50%;*/ width: 100%; vertical-align: top; } .menu-images > span.menu-second-img { margin-top: 15px; } .menu-images > span + span { /*margin-top: 12px;*/ } .menu-images > span a { display: block; font-size: 0; } .submenu-inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 20px; display: block; content: ""; background: url(../images/menu-shadow.png) repeat-x left top; } .menu-images > span img { width: 100%; max-width: 100%; height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .menu-images > span:hover img { opacity: 0.8; } .submenu_wrapper_right { float: right; width: 400px; padding-bottom: 20px; display: inline-block; vertical-align: top; } .submenu_wrapper_left { width: calc(100% - 420px); padding-right: 20px; box-sizing: border-box; display: inline-block; vertical-align: top; } .submenu_wrapper_left > ul { display: block !important; margin: 0 -10px; padding: 0; display: inline-block; vertical-align: top; } .submenu_wrapper_left > ul > li { width: 50%; display: inline-block; vertical-align: top; padding: 0 10px; box-sizing: border-box; margin: 0; } .submenu_wrapper_left > ul > li > a { display: block; color: #666666; font-size: 14px; line-height: 1.2; padding: 10px 15px; border-bottom: solid 1px #ddd; font-family: 'OpenSans-Regular'; } .no-touch .submenu_wrapper_left > ul > li > a:hover, .submenu_wrapper_left > ul > li.active > a { background: #f7f7f7; color: #202020; } .category-contain { font-size: 14px; color: #202020; margin-top: 25px; font-family: 'OpenSans-Regular'; line-height: 20px; } .category-contain p { margin-bottom: 15px; } .category-contain p:last-child { margin-bottom: 0; } body:before { position: fixed; top: 140px; left: 0; width: 100%; height: 100%; display: block; content: ""; background: rgba(0,0,0,0.7); z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } body.menu_active:before { top: 59px; } body.menu_active:before { opacity: 1; visibility: visible; } .touch .nav-sections-item-content > .navigation > ul > li > a, .touch .submenu-inner > ul > li > a { pointer-events: none; } .touch .nav-sections-item-content > .navigation > ul > li.touched.selected > a, .touch .submenu-inner > ul > li.touched.selected > a { pointer-events: auto; } .touch .submenu-inner > ul > li.touched.selected .submenu_wrapper { display: block; } .touch .nav-sections-item-content > .navigation > ul > li.touched.selected .submenu-outer { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .touch .nav-sections-item-content > .navigation > ul > li.touched.selected .submenu-outer { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .menu_active .footer-contact-sidebar-form { z-index: 11; } body.menu_active:before { background: rgba(0,0,0,0.9); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } body.menu_active:before { opacity: 1; visibility: visible; } body.sticky:before { top: 106px; } } @media (max-width:1751px) { .navigation > ul > li { margin: 0 26px; } .navigation .level1 + .level1:after { margin-left: -30px; } .homebanner-section { margin-bottom: 0; } } @media (max-width:1650px) { .submenu_wrapper > div.submenu_wrapper_right { width: 400px; } .submenu_wrapper > div.submenu_wrapper_left { width: calc(100% - 400px) } .navigation .level1 + .level1:after { margin-left: -30px; } .submenu_wrapper { /*width: calc(100% - 300px); left: 300px;*/ } .submenu-inner > ul > li > a { font-size: 13px; } .submenu_wrapper > div.submenu_wrapper_left .category-contain { font-size: 14px; } } @media (max-width:1552px) { .cms-home .page-main { padding-top: 0; } .blog-sec > div.container { /*padding-left: 80px;*/ } .navigation > ul > li { margin: 0 20px; } .navigation .level1 + .level1:after { margin-left: -25px; } /***** Paypal page ****/ .paypal-express-review .page-main > .page-title-wrapper .page-title { font-size: 45px; margin-bottom: 30px; } /**** Checkout page ******/ body.checkout-index-index .page-main { padding-top: 60px; } .checkout-index-index .checkout-header .title { /*font-size: 45px;*/ } /**** Shopping Cart page ******/ .checkout-cart-index .page-title-wrapper h1, .amasty_quote-cart-index .page-title-wrapper h1 { /*font-size: 45px;*/ margin-bottom: 30px; } .cart-container { margin-bottom: 20px; } /***** Product Detail page ******/ section.featured-product-section { padding: 70px 15px 80px; } /***** Search Home ******/ /**** Speial Section *****/ .special-box-wrap > div.description-box .news-box-inner-box { padding-left: 70px; } .special-sec { padding-top: 90px; padding-bottom: 40px; margin-top: -20px; } .news-box-inner-box .news-title h6 { font-size: 18px; padding-bottom: 12px; } .sp-product-box h3 { font-size: 35px; } /****/ .header-content-main > div.header-content-inner { padding-left: 60px; } .navigation .level0:last-child { margin-right: 0; } .navigation .level0 > .level-top { font-size: 14px; } /**** Testimonial *****/ .section-title { /*font-size: 40px;*/ } .testimonial-sec { /*min-height: 600px;*/ } .mane_box .position-name { font-size: 15px; } .mane_box .submitter-name { font-size: 15px; } .blog-sec { /*padding-bottom: 50px;*/ } /*****/ /***** Product Listing page ***/ .page-products .columns { margin-bottom: 30px; } .category-view { padding: 50px 0; } /***** Footer *****/ .page-footer { padding-top: 38px; /*padding-bottom: 40px;*/ } .page-footer .section-number { top: 66px; } .control { position: relative; } .custom-footer-links-container .container > div > h6 { /*font-size: 16px; margin-bottom: 20px;*/ } .footer.content ul > li a, .custom-footer-links-container .container > div .footer-contact, .custom-footer-links-container .container > div .footer-contact a { font-size: 12px; } .footer.content ul > li { /*margin-bottom: 8px;*/ } .custom-footer-links-container-bottom > div.container > div.quick-link-block .title strong { /*font-size: 18px;*/ } /****/ .section-number { top: 80px; } } @media (max-width:1499px) { .testimonial_item .testimonial-title { /*margin: -5px 0 11px;*/ } .blog-sec > div.container { /*padding-left: 100px;*/ } .navigation li.level1 > ul.no_mega_menu > li > a { padding: 10px; font-size: 15px; } .header-top-wrap > div ul li > ul.submenu li a { padding: 10px; } .product.info.detailed { margin-bottom: 60px; } .product.data.items > .item.title > .switch { /*font-size: 23px;*/ } .product.data.items > .item.content { margin-top: 30px !important; } .product.data.items > .item.title { padding-left: 5.5%; } } @media (max-width:1451px) { .navigation > ul > li { margin: 0 16px; } .navigation .level1 + .level1:after { margin-left: -18px; } } @media (max-width:1399px) { .page-products .products-grid .product-item { width: 33.33%; } .page-products .products-grid .product-items > .product-item { box-sizing: border-box; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } .submenu_wrapper > div.submenu_wrapper_right { width: 330px; } .submenu_wrapper_left { padding-right: 30px; } .submenu-inner > ul:before { /*left: 315px !important;*/ } .submenu_wrapper > div.submenu_wrapper_left { width: calc(100% - 330px) } .submenu-inner > ul > li > a { width: 260px; } .submenu-inner > ul > li { /*width: 270px;*/ } .submenu_wrapper { /*left: 270px; width: calc(100% - 270px);*/ } .submenu-inner > ul { height: auto; } .custom-footer-links-container .container > div:nth-child(1) { width: 22.1%; padding-right: 30px; } .custom-footer-links-container .container > div:nth-child(2) { width: 24.7%; padding-right: 30px; } .custom-footer-links-container .container > div:nth-child(3) { width: 12.3%; padding-right: 30px; } .custom-footer-links-container .container > div:nth-child(4) { width: 18.6%; padding-right: 30px; } .custom-footer-links-container .container > div:nth-child(5) { width: 24.4%; } .social-link ul li + li { margin-left: 8px !important; } .about-box-wrap > div .box-cont-sec{ padding: 10px 20px; } .cms-page-view .column.main .box-one .box-cont-sec p{ font-size: 15px; } .about-main{ padding: 0; } .brand-sec{ padding-top: 40px; } .brand-logo-sec > ul > li{ margin-top: 40px; margin-bottom: 0; } } @media (max-width:1351px) { .navigation > ul > li { margin: 0 15px; } .navigation .level1 + .level1:after { margin-left: -15px; } } @media (max-width:1251px) { .navigation > ul > li { margin: 0 10px; } .navigation .level1 + .level1:after { margin-left: -10px; } } @media (max-width:1199px) { .catogary-top-box > div .category-seo-top-contain{ max-height: 150px; } .catogary-top-box > div .category-seo-top-contain h2{ font-size: 18px; } body:not(.cms-home) .featured-product-section .section-title { font-size: 28px; } /***** 404 *****/ h1.heading { font-size: 64px; } .not-found-wrap:before { font-size: 400px; } .not-found-wrap { padding: 100px 0; } .not-found-inner p { font-size: 14px; } h1.heading span { font-size: 90px; } /*****/ #sharing > div h5 { font-size: 16px; } #sharing > div.share-col-left { width: 116px; } .btn-box-sec.actions-toolbar .secondary a.action.back { height: 40px; font-size: 15px; line-height: 36px; } .submenu-inner > ul > li > a { width: 220px; } .submenu_wrapper { left: 220px; width: calc(100% - 220px); } .submenu_wrapper > div.submenu_wrapper_right { width: 290px; } .submenu_wrapper > div.submenu_wrapper_left { width: calc(100% - 290px) } .submenu-inner > ul > li { width: 200px !important; } .submenu-inner > ul:before { left: 254px !important; } .submenu_wrapper_left > ul > li > a { padding: 9px 10px 11px !important; font-size: 14px !important; } .submenu-inner { padding: 15px !important; } .navigation .level1 > a { font-size: 11px; } .navigation > ul > li { margin: 0 15px; } .navigation .level1 + .level1:after { height: calc(100% - 13px); margin-left: -15px; } h1 { font-size: 40px; } h2 { font-size: 30px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } .modal-popup.confirm .modal-inner-wrap .modal-content { font-size: 14px; } .action.primary { font-size: 15px; padding: 0 10px; height: 40px; line-height: 36px; min-width: 140px; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { font-size: 15px; height: 40px; } .control.captcha-image .captcha-img img { max-width: 156px; } button.captcha-reload { padding: 6px 7px; height: 40px; width: 40px; } .control.captcha { padding-right: 230px; } select { font-size: 15px; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { font-size: 15px; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { font-size: 15px; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { font-size: 15px; } /****/ .form.password.reset .actions-toolbar .secondary a.action, .form.send.confirmation .actions-toolbar .secondary a.action, .form.password.forget .actions-toolbar .secondary a.action, .form.search.advanced .actions-toolbar .secondary a.action, .form.form-orders-search .actions-toolbar .secondary a.action { height: 40px; line-height: 34px; } .actions-toolbar .secondary a.action.back { height: 40px; line-height: 36px; font-size: 15px; } .table-wrapper.order-items { width: 100%; overflow: auto; box-sizing: border-box; } /***** Mega menu *****/ .navigation .level0 { padding: 0 8px; } .navigation .level0 + .level0:after { margin-left: -15px; } .menu-scroll { max-height: calc(100vh - 200px); } .submenu-inner > ul > li > a, .submenu-inner > ul > li > .category-inner-wrap > a { font-size: 13px; } .submenu-inner > ul > li > .category-inner-wrap > ul { margin-top: 10px; } .submenu-inner > ul > li > .category-inner-wrap > ul > li > a { font-size: 13px; } .submenu-inner > ul > li > .category-inner-wrap > .column-wrap.image { width: 75px; } .submenu-inner > ul > li > .category-inner-wrap { padding-left: 90px; min-height: 90px; } /***** cms *****/ .cms-page-view .column.main { font-size: 15px; } .cms-page-view .column.main p { margin-bottom: 15px; } .cms-page-view .column.main p:last-child { margin-bottom: 0; } .table-box table tr td, .table-box table tr th { font-size: 15px; } .pages .items { padding: 5px 0 !important; } .pages .item { font-size: 14px; height: 24px; } .pages strong.page { width: 24px; } .pages a.page { width: 36px; } .pages strong.page { width: 36px; } .pages .action.next { width: 42px; margin-right: 5px; } .pages .action.next:after, .pages .action.previous:after { background-size: 16px; } .pages .action.previous { width: 42px; margin-left: 5px; } .pages strong.page { font-size: 14px; } /****/ /***** My Account page css Start *****/ .petrotec-filtration-form-whole > div.left-section form .fieldset > div.captcha, .petrotec-filtration-form-whole > div.right-section form .fieldset > div.captcha { width: 100%; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div, .petrotec-filtration-form-whole > div.right-section form .fieldset > div { width: 33.33%; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div, .petrotec-filtration-form-whole > div.right-section form .fieldset > div { margin-bottom: 15px; } .customer-review.view .review-details .review-content { font-size: 15px; } .customer-review.view .review-details .review-title { font-size: 18px; } .customer-review.view .product-details > div.product-info .product-name { font-size: 24px; } .customer-review.view .product-details .rating-average-label { margin-top: 15px; font-size: 15px; } .customer-review.view .product-details .product-reviews-summary > div.reviews-actions a { font-size: 15px; } .customer-review.view .product-details > div.product-media { width: 250px; } .customer-review.view .product-details > div.product-media .product-image-container { width: 240px !important; } html body.account .page-main .block .block-content table tbody tr td .price-including-tax .price, body.account .table-wrapper table tbody tr td .price-including-tax .price, html body.account .page-main .block .block-content table tbody tr td .price-excluding-tax .price, body.account .table-wrapper table tbody tr td .price-excluding-tax .price { font-size: 15px; } .order-links .item a, .order-links .item strong { font-size: 14px; } .order-info-wrap > div span.label { font-size: 15px; } .order-links .item a:after, .order-links .item strong:after { bottom: -3px; } .order-details-items .order-title strong { font-size: 16px; } html body.account .page-main tfoot tr .mark { font-size: 14px; } html body.account .page-main .table tfoot tr .amount { font-size: 14px; } html body.account .page-main .block.block-order-details-comments .block-content { font-size: 15px; } .order-details-items .actions-toolbar a { font-size: 14px; } .order-title a { font-size: 14px; } .order-actions-toolbar a { font-size: 15px; } html body.account .page-main table tfoot tr.grand_total th, html body.account .page-main table tfoot tr.grand_total td.amount, body.account .table-wrapper table tfoot tr.grand_total th, body.account .table-wrapper table tfoot tr.grand_total td.amount { font-size: 20px; } .petrotec-filtration-form-whole > div.left-section .page-title h1, .petrotec-filtration-form-whole > div.right-section .page-title h1 { font-size: 24px; } .page-main > .page-title-wrapper .page-title { margin-bottom: 20px !important; } fieldset.fieldset.password, .field.password-info, fieldset.fieldset.info { margin-bottom: 20px; } .form-address-edit .fieldset>.legend { font-size: 20px; margin-bottom: 15px; } form.form-newsletter-manage .fieldset { margin-bottom: 30px; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 25% !important; } .account.page-layout-2columns-left .column.main { width: 75% !important; } .account .page-title-wrapper .page-title { font-size: 34px; margin-bottom: 20px !important; } .account-nav .item a, .account-nav .item > strong { font-size: 14px; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { font-size: 15px; } html body.account .page-main .block .block-content table thead tr th, body.account .table-wrapper table thead tr th { font-size: 15px; } html body.account .page-main .block .block-title strong { font-size: 17px !important; } html body.account .page-main .block .block-content { padding: 20px 15px 20px; } .account .column.main .block:not(.widget) .box-title { font-size: 16px; } html body.account .page-main .block.block-reviews-dashboard .block-content ol li .product-name a, body.account .table-wrapper table tbody tr td strong.product-name a { font-size: 15px; } .rating-summary span.label { font-size: 13px; } .form-edit-account .fieldset > .legend { font-size: 20px; margin-bottom: 15px; } html body.account .page-main .block .block-content .box-actions { margin-top: } .account .page-main .block { margin-bottom: 20px; } .account .page-footer { margin-top: 20px; } /***** Paypal Page ****/ .paypal-express-review .page-main > .page-title-wrapper .page-title { font-size: 35px; margin-bottom: 20px !important; } .paypal-review .block .box-title { font-size: 18px; } .block-content .box .box-content { font-size: 15px; } .paypal-review .block .box-actions a.action.edit { height: 45px; line-height: 40px; font-size: 15px; } .paypal-review .paypal-review-title > strong { font-size: 20px; } .paypal-review .opc-block-summary tr th, .paypal-review .opc-block-summary tr td { font-size: 18px; } /***** Quote Page *****/ .cart-summary-wrapper-out .quote-details { width: calc(100% - 24px); } .cart-summary-wrapper-out .quote-details strong.title { font-size: 15px; margin-bottom: 10px; padding-bottom: 10px; } .cart-summary-wrapper-out .quote-details { padding-top: 9px; } /***** Order Sucsses page ****/ .checkout-success h1.page-title { font-size: 34px; } .checkout-success p.order-id { font-size: 26px; } .checkout-success p.information { font-size: 14px; } /***** Checkout page *****/ dl.items.check.payable dt.title { font-size: 15px; } dl.items.check.payable dd.content { font-size: 15px; } .modal-popup .modal-content { font-size: 15px; } .checkout-billing-address .billing-address-details { font-size: 15px; } .opc-wrapper .action-show-popup { line-height: 35px; } .opc-wrapper .shipping-address-item { font-size: 15px; line-height: 24px; } .opc-wrapper .shipping-address-item strong { font-size: 14px; } .checkout-payment-method .payment-option-title .action-toggle { font-size: 14px; } .opc-payment-additional { padding: 15px; } .opc-wrapper .form-discount .actions-toolbar button { height: 45px; font-size: 15px; line-height: 36px; } .checkout-payment-method .payment-option-inner input { height: 45px; } body.checkout-index-index .page-main { padding-top: 40px; } .checkout-index-index .checkout-header .title { font-size: 35px; } .checkout-index-index .checkout-header .description { font-size: 15px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { font-size: 18px; } .checkout-block { padding: 12px 15px 15px; } .checkout-block { margin-bottom: 20px; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-columns .checkout-column { padding: 10px; } .am-opc-wrapper { margin: 0 -10px; } .checkout-index-index .checkout-header { margin-bottom: 20px; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; } .actions-toolbar .secondary a.action.remind { font-size: 14px; } .checkout-index-index .opc-block-summary p.step-title.amcheckout-title { width: calc(100% - 30px); } .checkout-index-index .opc-block-summary .block.items-in-cart { width: calc(100% - 30px); } .checkout-index-index .opc-block-summary .minicart-items .product-image-container { width: 90px !important; height: 90px !important; } .checkout-index-index .opc-block-summary .minicart-items .product-image-container img { width: 100%; height: auto; } .checkout-index-index .opc-block-summary .minicart-items .product-item-details { padding-left: 105px; } .opc-block-summary .product-item .product-item-inner { min-height: 90px; } .checkout-index-index .minicart-items .product-item-details .details-qty { font-size: 15px; } .checkout-index-index .minicart-items .product-item-details .details-qty .label { font-size: 15px; } .checkout-payment-method .payment-method-title { padding: 15px 0 10px; } .column.main .block .title strong { font-size: 15px; } .opc-block-summary .items-in-cart > .title { padding: 10px 40px 11px 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button { font-size: 15px; word-break: break-word; } .table-checkout-shipping-method tbody td { padding-top: 15px; padding-bottom: 15px; font-size: 15px; } .table-checkout-shipping-method tbody tr td:first-child label { width: 21px; height: 21px; } /**** empty cart *****/ h1.page-title { font-size: 30px; } .cart-empty p.small-title { font-size: 24px; } .cart-empty p.xsmall-title { font-size: 18px; } .no-item-class .cart-empty .cart-icon { margin-bottom: 30px; } .cart-empty { margin-bottom: 20px; } /***** sidebar form *****/ .sidebar-form-title h3 { font-size: 20px; } .sidebar-form-title .close-sticky-form svg { height: 24px; width: 24px; } .footer-contact-sidebar-form { width: 420px; } .sidebar-contact-form-wrap .sidebar-contact-form-wrap .contact-box-form > div textarea { height: 90px; } .sidebar-contact-form-wrap .control.captcha > div.nested { position: inherit; top: inherit; right: inherit; margin-top: 20px; } .sidebar-form-title .close-sticky-form { padding: 12px 9px; } .sidebar-contact-form-wrap .control.captcha { padding-right: 0; } /***** Shopping cart page *****/ .checkout-cart-index .page-title-wrapper h1, .amasty_quote-cart-index .page-title-wrapper h1 { font-size: 35px; margin-bottom: 20px !important; } .checkout-cart-index .page-main { padding-top: 30px; } .table-wrapper table thead tr th { font-size: 15px; } .cart.table-wrapper .col .price-including-tax, .cart.table-wrapper .col .price-excluding-tax { font-size: 15px; } .cart.table-wrapper .col { font-size: 15px; } .table-wrapper table thead tr th:first-child { padding-left: 10px; } .cart.table-wrapper .item .col.item:first-child { padding-left: 10px; width: 70px; } .block-cart-failed .action.continue span, .cart-container .form-cart .action.continue span { line-height: 40px; } .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update, .cart-container .form-cart .clear-quote { height: 45px; line-height: 40px; padding: 0 10px; font-size: 15px; } #discount-coupon-form .fieldset .field > label { font-size: 14px; } .cart-discount { padding: 15px; } #discount-coupon-form .fieldset { padding-left: 119px; padding-right: 150px; } #discount-coupon-form .fieldset .actions-toolbar button { min-width: 130px; height: 45px; line-height: 40px; font-size: 15px; } #discount-coupon-form .fieldset .field input[type="text"] { height: 45px; } strong.summary.title { font-size: 18px; margin: 12px auto 12px; width: calc(100% - 24px); } .cart-summary .block { width: calc(100% - 24px) } .column.main .cart-summary .block > .title strong, .column.main .paypal-review-discount .block > .title strong { font-size: 15px; } .cart-summary .block > .title, .paypal-review-discount .block > .title { padding: 10px 30px 10px 0; } .choice:not(.review-field-rating) input[type="radio"] + label:after { width: 21px; height: 21px; } .choice:not(.review-field-rating) input[type="radio"] + label:before { left: 6px; width: 9px !important; height: 9px !important; top: 6px; } .block-cart-failed .action.clear span, .block-cart-failed .action.update span, .cart-container .form-cart .action.clear span, .cart-container .form-cart .action.update span, .cart-container .cart-gift-item .action.clear span, .cart-container .cart-gift-item .action.update span { line-height: 38px; } .table.totals tr:first-child td, .table.totals tr:first-child th, .table-totals tbody tr:first-child td, .table-totals tbody tr:first-child th { padding-top: 16px !important; } .cart-totals .mark, .opc-block-summary .table-totals .mark { font-size: 14px; padding-left: 10px; padding-bottom: 4px; } .table.totals tr:nth-last-child(2) td, .table.totals tr:nth-last-child(2) th, .table-totals tbody tr:nth-last-child(2) td, .table-totals tbody tr:nth-last-child(2) th { padding-bottom: 12px !important; } .cart-totals .amount, .opc-block-summary .table-totals .amount { font-size: 14px; padding-right: 10px; padding-bottom: 4px; } .cart-container .checkout-methods-items .action.primary { height: 45px; line-height: 34px; font-size: 14px; } .cart-container .checkout-methods-items .item a { height: 45px; line-height: 36px; font-size: 14px; } .table.totals .grand .mark, .table.totals .grand .amount, .opc-block-summary .table-totals .grand .mark, .opc-block-summary .table-totals .grand .amount { font-size: 19px; } .cart-container { margin-bottom: 0; } /***** Minicart *****/ .minicart-wrapper .block-minicart { margin-top: 10px; } .minicart-wrapper .block-minicart .block-title { font-size: 14px; padding: 12px; } .minicart-wrapper .action.close { height: 40px; } .minicart-items .product-item-details .product-item-name a { font-size: 14px; } .minicart-items .product-item-details .price { font-size: 14px; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 20px; } .block-minicart .subtotal > div, .block-minicart .subtotal > span { font-size: 14px; } .block-minicart .actions .secondary a.viewcart, .block-minicart .block-content > .actions > div button { font-size: 16px; height: 45px; line-height: 40px; } /****/ .form-wrap > div textarea { height: 110px; } /*****/ /****/ .distributors_list_view .contactleft { font-size: 15px; } .distributors_list_view .contactleft ul { margin-bottom: 10px; } .distributors_list_view .contactleft > ul:last-child { margin-bottom: 0; } .distributors_list_view .contactright .section-title-sec .section-title { font-size: 26px; } .choice:not(.review-field-rating) input[type="radio"] + label, .choice:not(.review-field-rating) input[type="checkbox"] + label { font-size: 15px; padding-left: 30px; line-height: 1.35; } .choice:not(.review-field-rating) input[type="radio"] + label span, .choice:not(.review-field-rating) input[type="checkbox"] + label span { display: inline-block; vertical-align: top; } .choice:not(.review-field-rating) input[type="checkbox"] + label:before { width: 20px; height: 20px; background-size: 15px; } .choice:not(.review-field-rating) input[type="checkbox"] + label:after { width: 20px; height: 20px; } /***** Share With Friends *****/ .actions-toolbar.add-inv-btn .btn { line-height: 36px; } #recipients-options .additional .actions-toolbar .btn { height: 40px; line-height: 36px; } .friend-form-wrap > div textarea { height: 110px; } /***** Product Detail page *****/ .modal-popup .modal-title { font-size: 20px; } .modal-slide.product-enquiry .action-close { width: 54px; height: 54px; } .product-enquiry .form-wrap > div.product-information > div span.label-text { font-size: 18px; } .product-enquiry .form-wrap > div.product-information > div { padding-left: 140px; } .product-enquiry .form-wrap > div.product-information > div input { font-size: 18px; } .social-link ul li a { width: 40px; height: 40px; padding: 7px; } #product-review-container .block-title strong { font-size: 20px; } .review-content { font-size: 15px; } .review-title { font-size: 14px; } .page-layout-1column .product.media { width: 45%; } .page-layout-1column .product-info-main { width: 55%; } section.featured-product-section { padding: 40px 15px 40px; } .featured-product-section .section-title { margin-bottom: 25px; } .owl-loaded .owl-dots { margin-top: 15px; } .table.grouped tbody tr td span.product-image-container { width: 90px !important; } .table.grouped tbody tr td:first-child { width: 100px; padding-left: 10px; } .table.grouped .price-box .price { font-size: 15px; } .table.grouped tbody tr td { font-size: 15px; } .table.grouped > thead > tr > th { font-size: 15px; padding: 10px 6px 12px 6px; } .table.grouped tbody tr td { padding: 6px; } .custom_product_addtocart ~ .product.info.detailed { margin-top: 40px; } .breadcrumbs a { font-size: 14px; } .breadcrumbs strong { font-size: 14px; } .product-info-main .page-title-wrapper .page-title { font-size: 28px; } .page-layout-1column .product-info-main { padding-left: 30px; } .product-info-stock-sku > div { font-size: 15px; } .product-info-stock-sku div.stock span:after { top: -1px; } .product-info-stock-sku > div.stock-wrapper { padding-left: 105px; } .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price { font-size: 28px; } .product-info-main .price-box span.price-wrapper:after { font-size: 14px; } .product-info-main .product.attribute.overview, .product-info-price .product-usage-description { font-size: 15px; margin-top: 10px; } .product-price-wrraper-main { margin-top: 15px; } .fieldset.button-box-sec > div button.amquote-addto-button span, .product-add-form button.amquote-addto-button span { line-height: 35px; } .product-info-main .product-reviews-summary .reviews-actions { font-size: 15px; } .fieldset.button-box-sec > div button.amquote-addto-button, .product-add-form button.amquote-addto-button { min-width: 160px; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { height: 40px; font-size: 15px; padding: 0 10px; } .product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty { height: 38px; } .qty-increment .label { font-size: 15px; line-height: 40px; } .product-info-main .product-social-links { margin-top: 20px; } .product-info-main .product-social-links > a { font-size: 15px; /*width: 133px;*/ } .fieldset.button-box-sec { margin-top: 18px; } .product-info-wrraper { margin-bottom: 40px; } .product.data.items > .item.title > .switch { font-size: 16px; padding-bottom: 15px; } .product.data.items > .item.content { margin-top: 28px !important; font-size: 15px; padding-top: 20px !important; } .product.data.items { margin-bottom: 0; } .product.data.items > .item.title { padding-left: 4%; } .product-info-main .page-title-wrapper .page-title { margin-top: -9px; } .catalog-product-view .page-main { padding-top: 40px; } .product.data.items > .item.content .table-wrapper table tr td, .product.data.items > .item.content .table-wrapper table tr th { font-size: 15px; } .section-title { font-size: 28px; } .fieldset .review-legend.legend { font-size: 14px; padding-left: 135px; } .product.data.items > .item.content .am-fileline-wrap > div.file-name a { font-size: 15px; } .am-fileline-wrap > div.file-icon { width: 25px; } /***** Product Listing page *****/ /***** Product List View *****/ .products-list .product-item-details .product-item-name, .products-list .product-item-details .product-item-name a { font-size: 28px; } .products-list .product-item .price-box .price { font-size: 18px; } .products-list .product-item .price-box span.price-wrapper:after { top: 2px; } .products-list .product-item { margin-bottom: 20px; } .products-list .product-item-details > .product-item-inner .product-item-description { font-size: 14px; } .products-list .product-item-details a.action.more { font-size: 14px; } .products.wrapper(.grid.products-grid) .product-items.list { margin: 0 !important; } .products-list { padding: 0; } /*****/ .toolbar-products > div label { font-size: 13px; } .toolbar-products > div select { font-size: 14px; margin-left: 10px; } .toolbar-amount { font-size: 14px; } /***** Search *****/ p.amasty-xsearch-block-header, .amasty-xsearch-block-header { font-size: 15px; padding: 10px 15px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-link { font-size: 16px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box .price { font-size: 16px; } .amsearch-item-container .amsearch-item .item-name { font-size: 16px; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner a { font-size: 14px; } .amsearch-item-container .amsearch-item .item-description { font-size: 13px; margin-top: 8px; } .amsearch-item-container .amsearch-item { padding: 10px 15px; padding-right: 140px; } .amsearch-more-results a { font-size: 15px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information { padding-left: 10px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-description { font-size: 13px; margin-top: 8px; } .search-autocomplete { padding: 10px; padding-top: 10px !important; } .amsearch-wrapper-content .product-item { padding: 10px 15px; } .amsearch-item-container .amsearch-item:after { width: calc(100% - 30px); } .amsearch-wrapper-content .product-item:after { width: calc(100% - 30px); } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box > span { font-size: 16px; } /***** Resource page ******/ .downloadcatalogue_view ul li { padding: 0 10px; margin-bottom: 20px; } .downloadcatalogue_view ul { margin: 0 -10px; } p.catalogues_name { padding-top: 5px; font-size: 15px; } span.span-icon.download-icon { width: 40px; height: 40px; } span.span-icon.download-icon svg { width: 20px; height: 20px; } /***** blog Detail page *****/ .post-view .post-list-content .post-post_content { font-size: 15px; } .post-view .post-list-content .post-view-image { width: 400px; } /**** Blog Listing page *****/ body.mpblog-post-index .post-short-description { height: 60px; } .mp-sidebar .data.item.title a { padding: 10px !important; font-size: 20px !important; } body.mpblog-post-index .post-list-body .post-list-item { padding: 0 10px; margin-bottom: 20px; } body.mpblog-post-index .post-list-body { margin: 0 -10px; } /***** Project page *****/ .projects-index-index .eqProject { font-size: 15px; } .fancyWrapDiv > a span.view-icon { bottom: 15px; right: 15px; } .fancyWrapDiv > a span.view-icon svg { width: 24px; height: 15px; } .projects_view ul { margin: 0 -10px; } .projects_view ul li { padding: 0 10px; margin-bottom: 20px; } .fancyWrapDiv > a span.view-icon { width: 40px; height: 40px; } /***** Gallery page *****/ .catalog-img-wrapper { padding: 5px; } /**** Header *****/ .header-content-main > div.header-content-right > div > div.block-title, .header-hover-login .login-account-icon, .header-call-section .header-top-left a, .minicart-wrapper > a.showcart, .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a { width: 40px; height: 40px; padding: 6px 8px; } .minicart-wrapper .action.showcart { padding: 8px 5px; } .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a { padding: 6px 9px; } .minicart-wrapper .action.showcart .counter.qty, .header-content-main > div.header-content-right > div.amquote-cart-wrapper > a span.counter.qty { /*top: 2px; right: 2px;*/ } .header-content-main > div.header-content-right { width: 293px; ; } .header-content-main > div.header-content-logo-main { width: 233px; } .header-content-main > div.header-content-inner { padding-left: 30px; } .navigation .level0 > .level-top { font-size: 12px; padding: 7px 0; } .navigation .level0.active > .level-top:after { /* height: 22px; */ } .logo img { max-width: 200px; } .sticky .logo img { max-width: 200px; } .sticky .navigation .level0 > .level-top { /* padding-top: 21px; */ } body { margin-top: 156px; } .header-content-main > div.header-content-logo-main .home-banner-call { padding-top: 8px; padding-bottom: 8px; } .video-button > span.video-text { font-size: 15px; padding-left: 10px; } .video-button > span.video-icon { width: 45px; height: 45px; } .phone-main > div.call-text a { padding: 0; width: auto; height: auto; font-size: 15px; } .phone-main > div.call-text span { font-size: 13px; } .phone-main { /*height: 40px;*/ } .phone-main > div.call-icon a { /*width: auto; height: auto; padding: 0; display: inline-block;*/ } .phone-main > div.call-icon svg { width: 24px; height: 24px; } .header-content-main > div.header-content-center .block.block-search { max-width: 400px; } /****/ /***** Search *****/ .block-search .block-content form.minisearch input { /*height: 60px; padding-right: 220px;*/ } /*.homebanner-section ~ .block.block-search, .block.block-search { top: -45px; } .block-search .block-content { padding: 15px; } .block-search .action.search { width: 200px; }*/ .header-content-main > div.header-content-center .block-search .block-content form.minisearch input { height: 40px; padding-right: 50px; } .header-content-main > div.header-content-center .block-search .action.search { width: 40px; } .header-content-main > div.header-content-center .block-search .action.search:before { background-size: 22px; } .header-content-main > div.header-content-center { padding: 10px 20px; } /***** About Section *****/ .about-discription p.small-title { font-size: 14px; } .about-discription { font-size: 15px; } .section-title { font-size: 34px; } .about-cont-inner { padding-left: 50px; } .about-discription { max-height: 210px; overflow: hidden; overflow-y: auto; } .btn { font-size: 15px; padding: 0 10px; min-width: 110px; height: 40px; line-height: 35px; } .cms-home .page-main { padding-top: 0; } /****/ /**** Special Section *****/ .download-box .news-img a { width: 60px; height: 59px; } .special-cont { font-size: 14px; } .special-box-wrap > div.description-box .news-box-inner-box { padding-left: 50px; } .news-box-inner-box .news-title h6 { font-size: 16px; } .sp-product-box h3 { font-size: 24px; } .special-box-wrap > div.special-product-box .news-box-inner-box { padding: 15px; } .sp-product-box p { font-size: 15px; } .sp-product-box .button-arrow { margin-top: 40px; } .button-arrow a { font-size: 15px; } /***/ /**** Home News *****/ .blog-sec > div.container { padding-left: 50px; } .news-box-inner-box .news-title { padding: 15px; } .special-sec { padding-top: 70px; padding-bottom: 30px; margin-top: -20px; } #home-mpblog-list-container .section-title-sec .sub-section-title { font-size: 15px; margin-bottom: 10px; } .our-news-info-section { font-size: 15px; } .homepage-news .owl-nav { /*padding: 0 15px; top: 205px;*/ } .post-list-item .post-item-wraper > div.post-info-wraper { /*padding: 15px;*/ } .mp-date { font-size: 13px; margin-bottom: 5px; } .post-info-wraper h2.mp-post-title { font-size: 16px; height: 40px; } .post-short-description { font-size: 14px; height: 60px; } .mp-read-more { margin-top: 12px; } .blog-sec { padding-bottom: 40px; } /***/ /***** Testimonial *****/ .testimonial-sec > .container { top: -80px; padding: 33px 30px 30px 15px; } .testimonial_item .testimonial-title { font-size: 18px; margin-top: 0; } .testimonial-cont { font-size: 14px; margin-bottom: 15px; } .mane_box .submitter-name { font-size: 14px; } .mane_box .position-name { font-size: 14px; margin-top: 5px; } section.testimonial-sec-wrap { padding-top: 80px; } .testimonial-sec { /*min-height: 500px;*/ } div#sidebarslider { width: 40px; height: 170px; } span.text_box { top: 43px; font-size: 16px; right: 59px; height: 30px; width: 130px; } div#sidebarslider svg { right: 5px; } .section-number { top: 20px; } /***/ /**** Footer *****/ .footer.content { padding-left: 35px; padding-right: 35px; } /**** Footer ****/ .custom-footer-links-container .container > div:nth-child(1) { width: 100%; display: block; padding-right: 0; text-align: center; margin-bottom: 30px; } .social-link { margin-top: 15px; } .custom-footer-links-container .container { display: block; font-size: 0; } .custom-footer-links-container .container > div:nth-child(2) { width: 25%; } .custom-footer-links-container .container > div:nth-child(3) { width: 25%; } .custom-footer-links-container .container > div:nth-child(4) { width: 25%; } .custom-footer-links-container .container > div { width: 25%; box-sizing: border-box; display: inline-block; vertical-align: top; } small.copyright { font-size: 13px !important; } .page-footer { padding-top: 30px; /*padding-bottom: 30px;*/ } .cms-home .page-footer .section-number { top: 40px; } /***/ .owl-nav .owl-next, .owl-nav .owl-prev { height: 35px; width: 60px; } .owl-nav:after { top: 5px; } .testimonial-sec .owl-nav:after { left: 60px; } .about-slider .owl-nav:after { right: 75px; } .homebanner-section .owl-nav:after { right: 75px; } /***/ /***** Category Liting page *****/ .category-breadcrumbs-wrapper .page-title { font-size: 34px; } .category-breadcrumbs-wrapper .breadcrumbs { margin-top: 10px; } .category-breadcrumbs-wrapper .breadcrumbs a, .category-breadcrumbs-wrapper .breadcrumbs strong { font-size: 15px; } .sub-category-item-inner .name_box { padding: 0 10px; bottom: 10px; } .sub-category-item-inner .name_box a.cat_name_link { font-size: 13px; } .category-view { padding: 30px 0; } .sub-cate-inner > div { width: 25%; } .category-top-section .category-image img.lazyloaded { min-width: 120%; } /****/ /**** Product Listing page *****/ .page-layout-2columns-left .sidebar-main { width: 270px; } .page-layout-2columns-left .column.main { width: calc(100% - 270px); padding-left: 20px; } .products-grid .product-items { margin: 0 -10px; } .page-products .products-grid > .product-items { margin-left: -10px; margin-right: -10px; } .page-products .products-grid .product-item { padding: 0 10px; margin-bottom: 20px; width: 33.33%; } .main-headinge-cat, .block.filter .filter-title strong { font-size: 16px; } .category-leftnav-section-inner > ul > li > ul > li > a { padding-left: 20px; } .category-leftnav-section-inner > ul > li > ul > li > ul > li > a { padding-left: 30px; } .page-products .columns { margin-bottom: 0; } .toolbar-products { margin-bottom: 20px; } .product-item-details > .product-item-inner .product-item-actions > div button { width: 40px; height: 40px; } .view-icon .btn { width: 40px; height: 40px; padding: 10px 0; } .product-item-details { padding: 20px 15px; } .product-item-name, .product.name a { font-size: 15px; } .product-item .price-box .price { font-size: 15px; } .product-item .price-box > span { font-size: 15px; margin: 0 5px; } .product-item .price-box span.price-wrapper { font-size: 15px; } .product-item .price-box { margin-top: 8px; } .product.info.detailed { margin-bottom: 60px; } /****/ .blog-comment > h2 { font-size: 30px; } .default-cmt__content button.primary.btn-primary, .default-cmt__cmt-login button.primary.btn-primary { font-size: 15px; padding: 0 10px; height: 40px; line-height: 36px; min-width: 140px; } div.default-cmt__content__cmt-content { margin-top: 20px; } .gallery_list_view > div { width: 25%; } } @media (max-width:1110px) { .navigation > ul > li { margin: 0 9px; } .navigation .level1 + .level1:after { margin-left: -9px; } } @media (max-width:1070px) { h1 { font-size: 35px; } h2 { font-size: 30px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } .checkout-success h1.page-title { font-size: 30px; } .checkout-success p.order-id { font-size: 24px; } .checkout-success p.information { font-size: 15px; } /****/ } @media (max-width:1023px) { .products-list .product-item-details .list-sku { font-size: 14px; } body:not(.cms-home) .featured-product-section .section-title { font-size: 24px; } .submenu-inner > ul { height: auto; } h1 { font-size: 35px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /*****/ .navigation .level0 + .level0:after { margin-left: -10px; } /***** Search *****/ .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-link { font-size: 14px; } .amsearch-item-container .amsearch-item .item-name { font-size: 14px; } .amsearch-item-container .amsearch-item { padding: 7px 15px 10px; padding-right: 120px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-description { font-size: 12px; margin-top: 5px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box .price { font-size: 14px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box > span { font-size: 14px; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner a { font-size: 12px; } /***** My Account Page *****/ .petrotec-filtration-form-whole > div.left-section form .fieldset > div, .petrotec-filtration-form-whole > div.right-section form .fieldset > div { width: 33.33%; } .block-addresses-list .items.addresses li address { font-size: 14px; min-height: 200px; } .account .page-title-wrapper .page-title { font-size: 30px; margin-bottom: 20px !important; } html body.account .page-main .block .block-content table thead tr th, body.account .table-wrapper table thead tr th { font-size: 14px; padding: 10px; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { font-size: 14px; } /**** Paypal page *****/ .paypal-express-review .page-main > .page-title-wrapper .page-title { font-size: 30px; margin-bottom: 20px !important; } /***** Shopping cart ****/ .checkout-cart-index .page-title-wrapper h1, .amasty_quote-cart-index .page-title-wrapper h1 { font-size: 30px; margin-bottom: 15px !important; padding-bottom: 9px; } /**** Header *****/ .header-content-main > div.header-content-inner { padding-left: 20px; } /***/ /*** Testimoanila ****/ .testimonial-sec > .container { top: -50px; } section.testimonial-sec-wrap { padding-top: 50px; } .section-title { font-size: 28px; } .special-box-wrap > div.description-box .news-box-inner-box { padding-left: 30px; } .news-box-inner-box .news-title h6 { font-size: 14px; } /****/ /*** special Section ****/ .sp-product-box h3 { font-size: 24px; } .sp-product-box p { font-size: 14px; } .sp-product-box .button-arrow { margin-top: 20px; } .blog-sec { padding-top: 30px; padding-bottom: 30px; } .our-news-info-section { padding-right: 30px; } #home-mpblog-list-container .section-title-sec { width: 350px; } .homepage-news #newslider { /*padding-left: 350px;*/ } /***/ /**** Category listing page *****/ .sub-category-item-inner .name_box a.cat_name_link { font-size: 13px; height: 40px; } } @media (min-width:768px) and (max-width:991px) { .search-autocomplete { min-width: 420px; } } @media (max-width:991px) { .catogary-top-box > div{ display: block; width: 100%; } .catogary-top-box{ display: block; margin-bottom: 30px; } .catogary-top-box > div + div{ padding-left: 0; padding-top: 20px; } .catogary-top-box > div .category-seo-top-contain{ max-height: 300px; } .footer.content { padding-left: 15px; padding-right: 15px; } .custom-footer-links-container .container > div { width: 100%; margin-bottom: 15px; } .custom-footer-links-container .container > div { margin-bottom: 0; display: none; display: block; width: 100% !important; padding: 0 !important; margin-bottom: 15px; } .custom-footer-links-container .container .footer-accordian-content { border: solid 1px #d9d9d9; border-top: 0; padding: 10px; display: none; width: 100% !important; box-sizing: border-box; } .custom-footer-links-container .container > div > h6:after { display: none; } .custom-footer-links-container .container > div > h6 { background: #ffffff; font-size: 16px; padding: 10px; border: solid 2px #202020; box-sizing: border-box; margin-bottom: 0; padding-right: 40px; position: relative; } .custom-footer-links-container .container > div > h6:before { position: absolute; top: 0; right: 0; width: 40px; height: 38px; display: block; content: ""; background: url(../images/arrow-white.svg) no-repeat center center; background-size: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .custom-footer-links-container .container > div > h6.active:before { transform: rotate(-180deg); } .custom-footer-links-container-bottom { margin-top: 0; text-align: center; } .custom-footer-links-container .container > div:nth-child(3) .quick-link-block ul + ul { padding-left: 15px; box-sizing: border-box; } h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .modal-popup .modal-title { font-size: 14px; } .modal-popup .modal-header { padding: 10px; } .category-breadcrumbs-wrapper .page-title { font-size: 24px; } body:not(.cms-home) .featured-product-section .section-title { font-size: 22px; } .product.info.detailed { margin-bottom: 40px; } /*****/ .product.data.items > .item.content .product-video-section .product-video-box { width: 50%; } body:not(.cms-home) section.featured-product-section { padding: 30px 0; } /***** 404 ******/ .not-found-wrap:before { font-size: 330px; } h1.heading { font-size: 44px; line-height: 1; } h1.heading span { font-size: 80px; } /***** My Account *****/ .customer-review.view .product-details > div.product-info .product-name { font-size: 20px; } .customer-review.view .product-details .rating-average-label { font-size: 14px; } .customer-review.view .product-details .product-reviews-summary > div.reviews-actions a { font-size: 14px; } .customer-review.view .review-details .review-title { font-size: 15px; } .customer-review.view .review-details .review-content { font-size: 14px; } html body.account .page-main .table tfoot tr:nth-child(1) td, html body.account .page-main .table tfoot tr:nth-child(1) th { padding-top: 16px; } html body.account .page-main .table tfoot tr:nth-last-child(2) td, html body.account .page-main .table tfoot tr:nth-last-child(2) th { padding-bottom: 16px; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 100% !important; position: inherit; top: inherit; left: inherit; margin: 0; padding: 0; z-index: 1; max-height: inherit; } .account.page-layout-2columns-left .column.main { width: 100% !important; } .account-nav .title { width: 100% !important; height: auto !important; margin: 0 !important; clip: inherit !important; padding: 10px !important; background: #202020; color: #fff; position: relative; padding-right: 40px !important; position: relative !important; box-sizing: border-box; height: 38px !important; } .account-nav .title strong { font-size: 18px; font-weight: normal; line-height: 1; font-family: 'OpenSans-SemiBold'; } .account-nav .title:after { position: absolute; top: 0; right: 0; width: 40px; height: 38px; display: block; content: ""; background: url(../images/arrow-white.svg) no-repeat center center; background-size: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .account-nav .title.active:after { transform: rotate(-180deg); } .account-nav .content { height: 0; -webkit-transform: scale(1, 0); -webkit-transform-origin: 0 0; -webkit-transition: -webkit-transform linear .3s, visibility 0s linear .3s; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear .3s, visibility 0s linear .3s; } .account-nav .content.active { height: auto; -webkit-transform: scale(1, 1); -webkit-transition: -webkit-transform linear .3s, visibility 0s linear 0s; transform: scale(1, 1); transition: transform linear .3s, visibility 0s linear 0s; } /***** Paypal page ****/ .paypal-express-review .page-main > .page-title-wrapper .page-title { font-size: 26px; } /***** Order Suscses page ****/ .checkout-success h1.page-title { font-size: 26px; } .checkout-success p.order-id { font-size: 20px; } /***** Checkout page *****/ .opc-wrapper .shipping-address-item { display: inline-block; vertical-align: top; width: calc(50% - 20px); margin: 0 10px; margin-bottom: 20px; font-size: 14px; min-height: 230px; line-height: 22px; } .opc-wrapper .shipping-address-item strong { font-size: 16px; } .opc-wrapper .shipping-address-items { margin: 0 -10px; } .checkout-index-index .opc-wrapper.am-opc-wrapper { float: none !important; width: 100%; margin: 0; padding: 0; } body.checkout-index-index .page-main { padding-top: 20px; } .checkout-index-index .checkout-header .title { font-size: 30px; padding-bottom: 10px; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-columns .checkout-column + .checkout-column { margin-top: 20px; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-columns .checkout-column { width: 100%; box-sizing: border-box; margin: 0; padding: 0; } .checkout-container { margin-bottom: 0; } .checkout-payment-method .actions-toolbar button.primary { max-width: 320px; float: none; margin: 0 auto; } .checkout-billing-address .billing-address-details { width: 50%; } /***** Empty cart ***/ h1.page-title { font-size: 24px; } .cart-empty p.small-title { font-size: 19px; } .cart-empty p.xsmall-title { font-size: 16px; } .empty-qty span:first-child { font-size: 40px; line-height: 0.9; } .no-item-class .empty-qty { width: 73px; height: 73px; left: -24px; } .no-item-class .cart-icon-inner .icon svg { width: 150px; height: 145px; } /***** Shopping Cart page *****/ .checkout-cart-index .page-title-wrapper h1, .amasty_quote-cart-index .page-title-wrapper h1 { font-size: 26px; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { float: none !important; width: 100% !important; padding-right: 0 !important; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; } .cart-summary { -ms-flex-order: 3; -webkit-order: 3; order: 3; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; float: none !important; width: 100% !important; max-width: 400px; margin: 0 auto; margin-top: 30px; } .cart-discount { box-sizing: border-box; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .cart-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /**** Product Detail page *****/ .info-box.contact-info { margin-top: 20px; } .product-enquiry .form-wrap > div.product-information > div span.label-text { font-size: 15px; line-height: 1; top: 12px; } .product-enquiry .form-wrap > div.product-information > div { padding-left: 115px; } .product-enquiry .form-wrap > div.product-information > div input { font-size: 15px; } .social-link ul li + li { margin-left: 5px !important; } .contact-details { margin-top: 10px; font-size: 15px; } .enquiry-box-wrap > div.enquiry-right { padding: 15px; } .enquiry-box-wrap > div.enquiry-right { width: 60%; } section.featured-product-section { padding: 30px 15px 30px; } .table.grouped > thead > tr > th { font-size: 14px; } .table.grouped tbody tr td { font-size: 14px; } .table.grouped tbody tr td span.product-image-container { width: 70px !important; } .table.grouped tbody tr td:first-child { width: 70px; } .fotorama__nav-wrap { margin-top: 15px; } html body .fotorama__nav--dots .fotorama__nav__frame { width: 18px!important; height: 18px!important; border: solid 2px transparent!important; border-radius: 50%!important; box-sizing: border-box!important; text-align: center!important; margin: 0 2px!important; } html body .fotorama__dot { width: 10px!important; height: 10px!important; border-radius: 50%!important; background: rgba(255,255,255,.3)!important; border: solid 1px #ddd!important; margin: 2px; box-sizing: border-box; top: inherit!important; left: inherit!important; } html body .fotorama__nav--dots .fotorama__nav__frame.fotorama__active { border-color: #202020!important; } html body .fotorama__nav--dots .fotorama__nav__frame.fotorama__active .fotorama__dot { border-color: #202020!important; background: #202020!important; } .product-info-main .page-title-wrapper .page-title { font-size: 24px; margin-bottom: 10px; } .product-info-stock-sku > div { font-size: 14px; } .product-info-stock-sku > div.stock-wrapper { padding-left: 100px; } .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price { font-size: 24px; } .page-layout-1column .product-info-main { width: 100%; padding-left: 0; margin-top: 20px; } .page-layout-1column .product.media { width: 100%; max-width: 550px; margin: 0 auto; display: block; float: none; } .product-info-main .product.attribute.overview, .product-info-price .product-usage-description { font-size: 14px; } .product.data.items > .item.content .table-wrapper table tr td, .product.data.items > .item.content .table-wrapper table tr th { font-size: 14px; } .catalog-product-view .page-main { padding-top: 30px; } .mobile-page-title span { font-size: 20px; } .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price { font-size: 20px; } .product-info-main .price-box span.price-wrapper:after { font-size: 12px; } .product-info-main .page-title-wrapper .page-title { display: none; } .mobile-page-title { margin-bottom: 10px; padding: 0 15px; } .mobile-page-title span { display: block; font-size: 24px; line-height: 1.2; font-weight: normal; font-family: 'OpenSans-SemiBold'; color: #202020; } /*** product Listing page ****/ .mobile-links.filter-listpage { margin-bottom: 15px; } .mobile-links.filter-listpage a.shop-by-filter { display: inline-block; padding: 10px 15px; background: #218956; color: #fff; text-transform: uppercase; font-family: 'OpenSans-SemiBold'; } .mobile-links.filter-listpage a.shop-by-filter span { display: inline-block; vertical-align: middle; } .mobile-links.filter-listpage a.shop-by-filter span.filter-icon { font-size: 0; margin-right: 5px; } .mobile-links.filter-listpage a.shop-by-filter span.filter-icon svg { width: 18px; height: 18px; } .products-list .product-item-details .product-item-name, .products-list .product-item-details .product-item-name a { font-size: 22px; } .products-list .product-item-photo { width: 200px; } .products-list .product-item-photo .product-image-container { width: 200px !important; } .products-list .product-item .price-box .price { font-size: 16px; } html.cat-left-nav-open .sidebar.sidebar-main { left: 0; } .category-leftnav-section-inner > ul { display: block !important; } body:before { content: ''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,.8); content: ''; display: block; transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); width: 100%; height: 100%; } html.cat-left-nav-open body:before { right: 0; transform: translateX(270px); -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); -moz-transform: translateX(270px); } html.nav-open body:before { right: 0; transform: translateX(270px); -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); -moz-transform: translateX(270px); } /***** Forgot password page ****/ .form-main > div.form-left { display: none; } .form-main > div.form-right { width: 100%; padding: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .form-main { padding: 20px 20px 20px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; } .form-right strong#block-customer-login-heading { font-size: 20px; } /***** Login page *****/ .login-container { padding: 20px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .login-container .block .block-title strong, .legend-title { font-size: 20px; } .login-container .block-new-customer { display: none; } .custom-login-section { padding: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; width: 100%; box-sizing: border-box; } .customer-account-login .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper, .customer-account-createpassword .page-title-wrapper { padding-top: 20px; } .customer-account-login .page-title-wrapper .page-title, .customer-account-forgotpassword .page-title-wrapper .page-title, .customer-account-createpassword .page-title-wrapper .page-title { margin-bottom: 20px !important; } /**** Blog Listing page ****/ body.mpblog-post-index .post-list-body .post-list-item { width: 50%; } /**** Contact Page *****/ .contact-right-inner:after { top: 204px; left: 242px; width: 146px; height: 146px; background-size: 146px; } .contact-us-tooper > div.contact-right { width: 335px; } .contact-right-inner { padding: 30px 20px 34px 28px; } .contact-right-inner .social-link { margin-top: 30px; } .contact-right-inner > p { font-size: 15px; } .contact-right-inner .contact-details > div { font-size: 15px; } .contact-right-inner h6 { font-size: 20px; } .contact-left .iframe-wrapper { min-height: 500px; } .contact-form-wrapper { margin-top: 40px; } /***** Gallery page *****/ .gallery_list_view > div { width: 33.33%; } /***** Menu ******/ .navigation { padding: 0; } .navigation .parent .level-top { position: relative; display: block; text-decoration: none; } .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; left: -300px; position: fixed; top: 0; width: 270px; background: #fff; z-index: 9; } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 5px; } .nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; } .nav-sections .switcher-trigger strong { position: relative; display: block; text-decoration: none; } .nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; } .nav-sections .switcher-trigger.active strong:after { content: '\e621'; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; display: none; padding: 10px 0; } .nav-sections .switcher-options.active .switcher-dropdown { display: block; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; text-align: left; } .nav-sections .header.links > li { display: block; position: relative; } .nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 20px; } .nav-sections .header.links > li { border-top: solid 1px #fff; } .nav-sections .header.links > li > a { padding: 10px 10px 10px 10px; font-size: 15px; color: #202020; font-weight: normal; font-family: 'OpenSans-SemiBold'; background: #f7f7f7; padding-right: 45px; line-height: 1.2; text-transform: uppercase; } .nav-sections .header.links > li > ul { background: #fff; } .nav-sections .header.links > li > ul > li { display: block; } .nav-sections .header.links > li > ul > li > a { font-size: 15px; color: #404040; display: inline-block; font-family: 'OpenSans-Regular'; display: block; vertical-align: top; padding-right: 40px; font-weight: normal; line-height: 1; } .nav-sections .header.links li:first-child { display: none !important; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #575757; text-decoration: none; display: block; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { overflow: hidden; position: relative; width: 100%; } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e8e8e8; border: solid #dbdbdb; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; display: none; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; display: block !important; float: none; width: 100%; box-sizing: border-box; padding: 0; height: auto; text-align: left; padding: 15px; background: #202020; color: #fff; line-height: 1; position: relative; } .nav-sections-item-title.active a { font-size: 18px; text-transform: uppercase; color: #fff; line-height: 1; font-family: 'OpenSans-SemiBold'; } .nav-sections-item-title.active a.menu-close { position: absolute; top: 0; right: 0; width: 48px; height: 100%; background: #218956; font-size: 0; } .nav-sections-item-title.active a.menu-close:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/slider-arrow-hover.svg) no-repeat center center; background-size: 20px; transform: rotate(-180deg); } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; margin-top: 0; width: 100%; padding: 0; height: calc(100vh - 47px); overflow: hidden; overflow-y: auto; padding-bottom: 20px; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: #fff; padding: 0 !important; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0 > .level-top:hover { color: #202020; } .navigation .level0.active .all-category .ui-state-focus { display: inline-block; } .navigation .level0 > .level-top:before { display: none; } .navigation .level0.active > .level-top:after { display: none; } .navigation .submenu > li > a:hover { color: #202020; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child) ul > li a:hover { color: #202020; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } .navigation .level1 + .level1 { margin: 0; padding: 0; } .sticky .navigation .level1 > a { padding-top: 10px; } .navigation .level1 > a { padding: 14px 45px 14px 10px; font-size: 13px; color: #202020; font-weight: normal; font-family: 'OpenSans-SemiBold'; background: #f7f7f7; padding-right: 45px; line-height: 1.2; display: block; text-align: left; } .sticky .navigation .level1 > a { padding: 14px 45px 14px 10px; } .navigation .level1 > .level-top span { line-height: 1; } .navigation .level1 + .level1 { border-top: solid 1px #fff; } .submenu-outer { padding-top: 0 !important; } .sections.nav-sections > .nav-sections-items { padding: 0; } .navigation .level0 { margin-right: 0; padding-right: 0; position: relative; padding: 0; } .navigation .level0 > ul { margin: 0; padding: 0; background: #fff; } .navigation > ul > .level1 { margin: 0 !important; } .submenu-inner > ul > li { width: 100% !important; } .submenu-inner > ul > li > a { box-sizing: border-box; border-bottom: solid 1px #ddd; } .navigation .level1 > ul > li > a { font-size: 15px; color: #404040; display: inline-block; font-family: 'OpenSans-Regular'; display: block; vertical-align: top; padding-right: 40px; font-weight: normal; line-height: 1; padding-right: 45px; } .navigation .level1 > ul > li { position: relative; } .navigation .level1 > ul > li > span.level1-ico-corner { position: absolute; top: 0; right: 0; width: 35px; height: 35px; } .navigation .level1 > ul > li > span.level1-ico-corner:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 11px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .navigation .level1 > ul > li > span.level1-ico-corner.ui-state-active:after { transform: rotate(-180deg); } .navigation .level1 { padding: 0; position: relative; } .submenu-outer:before { display: none; } .submenu-inner { padding: 0 !important; } .navigation .level1 > a br { display: none; } .navigation .level1 > ul > li > ul { margin: 0; padding: 0; background: #f7f7f7; } .navigation .level1 > ul > li > ul > li { display: block; position: relative; } .navigation .level1 > ul > li > ul > li > a { font-size: 14px; line-height: 1.2; font-family: 'open_sanslight'; padding-right: 40px; } .navigation .level1 > ul > li > ul > li > ul { background: #fff; margin: 0; padding: 0; display: none; } .navigation .level1 > ul > li > ul > li > ul > li { position: relative; display: block; } .navigation .level1 > ul > li > ul > li { display: block; position: relative; } .navigation .level1 > ul > li > ul > li + li { border-top: solid 1px #ddd; } .navigation .level1 > ul > li > ul > li > ul > li + li { border-top: solid 1px #ddd; } .navigation .level1 > ul > li > ul > li > ul > li > a { font-size: 14px; color: #404040; font-family: 'open_sanslight'; display: block; } .navigation > ul { background: #f7f7f7; } .navigation > ul > li > ul > li { position: relative; display: block; } .navigation > ul > li > ul > li > a { font-size: 15px; color: #404040; display: inline-block; font-family: 'OpenSans-Regular'; display: block; vertical-align: top; padding-right: 40px; font-weight: normal; line-height: 1; padding-right: 45px; } .navigation > ul > li > ul > li > span { position: absolute; top: 0; right: 0; width: 40px; height: 40px; } .navigation > ul > li > ul > li > span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 11px; } .navigation > ul > li > ul > li + li { border-top: solid 1px #f7f7f7; } .navigation .level1 > span, .navigation .level1 > ul > li > ul > li > span { position: absolute; top: 0; right: 0; width: 38px; height: 38px; } .navigation .level1 > span { width: 46px; height: 46px; } .navigation .level1 > ul > li > ul > li > span { width: 36px; height: 36px; } .navigation .level1 > span:after, .navigation .level1 > ul > li > ul > li > span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 11px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .navigation .level1 > span.ui-state-active:after, .navigation .level1 > ul > li > ul > li > span.ui-state-active:after { transform: rotate(-180deg); } .submenu-inner > ul > li > a { width: 100%; text-align: left; } .submenu-inner > ul > li { width: 100%; } .column-wrap.image { display: none !important; } .navigation .submenu > li.all-category { display: none; } .navigation { text-align: left; } .navigation .level1.active > a { color: #218956; } .navigation .level1 > ul > li.active > a { color: #218956; } .navigation .level1 > ul > li > ul > li.active > a { color: #218956; } .navigation .level0 > ul > li > ul > li > ul > li.active > a { color: #218956; } .navigation > ul > .level1 { padding: 0 !important; } .submenu-inner > ul, .navigation > ul > .level1 > ul { background: #fff; } .navigation > ul > .level1 > ul > li { background: #fff; } .navigation > ul > .level1 > ul > li > a { padding-right: 40px; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; font-size: 13px; color: #202020; font-family: 'OpenSans-SemiBold'; background: #fff; border-bottom: solid 1px #ddd; } .sticky .navigation > ul > .level1 > ul > li > a { padding-right: 40px; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; } .submenu-inner > ul > li { position: relative; } .submenu-inner > ul > li > span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 11px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .submenu-inner > ul > li > span { position: absolute; top: 0; right: 0; width: 42px; height: 42px; } .submenu-inner > ul > li > a { padding-right: 40px; padding-top: 9px; padding-bottom: 9px; padding-left: 20px; } .submenu-inner > ul > li > span.ui-state-active:after { transform: rotate(-180deg); } .submenu-inner > ul { min-height: inherit; } .submenu_wrapper { position: inherit; margin: 0; padding: 0; width: 100%; height: auto; overflow: inherit; opacity: 1; visibility: visible; top: inherit; left: inherit; display: block; } .submenu_wrapper > div.submenu_wrapper_left { width: 100%; display: block; } .submenu_wrapper > div.submenu_wrapper_left .category-contain { display: none !important; } .submenu_wrapper > div.submenu_wrapper_right { display: none !important; } .submenu_wrapper > div.submenu_wrapper_left { text-align: left; } .submenu_wrapper > div.submenu_wrapper_left > ul { background: #f7f7f7; border-bottom: solid 1px #ddd; } .submenu_wrapper > div.submenu_wrapper_left > ul > li { margin: 0; padding: 0; } .submenu_wrapper > div.submenu_wrapper_left > ul > li > a { border-top: solid 1px #fff; } .submenu-inner > ul > li.active > a { color: #218956; } .submenu_wrapper > div.submenu_wrapper_left > ul > li.active > a { color: #202020; } .submenu_wrapper_left > ul > li > a { font-size: 12px !important; padding: 10px 10px 11px 30px !important; } /***/ /***** Product Listing page *****/ .page-layout-2columns-left .sidebar-main { width: 270px; float: none; display: block; position: fixed; top: 0; left: -330px; z-index: 99; height: 100%; background: #fff; padding: 10px; box-sizing: border-box; max-height: 100vh; overflow-y: auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .page-layout-2columns-left .sidebar-main > div { margin-bottom: 0; } .page-products .columns { position: static !important; } .page-layout-2columns-left .column.main { width: 100%; padding-left: 0; box-sizing: border-box; } /***** Header Section ****/ .header-content-main > div.header-content-logo-main .home-banner-call { left: auto; width: auto; padding: 5px 10px; } .header-content-main > div.header-content-logo-main { position: static; } .header-content-main { box-sizing: border-box; position: relative; } body { margin-top: 98px; } .nav-toggle { background: #202020; width: 35px; height: 35px; display: inline-block; vertical-align: top; margin-left: 5px; text-align: center; } .header-content-main > div.header-content-right { width: 334px; } /**** About Section ****/ .about-discription p.small-title { text-align: left; font-size: 15px; margin-bottom: 10px; } .about-cont-inner { padding-left: 30px; } .section-title { font-size: 24px; margin-bottom: 15px; } .about-discription { font-size: 14px; } .about-box-wrapper > div.about-slider { width: 50%; } .about-box-wrapper > div.about-cont { width: 50%; } /****/ /**** Special Section ****/ .sp-product-box h3 { font-size: 18px; margin-bottom: 15px; } .news-box-inner-box .news-title { padding: 10px; } /****/ /**** Blog Home page ****/ .post-info-wraper h2.mp-post-title { font-size: 14px; height: 34px; } .post-short-description { font-size: 13px; height: 54px; } .our-news-info-section { height: 110px; } #home-mpblog-list-container .section-title-sec { width: 280px; } .our-news-info-section { font-size: 14px; } .homepage-news #newslider { /*padding-left: 280px;*/ } /***/ /**** Testimonial *****/ .testimonial_item .testimonial-title { font-size: 16px; margin-top: 0; } .testimonial-sec { /*min-height: 400px;*/ } /****Footer *****/ .custom-footer-links-container .container > div .footer-contact p br { display: none; } .social-link { margin-top: 15px; } .page-footer { padding-top: 20px; /*padding-bottom: 20px;*/ } span.text_box { top: 30px; font-size: 12px; right: 42px; height: 30px; width: 91px; } div#sidebarslider { width: 40px; height: 140px; } div#sidebarslider svg { right: 3px; width: 24px; height: 24px; } .testimonial-wrapper { /*padding-left: 60px;*/ } /***/ .download-box .news-img a { width: 50px; height: 49px; } /**** /***** Header *****/ .header-content-main > div.header-content-logo-main { /*width: 115px;*/ } body { margin-top: 152px; } .sub-cate-inner>div { width: 33.33%; } /*****/ .about-box-wrap{ display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .about-box-wrap > div.box-img{ -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; } .about-box-wrap > div.box-cont{ -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; } .about-box-wrap > div{ display: block; width: 100%; } .about-box-wrap > div{ display: block; width: 100%; } .about-box-wrap > div .box-cont-sec{ padding: 20px 0; } .brand-sec{ padding-top: 30px; } } @media (max-width:850px) { /**** Resource page ******/ .downloadcatalogue_view ul li { width: 33.33%; } /**** Project page ****/ p.catalogues_name { font-size: 15px; padding-top: 5px; } .projects_view ul li { width: 50%; } /****/ /**** Blog detail page ****/ .post-view .post-list-content .post-view-image { width: 300px; } .post-view .post-list-content .post-post_content ul:nth-child(1), .post-view .post-list-content .post-post_content ol:nth-child(1), .post-view .post-list-content .post-post_content ul:nth-child(2), .post-view .post-list-content .post-post_content ol:nth-child(2), .post-view .post-list-content .post-post_content ul:nth-child(3), .post-view .post-list-content .post-post_content ol:nth-child(3), .post-view .post-list-content .post-post_content ul:nth-child(4), .post-view .post-list-content .post-post_content ol:nth-child(4) { width: calc(100% - 350px); } .testimonials-index-index .testimonial-sec-main .container { padding: 0; } } @media (max-width:767px) { .category-top-section .category-image{ min-height: 70px; } .ship_bottom_text{ font-size: 13px; margin-top: 10px; padding-top: 10px; } .cart.table-wrapper .item .col.item:first-child{ width: 100px; } .modal-popup.modal-slide.video-popup { left: 15px; width: calc(100% - 30px); top: 30px; bottom: inherit; max-height: calc(100vh - 50px); } .modal-popup.video-popup .modal-content { padding: 10px; } section.about { margin-top: 30px; } .block-order-details-view .box-content .payment-method .content table tr th { font-size: 14px; } .form.password.reset .actions-toolbar .secondary a.action, .form.send.confirmation .actions-toolbar .secondary a.action, .form.password.forget .actions-toolbar .secondary a.action, .form.search.advanced .actions-toolbar .secondary a.action, .form.form-orders-search .actions-toolbar .secondary a.action { height: 35px; line-height: 30px; padding: 0 10px; box-sizing: border-box; min-width: 80px; margin-right: 8px; } .block-order-details-view .box-content .payment-method .title { } .opc-wrapper .action-show-popup { line-height: 30px; margin-bottom: 0; } .opc-wrapper .shipping-address-item button { height: 31px; line-height: 25px; font-size: 13px; } .actions-toolbar.add-inv-btn .btn { line-height: 30px; } #recipients-options .additional .actions-toolbar .btn { height: 35px; line-height: 30px; } .btn-box-sec.actions-toolbar .secondary a.action.back { height: 35px; font-size: 13px; line-height: 30px; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .page-header { border-bottom: solid 1px #f7f7f7; } .breadcrumbs { display: none !important; } .product.data.items > .item.content .product-video-section { margin: -15px -8px 0; } .product.data.items > .item.content .product-video-section .product-video-box { padding: 0 8px; margin-top: 15px; } .product-video-section .product-video-box .product-video-wrap { margin-bottom: 0; } .product.info.detailed { margin-bottom: 20px; } .list-sku { font-size: 12px; margin-top: 8px; } /**** 404 *****/ .not-found-wrap:before { font-size: 280px; } .not-found-wrap { padding: 60px 0; } h1.heading { font-size: 38px; } h1.heading span { font-size: 60px; } .not-found-inner p { font-size: 15px; } .product-item .price-box span.price-wrapper:after { font-size: 9px; vertical-align: top; margin-top: 3px; display: inline-block; margin-left: 3px; } .product-item .price-box .price { font-size: 15px; font-family: 'open_sansbold'; } .product-item .price-box span.price-wrapper { font-size: 14px; } .blog-comment > h2 { font-size: 24px; } .cmt-row__cmt-content { font-size: 14px !important; } span.cmt-row__cmt-username.username { font-size: 16px; } .cmt-row__cmt-username { margin-bottom: 6px; } /*****/ #sharing > div h5 { font-size: 14px; } #sharing > div.share-col-left { width: 100px; } .modal-popup.confirm .modal-inner-wrap .modal-content { font-size: 14px; } .modal-popup.confirm .modal-popup .action-close { width: 34px; height: 34px; box-sizing: border-box; padding: 0; } .field.textarea.add-note textarea { height: 75px; } .actions-toolbar > .primary, .actions-toolbar > .secondary { display: inline-block; vertical-align: top; } div#sidebarslider { display: none; } .header-top-wrap > div.header-top-right .header-top-right-link { display: none !important; } .header-top-wrap > div.header-top-right { display: none; } .header-top-wrap > div .header-top-left > ul { text-align: center; } .btn { font-size: 14px; padding: 0 10px; min-width: 110px; height: 35px; line-height: 30px; } .action.primary { font-size: 14px; padding: 0 10px; min-width: 110px; height: 35px; line-height: 30px; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { height: 35px; line-height: 30px; font-size: 14px; padding: 0 10px; } .fieldset.button-box-sec > div button.amquote-addto-button span, .product-add-form button.amquote-addto-button span { line-height: 30px; } /****/ .amsearch-item-container .amsearch-item { padding: 7px 7px 8px; padding-right: 110px; } .amsearch-item-container .amsearch-item:after { width: calc(100% - 10px); } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner { right: 5px; } .amsearch-wrapper-content .product-item { padding: 7px 10px; } .amsearch-wrapper-content .product-item:after { width: calc(100% - 20px); } p.amasty-xsearch-block-header, .amasty-xsearch-block-header { font-size: 13px; padding: 10px 10px; } .mpblog-post-index .product.data.items > .item.title > .switch:before { display: none; } /******/ .sub-cate-inner { margin: 0 -7px; } .sub-cate-inner > div { padding: 0 7px; margin-bottom: 14px; } .sub-category-item-inner .name_box a.cat_name_link { font-size: 12px; height: 30px; } . .sub-category-item-inner .name_box { padding: 0 5px; bottom: 5px; } /***** Spescial Section ******/ .special-box-wrap > div.description-box .news-box-inner-box { padding-left: 20px; } .spe-info { margin-top: -5px; } .section-title { font-size: 22px; margin-bottom: 15px; } .special-cont { font-size: 12px; } .news-box-inner-box .news-title h6 { font-size: 13px; } .sp-product-box h3 { font-size: 16px; margin-bottom: 10px; } .sp-product-box p { font-size: 12px; } .button-arrow a { font-size: 13px; } /***** My Account page ****/ .product-item-name, .product.name a { font-size: 14px; height: 35px; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div.captcha, .petrotec-filtration-form-whole > div.right-section form .fieldset > div.captcha { width: 100%; } html body.account .page-main table tfoot tr.grand_total th, html body.account .page-main table tfoot tr.grand_total td.amount, body.account .table-wrapper table tfoot tr.grand_total th, body.account .table-wrapper table tfoot tr.grand_total td.amount { font-size: 18px; padding-top: 10px; padding-bottom: 10px; } .logo_details .enq-title-note-outer h3 { font-size: 15px; } .petrotec-filtration-form-whole > div.left-section .page-title h1, .petrotec-filtration-form-whole > div.right-section .page-title h1 { font-size: 20px; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div, .petrotec-filtration-form-whole > div.right-section form .fieldset > div { width: 50%; } html body.account .page-main .block.block-reviews-dashboard .block-content ol li .product-name a, body.account .table-wrapper table tbody tr td strong.product-name a { font-size: 14px; } body.account .table-wrapper table tbody tr td strong.product-name { display: inline-block; } .block-addresses-list .items.addresses { font-size: 0; } .block-addresses-list .items.addresses li { width: 50%; } .form-edit-account .fieldset > .legend { font-size: 14px; margin-bottom: 10px; } .account .column.main .toolbar { margin-top: 15px; } .choice:not(.review-field-rating) input[type="radio"] + label span, .choice:not(.review-field-rating) input[type="checkbox"] + label span { display: inline-block; vertical-align: top; } html body.account .page-main .block .block-content .box-actions a { height: 35px; line-height: 30px; font-size: 13px } .account.page-layout-2columns-left .column.main .actions-toolbar .primary .primary { height: 35px; line-height: 30px; font-size: 13px } .actions-toolbar .secondary a.action.back { text-align: center; height: 35px; line-height: 30px; font-size: 13px } html body.account .page-main .block .block-content { padding: 15px; } html body.account .page-main .block .block-title strong { font-size: 15px !important; display: contents; } .account .column.main .block:not(.widget) .box-title { font-size: 14px; } .block-content .box .box-content { font-size: 14px; } html body.account .page-main .block .block-title { padding: 10px 15px 10px; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { font-size: 14px; } html body.account .page-main .block .block-content table thead tr th, body.account .table-wrapper table thead tr th { font-size: 14px; } .status span, .status span { font-size: 12px; } .account .page-title-wrapper .page-title { font-size: 24px; margin-bottom: 10px !important; } .account .page-footer { margin-top: 0; } .form-address-edit .fieldset>.legend { font-size: 18px; } /***** Paypal page ****/ .paypal-express-review .page-main > .page-title-wrapper .page-title { font-size: 22px; } .paypal-review .table-wrapper table { display: block; } .paypal-review .cart.table-wrapper .product-item-photo { display: inline-block !important; } .paypal-review .cart.table-wrapper .product-item-details { display: inline-block !important; } .paypal-review .opc-block-summary tr th, .paypal-review .opc-block-summary tr td { font-size: 16px; text-align: right !important; } .paypal-review .cart.table-wrapper .items > .item { display: block; } .paypal-review .opc-block-summary { display: table; width: 100%; padding: 0; } .paypal-review .paypal-review-title > strong { font-size: 14px; } .paypal-review .paypal-review-title a.action.edit { font-size: 14px; } .paypal-review .page-main .block.block-order-details-view .block-content .box + .box { margin-top: 20px; } /***** Quote Cart page *****/ .modal-popup.confirm .action-close { top: -10px; right: -10px; } .amasty_quote-cart-index .cart.table-wrapper .col.product-name { padding-bottom: 10px; } .amasty_quote-cart-index .cart.table-wrapper .col.product-name { width: 100%; padding-bottom: 10px; } .cart.table-wrapper .item .col.item > div, .cart.table-wrapper .item .col.item > span, .cart.table-wrapper .item .col.item > p { display: block; } .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update, .cart-container .form-cart .clear-quote { margin-top: 10px; line-height: 35px; } /***** Order sucses page ****/ .checkout-success { margin: 20px 0; } .checkout-success h1.page-title { font-size: 23px; } .success-icon-icon .success-icon svg { width: 100px; height: 100px; } /***** Checkout page *****/ dl.items.check.payable dt.title { font-size: 14px; } dl.items.check.payable dd.content { font-size: 14px; } .modal-popup .modal-content { font-size: 14px; } .modal-slide .action-close { top: 0; right: 0; width: 40px; height: 40px; } .opc-wrapper .shipping-address-item { min-height: 214px; } .opc-wrapper .shipping-address-item .checkmark { width: 60px; height: 60px; } .opc-wrapper .shipping-address-item .checkmark svg { height: 60px !important; width: 60px !important; } .checkmark-draw:after { left: 12px; top: 31px; height: 26px; width: 14px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar button.action-update { float: right; } .opc-wrapper .shipping-address-item { padding: 15px 90px 15px 15px; } .checkout-index-index .block-authentication .actions-toolbar > .secondary { padding-top: 0; } .checkout-index-index .checkout-header .title { font-size: 24px; } .checkout-index-index .checkout-header .description { font-size: 14px; } .opc-wrapper .form-discount .actions-toolbar button { height: 40px; font-size: 15px; line-height: 30px; } .checkout-payment-method .payment-option-inner input { height: 40px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label button { font-size: 14px; } .choice:not(.review-field-rating) input[type="radio"] + label, .choice:not(.review-field-rating) input[type="checkbox"] + label { font-size: 14px; } .checkout-payment-method .actions-toolbar button.primary { height: 45px; line-height: 40px; font-size: 14px; } .opc-estimated-wrapper { border: 0; background: #f7f7f7; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { font-size: 16px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { padding-bottom: 12px; } .checkout-index-index .opc-block-summary .minicart-items .product-image-container { width: 70px !important; height: 70px !important; } .checkout-index-index .opc-block-summary .minicart-items .product-item-details { padding-left: 85px; } .opc-block-summary .product-item .product-item-inner { min-height: 70px; } .checkout-index-index .minicart-items .product-item-details .details-qty .label { font-size: 13px; } .table-checkout-shipping-method tbody td { padding-top: 10px; padding-bottom: 10px; } .amcheckout-comment textarea { height: 70px; } .checkout-container { margin-bottom: 0; } .modal-popup.confirm .action-close { padding: 0; width: 34px; height: 34px; } /**** Empty Cart *****/ h1.page-title { font-size: 20px; } .cart-empty p.small-title { font-size: 15px; } .cart-empty p.xsmall-title { font-size: 14px; } .no-item-class .cart-empty .cart-icon { margin-bottom: 20px; } .cart-empty { margin-top: 0; margin-bottom: 0; } /***** Sidebar Form *****/ .sidebar-form-title h3 { font-size: 14px; } .contact-tag-line { padding: 10px; } .sidebar-contact-form-wrap { padding: 10px; } .sidebar-contact-form-wrap:after { background-size: 290px; } .sidebar-contact-form-wrap .contact-box-form > div textarea { height: 90px; } /****** Shopping cart ****/ .cart.table-wrapper .item .col.item:first-child .product-image-container { width: 70px !important; } .cart-container .checkout-methods-items .action.primary { height: 40px; line-height: 30px; font-size: 15px; } .cart-container .checkout-methods-items .item a { height: 40px; line-height: 35px; font-size: 15px; } .cart-container .checkout-methods-items .item + .item { margin-top: 15px; } .cart-container .checkout-methods-items { margin-top: 15px; } .columns .column.main { padding-bottom: 24px; } #discount-coupon-form .fieldset .actions-toolbar button { height: 40px; line-height: 35px; } .checkout-cart-index .page-title-wrapper h1, .amasty_quote-cart-index .page-title-wrapper h1 { font-size: 22px; } .block-cart-failed .action.continue span, .cart-container .form-cart .action.continue span { line-height: 35px; } .block-cart-failed .action.clear span, .block-cart-failed .action.update span, .cart-container .form-cart .action.clear span, .cart-container .form-cart .action.update span, .cart-container .cart-gift-item .action.clear span, .cart-container .cart-gift-item .action.update span { line-height: 35px; } .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update, .cart-container .form-cart .clear-quote { height: 40px; line-height: 36px; } .cart.table-wrapper th.col { display: none; } /***** minicart page *****/ .minicart-wrapper .block-minicart { right: 0; } .block-minicart .actions .secondary a.viewcart, .block-minicart .block-content > .actions > div button { height: 40px; line-height: 35px; font-size: 14px; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 14px; } .block-minicart .subtotal > div, .block-minicart .subtotal > span { font-size: 12px; padding-right: 5px; } .block-minicart .subtotal > div { width: 90px; } .table.totals .grand .mark, .table.totals .grand .amount, .opc-block-summary .table-totals .grand .mark, .opc-block-summary .table-totals .grand .amount { font-size: 16px; } .cart-totals .mark, .opc-block-summary .table-totals .mark { font-size: 14px; } .cart-totals .amount, .opc-block-summary .table-totals .amount { font-size: 14px; } .table.totals tr:first-child td, .table.totals tr:first-child th, .table-totals tbody tr:first-child td, .table-totals tbody tr:first-child th { padding-top: 12px !important; } .table.totals tr:nth-last-child(2) td, .table.totals tr:nth-last-child(2) th, .table-totals tbody tr:nth-last-child(2) td, .table-totals tbody tr:nth-last-child(2) th { padding-bottom: 8px !important; } #co-shipping-method-form .item-title { font-size: 15px; } .cart-summary-wrapper-out #co-shipping-method-form { margin: 15px 0; } /*****/ .distributors_list_view .contactleft { font-size: 14px; } .distributors_list_view .contactright .section-title-sec .section-title { font-size: 24px; } /***** Share with Friend *****/ .sendfriend-product-send .page-title-wrapper .page-title { margin-bottom: 20px; padding-bottom: 10px; } #sender_options .legend { font-size: 14px; } .fieldset.recipients > .legend { font-size: 14px; } .actions-toolbar.add-inv-btn { text-align: right; } .actions-toolbar.add-inv-btn .secondary { text-align: right; } /***** Product Detail page ****/ .modal-popup.modal-slide.product-enquiry { left: 0; } .modal-popup.product-enquiry .modal-title { font-size: 20px; } .enquiry-box-wrap > div.enquiry-right { background: #fff; } .enquiry-box-wrap { display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .popup-logo .nav-toggle { display: none !important; } .enquiry-box-wrap > div { display: block; } .enquiry-box-wrap > div.enquiry-right { -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .enquiry-box-wrap > div.enquiry-left { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; } .fieldset.button-box-sec > div button.amquote-addto-button, .product-add-form button.amquote-addto-button { min-width: 150px; } .product-info-main .price-box > span.poa-label { font-size: 14px; } .am-fileline-inner { background: #fff; } .fotorama__stage__shaft .fotorama__stage__frame:after { display: none !important; } .fotorama__stage { pointer-events: none !important; } #product-review-container .block-title strong { font-size: 18px; } body ol.items.review-items > li.review-item { border: solid 1px #ddd; background: #fff; } .custom_product_addtocart ~ .product.info.detailed { margin-top: 30px; } .catalog-product-view .page-main { padding-top: 20px; } .product-info-main .product-reviews-summary .reviews-actions { font-size: 14px; } .mobile-page-title span { font-size: 20px; } .product.data.items > .item.content { font-size: 14px; margin-top: 0 !important; padding: 15px !important; } .am-attachments-tab > div { width: 33.33%; } .product.data.items > .item.content .am-fileline-wrap > div.file-name a { font-size: 14px; } .am-fileline-inner { padding: 7px; } .table-wrapper { margin-bottom: 0; } .product-info-main .social-media-icons .social_title { font-size: 15px; } .product.data.items > .item.title > .switch { padding: 15px !important; background: #f5f5f5; color: #202020; padding-right: 50px !important; } .product.data.items > .item.title > .switch:before { position: absolute; top: 0; right: 0; height: 100%; display: block; content: ""; width: 48px; background: url(../images/arrow-white.svg) no-repeat center center; background-size: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product.data.items > .item.title.active > .switch:before { transform: rotate(-180deg); } .product.data.items > .item.title:first-child { margin-top: 0; } .product-info-wrraper { margin-bottom: 30px; } .form-wrap > div textarea { background: none; } .product.data.items > .item.title > .switch:after { display: none; } .product.data.items > .item.title { padding-left: 0; margin-top: 10px; } .product.data.items > .item.content { padding: 15px; margin-bottom: 0; border: 0; background: #f7f7f7; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: #218956; color: #fff; } .product-info-main .at-style-responsive .at-share-btn { width: 40px; height: 40px; padding: 6px 5px !important; } .product-info-main .at-style-responsive .at-share-btn.at-svc-facebook { padding: 5px !important; } .product-info-main .product-social-links > a { font-size: 14px; /*width: 124px;*/ } .fieldset .review-legend.legend { font-size: 15px; padding-left: 120px; } .form-wrap > div { margin-bottom: 15px; } /**** Product Liting page *****/ .products-list .product-item-photo .product-image-container { width: 150px !important; } .products-list .product-item-photo { width: 150px; } /***** cms *****/ .cms-page-view .column.main { font-size: 14px; } .cms-page-view .column.main p { margin-bottom: 10px; } .cms-page-view .column.main p:last-child { margin-bottom: 0; } .table-box table tr td, .table-box table tr th { font-size: 14px; } /**** search *****/ .amsearch-item-container .amsearch-item .item-name { font-size: 14px; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner a { font-size: 12px; } .amsearch-item-container .amsearch-item .item-description { margin-top: 5px; font-size: 12px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-image .product-image-container { width: 60px !important; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-link { font-size: 14px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-description { margin-top: 5px; font-size: 12px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-image { width: 60px; vertical-align: top; } .search-autocomplete { margin-top: 10px !important; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information { width: calc(100% - 70px); } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box .price { font-size: 14px; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .price-box > span { font-size: 14px; } /***** FAQ page *****/ ul.faq-list > li div:first-child h3 { font-size: 15px; } .ans-inner { font-size: 14px; } .ans { padding: 10px; } /***** blog detail page *****/ .post-view .post-list-content .post-view-image { width: 250px; } .post-view .post-list-content .post-post_content { font-size: 14px; } .post-view .post-list-content .post-post_content ul:nth-child(1), .post-view .post-list-content .post-post_content ol:nth-child(1), .post-view .post-list-content .post-post_content ul:nth-child(2), .post-view .post-list-content .post-post_content ol:nth-child(2), .post-view .post-list-content .post-post_content ul:nth-child(3), .post-view .post-list-content .post-post_content ol:nth-child(3), .post-view .post-list-content .post-post_content ul:nth-child(4), .post-view .post-list-content .post-post_content ol:nth-child(4) { width: calc(100% - 290px); } hr { margin-top: 10px; margin-bottom: 10px; } .mpblog-post-view .mp-post-info { font-size: 12px; } /***** Blog Listing page *****/ .page-layout-2columns-right .sidebar-main { width: 30%; margin-bottom: 30px; display: block; max-width: 350px; margin: 0 auto 30px; } .mp-sidebar .product.data.items > .item.content { margin-bottom: 0; border: 0; } /***** Contact Page ****/ .contact-right-inner h6 { font-size: 14px; } .contact-us-tooper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .contact-us-tooper > div.contact-right { -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; box-sizing: border-box; } .contact-us-tooper > div.contact-left { -ms-flex-order: 2; -webkit-order: 2; order: 2; box-sizing: border-box; width: 100%; } .contact-right-inner:after { right: -50px; left: inherit; } .contact-left .iframe-wrapper { min-height: inherit; padding-bottom: 40%; } .contact-right-inner { padding: 25px; } .contact-right-inner .social-link { margin-top: 30px; } .contact-form-wrapper .section-title-sec { margin-bottom: 15px; } .contact-form-wrapper .section-title-sec .note { font-size: 15px; } /**** Product Listing page ****/ .toolbar-amount { display: none; } .toolbar-products > div.limiter { float: left; } /**** home blog section ****/ .blog-sec > div.container { padding-left: 15px; } #home-mpblog-list-container .section-title-sec { width: 100%; position: inherit; left: inherit; top: inherit; } .homepage-news #newslider { padding-left: 0; } .homepage-news .post-list-body { margin: 0; } .homepage-news .owl-nav { /*padding: 0; top: inherit; position: inherit; left: inherit; bottom: inherit; width: 100%; margin-top: 20px; text-align: center;*/ } .homepage-news .owl-nav:after { left: 50%; } .our-news-info-section { height: inherit; margin-bottom: 20px; } .blog-sec { padding-top: 0; } /****/ /**** Testimonial ****/ .testimonial-sec > .container { padding: 20px; } .testimonial-sec > .container { width: 50%; } section.testimonial-sec-wrap { padding-top: 0; } .testimonial-sec > .container { top: 0; } .testimonial-sec > .container { width: 100%; position: inherit; left: inherit; } /***/ /**** About Section ****/ .about-box-wrapper > div.about-cont { padding: 10px 20px; } .about-discription { max-height: 175px; } .about-cont-inner { padding: 0; } /*****/ /***** Search *****/ /*.block-search .block-content form.minisearch input { height: 50px; padding-right: 160px; font-size: 15px; } .block-search .block-content { padding: 10px; } .homebanner-section ~ .block.block-search, .block.block-search { top: -35px; } .block-search .action.search { width: 140px; }*/ .header-content-main > div.header-content-center .block.block-search { position: absolute; top: 100%; left: 15px; width: 100%; max-width: calc(100% - 30px); background: #fff; padding: 10px; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); text-align: left; -webkit-transform: scale(1, 0); -webkit-transform-origin: 0 0; -webkit-transition: -webkit-transform linear .3s, visibility 0s linear .3s; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear .3s, visibility 0s linear .3s; } .search-open .header-content-main > div.header-content-center .block.block-search { -webkit-transform: scale(1, 1); -webkit-transition: -webkit-transform linear .3s, visibility 0s linear 0s; transform: scale(1, 1); transition: transform linear .3s, visibility 0s linear 0s; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input:-ms-input-placeholder { /* IE 10+ */ font-size: 14px; } .header-content-main > div.header-content-center .block-search .block-content form.minisearch input:-moz-placeholder { /* Firefox 18- */ font-size: 14px; } .header-content-main > div.header-content-right > div.block.block-search { display: inline-block; } .header-content-main > div.header-content-center { padding: 10px; text-align: right; } .header-content-main > div.header-content-right { width: 395px; } body { margin-top: 132px; } /****/ /***** Home banner ****/ .homebanner-section { min-height: 300px; } .section-number { height: 50px; } .section-number:before { } @keyframes line-animation { 0% { height: 20px; } 50% { height: 24px; } 100% { height: 20px; } } .section-number:before /**** Footer *****/ .custom-footer-links-container-bottom > div.container > div { display: block; } .custom-footer-links-container-bottom > div.container > div.quick-link-block { padding-right: 0; width: 100%; } .custom-footer-links-container-bottom > div.container > div { display: block; } .custom-footer-links-container-bottom > div.container { position: relative; display: block; /*padding-right: 70px;*/ box-sizing: border-box; } .custom-footer-links-container-bottom > div.container > div.scrollToTop { width: 40px; height: 40px; position: absolute; bottom: 0; right: 0; } .sticky div#sidebarslider { display: none; } .back-inner { width: 35px; height: 35px; } .custom-footer-links-container-bottom > div.container > div.scrollToTop { width: 35px; height: 35px; } /***/ /**** Category Listing page ******/ .category-top-section .category-image img.lazyloaded { min-width: 160%; } .category-breadcrumbs-wrapper .page-title { font-size: 22px; } .category-breadcrumbs-wrapper .breadcrumbs { display: none; } /**/ /**** Project page *****/ .projects-index-index .eqProject { font-size: 14px; } .nav-sections .header.links > li > span.level0-ico-corner { position: absolute; top: 0; right: 0; width: 38px; height: 38px; } .nav-sections .header.links > li > span.level0-ico-corner:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background: url(../images/arrow-black.svg) no-repeat center center; background-size: 11px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .nav-sections .header.links > li > span.level0-ico-corner.ui-state-active:after { transform: rotate(-180deg); } .products-list .product-item-details .product-item-name, .products-list .product-item-details .product-item-name a { font-size: 18px; } .products-list .product-item-details .list-sku { font-size: 15px; } .default-cmt__content button.primary.btn-primary, .default-cmt__cmt-login button.primary.btn-primary { font-size: 14px; padding: 0 10px; min-width: 110px; height: 35px; line-height: 30px; } .default-cmt__cmt-login button.primary.btn-primary { min-width: 90px; } ul.default-cmt__content__cmt-content { padding-left: 15px; } .cart.table-wrapper .item .col.item:first-child { float: left; padding-bottom: 10px; } .cart.table-wrapper .col.product-name { width: calc(100% - 100px); float: left; padding-left: 0; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { clear: both; } } @media (max-width:639px) { h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 13px; } .sub-cate-inner > div { width: 33.33%; } .cart.table-wrapper .item .col.item:first-child { width: 80px; } .cart.table-wrapper .item .col.item:first-child .product-image-container { width: 60px !important; } /****/ .fieldset .review-legend.legend { font-size: 13px; padding-left: 101px; } .not-found-wrap:before { font-size: 210px; } .not-found-wrap { padding: 30px 0; } h1.heading { font-size: 30px; } h1.heading span { font-size: 50px; line-height: 1; } /***** Special Section *****/ .special-box-wrap > div { width: 100%; } .special-box-wrap > div.description-box .news-box-inner-box { padding-left: 0; } .special-box-wrap > div.special-product-box .news-box-inner-box { width: 100%; } .special-box-wrap > div:last-child { padding-bottom: 0; } .spe-info { margin-top: 0; max-width: 100%; } .special-box-wrap > div.description-box { padding-bottom: 10px; } .special-sec { margin-top: 0; padding-top: 40px; } .cont-right { text-align: center; } .news-box-inner-box { width: 100%; max-width: 488px; margin: 0 auto; display: block; } .news-box-inner-box .news-title { position: inherit; left: inherit; top: inherit; } .special-box-wrap > div + div { margin-top: 20px; } .news-box-inner-box .news-title h6 { font-size: 16px; } .news-box-inner-box.download-box { margin-top: 20px; } .special-cont { font-size: 14px; } /****/ .minicart-wrapper .block-minicart { margin-top: 7px; } /***** My Account page ****/ .customer-review.view .product-details > div.product-info { width: 100%; max-width: 100%; padding-left: 0; display: block; } .customer-review.view .product-details > div { display: block; } .customer-review.view .product-details > div.product-media { margin: 0 auto 20px; } .customer-review.view .product-details .product-reviews-summary { width: 100%; max-width: 100%; } .customer-review.view .product-details > div.product-info .product-name { font-size: 18px; } .customer-review.view .review-details .title strong { font-size: 14px; } html body.account .page-main .block .block-content table tbody tr td .price-including-tax .price, body.account .table-wrapper table tbody tr td .price-including-tax .price, html body.account .page-main .block .block-content table tbody tr td .price-excluding-tax .price, body.account .table-wrapper table tbody tr td .price-excluding-tax .price { font-size: 14px; } .order-info-wrap > div { width: 50%; } .order-info-wrap > div.actions-toolbar { width: 100%; margin-top: 10px; } .order-info-wrap > div.order-date { text-align: right; } html body.account .page-main tfoot tr .mark { font-size: 15px; } html body.account .page-main .table tfoot tr .amount { font-size: 15px; } html body.account .page-main .table tfoot tr:nth-last-child(2) td, html body.account .page-main .table tfoot tr:nth-last-child(2) th { padding-bottom: 10px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 10px; } html body.account .page-main table tfoot tr.grand_total th, html body.account .page-main table tfoot tr.grand_total td.amount, body.account .table-wrapper table tfoot tr.grand_total th, body.account .table-wrapper table tfoot tr.grand_total td.amount { font-size: 14px; } html body.account .page-main .block.block-order-details-view .block-content > .box { width: 50% !important; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { padding: 10px 10px; } /***** Order Sucsses page *****/ .checkout-success h1.page-title { font-size: 20px; } .checkout-success p.order-id { font-size: 14px; } .checkout-success p.information { font-size: 15px; } /***** Checkout page *****/ .checkout-billing-address .billing-address-details { width: 100%; } .opc-wrapper .shipping-address-item { width: 100%; display: block; box-sizing: border-box; margin: 0 0 15px; min-height: inherit; } .checkout-index-index .block.block-customer-login .block-content { padding: 15px; } .opc-wrapper .shipping-address-items { margin: 0; } /***** Shopping cart page ******/ .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before { font-size: 14px; } .table-wrapper table { box-sizing: border-box; border-collapse: inherit; } /**** Product Detail page *****/ .review-ratings { float: none; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 0; } .review-title { padding-left: 0; margin-bottom: 50px; } body ol.items.review-items > li.review-item:after { font-size: 60px; left: 50px; top: 43px; } .review-ratings ~ .review-details p { font-size: 12px; } .review-ratings ~ .review-details { font-size: 12px; } .review-content { margin-bottom: 10px; } .review-title { font-size: 15px; } .table.grouped tbody tr td:first-child { width: 100%; line-height: 1.2; } .table.grouped tbody tr td:first-child:before { display: block !important; margin-bottom: 5px; } .table.grouped tbody tr td .price-box { text-align: left; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td > div, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td > p { display: inline-block; vertical-align: middle; } .table.grouped .product-item-name { font-size: 14px; } .product.data.items > .item.title > .switch { font-size: 15px; padding: 13px !important; } /***** Product Listing page *****/ .products-grid .product-items { margin: 0 -7px; } .page-products .products-grid > .product-items { margin-left: -7px; margin-right: -7px; } .page-products .products-grid .product-item { padding: 0 7px; margin-bottom: 14px; } /***** Login page *****/ .block.block-customer-login .block-content { padding: 0; } .fieldset > .field.note { font-size: 14px; } .login-container .block .block-title strong, .legend-title { font-size: 18px; } .tab-content > ul.nav-tabs > li a { font-size: 14px; } .tab-content > ul.nav-tabs { width: 200px; } .custom-login-section { padding: 15px; } .tab-content > ul.nav-tabs { margin-bottom: 15px; } .action.primary { min-width: 110px; } .actions-toolbar .secondary a.action.remind { font-size: 14px; } /***** Resouce page *****/ .downloadcatalogue_view ul li { width: 50%; } /***** Blog Detail page *****/ .post-view .post-list-content .post-view-image { float: none; width: 350px; max-width: 100%; margin: 0 auto 20px; display: block; } .post-view .post-list-content .post-post_content ul:nth-child(1), .post-view .post-list-content .post-post_content ol:nth-child(1), .post-view .post-list-content .post-post_content ul:nth-child(2), .post-view .post-list-content .post-post_content ol:nth-child(2), .post-view .post-list-content .post-post_content ul:nth-child(3), .post-view .post-list-content .post-post_content ol:nth-child(3), .post-view .post-list-content .post-post_content ul:nth-child(4), .post-view .post-list-content .post-post_content ol:nth-child(4) { width: 100%; box-sizing: border-box; } .post-view .post-list-content .post-post_content p { margin-bottom: 10px; } /**** Search *****/ .block-search .action.search { font-size: 0; width: 60px; } .block-search .block-content form.minisearch input { padding-right: 70px; padding-left: 10px; } /****/ /**** Contact page *****/ .contact-right-inner { padding: 20px; } .social-link ul li + li { margin-left: 6px !important; } /*****/ /**** minicart *****/ .minicart-wrapper .block-minicart .block-title { font-size: 15px; padding: 13px; } .minicart-wrapper .action.close { height: 40px; width: 40px; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 15px; } .block-minicart .subtotal > div { width: 80px; } /****/ .about-box-wrapper > div.about-slider { width: 100%; } .about-box-wrapper > div.about-cont { width: 100%; padding: 10px 20px; } .section-title { font-size: 20px; margin-bottom: 10px; } .product-price-wrraper-main > div { display: block; width: 100%; } .product-price-wrraper-main > div + div { margin-top: 20px; text-align: left; } .prices-tier li { font-size: 15px; } .prices-tier li span .price { font-size: 15px !important; } .product-price-wrraper-main > div + div.product-reviews-summary .rating-summary { left: 0; } } @media (min-width:568px) { .column .block-addbysku .block-content .box:nth-child(odd), .account .column.main .block:not(.widget) .block-content .box:nth-child(odd), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd), [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) { clear: left; float: left; } .column .block-addbysku .block-content .box:nth-child(even), .account .column.main .block:not(.widget) .block-content .box:nth-child(even), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even), [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) { float: right; } .abs-blocks-2columns, .column .block-addbysku .block-content .box, .account .column.main .block:not(.widget) .block-content .box, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { width: 48.8%; } .abs-add-clearfix-desktop:before, .abs-add-clearfix-desktop:after, .abs-pager-toolbar:before, .abs-pager-toolbar:after, .block-cart-failed .block-content:before, .block-cart-failed .block-content:after, .column .block-addbysku .block-content:before, .column .block-addbysku .block-content:after, .cart-container:before, .cart-container:after, .login-container:before, .login-container:after, .account .column.main .block:not(.widget) .block-content:before, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:before, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:before, .block-giftregistry-shared .item-options:after, .gift-wrapping .nested:before, .gift-wrapping .nested:after, .table .gift-wrapping .content:before, .table .gift-wrapping .content:after, .block-wishlist-management:before, .block-wishlist-management:after, .paypal-review .block-content:before, .paypal-review .block-content:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after, .sales-guest-view .column.main .block:not(.widget) .block-content:before, .sales-guest-view .column.main .block:not(.widget) .block-content:after, .header.content:before, .header.content:after, .page-header .header.panel:before, .page-header .header.panel:after, .account .toolbar:before, .account .toolbar:after, .toolbar-giftregistry-results:before, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:before, .toolbar-wishlist-results:after { content: ''; display: table; } .abs-add-clearfix-desktop:after, .abs-pager-toolbar:after, .block-cart-failed .block-content:after, .column .block-addbysku .block-content:after, .cart-container:after, .login-container:after, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:after, .gift-wrapping .nested:after, .table .gift-wrapping .content:after, .block-wishlist-management:after, .paypal-review .block-content:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after, .sales-guest-view .column.main .block:not(.widget) .block-content:after, .header.content:after, .page-header .header.panel:after, .account .toolbar:after, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:after { clear: both; } } @media (max-width:567px) { #home-mpblog-list-container .post-list-body > div{ width: 100%; } #home-mpblog-list-container .post-list-body > div + div{ margin-top: 15px; } #testimonialslider > div{ width: 100%; } #testimonialslider > div + div{ margin-top: 10px; } .product.data.items > .item.content .product-video-section .product-video-box { width: 100%; } .not-found-inner p { font-size: 13px; } .not-found-wrap:before { font-size: 160px; } /***** My Account ******/ .amasty_quote-account-view .order-info-wrap > div { width: 100%; } .amasty_quote-account-view .order-info-wrap > div + div { margin-top: 10px; } .amasty_quote-account-view .order-info-wrap > div.order-date { text-align: left; } dl.payment-method.checkmemo { margin-bottom: 0; } html body.account .page-main .block.block-order-details-view .block-content > .box { width: 100% !important; margin-bottom: 0 !important; } .logo_details { margin-top: 15px; } .input-box-file > div { min-width: inherit; width: 100%; box-sizing: border-box; } .petrotec-filtration-form-whole > div.left-section .page-title h1, .petrotec-filtration-form-whole > div.right-section .page-title h1 { font-size: 18px; margin-bottom: 10px; } .petrotec-filtration-form-whole > div.left-section form .fieldset > div, .petrotec-filtration-form-whole > div.right-section form .fieldset > div { width: 100%; } .petrotec-filtration-form-whole > div.left-section, .petrotec-filtration-form-whole > div.right-section { padding: 10px; } .customer-address-form .actions-toolbar { margin-left: 0; padding: 0; } .customer-address-form .form-address-edit .fieldset { margin-left: 0; } .account .column.main .block:not(.widget) .block-content .box + .box, .multicheckout .block-content .box + .box, .paypal-review .block .block-content .box + .box, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box + .box, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box + .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box + .box { margin-top: 20px; } form.form-newsletter-manage .fieldset { margin-bottom: 10px; } .customer-address-form .form-address-edit .fieldset > .field { margin-bottom: 15px; width: 100%; padding: 0; } .customer-address-form .form-address-edit .fieldset .legend { padding: 0; } .customer-address-form .form-address-edit .fieldset > .message { width: 100%; } .account .page-title-wrapper .page-title { font-size: 21px; margin-right: 0; } /***** Paypal page *****/ .paypal-review .opc-block-summary tr th, .paypal-review .opc-block-summary tr td { font-size: 14px; text-align: right !important; } /***** checkout page *****/ .checkout-index-index .modal-popup div#shipping-new-address-form > .field { width: 100%; display: block; } body.checkout-index-index .logo img { max-width: 135px; } .checkout-index-index .authentication-wrapper { bottom: calc(100% + 0px); } body.checkout-index-index.sticky .logo img { max-width: 135px; } /***** Shopping cart page ****/ #discount-coupon-form .fieldset { padding-left: 0; padding-right: 120px; } #discount-coupon-form .fieldset .field > label { position: inherit; top: inherit; left: inherit; } #discount-coupon-form .fieldset .actions-toolbar { top: 26px; } #discount-coupon-form .fieldset .actions-toolbar button { min-width: 110px; } /*****/ .distributors_list_view .contactright .form-wrap > div { width: 100%; } /***** Share with Friend *****/ .friend-form-wrap > div.sender, .friend-form-wrap > div.email { width: 100%; } #recipients-options > div.fields > .fieldset > div { width: 100%; } #recipients-options .additional { padding-right: 0; } #recipients-options .additional .actions-toolbar { position: inherit; top: inherit; right: inherit; text-align: right; } /***** Product Detail page ****/ .product-enquiry .form-wrap > div { width: 100%; } .product-enquiry .form-wrap > div textarea { height: 80px; } .form-wrap > div.review-field-nickname, .form-wrap > div.review-field-summary { width: 100%; } .form-wrap > div textarea { height: 80px; } .am-attachments-tab > div { width: 50%; } .fieldset .review-legend.legend { margin-bottom: 10px; } /**** Product Listing page *****/ .products-list .product-item-details a.action.more { font-size: 12px; } .toolbar-products > div label { display: none; } .toolbar-products > div select { margin-left: 0; } .toolbar-products > div select.sorter-options { margin-right: 10px; } .toolbar-products > div.sorter { margin-right: 20px; } .toolbar-products > div.limiter { margin-right: 10px; } .toolbar-products > div select.sorter-options { width: 120px; } /***** Forgot pasword page ****/ .form-main { padding: 15px; } .form-main > div.form-right { padding: 15px; } .form-right strong#block-customer-login-heading { font-size: 18px; } /***** login page *****/ .custom-login-section .tab-content .form-box-wrap > div { width: 100%; } .control.captcha { padding-right: 0; } .control.captcha > div.nested { position: inherit; top: inherit; right: inherit; margin-top: 20px; } .login-container { padding: 15px; } .control.captcha-image > div + div { margin-left: 10px; } .customer-account-login .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper, .customer-account-createpassword .page-title-wrapper { padding-top: 0; } /***** Contact Page *****/ .form-wrap > div.box-two { width: 100%; display: block; } /***/ /***** Project page ****/ .projects_view ul li { width: 100%; } .projects_view ul li:last-child { margin-bottom: 0; } /**** Gallery page ****/ .gallery_list_view > div { width: 50%; } .category-top-section .category-image img.lazyloaded { min-width: 190%; } /***/ /**** Product Listing page *****/ .page-products .products-grid .product-item { width: 50%; } .page-products .products-grid .product-items > .product-item { box-sizing: border-box; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /****/ /**** home banner *****/ .video-button-wrap { display: none; } .section-title { font-size: 20px; } /****/ /***** footer *****/ .footer.content ul > li a, .custom-footer-links-container .container > div .footer-contact, .custom-footer-links-container .container > div .footer-contact a { font-size: 12px; } .header-content-main > div.header-content-logo-main { width: 160px; } .phone-main > div.call-text a { font-size: 13px; } .phone-main > div.call-text span { font-size: 11px; } .phone-main > div.call-icon svg { width: 20px; height: 20px; } .phone-main > div.call-text { padding-left: 5px; } .panel.wrapper { height: 29px; } .header-top-wrap { padding: 7px 0 8px; } body { margin-top: 119px; } /**** Header ****/ .phone-main > div.call-text { display: none; } .phone-main > div.call-icon a { /*width: 40px; height: 40px; padding: 7px; box-sizing: border-box; border: solid 2px #202020; text-align: center;*/ } .header-content-main > div.header-content-right { width: 291px; } /****/ .custom-footer-links-container-bottom > div.container { /*padding-right: 50px;*/ } /***** Search ******/ .header-content-main > div.header-content-center .block.block-search { max-width: calc(100% - 16px); left: 8px; } .amsearch-results { max-height: calc(100vh - 250px); } /*****/ .product-info-main .block.related table tbody tr td { display: block; padding: 10px 10px 0; padding-left: 40px; } .product-info-main .block.related table tbody tr td:last-child { padding-bottom: 10px; } .product-info-main .block.related table tbody tr { display: block; position: relative; } .product-info-main .block.related table thead { display: none; } .product-info-main .block.related table tbody tr td:nth-child(1) { position: absolute; top: 0; left: 10px; padding-left: 0; } .product-info-main .block.related table tbody tr td .price-box > span { display: block; } .product-info-main .block.related table tbody tr td .price-box > span + span { margin-left: 0; margin-top: 5px; } } @media (max-width:520px) { .minicart-wrapper .block-minicart.block-quotecart { right: -50px; } .minicart-wrapper .block-minicart.block-quotecart:before, .minicart-wrapper .block-minicart.block-quotecart:after { right: 64px; } } @media (max-width:489px) { .fieldset.button-box-sec { display: block; } .fieldset.button-box-sec > div.field.qty { display: block; } .fieldset.button-box-sec > div { display: block; } } @media (max-width:479px) { .brand-logo-sec > ul > li{ width: 50% !important; } /**** Catogary Listing page ****/ .sub-cate-inner > div { width: 50%; } /***** My Account page ****/ .order-info-wrap > div { width: 100%; } .order-info-wrap > div + div { margin-top: 10px; text-align: left; } .order-info-wrap > div.order-date { text-align: left; } .order-info-wrap > div.actions-toolbar { text-align: left; } .order-actions-toolbar .action { margin-right: 15px; } .block-addresses-list .items.addresses li { width: 100%; } .block-addresses-list .items.addresses li:nth-last-child(1), .block-addresses-list .items.addresses li:nth-last-child(2), .block-addresses-list .items.addresses li:nth-last-child(3) { margin-bottom: 20px; } .block-addresses-list .items.addresses li address { min-height: inherit; } /***** Paypal Page *****/ .paypal-review .paypal-review-title > strong { display: block; } .paypal-review .paypal-review-title a.action.edit { float: none; display: inline-block; margin-bottom: 10px; } .paypal-review .cart.table-wrapper .product-item-details { display: block !important; padding-left: 0; margin-top: 10px; } /***** Minicart page ****/ .minicart-wrapper .block-minicart.block-quotecart:before, .minicart-wrapper .block-minicart.block-quotecart:after { right: 115px; } .minicart-wrapper .block-minicart { margin-top: 0; } .minicart-wrapper .block-minicart { width: calc(100vw - 30px); right: 15px; min-width: inherit; } .header-content-main > div.header-content-right > div.minicart-wrapper { position: static; } .minicart-wrapper .block-minicart.block-quotecart { right: -81px; } .sticky .minicart-wrapper .block-minicart { margin-top: 0; } .minicart-wrapper .block-minicart:before { right: 62px; } .minicart-wrapper .block-minicart:after { right: 60px; } /***** Product Listing page *****/ .products-list .product-item-info { display: block; } .products-list .product-item-photo { display: block; margin: 0 auto; } .products-list .product-item-details { width: 100%; display: block; padding: 0; margin-top: 15px; } .toolbar-products > div.sorter { margin-right: 20px; } .toolbar-products > div select.sorter-options { width: 110px; } .toolbar-products > div.limiter { margin-right: 5px; } .page-products .toolbar .limiter select { width: 60px; } .products-list .product-item .price-box .price { font-size: 16px; } .products-list .product-item-details > .product-item-inner .product-item-description { font-size: 12px; } .products-list .product-item-details > .product-item-inner .product-item-description ul { padding-left: 20px; margin-bottom: 10px; } .products-list .product-item-details a.action.more { float: none; } .products-list .product-item-details > .product-item-inner .product-item-description p { margin-bottom: 10px; } .am-attachments-tab > div { width: 100%; } .am-attachments-tab > div:last-child { margin-bottom: 0; } /**** Search ****/ .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-actions { position: inherit; top: inherit; right: inherit; transform: none; } .amsearch-wrapper-content .product-item > div.amsearch-autocomplete-information .product-item-details .product-item-actions .action.primary { min-width: 90px; font-size: 12px; height: 30px; line-height: 27px; margin-top: 10px; } .amsearch-item-container .amsearch-item { padding-right: 15px; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner { position: inherit; top: inherit; right: inherit; transform: none; margin-top: 10px; } .amsearch-item-container .amsearch-item .amsearch-wrapper-inner a:after { background-size: 13px; } .amsearch-more-results a { font-size: 13px; } /**** Header *****/ .nav-toggle { top: inherit; transform: none; bottom: 10px; } .header-content-main > div.header-content-logo-main .home-banner-call { display: none; } body { margin-top: 106px; } .category-top-section .category-image img.lazyloaded { min-width: 280%; } .phone-main > div.call-text { display: none; } .phone-main > div.call-icon a { /*width: 40px; height: 40px; padding: 0; display: table; box-sizing: border-box; border: solid 2px #202020; padding: 6px; text-align: center;*/ } .nav-toggle { right: 0; } span.call-icon { /*display: table-cell; vertical-align: middle;*/ } /****/ /**** Home banner *****/ .homebanner-section { min-height: 310px; } /****/ /***** Footer ****/ .custom-footer-links-container .container > div .quick-link-block ul { width: 100%; display: block; } .custom-footer-links-container .container > div .quick-link-block ul + ul { padding-left: 0; margin-top: 8px; } .custom-footer-links-container .container > div:nth-child(3) .quick-link-block ul + ul { padding-left: 0; margin-top: 8px; } } @media (max-width:420px) { body.mpblog-post-index .post-list-body .post-list-item { width: 100%; } .downloadcatalogue_view ul li { width: 100%; } .downloadcatalogue_view ul li:last-child { margin-bottom: 0; } .footer-contact-sidebar-form { width: 100%; } } @media (max-width:479px) { .header-content-main > div { /*display: block; width: 100%;*/ /*padding-top: 10px;*/ /*position: relative;*/ } .header-content-main { /*display: block; text-align: center;*/ } .header-content-main > div.header-content-center { padding: 0; } .header-content-main > div.header-content-logo-main { width: 120px; margin: 0 auto; } .header-content-main > div.header-content-right { width: 100%; text-align: center; padding-bottom: 10px; } .header-content-main > div.header-content-logo-main { vertical-align: top; } .header-content-main > div.header-content-right > div + div.minicart-wrapper { position: static; } .minicart-wrapper .block-minicart { right: -45px; width: calc(100vw - 30px) !important; margin-top: 6px; box-sizing: border-box; min-width: inherit; } .sticky .minicart-wrapper .block-minicart { margin-top: 0; } .minicart-wrapper .block-minicart:after { display: none; } .minicart-wrapper .block-minicart:before { display: none; } .minicart-wrapper .block-minicart.block-quotecart:before, .minicart-wrapper .block-minicart.block-quotecart:after { display: none; } } @media (max-width:359px) { .gallery_list_view > div { width: 100%; } /***** Checkout page ******/ .opc-wrapper .form-discount { padding-right: 0; } .opc-wrapper .form-discount .actions-toolbar { position: inherit; top: inherit; right: inherit; margin-top: 20px; } /***** Shopping cart page *****/ #discount-coupon-form .fieldset { padding-right: 0; } #discount-coupon-form .fieldset .actions-toolbar { position: inherit; top: inherit; right: inherit; margin-top: 20px; } /****** Special *****/ .news-box-inner-box { width: 100%; } .news-box-inner-box .news-title { position: inherit; top: inherit; left: inherit; } .special-box-wrap > div { padding-bottom: 10px; } .special-box-wrap > div:last-child { margin-bottom: 0; } /***/ /*** Category Listing page ****/ .sub-cate-inner > div { width: 100%; } .category-top-section .category-image img { min-width: 280%; } .category-breadcrumbs-wrapper .page-title { font-size: 20px; } /****/ /**** Product Listing page *****/ .page-products .products-grid .product-item { width: 100%; } .page-products .products-grid .product-items > .product-item { /*box-sizing: border-box; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;*/ } } @media (max-width:347px) { .cart-container .form-cart .action.update, .cart-container .form-cart .action.continue, .cart-container .form-cart .action.clear { display: block !important; width: 100%; box-sizing: border-box; margin: 10px auto 0; max-width: 220px; } .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update, .cart-container .form-cart .clear-quote { display: block !important; width: 100%; box-sizing: border-box; margin: 10px auto 0; max-width: 220px; } } .post-list-item .post-item-wraper > div.post-image a img.lazyloading, .cat-image a img.lazyloading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 60px; height: 60px; } .post-list-item .post-item-wraper > div.post-image a, .cat-image a { min-height: 120px; width: 100%; display: block; position: relative; } html body img.lazyloading { width: 40px!important; height: 40px!important; max-width: 40px !important; max-height: 40px !important; } .category-image .image.lazyloading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 40px !important; height: 40px !important; } @media all and (-ms-high-contrast:none) { select { padding: 0 0 0 10px !important; background-color: #fff; } /* IE10 */ *::-ms-backdrop, select { padding-right: 0 !important; background-color: #fff; } textarea { overflow: hidden !important; } /* IE10 */ *::-ms-backdrop, textarea { overflow: hidden !important; } ._inner-scroll.modal-popup .modal-content { height: 100%; max-height: calc(100vh - 250px); } *::-ms-backdrop, ._inner-scroll.modal-popup .modal-content { height:100%; max-height:calc(100vh - 250px); } .login-container, .form-main { background: #1d3750; } } /***** Print Page Css *****/ /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .page-print .logo { display: block; float: none; text-align: left; } @media print { * { -webkit-filter: none !important; background: transparent !important; color: #000000 !important; filter: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline !important; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; } .table-wrapper table { width: 100%; table-layout: fixed; } .table-wrapper table td { width: auto; } .table-wrapper table > tfoot > tr:first-child { border-top: 1px solid #999999; } .box, tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } .block-content, p, h2, h3 { orphans: 3; widows: 3; } .block-content { page-break-before: avoid; } .block-title, h2, h3 { page-break-after: avoid; } .nav-toggle { display: none !important; } .sidebar, .nav-sections, .header.content > *[class], .panel.wrapper > *[class], .footer.content > *[class] { display: none; } .logo, .footer .copyright { display: block !important; margin: 10px 0; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: auto; visibility: visible; } .column.main { float: none !important; width: 100% !important; } .breadcrumbs { margin: 0 auto; text-align: right; } .footer.content { padding: 0; } .hidden-print { display: none !important; } body.page-print .page-main { padding-top: 0; } html body.account .page-main .table tfoot tr:nth-child(1) td, html body.account .page-main .table tfoot tr:nth-child(1) th { text-align: right !important; } html body.account .page-main .block .block-content { padding: 15px; } html body.account .page-main .table tfoot tr .amount { text-align: right !important; } body.page-print .order-details-items { padding-bottom: 0; } html body.account.page-print .columns { padding-bottom: 0; } html body.account .page-main .block .block-content { border-top: solid 1px #ccc !important; box-sizing: border-box; } html body.account .page-main .block .block-title { padding-left: 0 !important; padding-right: 0 !important; } tfoot { display: table-row-group !important; padding: 0; } tfoot tr td { width: 40% !important; width: 300px; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { border: 0 !important; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { padding-top: 4px !important; padding-bottom: 4px !important; font-size: 14px; } html body.account .page-main .block .block-content table thead tr th, body.account .table-wrapper table thead tr th { font-size: 14px; padding-top: 8px !important; padding-bottom: 8px !important; } html body.account .page-main .block .block-content table thead tr th.name, body.account .table-wrapper table thead tr th.name { width: 130px; } html body.account .page-main .block .block-content table thead tr th.sku, body.account .table-wrapper table thead tr th.sku { width: 120px; } body.page-print .order-details-items { padding-top: 0; } body.page-print .page-main { padding: 0 !important; } html body.account .page-main .table tfoot tr:nth-child(1) td, html body.account .page-main .table tfoot tr:nth-child(1) th { padding-top: 10px !important; } html body.account .page-main .table tfoot tr:nth-last-child(2) td, html body.account .page-main .table tfoot tr:nth-last-child(2) th { padding-bottom: 10px !important; } html body.account .page-main table tfoot tr.grand_total th, html body.account .page-main table tfoot tr.grand_total td.amount, body.account .table-wrapper table tfoot tr.grand_total th, body.account .table-wrapper table tfoot tr.grand_total td.amount { padding-top: 0 !important; padding-bottom: 5px !important; } } body.page-print { margin-top: 0 !important; } body.page-print .page-main { padding-top: 15px; } body.page-print .print-header-wrapper { display: table; width: 100%; } body.page-print .print-header-wrapper > div { display: table-cell; vertical-align: middle; width: 50%; } body.page-print .print-header-wrapper > div.print-header-wrapper-left .nav-toggle { display: none; } body.page-print .print-header-wrapper > div.print-header-wrapper-left { width: 280px; vertical-align: top; } body.page-print .print-header-wrapper > div.page-title-wrapper { width: calc(100% - 280px); text-align: right; } body.page-print .print-header-wrapper > div.print-header-wrapper-left .logo img { width: 100%; max-width: 265px; height: auto; } body.page-print .print-header-wrapper > div.page-title-wrapper .page-title { margin: 0 0 10px; font-size: 26px; line-height: 1; } body.page-print .print-header-wrapper > div.page-title-wrapper .page-title span { display: inline-block; vertical-align: middle; line-height: 1; } body.page-print .print-header-wrapper > div.page-title-wrapper > div { display: block; vertical-align: middle; font-size: 14px; } body.page-print .print-header-wrapper > div.page-title-wrapper > div.order-date { margin-top: 0 !important; } body.page-print .print-header-wrapper > div.page-title-wrapper > div + div { margin-left: 15px; } body.page-print .print-header-wrapper > div.page-title-wrapper > div span.label { font-weight: normal; font-family: 'OpenSans-SemiBold'; line-height: 1; display: inline-block; vertical-align: middle; } body.page-print .print-header-wrapper > div.page-title-wrapper > div date { line-height: 1; display: inline-block; vertical-align: middle; } body.page-print .order-details-items { margin-top: 20px; border-top: 0; padding-bottom: 0 !important; margin-bottom: 30px !important; } body.page-print .footer-copyright { display: none; } body.page-print .columns .column.main { padding-bottom: 0 !important; } html body.account.page-print .columns { padding-bottom: 15px; } html body.account.page-print .page-main .block.block-order-details-view .block-content > .box { width: 25% !important; margin-bottom: 0 !important; } html body.account.page-print .table-wrapper.order-items-shipment table tr th:nth-child(3) { text-align: center; } html body.account.page-print .order-details-items .table-order-items tbody + tbody { border: 0 !important; } html body.account.page-print .message.global.demo { display: none !important; } html body.account.page-print div#back-top { display: none !important; } html body.account.page-print .custom-footer-links-container-bottom > div.container > div.copyright-section { display: none !important; } body.page-print .order-details-items { margin-bottom: 10px !important; margin-top: 10px; } html body.page-print .page-main .block .block-content { padding: 10px; } html body.page-print .table-wrapper { margin-bottom: 10px; } @media print { .copyright-section { display: none !important; } html body.account .page-main .block .block-content table tbody tr td, body.account .table-wrapper table tbody tr td { word-break: break-all; white-space: inherit; } .block.block-order-details-view { page-break-after: always; page-break-before: avoid; } } /****/ .mini-image-main { width: 100%; display: inline-block; margin: 50px 0; } .mini-image-main .container { width: 100%; display: inline-block; } .homepage_about_after { margin: 0 -15px; font-size: 0; } .mini-image-main .block { width: 33.33%; display: inline-block; vertical-align: top; padding: 0 15px; box-sizing: border-box; margin: 0; } .mini-image-main .block img { display: block; width: 100%; } .about .container { width: 100%; display: inline-block; } @media (min-width:1367px) { .space-content { padding-right: 110px; } } .homebanner-section .owl-loaded .owl-dots { position: absolute; bottom: 30px; } .homebanner-section .owl-loaded .owl-dots span { background: #5e6565; border: solid 1px #5e6565; } .no-touch .homebanner-section .owl-loaded .owl-dots .owl-dot:hover, .homebanner-section .owl-loaded .owl-dots .owl-dot.active { border-color: #ffffff; } .no-touch .homebanner-section .owl-loaded .owl-dots .owl-dot:hover span, .homebanner-section .owl-loaded .owl-dots .owl-dot.active span { background: #ffffff; border-color: #ffffff; } .no-touch .homebanner-section .owl-loaded .owl-dots .owl-dot:hover span, .homebanner-section .owl-loaded .owl-dots .owl-dot.active span { border-color: #ffffff; } /**/ .blog-sec, section.testimonial-sec-wrap { width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0; } .blog-sec .container, section.testimonial-sec-wrap .container { max-width: none; padding: 0; } .section-number.top-number { display: none; } .testimonial-sec .section-title, .youtube-main .section-title { font-size: 32px; font-family: 'open_sansbold'; text-transform: capitalize; } .testimonial-sec .section-title a, #home-mpblog-list-container .section-title-sec .section-title a{color: #202020;} .no-touch .testimonial-sec .section-title a:hover, .no-touch #home-mpblog-list-container .section-title-sec .section-title a:hover{ color: #218956; } .youtube-main .section-title:after { display: none; } .blog-testimonial-main .post-short-description, .blog-testimonial-main .mp-post-meta-info { display: none; } .blog-testimonial-main .owl-nav .owl-next, .blog-testimonial-main .owl-nav .owl-prev { width: 35px; height: 35px; background: #f5f5f5; margin-left: 10px; } .blog-testimonial-main .owl-nav .owl-next:before { background: url(../images/next.png) no-repeat; background-size: contain; width: 9px; height: 15px; opacity: 1; visibility: visible; transform: translate(-50%, -50%); left: 50%; top: 50%; } .blog-testimonial-main .owl-nav .owl-prev:before { background: url(../images/prev.png) no-repeat; background-size: contain; width: 9px; height: 15px; opacity: 1; visibility: visible; transform: translate(-50%, -50%); left: 50%; top: 50%; } .blog-testimonial-main .owl-nav .owl-next:after, .blog-testimonial-main .owl-nav .owl-prev:after, .homepage-news .owl-nav:after, .testimonial-sec .owl-nav:after { display: none; } /**/ .custom-footer-links-container-bottom > div.container > div.quick-link-block form > .actions button { background: #000000; color: #ffffff; font-size: 14px; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; width: 100%; max-width: 120px; min-width: 120px; height: 35px; line-height: 35px; text-align: center; } .no-touch .custom-footer-links-container-bottom > div.container > div.quick-link-block form > .actions button:hover { background: #218956; border: none; } .header-content-right > div { display: inline-block; vertical-align: middle; } .header-content-main ul, .header-content-main ul li { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; } .header-content-main ul li { display: inline-block; margin: 0 5px; position: relative; } .header-content-main ul li a { font-size: 14px; font-family: 'OpenSans-Regular'; color: #202020; letter-spacing: 0.20px; } .no-touch .header-content-main ul li a:hover { color: #218956; } .header-top-left .user-icon { background: url(../images/user-icon.png) no-repeat; background-size: contain; width: 19px; height: 23px; display: inline-block; vertical-align: middle; } .header-top-left .user-icon svg { display: none; } .header-content-right { text-align: right; margin-top: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky .header-content-right { margin-top: 0; } span.user-icon { display: inline-block; vertical-align: middle; } .after-slash:after { content: '/'; font-size: 14px; font-family: 'OpenSans-Regular'; color: #202020; position: absolute; top: 0; right: -7px; } .amquote-cart-wrapper a, .minicart-wrapper a { font-size: 14px; font-family: 'OpenSans-Regular'; color: #202020; } .no-touch .amquote-cart-wrapper a:hover, .no-touch .minicart-wrapper a:hover { color: #218956; } .amquote-cart-wrapper .enquiry-icon svg path { fill: #202020; } .amquote-cart-wrapper a span, .minicart-wrapper a span { display: inline-block; vertical-align: middle; width: auto; position: relative; } .minicart-wrapper a span.counter-number, .amquote-cart-wrapper a span.counter-number { margin-left:6px; } .minicart-wrapper .amquote-showcart span.text:before { content: ''; background: url(../images/document.svg) no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .amquote-cart-wrapper a span.enquiry-icon, .amquote-cart-wrapper a span.counter.qty.empty { display: none; } .minicart-wrapper .action.showcart { padding: 0; width: auto; height: auto; background: transparent; border: 0 none; } .minicart-wrapper .action.showcart .text { position: static; overflow: inherit; margin: 0; width: auto; display: inline-block; vertical-align: middle; height: auto; } .minicart-wrapper a span.cart-icon.icon-span { display: none; } .minicart-wrapper .action.showcart { position: relative; padding-left: 35px; overflow: inherit; } .minicart-wrapper .action.showcart:before { content: ''; background: url(../images/cart-icon.svg) no-repeat; background-size: contain; width: 26px; height: 26px; position: absolute; left: 0; top: 0; } .header-content-right .block.block-search { display: none; } .block.block-search { max-width: none; top: auto; padding: 0; width: 100%; max-width: 470px; } .header-content-center { width: 100%; display: inline-block; text-align: right; margin-top: 25px; margin-bottom: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky .header-content-center { margin-top: 5px; } .header-content-center > div { display: inline-block; vertical-align: middle; } .header-call-us-main { margin-right: 34px; } .phone-main .call-icon a { background: url(../images/phone-icon.png) no-repeat; background-size: contain; width: 19px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 5px; } .custom-footer-links-container .container > div .footer-contact p { padding-left: 40px; position: relative; margin-bottom: 23px; } .custom-footer-links-container .container > div .footer-contact p:last-child { margin: 0; } .custom-footer-links-container .container > div .footer-contact p strong, .custom-footer-links-container .container > div .footer-contact p strong a { display: block; font-size: 16px; font-family: 'open_sansbold'; } .custom-footer-links-container .container > div .footer-contact p strong { margin-bottom: 5px; } .custom-footer-links-container .container > div .footer-contact p strong a { display: inline-block; } .custom-footer-links-container .container > div .footer-contact p:before { content: ''; position: absolute; left: 0; top: 0; } .custom-footer-links-container .container > div .footer-contact p.street-address:before { background: url(../images/map-icon.png) no-repeat; background-size: contain; width: 21px; height: 29px; } .custom-footer-links-container .container > div .footer-contact p.phone-box:before { background: url(../images/phone-icon.png) no-repeat; background-size: contain; width: 25px; height: 25px; top: 6px; } .custom-footer-links-container .container > div .footer-contact p.email-box:before { background: url(../images/mail-icon.png) no-repeat; background-size: contain; width: 29px; height: 22px; } .youtube-main { display: none; width: 25%; display: inline-block; vertical-align: top; } .youtube-main iframe { width: 100%; height: 260px; } @media (max-width:1366px) { .custom-footer-links-container .container > div .footer-contact p strong, .custom-footer-links-container .container > div .footer-contact p strong a { font-size: 12px; } } .blog-testimonial-youtube-main { width: 100%; display: inline-block; margin-bottom: 80px; } .product-info-main .product-add-form label { font-family: 'OpenSans-SemiBold'; font-weight: normal !important; } .product-info-main .product-add-form select { border: solid 1px #cccccc; font-size: 13px; padding: 0 10px; background: #fff url(../images/arrow-black.svg) no-repeat calc(100% - 9px) center; } .product-info-main .product-add-form .field.configurable { margin-top: 15px; width: 100%; max-width: 250px; } @media (max-width:1199px) { section.about { margin-top: 20px; } } @media (max-width:991px) { .header-call-us-main { margin-right: 10px; } .block.block-search { max-width: 340px; } .header-content-center { margin: 10px 0; } .nav-toggle { vertical-align: middle; } section.about { /*margin-top: 0;*/ } .about-discription p.small-title { line-height: normal; } } /******/ .blog-testimonial-main { font-size: 0; margin: 0 -15px; } .youtube-main { width: 425px; display: inline-block; vertical-align: top; } .blog-testimonial-main{ width: } section.testimonial-sec-wrap { width: 425px; } .blog-sec, section.testimonial-sec-wrap { display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0 15px; width: 50%; } .youtube-main { margin: 0; padding: 0; } .youtube-main .iframe-wrap { padding-top: 68.415%; background: whitesmoke;} /**/ .blog-testimonial-main .mp-post-meta-info { display: block; } .blog-testimonial-main .mp-post-meta-info a { width: 100%; max-width: 150px; height: 35px; line-height: 35px; font-size: 12px; font-family: 'OpenSans-SemiBold'; background: #000000; color: #ffffff; border: 0 none; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .blog-testimonial-main .mp-post-meta-info a:hover { background: #218956; } .mp-read-more:after { display: none; } .mp-read-more { margin-top: 15px; } .page-print .copyright-section { text-align: center; padding-bottom: 10px; } .sitemap-section li a { color: #202020; } @media (max-width:1366px) { #home-mpblog-list-container .section-title-sec .section-title, .testimonial-sec .section-title, .youtube-main .section-title { font-size: 26px; } } .amsearch-wrapper-input { width: auto !important; } .testimonial-wrap { overflow-x: hidden; } .digital-testimonial-main { display: block;} .testimonials-index-index .digital-testimonial-main { height: auto; } .testimonial-wrapper { /*display: table-cell; vertical-align: middle;*/ } .about-box-wrapper img { width: auto !important; height: auto; } .social-link h6 { margin: 0 0 10px; font-size: 16px; font-family: 'open_sansbold'; } @media (max-width:1281px) { .navigation > ul > li { margin: 0 12px; } #home-mpblog-list-container .section-title-sec .section-title, .testimonial-sec .section-title, .youtube-main .section-title { font-size: 20px; } .social-link ul li a { width: 35px; height: 35px; } } @media (max-width:1199px) { .blog-testimonial-main{ margin: 0 !important; } .blog-sec, section.testimonial-sec-wrap{ width: 100% !important; padding: 0 !important; } .blog-testimonial-youtube-main{ margin-bottom: 40px; } .navigation > ul > li { margin: 0 5px; } .blog-testimonial-main .blog-sec { width: 100%; padding: 0; } section.testimonial-sec-wrap { margin-top: 30px; } .about-cont .section-title { font-size: 28px; } } @media (max-width:991px) { .blog-testimonial-main { width: 100%; padding: 0; } .mini-image-main { margin: 20px 0; } .about-cont .section-title { font-size: 26px; } .blog-testimonial-youtube-main { position: relative; margin-bottom: 20px; } .youtube-main { position: absolute; right: 0; bottom: 20px; width: 50%; } section.testimonial-sec-wrap { width: 50%; padding-right: 30px; } .footer.content ul > li a { line-height: normal; } .custom-footer-links-container-bottom > div.container > div.quick-link-block { padding: 0; width: auto; } } @media (max-width:767px) { .brand-logo-sec > ul > li{width: 33.33%; margin-top: 15px;} .view-icon .btn { width: 35px; height: 35px; padding: 8px 0; margin: 0 2px; } .product-item-details > .product-item-inner .product-item-actions > div button { width: 35px; height: 35px; margin: 0 2px; } .product-item-details > .product-item-inner .product-item-actions > div button.tocart svg{ width: 18px; height: 18px; } .product-item-details > .product-item-inner .product-item-actions > div button.amquote-addto-button svg{ width: 18px; height: 18px; } .page-products .product-item-info .stock.unavailable{ font-size: 11px; } .product-item-details { padding: 14px 15px; } .panel.wrapper { display: none; } .block.block-search { max-width: 250px; } .about-box-wrapper > div.about-slider, .about-box-wrapper > div.about-cont { width: 100%; } .about-box-wrapper > div.about-cont { margin-top: 30px; padding: 0; } .header-content-main ul { display: none; } .amquote-cart-wrapper a span, .minicart-wrapper a span { font-size: 0; } .header-content-right > div { width: 35px; height: 35px; text-align: center; border: solid 1px #202020; padding: 4px 5px; margin: 0 2px; } .amquote-cart-wrapper.minicart-wrapper { margin-right: -1px; } .header-content-right, .header-content-center { margin: 0; } .header-content-center > div.header-call-us-main { display: inline-block; vertical-align: middle; } .block-search .block-content form.minisearch input { height: 35px; } .minicart-wrapper .amquote-showcart span.text:before, .nav-toggle, .phone-main .call-icon a { margin: 0; } .header-content-center { margin: 0; position: absolute; top: 100%; right: 0; background: #fff; width: 100%; padding: 0 10px 10px; } .sticky .header-content-center { margin: 0; } .block.block-search { max-width: calc(100% - 135px); } .block-search .action.search { width: 35px; } .block-search .action.search:before { background-size: 20px; height: 20px; width: 20px; } .block-search .action.search:after { display: none; } .minicart-wrapper .amquote-showcart span.text:before { top: 2px; position: relative; } /**/ #home-mpblog-list-container .section-title-sec .section-title, .testimonial-sec .section-title, .youtube-main .section-title { font-size: 16px; } section.testimonial-sec-wrap { width: 100%; padding: 0; } .youtube-main { position: static; width: 100%; margin-top: 20px; } .testimonial-sec .owl-nav, .homepage-news .owl-nav { top: -10px; } .youtube-main .iframe-wrap { padding: 0; } .youtube-main iframe { position: static; } .digital-testimonial-main { width: 100%; display: block; } .homebanner-section .owl-loaded .owl-dots { bottom: 10px; } } @media (max-width:639px) { section.testimonial-sec-wrap { width: 100%; padding-right: 0; } .youtube-main { position: static; width: 100%; margin-top: 20px; } .testimonial-sec .owl-nav, .homepage-news .owl-nav { top: -15px; } .youtube-main .iframe-wrap { /*padding: 0;*/ } .homepage_about_after { margin: 0px; } .mini-image-main .block { padding: 0 0 15px; width: 100%; } #home-mpblog-list-container .section-title-sec .section-title, .testimonial-sec .section-title, .youtube-main .section-title { font-size: 15px; padding-bottom: 0; } small.copyright { font-size: 10px !important; } .product-info-main .product-social-links > a { width: 133px; } } @media (max-width:567px) { .phone-main > div.call-text { display: none; } .block.block-search { max-width: calc(100% - 49px); } .phone-main { width: 35px; height: 35px; text-align: center; border: solid 1px #202020; } } @media (min-width:479px) and (max-width:767px) { .footer.content .quick-link-block-no.footer-accordian-content-no { width: 50%; display: inline-block; vertical-align: middle; text-align: left; } .footer.content .social-link { width: 50%; display: inline-block; vertical-align: middle; text-align: right; } } .cms-page-view .column.main .products-grid { padding: 0; margin: 0; list-style: none; } .cms-page-view .column.main .products-grid li { display: inline-block; padding: 0 10px 10px; } .cms-transport .column.main h2 strong em { text-align: center; display: block; } .cms-transport .column.main img { display: inline-block; } .testimonial-view-all{ font-size: 16px; text-align: right; margin-top: 10px; } .testimonial-view-all a { color: black; display: inline-block; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .testimonial-view-all a:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; display: block; content: ""; background: black; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .testimonial-view-all a:hover:after{ width: 0; } .testimonial-view-all a:hover{ color: #218956; } /**/ @media (max-width:767px) { .header-content-right > div { position: relative; } .header-content-main .header-top-left > a { pointer-events: none; } .header-content-main .header.links { width: 80px; text-align: left; background: #000; position: absolute; left: -1px; top: 100%; z-index: 11; } .header-content-main .header.links li { display: block; border-bottom: solid 1px #ccc; } .header-content-main .header.links li:last-child { border-bottom: 0 none; } .header-content-main .header.links li a { color: #fff; font-size: 12px; display: block; padding: 5px 0; } .header-content-main .header.links li a:after { display: none; } } .category-seo-top-contain.short-desctiption-read h2 { margin-top: 0; } .checkout-index-index.ajax-loading .loading-mask{ display: none !important; } .checkout-index-index .page-wrapper:after { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(255,255,255,0.8) url(../images/loader-1.svg) no-repeat center center; z-index: 9; background-size: 50px; display: none; } .checkout-index-index.ajax-loading .page-wrapper:after{ display: block; } /****** Header Search ******/ .mst-searchautocomplete__close{ display: none; } .mst-searchautocomplete__index{ text-align: left; } .mst-searchautocomplete__autocomplete { position: absolute; top: 100%; background: #fff; box-sizing: border-box; margin-top: 0 !important; z-index: 3; -webkit-box-shadow: -1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 10px rgba(0,0,0,.2); box-shadow: -1px 5px 10px rgba(0,0,0,.2); padding: 10px; text-align: left; display: none; } .mst-searchautocomplete__autocomplete._active{ display: block; } .mst-searchautocomplete__index-title{ background: #202020; color: #fff; text-transform: uppercase; font-weight: normal; line-height: 1; margin: 0; padding: 10px; font-size: 14px; font-family: 'OpenSans-SemiBold'; } .mst-searchautocomplete__index-title > span{ display: inline-block; line-height: 1; } .mst-searchautocomplete__index ul{ margin: 0; padding: 0; box-sizing: border-box; display: block !important; } .mst-searchautocomplete__wrapper{ max-height: calc(100vh - 250px); overflow: hidden; overflow-y: auto; } .mst-searchautocomplete__index ul li{ display: table !important; width: 100%; margin: 0 auto !important; padding: 10px 10px !important; position: relative; box-sizing: border-box; border-left: solid 1px #ddd; border-right: solid 1px #ddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 0; } .mst-searchautocomplete__index ul li:before{ position: absolute; bottom: -1px; left: 0; right: 0; display: block; content: ""; width: calc(100% - 20px); margin: 0 auto; height: 1px; background: #ddd; } .mst-searchautocomplete__index ul li:last-child{ border-bottom: solid 1px #ddd; } .mst-searchautocomplete__index ul li > a{ display:inline-block; vertical-align: top; width: 60px; float: left; } .mst-searchautocomplete__index ul li:after{ clear: both; display: block; content: ""; } .mst-searchautocomplete__index ul li > div a{ display: block; } .mst-searchautocomplete__index ul li > div a img{ display: block; box-sizing: border-box; border: solid 1px #dddddd; width: 100%; height: auto; max-width: 100%; } .mst-searchautocomplete__index ul li > div.search-contain-rightside{ width: calc(100% - 60px); box-sizing: border-box; padding-left: 10px; } .mst-searchautocomplete__index ul li > div .title a{ font-size: 13px; color: #202020; font-family: 'OpenSans-SemiBold'; line-height: 1.2; display: inline-block; vertical-align: top; } .mst-searchautocomplete__index ul li > div .title > .search-contain-sku{ display: block; line-height: 1; font-size: 12px; margin-top: 6px; } .mst-searchautocomplete__index ul li > div .title > .search-contain-sku > p{ margin: 0; padding: 0; display: inline-block; vertical-align: middle; font-family: 'OpenSans-SemiBold'; } .mst-searchautocomplete__index ul li > div .title > .search-contain-sku > span{ display: inline-block; vertical-align: middle; } .mst-searchautocomplete__index ul li > div{ line-height: 1; display: table-cell; vertical-align: middle; } .mst-searchautocomplete__index ul li > div.image-left{ width: 60px; padding: 0; vertical-align: top; } .mst-searchautocomplete__index ul li > div .price-container .price{ font-size: 13px !important; font-family: 'OpenSans-SemiBold'; display: inline-block; font-size: 15px; font-weight: normal; white-space: nowrap; color: #0062B1; } .mst-searchautocomplete__index ul li > div .price-container .price-wrapper{ display: inline-block; } .mst-searchautocomplete__index ul li > div .price-container .price-wrapper:after{ content: ' (' attr(data-label) ')'; font-size: 10px; color: #888888; } .no-touch .mst-searchautocomplete__index ul li:hover > div .title a{ color: #218956; } .mst-searchautocomplete__show-all{ display: block; line-height: 1; } .mst-searchautocomplete__show-all a{ display: block; background: #218956; color: #fff; text-align: center; padding: 10px 10px 9px; font-size: 14px; font-weight: normal; font-family: 'OpenSans-SemiBold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .magento_catalog_categoryproduct ul li a{ float: none; width: auto; margin: 0 !important; line-height: 1; } .magento_catalog_categoryproduct ul li a span.mst-searchautocomplete__highlight{ color: #218956; font-family: 'OpenSans-SemiBold'; } .mst-search__result-tabs{ display: none !important; } .no-touch .magento_catalog_categoryproduct ul li a:hover span.mst-searchautocomplete__highlight{ color: #202020; } .no-touch .mst-searchautocomplete__show-all a:hover{ background: #202020; } .mst-searchautocomplete__empty-result { background: #f7f7f7; display: block; line-height: 1; padding: 10px; text-align: center; font-size: 13px; border: solid 1px #ddd; box-sizing: border-box; } @media (max-width:767px){ .mst-searchautocomplete__index ul li > div .title a{ font-size: 12px; } .mst-searchautocomplete__index ul li > div .price-container .price{ font-size: 12px !important; } .mst-searchautocomplete__show-all a{ font-size: 12px; } .mst-searchautocomplete__index-title{ font-size: 12px; } } @media (max-width:359px){ .mst-searchautocomplete__autocomplete{ min-width: 296px; } } .cart-summary-wrapper-out .quote-details > form > .fieldset{ padding-top: 20px; } .checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method .col-price#s_method_mpcustomshipping{ display: none;} .cart-summary-wrapper-out .quote-details > form > .fieldset{ margin-top:20px; } .amasty_quote-quote-success a.action.primary.continue { line-height: 35px; }