article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { margin: 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100% } body { background: #fff; color: #000; line-height: 1 } html, body, img, fieldset, abbr, acronym { border: 0 } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left } address { font-style: normal } fieldset { margin: 0; padding: 0; border: 0 } img { display: block } ol, ul { list-style: none } q:before, q:after { content: '' } input:focus, input[type="search"]:focus { outline-offset: -2px } input[type="search"] { -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } a, button { -ms-touch-action: manipulation; touch-action: manipulation; outline: none!important } body, button, input, select, table, textarea { color: #636363; font-size: 14px; line-height: 1.5 } a { color: #0e499b; text-decoration: none } a:hover { color: #0e499b; text-decoration: underline } a:focus { outline-color: #3091c2; color: #143d52 } ol, ul { list-style: none; margin: 0; padding: 0 } h1, .h1 { margin: 0; margin-bottom: .7em; color: #39c; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase } h2, .h2 { margin: 0; margin-bottom: .5em; color: #636363; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase } h3, .h3 { margin: 0; margin-bottom: 10px; color: #636363; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase } h4, .h4 { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase } h5, .h5 { margin: 0; margin-bottom: 10px; color: #636363; font-size: 13px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase } h6, .h6 { margin: 0; margin-bottom: 5px; color: #636363; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase } .address-list address { margin-bottom: 1em } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase } .availability .label { display: none } .availability.in-stock { color: #11b400 } .availability.available-soon, .availability.out-of-stock { color: red } .availability-only { color: red; margin-bottom: 10px } .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; color: #636363; border-bottom: 1px solid #ededed; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase } .block, .col-left-first { margin-bottom: 20px } .col-left-first .block:last-of-type { margin-bottom: 0 } .block-title { position: relative; padding: 10px 0 0; margin-bottom: 5px; border-top: 1px solid #ccc } .block-title h2, .block-title h3, .block-title strong { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; color: #39c; margin-bottom: 0; text-transform: uppercase; font-weight: 600 } .block-title small { font-size: 100%; font-weight: normal; color: #a0a0a0 } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0 } .block-subtitle { font-weight: bold; margin-bottom: 7px } .block-content { margin-top: 5px } .block-content.unpad { padding: 0 } .block-content li.item { margin: 0 0 10px 9px } .block-content li.item:last-child { margin-bottom: 0 } .block .actions { margin: 10px 0 0 } .block .actions:after { content: ''; display: table; clear: both } .block .actions a { float: left } .block .actions .button { float: right } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px } @media only screen and (max-width:770px) { .sidebar .block:not(.block-layered-nav) { margin-bottom: 0 } .sidebar .block:not(.block-layered-nav) .block-title { padding: 0; margin-top: 0; border-bottom: none; border-top: none; margin-bottom: 0 } .sidebar .block:not(.block-layered-nav) .block-title > strong { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #ccc; position: relative; background-color: #f4f4f4; display: block; width: 100%; cursor: pointer; border-bottom: 0 } .sidebar .block:not(.block-layered-nav) .block-title > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #39c; border-right: none; left: 10px; top: 50%; margin-top: -3px } .sidebar .block:not(.block-layered-nav) .block-title.active > strong { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #ccc; position: relative; background-color: #f4f4f4 } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #39c; border-bottom: none; left: 10px; top: 50%; margin-top: -3px } .sidebar .block:not(.block-layered-nav) .block-content { padding: 10px; margin-top: 0; border-width: 0 1px; border-style: solid; border-color: #ccc } .sidebar .block:last-of-type { border-bottom: 1px solid #ccc } .sidebar .block-account .block-title>strong span:after, .sidebar .block-cms-menu .block-title>strong span:after { content: ' Menu' } } .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none } .block-account li, .block-cms-menu li { text-transform: uppercase; margin: 7px 0 } .block-account li strong, .block-cms-menu li strong { font-weight: 400; color: #39c } .block-account li a, .block-cms-menu li a { color: #636363 } .block-account li a:hover, .block-cms-menu li a:hover { color: #39c } a.button { text-decoration: none } a.button:hover { color: #fff } .button.disabled, .button:disabled { background: #c8c8c8; opacity: .6; cursor: not-allowed } .button+.button { margin-left: 5px } .button2 { border: 0; padding: 0 5px; margin: 0; background: transparent; cursor: pointer; vertical-align: middle } .button2:focus { outline: none } .button2 span, .button2 span span { line-height: 30px; height: 30px; text-decoration: underline; text-transform: uppercase; display: inline-block; color: #39c } .button2 span:hover, .button2 span span:hover { text-decoration: none; color: #246b8f } @media only screen and (max-width:770px) { .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: 100%; margin-left: 0; margin-right: 0 } .col2-set .buttons-set .back-link { display: none } .col2-set .buttons-set .required { display: none } } @media only screen and (max-width:479px) { .buttons-set .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px } .buttons-set .back-link { display: none } .buttons-set .required { display: none } } .paypal-logo.paypal-after { float: left } .paypal-after .paypal-or { float: left } .paypal-or { line-height: 40px; margin: 0px 10px 5px } .paypal-after .paypal-button { float: left } .paypal-button { line-height: 0px } .paypal-button img { display: inline } @media only screen and (max-width:670px) { .paypal-or { line-height: 20px } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none } } .buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #ededed; text-align: right } .buttons-set p.required { margin: 0; margin-left: 10px; line-height: 33px; float: right } .buttons-set .back-link { float: left; margin: 0; line-height: 30px } .buttons-set a:not(".button") { line-height: 20px; display: inline-block; padding: 5px } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px } .buttons-set:after { content: ''; display: table; clear: both } .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter>.sort-by .sort-by-switcher, .sorter>.view-mode .grid, .sorter>.view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(../../resources/images/icon_sprite.png.pagespeed.ce.4V8BA-9evj.png); background-repeat: no-repeat; text-indent: -9999px } @media (-webkit-min-device-pixel-ratio:2), (min--moz-device-pixel-ratio:2), (-o-min-device-pixel-ratio:4 / 2), (min-device-pixel-ratio:2), (min-resolution:192dpi), (min-resolution:2dppx) { .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter>.sort-by .sort-by-switcher, .sorter>.view-mode .grid, .sorter>.view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(../../resources/images/icon_sprite,402x.png.pagespeed.ce.Lpwx12CjPZ.png); background-size: 100px 1000px } } .breadcrumbs { overflow: hidden } .breadcrumbs li { float: left; font-size: 12px; text-transform: uppercase } .breadcrumbs a { float: left; color: #636363 } .breadcrumbs a:hover { color: #39c } .breadcrumbs strong { color: #636363; font-weight: normal } .breadcrumbs span { float: left; padding: 0 7px } @media only screen and (max-width:770px) { .breadcrumbs { display: none } } .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #ededed; text-align: center; font: 0/0 a; text-shadow: none; color: transparent; position: relative } .btn-remove:hover, .btn-previous:hover { background-color: #39c; border-color: #39c } .btn-remove:after { content: 'X'; color: #39c; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-weight: bold } .btn-remove:hover:after { color: #fff; text-decoration: none } .btn-remove2 { background-position: 4px -648px; border: none; vertical-align: top } .btn-remove2:after { display: none } .btn-remove2:hover { background-color: transparent; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: .8 } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #39c; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #fff; border-left: none } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px } .checkout-agreements li { margin-bottom: 20px } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; background: #f4f4f4 } .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px } .main-container, .footer-container { position: relative; max-width: 1260px; margin: 0 auto; padding: 15px } .main-container:after, .footer-container:after { content: ''; display: table; clear: both } @media only screen and (min-width:480px) { .main-container, .footer-container { padding: 30px } } .footer-container { padding-top: 0px } .main:after, .col-wrapper:after { content: ''; display: table; clear: both } .col-left, .col-right, .col-main { padding: 0 10px } .col-left { float: left; width: 25%; padding-left: 0; clear: left } .col-left img { max-width: 100% } .col-right { float: right; width: 25%; padding-right: 0 } .col-right img { max-width: 100% } .col-main { float: left; width: 75% } .col1-layout .col-main { float: none; width: auto; padding: 0 } .col2-left-layout .col-main { float: right; padding-right: 0 } .col2-right-layout .col-main { padding-left: 0 } .col3-layout .col-right { width: 20.83333% } .col3-layout .col-wrapper { float: left; width: 79.16667% } .col3-layout .col-wrapper .col-main { float: right; width: 73.68421% } .col3-layout .col-wrapper .col-left { width: 26.31579% } @media only screen and (max-width:1000px) { .col3-layout .col-right { float: left; clear: left; padding-left: 0; padding-right: 10px; width: 25% } .col3-layout .col-wrapper { float: right; width: 100% } .col3-layout .col-wrapper .col-main { float: right; width: 75% } .col3-layout .col-wrapper .col-left { width: 25% } } @media only screen and (max-width:770px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { padding: 0; margin-bottom: 10px; float: none; width: auto } .col3-layout .col-wrapper { float: none; width: auto } .col-main { float: none; width: auto } .col-main .col-left { padding: 0 } } .col2-set { width: 100% } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 20px } @media only screen and (max-width:770px) { .col2-set .col-1, .col2-set .col-2 { padding: 10px } } .col2-set .col-1 { float: left; padding-left: 0 } .col2-set .col-2 { float: right; padding-right: 0 } @media only screen and (max-width:479px) { .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0 } } .col2-set .narrow { width: 33% } .col2-set .wide { width: 65% } .col2-set:after { content: ''; display: table; clear: both } @media only screen and (min-width:771px) { .top-container { max-width: 1260px; margin: 0 auto; padding: 0 30px } } .global-site-notice { background: #676157; color: #e6e6e6; font-size: 11px } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url(../../resources/images/demo-logo.png.pagespeed.ce.xvSxEOU3lU.png); background-position: left; background-repeat: no-repeat } .global-site-notice p { margin-bottom: 0 } .promo-msg { color: #39c; text-align: center; margin: 10px; text-transform: uppercase } .grid:after { content: ''; display: table; clear: both } .success { color: #11b400 } .error { color: red; font-weight: bold } .notice { color: #e26703; font-weight: bold } .messages { margin-bottom: 10px } .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #fff } .messages li li:before { top: 50%; left: 0; margin-top: -6px } .messages .error-msg li { border-left: 5px solid red } .messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid red; border-right: none } .messages .notice-msg li { border-left: 5px solid #e26703 } .messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e26703; border-right: none } .messages .success-msg li { border-left: 5px solid #11b400 } .messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11b400; border-right: none } @media only screen and (min-width:915px) { .order-list-grid .col-1 { width: 30% } .order-list-grid .col-2 { width: 50%; padding-right: 20px } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0 } } .page-popup { padding: 20px; background: #fff; height: auto } .page-popup h1 { margin: 0 0 .5em; font-size: 36px } .payment-methods { margin-bottom: 20px } .payment-methods dt { padding: 5px 0 } .payment-methods dd { padding-top: 10px } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #ccc; background: #f4f4f4 } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #ccc; border-top: none; top: -11px; left: 30px } .payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f4f4f4; border-top: none; top: -10px; left: 30px } .payment-methods .form-list li:last-child { margin-bottom: 0 } .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap } .please-wait img { float: left; margin-right: 5px; width: 24px } .price-box { margin: 7px 0 } .price-box p { margin-bottom: 0 } .price-notice { color: #a0a0a0 } .price-box .price { color: #39c; font-size: 16px } .price-box .price, .price { white-space: nowrap } .price-box .price-label { color: #a0a0a0; white-space: nowrap } .price-box .minimal-price-link { padding-left: 1em; color: #39c; display: block } .price-box .minimal-price-link .label { color: #a0a0a0 } .price-box .old-price, .price-box .special-price { display: inline-block } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none } .price-box .old-price .price, .price-box .special-price .price { display: inline-block } .price-box .old-price .price { color: #a0a0a0; text-decoration: line-through } .price-box .special-price { color: #39c; padding-left: 1em } .price-box .special-price .price-label { color: #d84d3c } .price-box .price-excluding-tax, .price-box .price-including-tax { display: block } .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #fbf4de; border: 1px solid #e2d4c7; margin-top: 7px } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold } .item-options { font-size: 14px } .item-options:after { content: ''; display: table; clear: both } .item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic } .item-options dt:after { content: ': ' } .item-options dd { float: left; padding-left: 10px; margin: 0 0 6px } .truncated, .truncated a.dots { cursor: help } .truncated a.details { cursor: help; height: 16px; line-height: 16px } .truncated a.details:hover { text-decoration: none } .truncated .truncated_full_value { position: relative; z-index: 300 } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #39c; background-color: #f6f6f6; top: 21px; left: -100px } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #39c; border-top: none; left: 97px; top: -7px } .truncated .truncated_full_value .item-options>p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px } .truncated .show .item-options { display: block } @media only screen and (max-width:479px) { .truncated { cursor: inherit } .truncated a.details { display: none } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent } .truncated .truncated_full_value .item-options p { float: none } .truncated .truncated_full_value .item-options:after { display: none } } .page-print { width: 6.5in; margin: 20px; background: #fff } .add-to-links { margin: 7px 0 } .add-to-links a { display: inline-block; padding: 0px 3px 3px } .add-to-links .separator { display: none } .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover {} .no-touch .product-image:hover { border-color: #39c } .ratings { margin: 7px 0 } .ratings .rating-box, .ratings .rating-links { margin: 5px 0 } .ratings .rating-box { width: 65px; height: 13px; background-repeat: repeat-x; background-position: 0 -615px; overflow: hidden } .ratings .rating-box .rating { float: left; height: 13px; background-repeat: repeat-x; background-position: 0 -600px } .ratings .amount { display: block; margin: 5px auto } .ratings .rating-links .separator { margin: 0 3px } .std p { margin: 0 0 1.5em } .std ol { list-style: decimal outside; margin-bottom: 1.5em } .std ol li { margin-left: 2em } .std ul { list-style: disc outside; margin-bottom: 1.5em } .std ul li { margin-left: 2em } .std .note { color: #a0a0a0; font-size: 13px } .tabs { margin-bottom: 10px; background: #fff } .toolbar { margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #f4f4f4; padding: 5px 10px 0px 10px } .toolbar:after { content: ''; display: table; clear: both } .pager-no-toolbar { margin-bottom: 10px } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px } .toolbar, .pager { color: #636363; line-height: 30px; font-size: 12px } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase } .sorter { float: left; margin-bottom: 5px } .sorter label { float: left; margin-right: 5px } .sorter label:after { content: ':' } .sorter>.sort-by { float: left; margin-right: 5px; height: 30px } .sorter>.sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block } .sorter>.sort-by .sort-by-switcher--asc { background-position: 4px -542px } .sorter>.sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px } .sorter>.sort-by .sort-by-switcher--desc { background-position: 4px -567px } .sorter>.sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px } .sorter>.view-mode { float: right } .sorter>.view-mode .grid, .sorter>.view-mode .list { float: left; width: 30px; height: 30px } .sorter>.view-mode .grid { margin-right: 5px; background-position: 8px -492px } .sorter>.view-mode strong.grid, .sorter>.view-mode a.grid:hover { background-position: -42px -492px } .sorter>.view-mode .list { background-position: 11px -517px } .sorter>.view-mode strong.list, .sorter>.view-mode a.list:hover { background-position: -39px -517px } .pager { float: right; overflow: hidden } .pager>.count-container { float: left } .pager .amount { float: left; white-space: nowrap; margin: 0 15px 0 0 } .pager .limiter { float: left; height: 30px; line-height: 30px } .pager .limiter>label { padding-right: 5px } .pager .limiter>label:after { content: ':' } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px } .pages { float: right; overflow: hidden; margin-left: 15px } .pages strong { display: none } .pages li { float: left } .pages a, .pages .current { display: inline-block; border: 0; font-size: 13px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; line-height: 30px; width: 25px; height: 30px; padding: 0; color: #39c } .pages .current, .pages .current:hover { color: #636363; border: 1px solid #ccc; width: 30px; background-color: #fff; cursor: default } .pages .next, .pages .previous { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; position: relative } .pages .next:hover, .pages .previous:hover { border: 1px solid #39c } .pages .next:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #39c; border-right: none; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px } .pages .next:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #246b8f; border-right: none } .pages .previous:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #39c; border-left: none; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px } .pages .previous:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #246b8f; border-left: none } @media only screen and (max-width:479px) { .pager .amount--has-pages { display: none } .pages { float: left } .limiter label { display: none } } @media only screen and (max-width:770px) { .col1-layout .sorter, .col1-layout .pager { width: 100% } .col1-layout .pager { float: left; clear: both } .col1-layout .pager .pages { float: left; margin-left: 0 } .col1-layout .pager .count-container { float: right } } @media only screen and (max-width:979px) { .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { width: 100% } .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both } .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: left; margin-left: 0 } .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right } } @media only screen and (max-width:1279px) { .toolbar .view-mode>label { display: none } } #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #39c; border-bottom: none; position: static; display: inline-block; margin-right: 5px } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #246b8f; border-bottom: none; position: static; display: inline-block; margin-right: 5px } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #39c; border-top: none; position: static; display: inline-block; margin-right: 5px } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #246b8f; border-top: none; position: static; display: inline-block; margin-right: 5px } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px } .widget .pager { float: none; width: 100% } .a-center { text-align: center } .a-right, .align-right { text-align: right } .no-display { display: none!important } .nobr, .nowrap { white-space: nowrap } .width-full { width: 100% } .hidden { display: none } .page-print .print-head { margin: 0 0 15px } .page-print .print-head .logo { float: none; max-height: 50px; width: auto } .fieldset p { margin-bottom: 7px } .fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 0px } .fieldset+.fieldset {} form .legend { margin: 0; margin-bottom: 10px; color: #636363; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #ededed } .input-box { padding-top: 2px } .input-box:after { content: ''; display: table; clear: both } .input-box .v-fix { float: left; margin-right: 5px } label { display: inline-block; font-size: 13px; font-weight: normal; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } label.required:after, span.required:after { content: ' *'; color: red; font-weight: normal; font-size: 12px } label.required em, span.required em { display: none } .input-hint { color: #a0a0a0; font-size: 12px } select { font-size: 14px } select+select { margin-left: 5px } select[multiple] { width: 270px; border: 1px solid silver; font-size: 15px; padding: 5px } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 450px; padding: 5px } .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid silver; background: #fff; font-size: 15px } .input-text:focus { border: 1px solid #39c } .input-text.validation-failed { border-color: red } .input-text.validation-failed:focus { outline-color: #ff7f7f } input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] { height: 30px; padding: 0 8px } input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] { width: 365px; max-width: 100% } @media only screen and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:0) { input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], select { font-size: 16px } } .ie8 .input-text { max-width: none } input[type="number"].qty, input[type="text"].qty { width: 3em; text-align: center; vertical-align: middle } ::-webkit-input-placeholder { color: #a0a0a0 } input:-moz-placeholder { color: #a0a0a0 } .checkbox, .radio { position: relative; top: -1px; display: inline-block } .checkbox+label, .radio+label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-size: 14px; font-weight: normal; vertical-align: top } p.required, .validation-advice { margin: 5px 0 0; color: red; font-size: 13px } .form-list>li { margin-bottom: 10px } .form-list select { margin-top: 4px; width: 365px; max-width: 100% } .form-list .input-range .input-text { width: 74px } .form-list .field, .form-list .wide, .form-list .control { margin-bottom: 10px } .form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list {} .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left } .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none } .form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, #co-shipping-method-form .sp-methods dd input.radio, #co-shipping-method-form .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-right: -40px; margin-top: 10px; margin-left: 15px } .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { color: #636363; background-color: #f4f4f4; padding: 5px 10px; display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 40px } .form-list .control label:hover, .sp-methods dt label:hover, #checkout-shipping-method-load .sp-methods dd label:hover, #co-shipping-method-form .sp-methods dd label:hover, .product-options ul.options-list label:hover { background-color: #e7e7e7 } .form-list .control .no-display+label, .sp-methods dt .no-display+label, #checkout-shipping-method-load .sp-methods dd .no-display+label, #co-shipping-method-form .sp-methods dd .no-display+label, .product-options ul.options-list .no-display+label { padding-left: 10px; background-color: transparent } .form-list .control .no-display+label:hover, .sp-methods dt .no-display+label:hover, #checkout-shipping-method-load .sp-methods dd .no-display+label:hover, #co-shipping-method-form .sp-methods dd .no-display+label:hover, .product-options ul.options-list .no-display+label:hover { background-color: transparent } .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; width: 250px; max-width: 100% } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit } .form-list .control { margin-top: 10px } .form-list .control label { float: none } .form-list .control .radio, .form-list .control .checkbox { margin-right: 6px } .form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0 } form .form-instructions { font-size: 12px; color: gray } .hide-th { text-indent: -9999px } .data-table { width: 100% } .data-table td, .data-table th { padding: 10px; vertical-align: top } .data-table th { background: #f4f4f4; text-transform: uppercase; line-height: 1.4; white-space: nowrap } .data-table thead th, .data-table tbody td { border-bottom: 1px solid silver } .data-table tbody td, .data-table tfoot td {} .data-table tfoot tr { background: #f4f4f4 } .data-table tbody td .item-options { margin-left: 20px; margin-top: 10px } .data-table tbody td .item-options dt:after { content: ':' } .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid silver } .zebra-table td, .zebra-table th { border-bottom: 1px solid silver; padding: 6px; background-color: transparent } .zebra-table tr { background-color: #eeeded } .zebra-table tr:nth-child(odd) { background-color: #f8f7f5 } @media only screen and (max-width:479px) { .linearize-table {} .linearize-table tr, .linearize-table th, .linearize-table td { display: block } .linearize-table thead th { border-right: 0; border-left: 0 } .linearize-table thead th.lin-hide { display: none } .linearize-table thead th:nth-child(1n+2) { display: none } .linearize-table tbody tr { position: relative; border-bottom: 1px solid #ccc } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0 } .linearize-table tbody td.lin-hide { display: none } .linearize-table tbody td:first-child { padding-top: 10px } .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-weight: bold } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase } .linearize-table tfoot tr { display: block; text-align: right } .linearize-table tfoot tr:after { content: ''; display: table; clear: both } .linearize-table tfoot td { display: block; float: left } .linearize-table tfoot td.lin-hide { display: none } .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60% } .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40% } .linearize-table .linearize-hide { display: none } .linearize-table .linearize-unpad { padding: 0 } .linearize-table .linearize-show { display: block } } @media only screen and (max-width:599px) { .linearize-table-large {} .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block } .linearize-table-large thead th { border-right: 0; border-left: 0 } .linearize-table-large thead th.lin-hide { display: none } .linearize-table-large thead th:nth-child(1n+2) { display: none } .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #ccc } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0 } .linearize-table-large tbody td.lin-hide { display: none } .linearize-table-large tbody td:first-child { padding-top: 10px } .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-weight: bold } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase } .linearize-table-large tfoot tr { display: block; text-align: right } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both } .linearize-table-large tfoot td { display: block; float: left } .linearize-table-large tfoot td.lin-hide { display: none } .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60% } .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40% } .linearize-table-large .linearize-hide { display: none } .linearize-table-large .linearize-unpad { padding: 0 } .linearize-table-large .linearize-show { display: block } } @media only screen and (min-width:600px) { .linearize-table .linearize-collapse { display: none } } html, body { height: 100% } .wrapper { min-width: 320px; min-height: 100%; margin: 0 auto; background: #fff } .wrapper:after { content: ''; display: table; clear: both } @media only screen and (min-width:771px) { .page-header { max-width: 1260px; margin: 0 auto; padding: 0 30px } .page-header-container { position: relative } } .header-language-container, .page-header {} .header-language-background { padding: 10px; background-color: #39c; text-transform: uppercase } .header-language-background .header-language-container { max-width: 1200px; margin-left: auto; margin-right: auto } .header-language-background:after { content: ''; display: table; clear: both } .header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px } .header-language-background .welcome-msg { float: right } .page-header-container .store-language-container { float: right; max-width: 35%; padding: 13px 15px 10px 10px } .page-header-container .store-language-container label { display: none } .page-header-container .store-language-container select { max-width: 100% } @media only screen and (max-width:479px) { .page-header-container .store-language-container { padding-top: 8px } .page-header-container .store-language-container select { font-size: 12px } } .header-language-background, .header-language-background a { color: #e6e6e6 } @media only screen and (max-width:770px) { .header-language-background { display: none } } .skip-links { clear: both; overflow: hidden } @media only screen and (min-width:771px) { .skip-links { border: 0 } } .skip-link {} a.skip-link {} @media only screen and (max-width:770px) { .skip-link:last-child {} } @media only screen and (min-width:500px) { .skip-link {} } @media only screen and (max-width:770px) { .skip-link.skip-active {} .skip-link.skip-active span {} } .skip-link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle } .skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon { margin-right: 3px } @media only screen and (min-width:500px) { .skip-link .icon { margin-right: 3px } } .skip-link .label { display: none } @media only screen and (min-width:500px) { .skip-link .label { display: inline } } .skip-content { display: none } .skip-content.skip-active { display: block!important } .skip-nav { width: 40% } .skip-nav:not(.skip-active):hover { text-decoration: none } .skip-nav:not(.skip-active):hover .icon { background-position: -46px 4px } .skip-nav .label { display: inline } .skip-nav .icon { background-position: 4px 4px } @media only screen and (min-width:500px) { .skip-nav { width: 25% } } @media only screen and (min-width:771px) { .skip-nav { display: none } #header-nav { display: block; border-bottom: 1px solid #ededed } .nav-primary { display: block; margin-top: 15px } } .nav-primary a { text-decoration: none; position: relative; display: block; color: #636363; line-height: 30px } .nav-primary li { position: relative } .nav-primary li.level1 a { border-bottom: 1px solid #ccc } .nav-primary .menu-active>ul.level0, .nav-primary li.level0 li.sub-menu-active>ul { display: block } .nav-primary li.level0>a { text-transform: uppercase } @media only screen and (min-width:771px) { .nav-primary {} .nav-primary a.level0 { padding: 0 25px } .nav-primary li.level0, .nav-primary a.level0 { display: inline-block } .nav-primary li:last-child>a { border-bottom: none } .nav-primary a:hover, .nav-primary li:hover>a { color: #39c } .nav-primary .menu-active, .nav-primary li.level0:hover { z-index: 200 } .nav-primary li.level0 ul { background: #fbfbfb; border: solid 1px #ccc; position: absolute; left: 0; top: 30px; z-index: 10; width: 250px; padding-left: 10px; padding-right: 10px; display: none } .nav-primary li.level1 ul { left: 60px; top: 15px } .nav-primary li.level0 ul.level0.position-test { display: block } .nav-primary li.level0 ul.level0.spill { right: 0; left: auto } .nav-primary li.level0 ul.level0.spill li.level1 ul { left: auto; right: 50px; top: 20px } .nav-primary li.level0 li.parent>a { position: relative } .nav-primary li.level0 li.parent>a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc; border-right: none; right: 5px; top: 50%; margin-top: -3px } .no-touch li:hover>ul { display: block } } .skip-search:not(.skip-active):hover .icon { background-position: -46px -146px } .skip-search .icon { background-position: 4px -146px } @media only screen and (min-width:771px) { .skip-search { display: none } } #header-search { padding: 20px } @media only screen and (min-width:771px) { #header-search { display: block; padding: 0 } } #search_mini_form .input-box { position: relative; padding-top: 0 } #search_mini_form label { display: none } #search { width: 100%; height: 40px; padding-right: 40px } #search_mini_form .search-button { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; background: none } #search_mini_form .search-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; background-position: 4px -146px } #search_mini_form .search-button:hover:before { opacity: .8 } #search_mini_form .search-button:active:before { margin-top: -13px; margin-left: -13px } .skip-account:not(.skip-active):hover .icon {} .skip-account .icon {} .skip-account { display: none } .skip-cart:not(.skip-active):hover .icon { background-position: -50px -95px } .skip-cart .icon { background-position: 0px -95px } @media only screen and (min-width:771px) { .skip-cart { padding: 0 10px } #header-cart.skip-active {} } .skip-cart .count { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; top: -6px; position: relative; z-index: 5; width: 22px; height: 22px; background: rgba(51, 153, 204, .9); color: #fff; font-size: 11px; line-height: 22px; text-align: center } .skip-link.skip-active .count { color: #fff } .skip-cart.no-count .count { display: none } @media only screen and (max-width:499px) { .skip-cart .count { margin-left: -12px } } @media only screen and (min-width:771px) { .skip-cart { color: #39c; text-transform: uppercase } .skip-cart:hover { text-decoration: none } .skip-cart .count { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #39c; position: static; background: none; margin-left: 0px; font-size: 14px } } .skip-cart .count.empty { display: none } .cart-menu .empty { padding: 20px; text-align: center } .cart-menu .actions { overflow: hidden; padding: 15px } .cart-menu .actions .button { float: left; width: 48% } .cart-menu .actions .button+.button { margin-left: 4% } .cart-menu .subtotal { padding: 0 15px 15px; font-size: 24px; line-height: 1.2 } .mini-cart-list { margin-bottom: 5px } .mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #ccc; font-size: 13px; line-height: 1.35 } .mini-cart-list .product-name { display: inline-block } .mini-cart-list .product-image { position: absolute; left: 15px; top: 15px } .mini-cart-list .product-image img { width: 60px; height: 60px } .mini-cart-list .has-options { margin-bottom: 0; color: #a0a0a0; font-size: 12px } .cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #ccc; font-size: 13px } .footer, .footer button {} .footer { clear: both; width: 100%; border-top: 1px solid #ccc; padding-top: 30px } @media only screen and (max-width:479px) { .footer { padding-top: 15px } } .footer .block-title { border-bottom: 0; padding: 3px 0 } .footer .block-title strong { font-weight: normal } .footer .block-title, .footer address { color: #39c } .footer .links { float: left; width: 17%; padding: 0 30px 0 0; margin-bottom: 30px } .footer .links li { word-break: break-all; line-height: 1.4; padding: 4px 0 } .footer .links a { color: #636363 } .footer .links a:hover { color: #39c } .footer .block-subscribe { float: right; width: 320px; margin-bottom: 30px } .footer .links, .footer .block-subscribe { text-transform: uppercase; font-size: 12px } .footer .form-subscribe-header { display: none } .footer .links.social-media em { background-image: url(../../resources/images/social_icons.png.pagespeed.ce.ptC9rqDKD1.png); background-repeat: no-repeat; width: 13px; vertical-align: middle; display: inline-block; margin-right: 7px } @media (-webkit-min-device-pixel-ratio:2), (min--moz-device-pixel-ratio:2), (-o-min-device-pixel-ratio:4 / 2), (min-device-pixel-ratio:2), (min-resolution:192dpi), (min-resolution:2dppx) { .footer .links.social-media em { background-image: url(../../resources/images/social_icons,402x.png.pagespeed.ce.UxzGlqe5Sd.png); background-size: 50px 125px } } .footer .links.social-media em.facebook { background-position: 0 -0px; height: 13px } .footer .links.social-media a:hover em.facebook { background-position: -25px -0px } .footer .links.social-media em.twitter { background-position: 0 -24px; height: 13px } .footer .links.social-media a:hover em.twitter { background-position: -25px -24px } .footer .links.social-media em.youtube { background-position: 0 -49px; height: 13px } .footer .links.social-media a:hover em.youtube { background-position: -25px -49px } .footer .links.social-media em.pinterest { background-position: 0 -74px; height: 15px } .footer .links.social-media a:hover em.pinterest { background-position: -25px -74px } .footer .links.social-media em.rss { background-position: 0 -99px; height: 13px } .footer .links.social-media a:hover em.rss { background-position: -25px -99px } .footer .block-subscribe .input-box { float: left; width: 65.625%; padding-top: 0 } .footer .block-subscribe .input-text { width: 100%; border-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0 } .footer .block-subscribe .block-content { padding-top: 7px } .footer .block-subscribe .block-content:after { content: ''; display: table; clear: both } .footer .block-subscribe .actions { float: left; width: 34.375%; margin: 0 } .footer .block-subscribe .actions .button { height: 30px; line-height: 17px; float: left } .footer .bugs, .footer address { clear: both } .footer .bugs { display: none } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px } .footer .form-language, .footer .currency-switcher { display: none } .footer address { border-top: 1px solid #ccc; text-align: center; width: 100%; font-size: 11px; margin-top: 30px; padding: 30px 0 } @media only screen and (max-width:1199px) { .footer .links { width: 22.65625%; padding-right: 0; margin-right: 3.125% } .footer .links:nth-child(4) { margin-right: 0 } .footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto } } @media only screen and (max-width:770px) { .footer .form-language, .footer .currency-switcher { display: block } } @media only screen and (max-width:599px) { .footer .links { width: 48.4375%; margin-right: 0 } .footer .links:nth-child(odd) { margin-right: 3.125%; clear: both } .footer .block-subscribe { clear: both; float: left; width: 100% } } .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none } .category-image { margin-bottom: 1.5em } h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: .5em; color: #636363; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 13px; font-weight: normal; line-height: 1.4 } h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #636363 } h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #39c; text-decoration: none } .products-grid .product-name, .products-list .product-name { text-transform: uppercase; margin-bottom: 5px; font-size: 14px } .products-grid .product-name a, .products-list .product-name a { font-weight: 500 } .products-grid { position: relative } .products-grid:after { content: ''; display: table; clear: both } .products-grid>li { position: relative; margin-bottom: 20px; text-align: center } .products-grid>li:after { content: ''; display: table; clear: both } .products-grid .product-image { width: 100%; margin-bottom: 15px } .products-grid .product-image img { width: 100%; height: auto } .products-grid .product-image img:hidden { display: none } .products-grid .product-info { position: relative; padding-bottom: 95px } .products-grid .actions { padding-top: 10px; position: absolute; bottom: 0px; min-height: 85px; width: 100% } .products-grid .ratings .rating-box { margin: 0 auto } .products-grid .ratings .amount { display: none } .products-grid .price-box { color: #a0a0a0; font-size: 13px; margin: 0 0 5px } .products-grid .add-to-links { margin-bottom: 0 } .products-grid>li { float: left; width: 47.72727%; margin-right: 4.54545% } .products-grid > li:nth-child(odd) { clear: left } .products-grid > li:nth-child(even) { margin-right: 0 } .products-grid .product-image { margin-bottom: 5px } .products-grid .product-image:before, .products-grid .product-image:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none } .products-grid .product-image:before { background-color: #fff; opacity: .8; z-index: 2 } .products-grid .product-image:after { background-image: url(../../resources/images/opc-ajax-loader.gif.pagespeed.ce.9I7gaYkLFk.gif); background-repeat: no-repeat; background-position: center; z-index: 3 } .products-grid .product-image.loading { position: relative } .products-grid .product-image.loading:before, .products-grid .product-image.loading:after { display: block } @media only screen and (min-width:480px) { .products-grid {} .products-grid > li:nth-child(odd) { clear: none } .products-grid > li:nth-child(even) { margin-right: 3.7037% } .products-grid>li { width: 30.8642%; margin-right: 3.7037% } .products-grid > li:nth-child(3n+1) { clear: left } .products-grid > li:nth-child(3n) { margin-right: 0 } } @media only screen and (min-width:960px) { .products-grid--max-4-col > li:nth-child(odd) { clear: none } .products-grid--max-4-col > li:nth-child(3n+1) { clear: none } .products-grid--max-4-col > li:nth-child(even), .products-grid--max-4-col > li:nth-child(3n) { margin-right: 2.22222% } .products-grid--max-4-col>li { margin-right: 2.22222% } .products-grid--max-4-col>li { width: 23.33333%; margin-right: 2.22222% } .products-grid--max-4-col > li:nth-child(4n+1) { clear: left } .products-grid--max-4-col > li:nth-child(4n) { margin-right: 0 } .products-grid--max-5-col > li:nth-child(odd) { clear: none } .products-grid--max-5-col > li:nth-child(3n+1) { clear: none } .products-grid--max-5-col > li:nth-child(even), .products-grid--max-5-col > li:nth-child(3n) { margin-right: 2.22222% } .products-grid--max-5-col>li { margin-right: 2.22222% } .products-grid--max-5-col>li { width: 18.22222%; margin-right: 2.22222% } .products-grid--max-5-col > li:nth-child(5n+1) { clear: left } .products-grid--max-5-col > li:nth-child(5n) { margin-right: 0 } .products-grid--max-6-col > li:nth-child(odd) { clear: none } .products-grid--max-6-col > li:nth-child(3n+1) { clear: none } .products-grid--max-6-col > li:nth-child(even), .products-grid--max-6-col > li:nth-child(3n) { margin-right: 2.22222% } .products-grid--max-6-col>li { margin-right: 2.22222% } .products-grid--max-6-col>li { width: 14.81481%; margin-right: 2.22222% } .products-grid--max-6-col > li:nth-child(6n+1) { clear: left } .products-grid--max-6-col > li:nth-child(6n) { margin-right: 0 } } .products-list { margin-top: 20px; margin-bottom: 20px } .products-list>li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ededed } .products-list>li:after { content: ''; display: table; clear: both } .products-list>li .product-image { float: left; width: 33.33333% } .products-list>li .product-image img { width: 100%; max-width: 100% } .products-list>li:last-child { padding-bottom: 0; border-bottom: none } .products-list .product-shop { float: right; width: 66.66667%; padding-left: 20px } .products-list .product-shop .product-name { margin-bottom: 0 } .products-list .product-shop .ratings { margin: 0 } .products-list .product-shop .ratings .rating-box, .products-list .product-shop .ratings .rating-links { float: left; margin-right: 7px } .products-list .product-shop .ratings .rating-links { margin-top: 4px } .products-list .product-shop .price-box { margin-top: 0 } .products-list .product-shop .price-box .price { font-size: 18px } .products-list .product-shop .action { margin: 7px 0 } .products-list .product-shop .desc { margin-top: 7px } .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 75%; overflow: hidden } .products-list .product-shop .product-secondary { float: right; width: 25%; text-align: right; clear: right } @media only screen and (min-width:480px) { .products-list .product-name a { font-size: 18px } } @media only screen and (max-width:1279px) { .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 60%; padding-right: 20px } .products-list .product-shop .product-secondary { float: right; width: 40% } } @media only screen and (max-width:600px) { .products-list .product-shop .price-box .special-price { padding-left: 0 } .products-list .product-shop .product-primary, .products-list .product-shop .product-secondary, .products-list .product-shop .desc { float: none; width: 100%; padding-right: 0; text-align: left } } .mini-products-list .product-image { float: left; min-width: 50px } .mini-products-list .product-details { margin-left: 60px } .mini-products-list .product-details .product-name { padding-top: 10px } .mini-products-list li { margin-bottom: 10px; clear: both } .mini-products-list li:after { content: ''; display: table; clear: both } .mini-products-images-list:after { content: ''; display: table; clear: both } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0 } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px } .mini-products-images-list li.item .product-image { display: block } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100% } .category-image { border: 1px solid #ccc; padding: 10px } .category-image img { width: 100%; max-width: 100% } .category-image img:hidden { display: none } .block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #ccc; position: relative; background-color: #f4f4f4; cursor: pointer } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #39c; border-bottom: none; left: 10px; top: 50%; margin-top: -3px } .block-layered-nav .block-content .toggle-tabs { display: none } .block-layered-nav .block-content>dl>dt { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #ccc; position: relative; background-color: #f4f4f4; display: block } .block-layered-nav .block-content>dl>dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #39c; border-bottom: none; left: 10px; top: 50%; margin-top: -3px } .block-layered-nav .block-content>dl>dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #ccc } .block-layered-nav .block-content>dl>dd:last-child { border-width: 0 1px 1px 1px } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px } .block-layered-nav dl dd ol>li>span, .block-layered-nav dl dd ol>li>a { padding: 5px 15px; display: block } .block-layered-nav dl dd ol>li>a .count { color: #a0a0a0 } @media only screen and (min-width:771px) { .block-layered-nav .block-content>dl>dt { padding-left: 10px } .block-layered-nav .block-content>dl>dt:after { display: none } } .block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase } .block-layered-nav .currently ol { padding-left: 10px; margin-bottom: 10px } .block-layered-nav .currently ol li { margin-bottom: 5px } .block-layered-nav .currently ol li .label { font-weight: bold } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both } .block-layered-nav .actions { text-align: right; margin-bottom: 7px } .event-container { clear: both; border: 1px solid #39c; position: relative; z-index: 2; border-width: 1px 1px; margin-top: 7px; height: 59px } .event-container:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #39c; border-bottom: none; position: absolute; bottom: -10px; left: 50%; margin-left: -10px } .event-container .event { padding-bottom: 18px; margin-bottom: -18px; padding-top: 5px; height: 52px; line-height: 50px; text-align: center; width: auto; position: relative; z-index: 2; border-bottom: 0!important } .event-container .event .event-ticker { display: inline; font-size: 28px; height: auto } .event-container .event .event-ticker span { line-height: 50px; height: 50px; padding: 0 } .event-container .container { display: inline; margin: 0; padding: 0; background: none } .event-container .status { display: inline; margin: 0 10px 0 0; background: none; font-size: 22px } .event-container .event-dates { display: inline; font-size: 22px; height: auto } .event-container .event-dates div, .event-container .event-dates p { display: inline } .event-container .event-dates .time-part { font-size: 14px } .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left } .product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px } .product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both } .product-view .product-essential:after { content: ''; display: table; clear: both } .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 { color: #39c; margin-bottom: 10px; border: 0 } .product-view .product-shop { width: 50%; float: right } .product-view .product-shop .product-name { display: none; float: left } .product-view .product-shop .product-name .h1 { float: left; margin-bottom: 5px } .product-view .product-shop .extra-info { float: left; padding-right: 15px; clear: left } .product-view .product-shop .price-info { float: right; padding-left: 15px; text-align: right } .product-view .product-shop .extra-info, .product-view .product-shop .price-info { max-width: 50%; margin-bottom: 10px } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both } .product-view .product-shop .ratings { margin-bottom: 8px } .product-view .product-shop .availability { font-size: 16px } .product-view .product-shop .price-box { margin-top: 0 } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2 } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #39c; font-size: 24px } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2 } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300 } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px } .product-view .old-price .price-label { display: none } .product-view .add-to-cart-wrapper, .product-view .block-related { width: 50%; float: right; clear: right } @media only screen and (max-width:850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px } } @media only screen and (max-width:770px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px } } @media only screen and (max-width:420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px } .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block } } .product-img-box { width: 50%; float: left } .product-img-box .product-name h1 { border: 0 } .product-img-box .product-image { margin-bottom: 10px } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto } @media only screen and (max-width:479px) { .product-img-box .product-image img { max-height: 450px } } .product-image-gallery { position: relative } .product-image-gallery .gallery-image { display: none } .product-image-gallery .gallery-image.visible { display: block } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none } .product-image-gallery:before { background-color: #fff; opacity: .8; z-index: 2 } .product-image-gallery:after { background-image: url(../../resources/images/opc-ajax-loader.gif.pagespeed.ce.9I7gaYkLFk.gif); background-repeat: no-repeat; background-position: center; z-index: 3 } .product-image-gallery.loading { position: relative } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block } .product-image-thumbs li { display: inline-block } .product-image-thumbs li:first-child { margin-left: -1px } .product-image-thumbs a { display: inline-block; border: 1px solid transparent } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7 } .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 15px } .product-img-box { padding-right: 15px } .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px } .product-view {} .product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both } .product-view .add-to-cart { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #ccc } .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; float: left } .product-view .add-to-cart .qty-wrapper label { line-height: 40px } .product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px } .product-view .add-to-cart-buttons { float: left; margin-right: 10px } .product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center } .product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 145px } .product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 150px; margin: 0 auto } .product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center } .product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center } @media only screen and (max-width:479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px } .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none } } .add-to-box .or { display: none } .product-view .add-to-links { clear: both; margin-top: 0px; margin-right: 15px; float: left } .product-view .add-to-links:after { content: ''; display: table; clear: both } .product-view .add-to-links li { float: left } .product-view .add-to-links a { padding: 2px 7px 2px 0px; margin-left: 7px; border-right: 1px solid #ccc } .product-view .add-to-links li:first-child a { margin-left: 0px } .product-view .add-to-links li:last-child a { border-right: 0px } .product-view .sharing-links { float: left } .product-view .sharing-links:after { content: ''; display: table; clear: both } .product-view .sharing-links li { float: left; padding: 0px 7px 7px } .product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px } .product-view .sharing-links a:hover { opacity: .8 } .product-view .sharing-links a.link-wishlist { background-position: 0px -225px } .product-view .sharing-links a.link-compare { background-position: 0px -250px } .product-view .sharing-links a.link-email-friend { background-position: 0px -322px } .product-view .sharing-links a.link-facebook { background-position: 0px -425px } .product-view .sharing-links a.link-twitter { background-position: 0px -372px } @media only screen and (max-width:599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0 } } .product-collateral { clear: both } .collateral-tabs dd h2 { display: none } .box-collateral { clear: both } @media only screen and (min-width:531px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; border: 1px solid #ccc; background-color: #f4f4f4 } .product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent } .product-collateral .toggle-tabs li>span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; cursor: pointer; text-transform: uppercase; font-size: 12px; position: relative; bottom: -1px } .product-collateral .toggle-tabs li.current { border-right: 1px solid #ccc; border-left: 1px solid #ccc } .product-collateral .toggle-tabs li.current>span { background-color: #fff; z-index: 5 } .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #39c } .product-collateral .toggle-tabs li:first-child { border-left: none } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both } .product-collateral>dl { width: 100% } .product-collateral>dl>dt { display: none } .product-collateral>dl>dd { width: 100%; display: none; padding: 15px; border: 1px solid #ccc; border-top: 0 } .product-collateral>dl>dd.current { display: block } } @media only screen and (max-width:530px) { .product-collateral .toggle-tabs { display: none } .product-collateral>dl>dt { margin: 0; margin-bottom: 10px; color: gray; font-size: 14px; font-weight: bold; font-style: normal; line-height: normal; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px; border-width: 1px; border-style: solid; border-color: #ddd; position: relative; background-color: #f8f8f8; display: block } .product-collateral>dl>dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #ccc } .product-collateral>dl>dd:last-child { border-width: 0 1px 1px 1px } .product-collateral>dl>dt { cursor: pointer; border-bottom-width: 0 } .product-collateral>dl>dt:hover { color: #3b4fc7 } .product-collateral>dl>dt.last { border-bottom-width: 1px } .product-collateral>dl>dd { display: none } .product-collateral.accordion-open>dl>dt.current { border-bottom-width: 1px; background-color: #3b4fc7; color: #fff; border-color: #3b4fc7 } .product-collateral.accordion-open>dl>dd.current { display: block } } @media only screen and (max-width:770px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0 } } @media only screen and (min-width:771px) { .product-view .product-shop .product-name { display: block } .product-img-box .product-name { display: none } } @media only screen and (max-width:479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px } } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0 } #product-attribute-specs-table { max-width: 50em; border: 1px solid silver } #product-attribute-specs-table th { border-right: 1px solid silver; border-bottom: 1px solid silver } .grouped-items-table-wrapper { border: solid 1px silver; width: 100%; padding: 10px; margin-bottom: 15px } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none } @media only screen and (max-width:479px) { .grouped-items-table-wrapper { margin-bottom: 15px } } .grouped-items-table .name-wrapper { color: #39c } .grouped-items-table .qty-wrapper { padding-top: 7px } .grouped-items-table .qty-label { margin-left: 7px } .grouped-items-table td { padding: 4px } .product-options { width: 100%; margin: 10px 0 0; padding: 10px 15px 15px; border: 1px solid #ccc; clear: both; position: relative } .product-options p.required { position: absolute; top: 6px; right: 15px } .product-options dt { margin: 10px 0 3px; font-weight: normal } .product-options dt:first-child { margin-top: 0 } .product-options dd .qty-holder { display: block; padding: 10px 0 0 0 } .product-options dd .qty-holder .qty { width: 3em } .product-options dd .qty-holder label { vertical-align: middle } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; border-bottom: 1px solid #ededed } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0 } .product-options dd .input-text { width: 98% } .product-options dd .input-box { padding-top: 0 } .product-options dd input.datetime-picker { width: 150px } .product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle } .product-options dd textarea { width: 98%; height: 8em } .product-options dd select { width: 330px; max-width: 100% } .product-options ul.options-list { margin-right: 5px } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px } .product-options ul.options-list li:last-child { margin-bottom: 0 } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px } .product-options ul.options-list .label { display: block } .product-options ul.options-list label { font-weight: normal } .product-options p.note { margin: 0; font-size: 11px } .product-options-bottom { background-color: #f4f4f4; padding: 15px 20px; border: 1px solid #ccc; border-top: 0; margin-bottom: 10px } .product-options-bottom:after { content: ''; display: table; clear: both } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #636363 } @media only screen and (max-width:479px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ccc } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0 } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #636363 } .product-options-bottom .price-box { display: none; float: right; margin: 0 0 10px; padding: 0 } @media only screen and (max-width:479px) { .product-options-bottom .price-box .price-as-configured { text-align: right } .product-options-bottom .price-box .price-as-configured .price-label { display: block } } .product-options-bottom .price-tax { float: left } .block-related li { margin-bottom: 7px } .block-related .block-title { border-bottom: none } .block-related .block-title h2 { margin: 0; margin-bottom: .5em; color: #636363; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0 } .block-related .block-subtitle { margin-bottom: 7px } .block-related .product { margin-left: 20px; position: relative } .block-related .checkbox { float: left; margin-top: 36px } .block-related .product-details { margin-left: 90px } .block-related .product-name { margin-bottom: 3px } .block-related .product-details .price-box { margin: 2px 0 3px } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: left; margin-left: 3px } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0 } .block-related .product-details .price-box:after { content: ''; display: table; clear: both } .block-related .link-wishlist { display: none } .box-up-sell { margin-top: 20px } .box-up-sell .ratings { display: none } .cart-msrp-totals { color: red; font-size: 12px!important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px } .map-popup { background: #fff; border: 5px solid #ccc; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100 } @media only screen and (min-width:771px) { .map-popup.map-popup-right { left: 10px!important } .map-popup.map-popup-left { left: auto!important; right: 10px!important } } @media only screen and (max-width:770px) { .map-popup { width: 100%; left: 0px!important } } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto } .map-popup .map-popup-heading h3 { font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis } @media only screen and (max-width:479px) { .map-popup .map-popup-heading h3 { text-align: center } } .map-popup .map-popup-close { display: block; position: absolute; top: 0px; right: 0px; height: 36px; width: 36px; font-size: 20px; line-height: 32px; text-align: center } .map-popup .map-popup-content { border-top: 1px solid #ededed; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left } @media only screen and (max-width:479px) { .map-popup .map-popup-content { text-align: center } } .map-popup .map-popup-checkout { padding: 10px 0 } .map-popup .map-popup-checkout form:after { content: ''; display: table; clear: both } .map-popup .map-popup-checkout span { display: block } .map-popup .map-popup-checkout .button { float: left; margin: 0 2px; clear: left } .map-popup .map-popup-checkout .additional-addtocart-box { float: left; min-width: 210px } .map-popup .map-popup-checkout .additional-addtocart-box li { list-style-type: none } .map-popup .map-popup-checkout .paypal-logo { width: auto } .map-popup .map-popup-checkout .paypal-logo a { display: inline-block; float: left; clear: left } .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: left; text-align: center; padding: 5px 15px; clear: left } .map-popup .map-popup-checkout .paypal-logo:after { content: ''; display: table; clear: both } .map-popup .map-popup-checkout .paypal-logo .bml_button a { clear: left } @media only screen and (max-width:479px) { .map-popup .map-popup-checkout { text-align: center } .map-popup .map-popup-checkout .button, .map-popup .map-popup-checkout .additional-addtocart-box, .map-popup .map-popup-checkout .paypal-logo a, .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: none } .map-popup .map-popup-checkout .additional-addtocart-box { min-width: 0px } .map-popup .map-popup-checkout .paypal-logo .paypal-or { margin: 0px; margin-bottom: 10px } } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both } .map-popup .map-popup-price { padding: 10px 0 } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0 } @media only screen and (max-width:479px) { .map-popup .map-popup-price { text-align: center; padding-top: 0px } } .map-popup .map-popup-text { padding: 10px 0; margin: 0 10px; word-wrap: break-word } .map-popup .map-popup-text, .map-popup .map-popup-only-text { border-top: 1px solid #ededed } .block-compare .product-name:after { content: ''; display: table; clear: both } .compare-table .product-image { display: inline-block } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0 } .compare-table .product-shop-row.bottom td { padding-top: 0 } .cart-table { float: left; width: 60% } .cart-forms, .cart-totals-wrapper, .crosssell { float: right; clear: right; width: 40%; padding-left: 20px } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 10px; background-color: #f4f4f4; border: 1px solid #ccc } .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 20px } .display-both-prices .cart-table { float: none; width: 100% } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0 } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50% } .display-both-prices .crosssell { clear: right; float: right } @media only screen and (max-width:979px) { .display-single-price .cart-table { float: none; width: 100% } .display-single-price .cart-forms { float: left; padding-right: 10px; padding-left: 0 } .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-left: 10px } .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 50% } .display-single-price .crosssell { clear: right; float: right } } @media only screen and (max-width:599px) { .product-cart-sku { display: none } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100% } } .cart .page-title { margin-bottom: 15px; border-bottom: 1px solid #ededed } .cart .page-title:after { content: ''; display: table; clear: both } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px } .checkout-types { float: right; text-align: right; max-width: 100% } .checkout-types li { vertical-align: top; margin: 0 0 5px 5px } .checkout-types li:after { content: ''; display: table; clear: both } .checkout-types li img { display: inline; vertical-align: top } .checkout-types li:first-child { margin-left: 0 } .checkout-types .method-checkout-cart-methods-multishipping { display: block } .checkout-types.top li { display: inline-block } .checkout-types.top .bml_button { display: inline-block; vertical-align: top } .checkout-types.top .bml_button img { display: block } .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; width: 150px; display: block; text-align: center; float: right } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px } @media only screen and (max-width:670px) { .checkout-types { float: none; text-align: center } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none } .checkout-types li { float: none; width: 100%; margin-left: 0 } .btn-checkout { width: 100% } } .cart-table {} .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: top } .cart-table h2 { color: #636363; font-size: 14px; font-weight: 600; margin-bottom: 0 } .cart-table thead th, .cart-table tbody td { background-color: transparent; padding: 10px 5px } .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 15px } .cart-table tr { border-bottom: 1px solid silver } .cart-table tfoot tr { background: none } .cart-table tfoot tr>td:after { content: ''; display: table; clear: both } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none } .cart-table .product-cart-image { padding-left: 0; padding-right: 0 } .cart-table .product-cart-image .product-image img { max-width: 100%; width: 100% } .cart-table .product-cart-image a.cart-edit { display: none } .cart-table .product-cart-sku { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 12px; margin: 5px 0 12px } .cart-table .product-cart-sku .label { font-weight: 600 } .cart-table .btn-empty { float: left } .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: center } .cart-table .cart-tax-total { position: relative; cursor: pointer } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #39c; border-left: none; position: absolute; top: 3px; right: -11px } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #39c; border-bottom: none; right: -15px; top: 6px } .cart-table .cart-links>li { white-space: nowrap; line-height: 1.3; margin-bottom: 5px; min-width: 65px; font-size: 13px } .cart-table .cart-links>li>a { display: block } .cart-table .cart-links>li:last-child { margin-bottom: 0 } .cart-table .product-cart-actions { min-width: 60px; text-align: center } .cart-table .product-cart-actions .qty { height: 30px; border-color: silver; border-radius: 0; margin-bottom: 10px; text-align: center; width: 3em } .cart-table .product-cart-actions .button { margin-bottom: 5px } .cart-table .item-options { padding-left: 15px } @media only screen and (max-width:770px) { .cart-table th { font-size: 12px } .cart-table th, .cart-table td { padding: 7px 6px } .cart-table .product-cart-actions>li { white-space: inherit } } @media only screen and (max-width:699px) { .display-both-prices .cart-table thead th.cart-total-head, .display-both-prices .cart-table td.product-cart-total { display: none } } @media only screen and (max-width:599px) { .cart-table colgroup, .cart-table thead { display: none } .cart-table tr { display: block; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; position: relative; width: 100% } .cart-table tr:after { content: ''; display: table; clear: both } .cart-table tr:last-child { margin-bottom: 0 } .cart-table tfoot tr { padding-bottom: 0 } .cart-table td { border: none; display: block } .cart-table td[data-rwd-label] { padding-left: 15px; margin-bottom: 6px } .cart-table td[data-rwd-label] .price { font-weight: normal } .cart-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase } .cart-table td.product-cart-price { text-align: left } .cart-table h2 { font-size: 12px } .cart-table .cart-links { padding-top: 5px; padding-right: 5px } .cart-table .cart-links>li { white-space: normal; text-align: center } .cart-table .cart-links>li>a { padding: 2px 0px } .cart-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px } .cart-table .cart-tax-info .price { font-size: 13px } .cart-table .product-cart-image { width: 25%; float: left; padding-bottom: 0 } .cart-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase } .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75% } .cart-table .product-cart-actions, .cart-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right } .cart-table .product-cart-remove, .cart-table .product-cart-total, .cart-table .product-cart-actions .cart-links { display: none } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove { display: block } .cart-table .product-cart-actions .button { display: none } .cart-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px } .cart-table .product-cart-info .product-cart-sku { margin-bottom: 5px } .cart-table .product-cart-actions { text-align: left } .cart-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px } .cart-table .price, .cart-table .product-cart-price:before { font-weight: 500; font-size: 15px } .cart-table .cart-footer-actions { text-align: center; width: 100% } .cart-table .cart-footer-actions #empty_cart_button { float: right } .cart-table .cart-footer-actions .btn-continue { float: left } .cart-table .cart-footer-actions .btn-update, .cart-table .cart-footer-actions span.or { display: none } .display-both-prices .cart-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":" } } .shipping h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px } .shipping select { max-width: 100%; height: 30px; display: block; border: 1px solid silver } .shipping select.validation-failed { border-color: red } .shipping .shipping-desc { display: none } .shipping .buttons-set { border: none; margin: 0; padding: 0 } .shipping .form-list:after { content: ''; display: table; clear: both } .shipping .form-list li { float: left; margin: 5px 2% 10px 0 } .shipping .form-list .shipping-country { width: 37% } .shipping .form-list .shipping-region { width: 41% } .shipping .form-list .shipping-postcode { margin-right: 0; width: 18% } .shipping .form-list .shipping-postcode input { margin-top: 4px } .shipping .form-list .input-box { padding-top: 0 } .shipping .form-list input { height: 30px; margin-top: 4px } .shipping .form-list label { font-size: 13px; font-weight: 400; text-transform: uppercase } .shipping .sp-methods { padding: 10px 0 0; text-align: left } .shipping .sp-methods dd { margin-bottom: 10px } .shipping .sp-methods label { font-size: 12px; font-style: italic; min-width: 100px } .shipping .sp-methods label span { font-weight: bold; font-style: normal } .shipping #co-shipping-method-form .buttons-set .button { float: left; margin-left: 0 } .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #ccc; background-color: #e7e7e7; min-width: 220px } .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: #dbdbdb } @media only screen and (max-width:770px) { .shipping .shipping-form .form-list>li { width: 100%; float: none } .shipping .shipping-form .form-list>li label { display: block } .shipping .shipping-form .form-list>li input, .shipping .shipping-form .form-list>li select { width: 100% } } .cart .cart-totals { text-align: right } .cart .cart-totals:after { content: ''; display: table; clear: both } .cart .cart-totals table { font-size: 12px; margin-bottom: 20px; text-transform: uppercase; width: 100% } .cart .cart-totals table td { padding: 2px 0px } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px } .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px } .cart .cart-totals table tfoot { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6 } .cart .cart-totals table tfoot td { font-size: 24px; padding: 2px 5px; vertical-align: top } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price {} .cart .cart-totals table tfoot strong { font-weight: 400 } @media only screen and (max-width:600px) { .cart-totals { text-align: right } } @media only screen and (max-width:770px) { .cart .cart-totals table tfoot td { font-size: 18px } } .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both } #discount-coupon-form, .cart .giftcard { width: 100% } #discount-coupon-form h2, .cart .giftcard h2 { display: none } #discount-coupon-form label, .cart .giftcard label { font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; min-width: 105px; display: inline-block; margin-right: 10px } #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: inline-block } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { display: inline } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom } #discount-coupon-form .button-wrapper>button, .cart .giftcard .button-wrapper>button { float: left } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; height: 30px; margin: 4px 10px 0 0; width: 190px } .cart .giftcard p { margin-bottom: 7px } .cart .giftcard .check-gc-status { float: left; padding: 0px } .cart .giftcard .check-gc-status>span>span { font-size: 14px; text-transform: none } .crosssell h2 { color: #39c } .crosssell #crosssell-products-list .button, .crosssell #crosssell-products-list .add-to-links { display: none } @media only screen and (max-width:979px) { .crosssell {} .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.72727%; margin-right: 4.54545% } .crosssell .products-grid > li:nth-child(odd) { clear: left } .crosssell .products-grid > li:nth-child(even) { margin-right: 0 } .crosssell .products-grid > li:nth-child(3n+1) { clear: none } } @media only screen and (max-width:320px) { .crosssell ul .item { padding: 0 0px 40px } .crosssell ul .product-details .crosssell-actions { padding: 0 5px } } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { display: none } .checkout-onepage-index .col-main { width: auto; float: none } @media only screen and (min-width:980px) { .checkout-onepage-index .col-main { float: left; width: 68.75%; padding-right: 20px } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { width: 31.25%; display: block } .checkout-onepage-index .col-right { padding-left: 0 } } .opc select { width: 365px } .opc .section .step-title { width: 100%; border-top: 1px solid #ececec; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } .opc .section .step-title:after { content: ''; display: table; clear: both } .opc .section.allow:not(.active) .step-title { cursor: pointer } .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: #f4f4f4 } .opc .section.active .step-title { border-bottom: 1px solid #ececec } .opc .section .step-title a { display: none } .opc .section.allow:not(.active) .step-title a { display: block; float: right; line-height: 40px; height: 40px; padding: 0px 10px } .no-touch .opc .section .step-title a:hover { text-decoration: none } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { width: 26px; height: 26px; text-align: center; color: #fff; line-height: 26px; background-color: #39c; display: block; position: absolute; top: 50%; left: 10px; margin-top: -13px } .opc .section.allow .step-title .number { background-color: #99cce5 } .opc .section.allow .step-title h2 { color: #a0a0a0 } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #39c } .opc .section .step-title h2 { font-size: 16px; font-weight: 400; line-height: 40px; height: 40px; float: left; margin: 0px 4px 0px 45px } .opc .section .step { padding: 20px } .opc .section .step:after { content: ''; display: table; clear: both } @media only screen and (max-width:979px) { .opc .section .step { padding: 10px } } .opc h3 { font-weight: 500 } .opc .buttons-set { text-align: left } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0 } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0 } .opc .buttons-set .back-link { float: right; margin: 0 } .opc .buttons-set a { line-height: 20px; display: inline-block; padding: 5px 5px 5px 0 } @media only screen and (max-width:479px) { .opc .buttons-set .button+.buttons-set .button, .paypal-express-review .buttons-set .button+.buttons-set .button { margin-left: 0 } } .opc #opc-login .step { padding: 0px } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px } @media only screen and (max-width:770px) { .opc #opc-login .description, .opc #opc-login p.required { display: none } } #opc-payment .note { padding: 10px } .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: opacity 300ms linear; -webkit-transition-delay: 0; -moz-transition: opacity 300ms linear 0; -o-transition: opacity 300ms linear 0; transition: opacity 300ms linear 0 } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: width 80ms linear; -webkit-transition-delay: 0; -moz-transition: width 80ms linear 0; -o-transition: width 80ms linear 0; transition: width 80ms linear 0 } .opc.opc-firststep-login .section#opc-login .step-title h2 { -webkit-transition: margin-left 80ms linear; -webkit-transition-delay: 0; -moz-transition: margin-left 80ms linear 0; -o-transition: margin-left 80ms linear 0; transition: margin-left 80ms linear 0 } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title, body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login { opacity: 0 } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0px; overflow: hidden } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0px } .sp-methods { margin: 0 0 8px } .sp-methods dt { margin: 13px 0 5px; font-weight: bold } .sp-methods dt:first-child { margin: 0 0 5px } .sp-methods dd li { margin: 5px 0 } .sp-methods label img { float: left } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px } .sp-methods .price { font-weight: bold } .sp-methods .form-list { padding-left: 20px } .sp-methods .form-list li { margin: 0 0 8px } .sp-methods select.month { width: 120px; margin-right: 10px } .sp-methods select.year { width: 96px } .sp-methods input.cvv { width: 4em!important } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left } .sp-methods .checkmo-list address { float: left } @media only screen and (max-width:479px) { .sp-methods .checkmo-list { padding-left: 0 } .sp-methods .checkmo-list label { width: 135px } } .sp-methods .release-amounts { margin: .5em 0 } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0 } .block-progress { border: 0; margin: 0; border-left: 1px solid #ccc; padding-left: 20px } .block-progress .block-content { font-size: 13px } .block-progress dt { padding-top: 6px; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 6px; text-transform: uppercase; font-weight: normal; color: #a0a0a0 } .block-progress dt.complete { color: #636363 } .block-progress dd { padding-left: 15px; margin-bottom: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic } .block-progress dd address { font-style: italic } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #636363; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none; font-style: italic; float: left; clear: both; font-size: 13px } .block-progress .payment-info dt:after { content: ': ' } .block-progress .payment-info dd { float: left; margin-bottom: 3px; font-size: 13px } .block-progress .payment-info:after { content: ''; display: table; clear: both } #checkout-review-table .btn-remove img { display: none } .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none } #checkout-step-review .opc-block-progress { border-left: none; padding-left: 0 } #checkout-step-review .opc-block-progress .block-title { display: none } #checkout-step-review .opc-block-progress .block-content { display: block!important; padding: 0 } #checkout-step-review .opc-block-progress .block-content>dl>div { float: left; width: 50% } @media only screen and (max-width:479px) { #checkout-step-review .opc-block-progress .block-content>dl>div { float: none; width: auto } } #checkout-step-review .opc-block-progress .block-content .changelink { display: none } #checkout-step-review .centinel>p { margin-bottom: 10px } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px } .gift-messages-form .item { content: ''; display: table; clear: both; margin-top: 30px } .gift-messages-form .item h5 { font-weight: bold } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px } .gift-messages-form .item .details { float: left } .gift-message-form .inner-box>div { content: ''; display: table; clear: both; width: 100%; margin-top: 15px } .gift-message-form .inner-box>div.extra-options-container p { margin-bottom: 15px } .gift-message-form .gift-wrapping-form label { margin-right: 10px } .gift-message-form .gift-wrapping-form img { float: left } .checkout-onepage-success .col-main { padding: 0; text-align: center } .checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center } .checkout-onepage-success .buttons-set button { float: none } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px } .gift-message-form .gift-wrapping-form .gift-wrapping-design:after { content: ''; display: table; clear: both } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px } .gift-message-form .gift-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ececec } .gift-message-form .gift-item:after { content: ''; display: table; clear: both } .gift-message-form .gift-item .product-img-box { width: 200px } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto } .gift-message-form .gift-item .product-img-box .product-name { display: block } .gift-message-form .gift-item .fieldset { margin-left: 200px } @media only screen and (max-width:770px) { .gift-message-form .gift-item .product-img-box { width: 100%; float: none } .gift-message-form .gift-item .fieldset { margin-left: 0px } .gift-message-form .gift-item .fieldset textarea { width: 100% } } .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0 } .product-view .product-options dt.swatch-attr label { display: block; line-height: 1.3 } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47% } .swatch-link img { border-radius: 3px } .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #666; text-decoration: none; box-sizing: content-box } .swatch-link { border: 1px solid #bbb; margin: 0 0 3px } #narrow-by-list dd .swatch-link { float: left; margin-right: 2px; padding: 0 } .currently .swatch-link { display: inline-block; margin: 0 0 0 10px } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #efefef } .swatch-link:hover { cursor: pointer } .currently .swatch-link:hover { cursor: default } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../../resources/images/bg_x.png.pagespeed.ce.wyHGf2kpMm.png) center no-repeat transparent; z-index: 10 } .configurable-swatch-list .not-available .x { display: block } .configurable-swatch-list .not-available .swatch-link { border-color: #e6e6e6; position: relative } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff } .swatch-link.has-image .swatch-label { position: relative } .swatch-link.has-image img { position: absolute; top: 0; left: 0 } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: .4; filter: alpha(opacity=40) } .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #44f } .currently .swatch-link:hover { border-color: #bbb } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px } .configurable-swatch-box { background: none!important } .configurable-swatch-box select.swatch-select { display: none } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #d91a00; padding: 2px 5px!important; font-weight: bold; color: #fff!important; float: left; display: block; border-radius: 3px } .availability.out-of-stock span { color: #333 } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default } .product-view .product-options dd .input-box { width: auto; height: auto } .product-options .select-label { display: none } .product-options dt.swatch-attr label, .product-options dt.swatch-attr .select-label { font-size: 12px } .product-options dt.swatch-attr .select-label { display: inline; font-weight: normal; color: #00acb1; padding-left: 5px } .customer-account-login .scaffold-form label:first-child { width: 115px } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0 } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { float: none; min-width: 50%; margin: 0 } .customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 20px; margin: 10px 0 20px 0 } @media only screen and (min-width:480px) { .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-top: 0; margin-top: 20px } .customer-account-login .col2-set .col-1 { padding-right: 20px } .customer-account-login .col2-set .col-2 { padding-left: 20px; border-left: 1px solid #ededed } } @media only screen and (min-width:770px) { .customer-account-login .col2-set .col-1 { padding-right: 0 } .customer-account-login .col2-set .col-2 { padding-left: 60px; border-left: 1px solid #ededed } } @media only screen and (max-width:479px) { .customer-account-login .col2-set .col-1 { padding-bottom: 30px } .customer-account-login .col2-set .col-2 { padding-top: 30px; border-top: 1px solid #ededed } } @media only screen and (max-width:770px) { .customer-account-login .col2-set p.required { display: none } } .customer-account-create .scaffold-form label:first-child { width: 140px } .opc #opc-login p:not(.required) { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #a0a0a0 } .remember-me-box a.hide { display: none } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px } .remember-me-popup { display: none; border: 1px solid #ccc; padding: 10px; position: relative } .remember-me-popup.show { display: block } .remember-me-popup p {} .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px } .remember-me-popup .remember-me-popup-close-button { display: none } .customer-account-create .buttons-set { max-width: 455px } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 30px } @media only screen and (max-width:479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0 } } .customer-account-create .fieldset .hidden { display: none } .customer-account-create #remember-me-popup { max-width: 455px } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 30px; max-width: 400px } @media only screen and (max-width:479px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0 } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100% } body.customer-account .my-account .page-title h1 {} body.customer-account .my-account .title-buttons { position: relative } body.customer-account .my-account .title-buttons h1 {} body.customer-account .my-account .title-buttons .button {} body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator {} body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block } body.customer-account .my-account .addresses-list h3 { font-size: 14px; font-weight: 600 } body.customer-account .data-table { margin-top: 5px } body.customer-account .data-table td a { text-transform: uppercase; font-style: normal; font-size: 13px } body.customer-account .sidebar .block ol#compare-items li { margin: 10px 0 } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px } body.customer-account .sidebar .block .block-content .actions { margin-top: 30px } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0 } body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name { display: inline-block; margin-bottom: 0 } body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0 } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 10px } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0 } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px } .form-list .customer-dob .dob-year { width: 80px; float: left } .dashboard .box-head { margin-top: 30px; border-bottom: 1px solid #ccc; padding-bottom: 7px } .dashboard .box-head h2 { font-size: 15px; font-weight: 600; display: inline-block; margin-bottom: 0 } .dashboard .box-head a { padding: 10px } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px } .dashboard .box-account { padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 45px } .dashboard .box-account p, .dashboard .box-account address {} .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 12.09677%; padding-bottom: 0 } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { position: relative; padding-bottom: 10px } .dashboard .col2-set .col-1 .box-title h2, .dashboard .col2-set .col-1 .box-title h3, .dashboard .col2-set .col-2 .box-title h2, .dashboard .col2-set .col-2 .box-title h3 { font-weight: 600; font-size: 14px; margin-bottom: 0 } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: absolute; top: -10px; right: -10px; padding: 10px; line-height: 19.6px } .dashboard .box-reviews.box-account { padding-bottom: 0 } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #ededed } .dashboard .box-reviews li:first-child { border-top: 0 } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px } .dashboard .box-reviews li .details { margin-left: 20px } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0 } .dashboard .box-reviews li .details .ratings strong { float: left; font-size: 13px; margin-right: 5px } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0 } .my-account .addresses-list {} .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { padding-bottom: 0 } .my-account .addresses-list .item { margin: 0 0 30px 0 } .my-account .addresses-list .item p { margin-top: 10px } @media only screen and (max-width:770px) { .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-left: 0; padding-right: 0 } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100% } } @media only screen and (max-width:599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap } } .order-info { padding-bottom: 10px; border-bottom: 1px solid #ededed; width: 100%; margin-bottom: 30px } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline } .order-info dt { margin-right: 20px } .order-info li { margin: 0 0 0 20px } .order-info li.current { font-weight: 600 } .order-info li:first-child { margin-left: 0 } .order-date { text-transform: uppercase } .order-info-box { margin-bottom: 40px; margin-top: 20px } .order-info-box+.order-info-box { padding-bottom: 40px; border-bottom: 1px solid #ededed } .order-info-box .col-1 { padding-right: 0; width: 48% } .order-info-box .col-2 { width: 52% } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0 } .order-info-box .box-title { width: 150px; padding-right: 10px; float: left } .order-info-box .box-title h2 { font-size: 14px; font-weight: bold; line-height: 1.5 } .order-info-box .box-title h2:after { content: ':' } .order-info-box .box-content { float: left } .order-info-box .box-content td, .order-info-box .box-content th { line-height: 1.3 } .order-info-box .box-content th { padding-top: 10px } .order-info-box .box-content td { padding-left: 15px } .order-info-box .box-content strong { font-weight: normal; text-transform: uppercase } #my-orders-table .option-label { margin-left: 10px; font-weight: 600; font-style: italic } #my-orders-table .option-value { margin-left: 20px } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0 } ol#cart-sidebar-reorder li input { margin-right: 10px } ol#cart-sidebar-reorder p.product-name { display: inline } @media only screen and (max-width:599px) { #my-orders-table .option-label { margin-left: 20px } #my-orders-table .option-value { margin-left: 35px } #my-orders-table td[data-rwd-label="Qty"] .nobr br { display: none } #my-orders-table td[data-rwd-label="Qty"] .nobr strong { margin-right: 10px } #my-orders-table tr.bundle { border-color: #ededed } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px } #my-orders-table tbody:last-child tr:last-child td { padding-bottom: 10px; border-bottom: 0 } #my-orders-table tbody:last-child tr:last-child td:last-child { padding-bottom: 15px } #my-orders-table tfoot tr.shipping { margin-top: 0 } } .order-additional { margin: 40px 0 } .order-gift-message dd { margin-top: 10px } @media only screen and (max-width:1199px) { .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 30px; padding-bottom: 0 } } @media only screen and (max-width:979px) { body.customer-account .my-account .title-buttons { text-align: left } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px } .data-table span.nobr { white-space: normal } .data-table span.nobr a { white-space: nowrap } .data-table .separator { display: none } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: static; padding: 0 } } @media only screen and (max-width:770px) { body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship { display: none } .order-info-box .box-content { clear: left } .addresses-list .item { float: left; width: 50%; padding-right: 30px } .order-info dt { display: none } .dashboard .page-title { margin-top: 20px } .dashboard .page-title h1 { margin-top: 0 } .dashboard .welcome-msg { font-family: Georgia, Times, "Times New Roman", serif } .dashboard .welcome-msg .hello { font-style: italic } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 48%; padding-right: 0; padding-left: 0 } .dashboard .col2-set .col-1 { float: left; margin-right: 4% } .dashboard .col2-set .col-2 { float: right } } @media only screen and (max-width:599px) { body.customer-account .my-account .form-list .control { padding-left: 0 } } @media only screen and (max-width:530px) { .data-table.orders td.status, .data-table.orders th.status { display: none } } @media only screen and (max-width:479px) { body.customer-account .my-account .page-title h1 { text-align: center } body.customer-account .my-account .title-buttons { text-align: center } body.customer-account .my-account .title-buttons .button { width: 100%; position: static; margin-bottom: 15px } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px } body.customer-account .my-account .order-details h2 { margin-bottom: 15px } body.customer-account .my-account .buttons-set { border-top: 0 } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto } body.customer-account .my-account .addresses-list h2 { margin-bottom: 15px } .order-info { margin-top: 15px } .data-table.orders .link-reorder, .data-table.orders .date { display: none } .data-table.orders td.view { text-align: right } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: absolute; padding: 10px } .order-info-box { margin: 0 } .order-info-box .col-1, .order-info-box .col-2 { width: 100%; border-bottom: 1px solid #ededed; padding: 15px 0 } .order-info-box+.order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px } #my-reviews-table .nobr { white-space: normal } } body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px } body.newsletter-manage-index .my-account .fieldset h2 { display: none } body.newsletter-manage-index .my-account .form-list {} .contacts-index-index .buttons-set { margin-left: 30px; max-width: 435px } .contacts-index-index .buttons-set p.required { float: left } @media only screen and (max-width:599px) { .contacts-index-index .buttons-set { max-width: 330px; margin-left: 0 } .contacts-index-index .buttons-set button { float: left; margin-left: 0px } .contacts-index-index .buttons-set p.required { float: right } } div.paypal-logo { text-align: center; margin: 15px 0; max-width: 100% } div.paypal-logo span { display: block; width: 100% } div.paypal-logo span a { display: inline-block; max-width: 100% } div.paypal-logo span a img { max-width: 100% } div.paypal-logo span>img { display: none } .checkout-types div.paypal-logo { text-align: right } .bml-checkout-type { list-style-type: none } @media only screen and (max-width:870px) and (min-width:771px) { .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0px } } .paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed } .paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0 } .paypal-review-order .buttons-set button { margin-bottom: 10px } @media only screen and (max-width:770px) { .paypal-review-order .col-1 { padding-bottom: 0 } .paypal-review-order .field.inactive { display: none } } .bml-ad { display: none } .bml-ad.small img { margin: auto; max-width: 100% } @media only screen and (max-width:799px) { .bml-ad.small { display: block } } @media only screen and (min-width:800px) { .bml-ad.large { display: block } } #customer-reviews { width: auto; float: none } #customer-reviews .review-heading { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 5px } #customer-reviews .review-heading:after { content: ''; display: table; clear: both } #customer-reviews .review-heading h2 { float: left; display: block } #customer-reviews .review-heading .pager { clear: none; float: right; width: auto } #customer-reviews .review-heading .pager .count-container .limiter { margin-bottom: 0 } #customer-reviews .review-heading .pager .count-container .limiter label { font-size: 10px; text-transform: uppercase } #customer-reviews .review-heading .pager .amount { display: none } #customer-reviews h2 { color: #39c; font-size: 12px; text-transform: uppercase } #customer-reviews h2 span { color: #636363 } #customer-reviews h3 { font-size: 12px; font-weight: normal; text-transform: uppercase } #customer-reviews h3 span { color: #39c } #customer-reviews .fieldset { padding-top: 25px; width: 470px } #customer-reviews .fieldset h4 { border-bottom: 1px solid #ccc; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase } #customer-reviews .fieldset h4 em { display: none } #customer-reviews .fieldset .form-list { font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; width: 470px } #customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both } #customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal } #customer-reviews .fieldset .form-list textarea { border: 1px solid #ccc; border-radius: 0; min-width: 100%; -webkit-appearance: none } #customer-reviews .fieldset .form-list input { border: 1px solid #ccc; border-radius: 0 } #customer-reviews .fieldset .form-list input[type="text"] { width: 100% } #customer-reviews .buttons-set { border: none; margin: 0; width: 470px } #customer-reviews dl { font-size: 12px; font-weight: normal; margin-bottom: 10px } #customer-reviews dl dt { margin: 10px 0; text-transform: uppercase } #customer-reviews dl dd { font-size: 14px; margin: 10px 0 } #customer-reviews dl dd .ratings-table { font-size: 12px; width: 100% } #customer-reviews dl dd .ratings-table tr { float: left; margin-right: 15px } #customer-reviews dl dd table { margin: 15px 0 } #customer-reviews dl dd .review-meta { color: #39c; font-size: 10px; font-weight: normal; text-transform: uppercase } .review-summary-table { border-bottom: 1px solid #ccc; margin: 0 0 10px } .review-summary-table thead { background: transparent } .review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px } .review-summary-table tbody th { background: #fff; font-size: 12px } .review-summary-table tbody td { border: none; text-align: center; padding: 0 } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0 } .review-summary-table .rating-box .rating-number { display: none } .review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0px -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px } .ratings-table { font-size: 12px; text-transform: uppercase } .ratings-table th { padding-right: 10px } .ratings-table .rating-box { background-position: 0 -615px; background-repeat: repeat-x; height: 13px; overflow: hidden; text-indent: -9999px; width: 65px } .ratings-table .rating-box .rating { background-position: 0 -600px; background-repeat: repeat-x; float: left; height: 13px; text-indent: -9999px } @media only screen and (max-width:770px) { body.review-product-list .product-view .product-shop .price-info { padding-left: 0 } body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84% } body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100% } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: left; margin-right: 15px } } @media only screen and (max-width:535px) { body.review-product-list .product-view .product-shop .extra-info { min-width: 0 } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0 } } @media only screen and (max-width:520px) { #customer-reviews .fieldset { width: 100% } #customer-reviews .fieldset .form-list { width: 100% } #customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none } #customer-reviews .buttons-set { width: 100% } #customer-reviews .review-summary-table thead th { padding-left: 0px; padding-right: 0px } #customer-reviews .review-summary-table tbody th { padding-left: 0px; padding-right: 0px } #customer-reviews .review-summary-table tbody td { width: 20%; padding: 0px } #customer-reviews .review-summary-table .rating-box { text-indent: 0px; text-align: center; background: none; height: 19.6px; width: 100% } #customer-reviews .review-summary-table .rating-box .rating { display: none } #customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block } } @media only screen and (max-width:450px) { #customer-reviews dl dd .ratings-table tr { float: none } } .review-product-view .product-review .product-details h2 { border-bottom: none } .review-product-view .product-review .product-img-box { width: auto; max-width: 50% } .review-product-view .product-review .product-img-box>a { width: 100% } .review-product-view .product-review .product-img-box .product-image { width: 100% } @media only screen and (max-width:770px) { .review-product-view .product-review .product-img-box { max-width: 100% } } .slideshow-container { position: relative; display: block; width: 100%; margin: 10px 0; border: 1px solid #ededed } .slideshow-container .slideshow { width: 100%; padding: 0; position: relative; margin: 0; border: 10px solid #fff } .slideshow-container .slideshow>li { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; margin: 0 } .slideshow-container .slideshow>li:first-child { position: static; z-index: 100 } .slideshow-container .slideshow>li img { max-width: 100%; width: 100% } .slideshow-pager { text-align: center; width: 100%; z-index: 115; position: absolute; bottom: 0px; top: auto; overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } .slideshow-pager span { font-family: arial; width: 44px; height: 44px; display: inline-block; color: #ddd; cursor: pointer } .slideshow-pager span:before { content: ''; display: block; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; border-radius: 1px; background-color: #fff; position: relative } .slideshow-pager span:hover:before { background-color: #2e8ab8 } .slideshow-pager span.cycle-pager-active:before { background-color: #297aa3 } .slideshow-pager>* { cursor: pointer } .slideshow-prev, .slideshow-next { position: absolute; top: 0; width: 15%; max-width: 80px; height: 100%; opacity: .6; z-index: 110; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } .slideshow-prev:before, .slideshow-next:before { content: ''; width: 0; height: 0; font-size: 0; position: absolute; border-style: solid; display: block; top: 50%; margin-top: -15px } .slideshow-prev:hover, .slideshow-next:hover { opacity: 1 } .slideshow-prev.disabled, .slideshow-next.disabled { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5; cursor: default } .slideshow-prev { left: 8px } .slideshow-prev:before { border-width: 15px 15px 15px 0; border-color: transparent #fff transparent transparent; top: 50%; left: 10px } .slideshow-prev:hover:before { border-color: transparent #2e8ab8 transparent transparent } .slideshow-next { right: 8px } .slideshow-next:before { border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #fff; top: 50%; right: 10px } .slideshow-next:hover:before { border-color: transparent transparent transparent #2e8ab8 } .cycle-caption { position: absolute; color: #fff; bottom: 15px; right: 15px; z-index: 110 } .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 120; background: #000; color: #fff; padding: 15px; opacity: .5 } #wishlist-table th { text-align: center } #wishlist-table.clean-table { font-size: 12px; text-transform: uppercase; width: 100% } #wishlist-table.clean-table th { border-bottom: 1px solid silver } #wishlist-table.clean-table td { padding: 15px; vertical-align: top } #wishlist-table.clean-table thead th { font-size: 12px; text-transform: uppercase } #wishlist-table .product-name { font-size: 16px; margin-bottom: 0; text-transform: uppercase } #wishlist-table .product-name a { color: #39c } #wishlist-table .wishlist-sku { font-size: 11px; margin: 5px 0 } #wishlist-table textarea { border: 1px solid silver; width: 100%; height: 45px; font-size: 11px } #wishlist-table textarea::-webkit-input-placeholder { text-transform: uppercase } #wishlist-table textarea:-moz-placeholder { text-transform: uppercase } #wishlist-table textarea::-moz-placeholder { text-transform: uppercase } #wishlist-table textarea:-ms-input-placeholder { text-transform: uppercase } #wishlist-table textarea:focus { border: 1px solid #39c } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px } #wishlist-table .item-manage .button { color: #fff; font-size: 11px; padding: 3px 5px } #wishlist-table .cart-cell { text-align: center } #wishlist-table td.customer-wishlist-item-image { width: 113px } #wishlist-table td.customer-wishlist-item-quantity { width: 3em } #wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center } #wishlist-table td.customer-wishlist-item-cart { width: 150px } #wishlist-table td.customer-wishlist-item-cart .button { font-size: 12px; margin-bottom: 10px; padding: 3px 5px; width: 100% } #wishlist-table td.customer-wishlist-item-cart .truncated { margin-bottom: 10px } #wishlist-table td.customer-wishlist-item-cart>p { margin-bottom: 0 } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center } #wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top } #wishlist-table td.customer-wishlist-item-remove { width: 20px } #wishlist-table .price-box { font-size: 12px } #wishlist-table .price-box .price { color: #636363 } #wishlist-table .giftregisty-add { margin-top: 5px } #wishlist-table .giftregisty-add .change { display: none } #wishlist-table .giftregisty-add li { cursor: pointer; color: #39c; margin-bottom: 3px } #wishlist-table .truncated .details { background: none; color: #39c } @media only screen and (max-width:1199px) { #wishlist-table.clean-table td { padding-left: 10px; padding-right: 10px } } @media only screen and (max-width:979px) { #wishlist-table.clean-table td { padding-left: 5px; padding-right: 5px } #wishlist-table.clean-table td textarea { height: 100px } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 110px } #wishlist-table .product-name { font-size: 13px } } @media only screen and (max-width:770px) { #wishlist-table:after { content: ''; display: table; clear: both } #wishlist-table .product-name { font-size: 16px } #wishlist-table textarea { height: 68px; max-width: 100% } #wishlist-table .item-manage { max-width: 100% } #wishlist-table tr { position: relative } #wishlist-table tr:after { content: ''; display: table; clear: both } #wishlist-table td.customer-wishlist-item-image { width: 70px } #wishlist-table td.customer-wishlist-item-image img { width: 70px; height: 70px } #wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0 } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px } #wishlist-table td.customer-wishlist-item-cart { padding-right: 15px } } @media only screen and (max-width:599px) { #wishlist-table td.customer-wishlist-item-quantity { padding-left: 0 } #wishlist-table td.customer-wishlist-item-image, #wishlist-table th.customer-wishlist-item-image { display: none } } @media only screen and (max-width:479px) { #wishlist-table tr { position: relative } #wishlist-table th.customer-wishlist-item-image { display: block } #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide } #wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden } #wishlist-table td.customer-wishlist-item-image a { float: left } #wishlist-table td.customer-wishlist-item-image a img { width: 113px; height: 113px } #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price { text-align: left } #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px } #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left } #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0 } #wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; width: 48% } #wishlist-table td.customer-wishlist-item-cart>p { float: right; width: 48% } #wishlist-table td.customer-wishlist-item-remove { position: absolute; top: 15px; right: 0px; display: block; padding: 0px; height: 20px } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100% } } .block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px } .block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px } .block-wishlist .price-box { float: left; margin: 0 } .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px } .block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ededed } .header-minicart .minicart-message { display: block; padding: 10px } .header-minicart .minicart-wrapper { clear: both; position: relative } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none } .header-minicart .minicart-wrapper:before { background-color: #fff; opacity: .8; z-index: 2 } .header-minicart .minicart-wrapper:after { background-image: url(../../resources/images/opc-ajax-loader.gif.pagespeed.ce.9I7gaYkLFk.gif); background-repeat: no-repeat; background-position: center; z-index: 3 } .header-minicart .minicart-wrapper.loading { position: relative } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block } .header-minicart .block-cart { display: none } .header-minicart .block-subtitle { color: #50a4cf; font-size: 10px; font-weight: bold; line-height: 1.4; padding: 5px; text-align: center; text-transform: uppercase; margin-bottom: 0px } .header-minicart .block-subtitle .close { width: 40px; float: right; display: block; color: #636363; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -3px } .header-minicart .mini-products-list { padding: 10px; padding-top: 0px } .header-minicart .mini-products-list li { padding: 8px 5px 8px 11px; border-bottom: 1px solid #ddd; position: relative } .header-minicart .mini-products-list li.last { border: none } .header-minicart .mini-products-list li .product-details { position: relative } .header-minicart .product-details .product-name { padding-top: 0px; font-weight: bold } .header-minicart .product-details .product-name a { color: #39c } .header-minicart .info-wrapper { margin-bottom: .5em } .header-minicart .info-wrapper th { text-transform: uppercase; padding-right: 10px } .header-minicart .info-wrapper td { color: #39c; clear: right } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px } .header-minicart .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px } .header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1 } .header-minicart .subtotal { background-color: #ddd; text-align: center; line-height: 2em } .header-minicart .subtotal .label { color: #fff; text-transform: uppercase } .header-minicart .subtotal .price { color: #39c } .header-minicart .minicart-actions { padding: 10px; margin-top: 0px; overflow: hidden; position: relative } .header-minicart .minicart-actions .checkout-button { min-width: 145px } .header-minicart .minicart-actions .cart-link { height: 33px; line-height: 39px; text-transform: uppercase; display: block; font-size: 13px; left: 10px; bottom: 17px; position: absolute } .header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6 } .header-minicart #minicart-error-message { text-align: center; color: red; display: none } .header-minicart #minicart-success-message { text-align: center; color: green; display: none } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none } .header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block } @media only screen and (max-width:479px) { .header-minicart a.skip-cart { z-index: 1 } } @media only screen and (max-width:770px) { .header-minicart .subtotal .label { color: #636363 } .header-minicart .minicart-wrapper:before { background-color: #ededed } .header-minicart .quantity-button { float: none } .header-minicart .header-minicart .block-cart { padding: 15px } .header-minicart .header-minicart .block-subtitle { padding-top: 59px } .header-minicart .minicart-actions { padding-bottom: 33px } .header-minicart .minicart-actions .cart-link { bottom: 0; right: 10px; left: auto } .header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo>a { display: inline } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px } } @media only screen and (max-width:670px) { .header-minicart .minicart-actions .checkout-button { width: 100% } .header-minicart .minicart-actions .cart-link { right: auto; left: 0; text-align: center; width: 100% } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0 } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6 } } .search-autocomplete { left: 0!important; overflow: visible!important; position: relative!important; top: 15px!important; width: 100%!important; z-index: 200 } .search-autocomplete ul { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #fff; border: 1px solid #39c; left: 0; padding-left: 0; position: absolute; top: 0; width: 100% } .search-autocomplete ul li { border-bottom: 1px solid #f4f4f4; color: #39c; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left } .search-autocomplete ul li:hover { color: #2e8ab8 } .search-autocomplete ul li.selected { background-color: #39c; color: #fff } .search-autocomplete ul li .amount { float: right; font-weight: bold } .search-autocomplete ul li:last-child { border-bottom: none } .search-autocomplete:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #39c; border-top: none; left: 50%; top: -7px } .advanced-search { background: #f4f4f4; border: 1px solid #ededed; padding: 30px } .advanced-search select.multiselect option { border-bottom: 1px solid #ededed; padding: 2px 5px } @media only screen and (max-width:479px) { .advanced-search { padding: 15px } } .product-review .product-img-box p.label { border-bottom: 1px solid #ccc; font-size: 16px; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase } .product-review .product-img-box .rating-box { margin: 15px 0 } .product-review .product-details h2 { border-bottom: 1px solid #ccc; color: #39c; font-size: 16px; font-weight: 600; padding-bottom: 10px } .product-review .ratings-table {} .product-review .ratings-table th { padding-right: 10px } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase } .product-review .ratings-description dt { border-bottom: 1px solid #ccc; font-size: 16px; font-weight: 400; margin-top: 20px; padding: 10px 0; text-transform: uppercase } .product-review .ratings-description dd { color: #737373; font-size: 13px } @media only screen and (min-width:771px) { .product-review .ratings-table tr { float: none } } @media only screen and (min-width:1126px) { .product-review .ratings-table tr { float: left; margin-right: 15px } } @media only screen and (max-width:320px) { .product-review .ratings-table tr { float: none } } .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { border: none } .cms-page-view .std img, .cms-no-route .std img { max-width: 100% } .cms-no-route .std p {} .cms-page-view .std h1, .cms-no-route .std h1 {} .cms-page-view .std h2, .cms-no-route .std h2 {} .cms-no-route .std li {} .cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both } .cms-no-route .std img { width: 100% } .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px } .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0 } .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal } #accordion .toggle-tabs { display: none } #accordion>dl>dt { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #ccc; position: relative; background-color: #f4f4f4; display: block } #accordion>dl>dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #39c; border-bottom: none; left: 10px; top: 50%; margin-top: -3px } #accordion>dl>dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #ccc } #accordion>dl>dd:last-child { border-width: 0 1px 1px 1px } #accordion li { position: relative; overflow: hidden } #accordion li .plusimage h2 { margin-right: 10px } .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0 } .page-sitemap .links a { position: relative } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px } .page-sitemap .sitemap li { margin: 3px 0 } .contacts-index-index h1 { border: none } #contactForm { padding-left: 40px } #contactForm h2 { display: none } #contactForm:after { content: ''; display: table; clear: both } #contactForm .fieldset .legend+.required { margin: 0 } @media only screen and (max-width:770px) { #contactForm { padding-left: 0 } } .price-box.map-info .old-price { display: none } .price-box .minimal-price-link .label { color: #cf5050; font-size: 12px; text-transform: uppercase } .notice-cookie .notice-inner { padding-bottom: 0 } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both } .notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left } .notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3 } .notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px } @media only screen and (max-width:979px) { .notice-cookie .notice-text { max-width: 86% } } @media only screen and (max-width:770px) { .notice-cookie { padding: 0 20px } .notice-cookie .notice-text { max-width: 82%; padding-top: 0 } } @media only screen and (max-width:620px) { .notice-cookie { padding: 0 20px } .notice-cookie .notice-inner { background-position: left 10px } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both } .notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0 } .notice-cookie .actions { text-align: left } } div.calendar table { border-collapse: separate } div.calendar table td.button { display: table-cell; background: inherit; color: inherit; text-transform: none } .product-shop .producttext span { padding: 15px 0 0; display: block; font-family: "avenir_lt_std85_heavy" } .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; -moz-backface-visibility: hidden } .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-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .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% } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -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 { visibility: hidden } .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 { animation-duration: 1000ms; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @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 { 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(resources/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease } .owl-carousel .owl-video-play-icon:hover { -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-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .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(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .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 } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { 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(resources/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .clear { clear: both; height: 0; line-height: 0; font-size: 0 } @font-face { font-family: 'avenir_lt_std95_black'; src: url('../../resources/fonts/avenltsb-webfont.eot'); src: url('../../resources/fonts/avenltsb-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/avenltsb-webfont.woff2') format('woff2'), url('../../resources/fonts/avenltsb-webfont.woff') format('woff'), url('../../resources/fonts/avenltsb-webfont.ttf') format('truetype'), url('../../resources/fonts/avenltsb-webfont.svg#avenir_lt_std95_black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir_lt_std85_heavy'; src: url('../../resources/fonts/avenltsh-webfont.eot'); src: url('../../resources/fonts/avenltsh-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/avenltsh-webfont.woff2') format('woff2'), url('../../resources/fonts/avenltsh-webfont.woff') format('woff'), url('../../resources/fonts/avenltsh-webfont.ttf') format('truetype'), url('../../resources/fonts/avenltsh-webfont.svg#avenir_lt_std85_heavy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir_lt_std45_book'; src: url('../../resources/fonts/avenlts1-webfont.eot'); src: url('../../resources/fonts/avenlts1-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/avenlts1-webfont.woff2') format('woff2'), url('../../resources/fonts/avenlts1-webfont.woff') format('woff'), url('../../resources/fonts/avenlts1-webfont.ttf') format('truetype'), url('../../resources/fonts/avenlts1-webfont.svg#avenir_lt_std45_book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir_lt_std55_roman'; src: url('../../resources/fonts/avenltsr-webfont.eot'); src: url('../../resources/fonts/avenltsr-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/avenltsr-webfont.woff2') format('woff2'), url('../../resources/fonts/avenltsr-webfont.woff') format('woff'), url('../../resources/fonts/avenltsr-webfont.ttf') format('truetype'), url('../../resources/fonts/avenltsr-webfont.svg#avenir_lt_std55_roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenir_lt_std65_medium'; src: url('../../resources/fonts/avenltsm-webfont.eot'); src: url('../../resources/fonts/avenltsm-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/avenltsm-webfont.woff2') format('woff2'), url('../../resources/fonts/avenltsm-webfont.woff') format('woff'), url('../../resources/fonts/avenltsm-webfont.ttf') format('truetype'), url('../../resources/fonts/avenltsm-webfont.svg#avenir_lt_std65_medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dtl_nobelt_condensed_regular'; src: url('../../resources/fonts/dtlnotcr-webfont.eot'); src: url('../../resources/fonts/dtlnotcr-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/dtlnotcr-webfont.woff2') format('woff2'), url('../../resources/fonts/dtlnotcr-webfont.woff') format('woff'), url('../../resources/fonts/dtlnotcr-webfont.ttf') format('truetype'), url('../../resources/fonts/dtlnotcr-webfont.svg#dtl_nobelt_condensed_regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dtl_nobelt_bold'; src: url('../../resources/fonts/dtlnobtb-webfont.eot'); src: url('../../resources/fonts/dtlnobtb-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/dtlnobtb-webfont.woff2') format('woff2'), url('../../resources/fonts/dtlnobtb-webfont.woff') format('woff'), url('../../resources/fonts/dtlnobtb-webfont.ttf') format('truetype'), url('../../resources/fonts/dtlnobtb-webfont.svg#dtl_nobelt_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bodoni_stditalic'; src: url('../../resources/fonts/bodonisi-webfont.eot'); src: url('../../resources/fonts/bodonisi-webfont.eot?#iefix') format('embedded-opentype'), url('../../resources/fonts/bodonisi-webfont.woff2') format('woff2'), url('../../resources/fonts/bodonisi-webfont.woff') format('woff'), url('../../resources/fonts/bodonisi-webfont.ttf') format('truetype'), url('../../resources/fonts/bodonisi-webfont.svg#bodoni_stditalic') format('svg'); font-weight: normal; font-style: normal; } body { background: #f8f8f8; font-family: 'avenir_lt_std55_roman'; font-size: 12px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased } .wrapper { background: none } input { outline: none!important } a { color: #000 } a:hover { color: #000; text-decoration: underline } .preload-images { position: absolute; left: -9999px; top: 0; background-image: url(../../resources/images/theme/icons/menu-accessories-icon-hover.svg), url(../../resources/images/theme/icons/menu-celeste-icon-hover.svg), url(../../resources/images/theme/icons/menu-moltyfoam-icon-hover.svg), url(../../resources/images/theme/icons/menu-sale-icon-hover.svg), url(../../resources/images/theme/icons/menu-sleepresearch-icon-hover.svg), url(../../resources/images/theme/icons/menu-video-icon-hover.svg), url(../../resources/images/theme/icons/menu-women-icon-hover.svg), url(../../resources/images/theme/icons/menu-csr-icon-hover.svg), url(../../resources/images/theme/icons/menu-billbed-icon-hover.svg) } .page .messages { margin-top: 10px; display: table; width: 100%; height: 45px; border-radius: 5px; overflow: hidden } .page .messages li { display: table-cell; vertical-align: middle; font-size: 14px; line-height: 16px; padding: 5px 20px 5px 50px; position: relative } .page .messages li::before { content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 100%; background-repeat: no-repeat; background-position: center center } .page .messages li ul li { padding: 0; margin: 0; background: none; border: none } .page .messages li ul li::before { display: none } .page .messages li.error-msg { background-color: #f22613; color: #fff } .page .messages li.error-msg::before { background-image: url(../../resources/images/theme/icons/msg-error.svg) } .page .messages li.success-msg { background-color: #26b14a; color: #fff } .page .messages li.success-msg::before { background-image: url(../../resources/images/theme/icons/msg-success.svg) } .page .messages li.empty-msg, .page .messages li.warning-msg, .page .messages li.danger-msg, .page .messages li.notice-msg { background-color: #fdd200; color: rgba(0, 0, 0, .8) } .page .messages li.empty-msg::before, .page .messages li.warning-msg::before, .page .messages li.danger-msg::before, .page .messages li.notice-msg::before { background-image: url(../../resources/images/theme/icons/msg-warning.svg) } .main-loading { background: #fff url(../../resources/images/theme/main-loading.gif.pagespeed.ce.5MUBg20sdm.gif) no-repeat center center; position: fixed; left: 0px; top: 0px; height: 100%; width: 100% } .product_filters { margin: 0 0 33px; text-align: center; padding: 0 10px } .product_filters .products-list-loader { display: none!important } .product_filters .block-content { margin: 0px } .product_filters .block-content p.block-subtitle { display: inline-block; margin: 0 5px 0 0; line-height: 30px; color: #909090; font-size: 14px; font-family: 'avenir_lt_std55_roman'; font-weight: normal; vertical-align: top } .product_filters .block-content #narrow-by-list { display: inline-block; margin: 0 5px 0 0; vertical-align: top; font-size: 0px } .product_filters .block-content #narrow-by-list .select-filter { display: inline-block; margin: 0 5px 10px } .product_filters .block-content .select-filter .ui-multiselect.ui-widget { border: 1px solid #ddd; background: none; height: 30px; padding: 0px 23px 0 14px; font-size: 14px; color: #202020; line-height: 28px; position: relative; font-family: 'avenir_lt_std55_roman' } .product_filters .block-content .select-filter .ui-multiselect.ui-widget:hover, .product_filters .block-content .select-filter .ui-multiselect.ui-widget.ui-state-active { background: #fff } .product_filters .block-content .select-filter .ui-multiselect.ui-widget .ui-icon { background: url(../../resources/images/theme/dropdown-arrow.png.pagespeed.ce.1UlOfiAYeU.png) no-repeat right center; width: 23px; height: 28px; position: absolute; right: 0px; top: 0px; min-width: 0px } .product_filters .block-content .select-filter .ui-multiselect.ui-widget span { display: block; min-width: 50px } .product_filters .block-content #apply-filters { display: inline-block; margin: 0 10px 0 0; clear: none; background: #fff; height: 30px; background: url(../../resources/images/theme/applyfilter-btn.png.pagespeed.ce.WWuvt9K7SA.png) no-repeat left top; border: 1px solid #ddd; width: 30px; text-indent: -9999px; border-radius: 0px; text-transform: capitalize } .product_filters .block-content #apply-filters .ui-icon-search { display: none } .product_filters .block-content #apply-filters .ui-button-text { padding: 0 15px; line-height: 30px; font-size: 14px; color: #909090 } .product_filters .block-content #apply-filters:hover .ui-button-text { color: #fff } .product_filters .block-content #apply-filters:hover { background: #3b4fc7 url(../../resources/images/theme/applyfilter-btn.png.pagespeed.ce.WWuvt9K7SA.png) no-repeat left -29px; border: 1px solid #3b4fc7 } .product_filters .block-content #resetfilter { display: inline-block; margin: 0 10px 0 0; clear: none; background: url(../../resources/images/theme/clearall-btn.png.pagespeed.ce.X2vdeXUR1-.png) no-repeat left top; height: 30px; border: 1px solid #ddd; width: 30px; text-indent: -9999px; text-transform: capitalize; vertical-align: top } .product_filters .block-content #resetfilter span { padding: 0 15px; line-height: 30px; font-size: 14px; color: #909090 } .product_filters .block-content #resetfilter span span { padding: 0px } .product_filters .block-content #resetfilter:hover { background: #3b4fc7 url(../../resources/images/theme/clearall-btn.png.pagespeed.ce.X2vdeXUR1-.png) no-repeat left -29px; border: 1px solid #3b4fc7 } .product_filters .block-content #resetfilter:hover span { color: #fff } .block-layered-nav.product_filters .currently { display: inline-block } .block-layered-nav.product_filters .currently ol { padding: 0px; font-size: 0px; margin: 0px } .block-layered-nav.product_filters .currently li { display: none } .block-layered-nav.product_filters .currently li.filter-contents { display: inline-block; float: none; padding: 0 15px 0 0; margin: 0 5px 10px; background: #3b4fc7 } .block-layered-nav .currently #status-filter .btn-remove-option { background: url(../../resources/images/theme/clearall-btn.png.pagespeed.ce.X2vdeXUR1-.png) no-repeat left -29px; height: 30px; width: 30px } .block-layered-nav .currently #status-filter .selected-option-label { vertical-align: top; line-height: 30px; color: #fff; font-size: 14px } .product_filters .block-content .actions { display: inline-block; margin: 0px } .product_filters .block-content .actions a { background: #3b4fc7 url(../../resources/images/theme/clearall-btn.png.pagespeed.ce.X2vdeXUR1-.png) no-repeat left -29px; height: 30px; display: block; color: #fff; font-size: 14px; line-height: 30px; padding: 0 15px 0 30px } .ui-multiselect-menu { border: 1px solid #ddd!important; border-top: none!important; background: #fff!important; border-radius: 0px!important; padding: 0!important; margin: 1px 0 0; min-width: 89px } .ui-multiselect-menu .ui-multiselect-header, .ui-multiselect-menu .ui-multiselect-header { display: none!important } .ui-multiselect-menu .ui-multiselect-checkboxes { max-height: 170px; height: auto!important; overflow-y: auto } .ui-multiselect-menu .ui-multiselect-checkboxes li { padding: 5px 5px 5px 14px } .ui-multiselect-menu .ui-multiselect-checkboxes label { border: none!important; background: none!important; font-size: 14px; color: #909090; padding: 0px; font-weight: normal; text-transform: none } .ui-multiselect-menu .ui-multiselect-checkboxes label input { display: none } .ui-multiselect-checkboxes li.active label, .ui-multiselect-checkboxes li:hover label { color: #202020 } .category-products .toolbar { display: none!important } .category-products { text-align: center!important } .ias_loader { text-align: center!important; margin: 15px 0; width: 100% } .ias_loader img { display: inline-block } html, body { height: 100% } .wrapper { min-height: 100%; position: relative } .product-view .product-img-box .image-large { display: block; height: 40px; width: 40px; position: absolute; right: 20px; bottom: 20px; cursor: pointer; text-indent: -9999px; background: url(../../resources/images/theme/product-zoom-icon.png.pagespeed.ce.9I8WbRPBsr.png) no-repeat left top } .product-view .product-img-box .image-large:hover { background: url(../../resources/images/theme/product-zoom-icon.png.pagespeed.ce.9I8WbRPBsr.png) no-repeat left -41px } .product-view .product-img-box .image-close { display: none; position: absolute; top: 20px; right: 20px; z-index: 99; background: url(../../resources/images/theme/product-zoom-close.png.pagespeed.ce.Fcc6mrH1JR.png) no-repeat left top; height: 40px; width: 40px; cursor: pointer; text-indent: -9999px } .product-view .product-img-box.product-img-box-zoom .image-close { display: block } .product-view .product-img-box.product-img-box-zoom .image-close:hover { background: url(../../resources/images/theme/product-zoom-close.png.pagespeed.ce.Fcc6mrH1JR.png) no-repeat left -41px } .page-header { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05); width: 100%; max-width: none; padding: 0; font-family: 'avenir_lt_std55_roman'; position: relative; z-index: 5 } .page-header .page-header-container { padding: 0 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); width: 100%; max-width: 1920px; margin: 0 auto; font-size: 0 } .page-header .page-header-container .left-header { display: none } .page-header .page-header-container .left-header .skip-nav { display: block; background-image: url(../../resources/images/theme/icons/menu-icon.svg); background-repeat: no-repeat; background-position: center; opacity: .6; width: 75px; height: 75px } .page-header .page-header-container .left-header .skip-nav.skip-active { background-image: url(../../resources/images/theme/icons/close-icon.svg) } .page-header .page-header-container .left-header .skip-nav span { display: none } .page-header .page-header-container .site-logo { display: inline-block; vertical-align: top; width: 74px; padding: 7px 10px } .page-header .page-header-container .site-logo .logo { display: block } .page-header .page-header-container .site-logo .logo img { max-width: 100%; width: auto } .page-header .page-header-container .site-logo .logo img.small { display: none } .page-header .page-header-container #header-nav { display: inline-block; vertical-align: top; border: none; background: none; width: calc(100% - 114px) } .page-header .page-header-container #header-nav .site-navigation { display: inline-block; vertical-align: top; width: calc(100% - 172px) } .page-header .page-header-container .right-header { display: inline-block; vertical-align: top; text-align: right; width: 172px; padding: 10px 0 } .page-header .page-header-container .right-header .search-container { display: inline-block; vertical-align: top } .page-header .page-header-container .right-header .search-container .skip-search { display: block; width: 40px; height: 65px } .page-header .page-header-container .right-header .search-container .skip-search .icon { background-image: url(../../resources/images/theme/icons/search-icon.svg); background-repeat: no-repeat; background-position: center; background-size: auto; margin: 0; opacity: .6; display: block; width: 40px; height: 65px } .page-header .page-header-container .right-header .search-container .skip-search .label { display: none } .page-header .page-header-container .right-header .search-container .skip-search.skip-active {} .page-header .page-header-container .right-header .search-container #header-search .search-field {} .search-container .search-field #search_mini_form .input-box { padding: 10px 60px 10px 25px } .search-container .search-field #search_mini_form .input-box #search { width: 100%; padding: 0; background: none; border: none; font-size: 14px; line-height: 30px; height: 30px; color: #000; font-family: 'avenir_lt_std55_roman' } .search-container .search-field #search_mini_form .input-box #search::-webkit-input-placeholder { opacity: .8 } .search-container .search-field #search_mini_form .input-box #search:-moz-placeholder { opacity: .8 } .search-container .search-field #search_mini_form .input-box #search::-moz-placeholder { opacity: .8 } .search-container .search-field #search_mini_form .input-box #search:-ms-input-placeholder { opacity: .8 } .search-container .search-field #search_mini_form .input-box #search.validation-failed { color: red } .search-container .search-field #search_mini_form .input-box .validation-advice { display: none } .search-container .search-field #search_mini_form .input-box .search-button { background-image: url(../../resources/images/theme/icons/search-icon.svg); background-repeat: no-repeat; background-position: center; height: 50px; width: 50px; right: 10px; padding: 0; min-width: 0; opacity: .6 } .search-container .search-field #search_mini_form .input-box .search-button::before, .search-container .search-field #search_mini_form .input-box .search-button span { display: none } .search-container .search-field .search-autocomplete { display: none!important } .page-header .page-header-container .right-header .account-container { display: inline-block; vertical-align: top } .page-header .page-header-container .right-header .account-container .skip-link, .page-header .page-header-container .right-header .account-container .static-link { font-size: 14px; line-height: 30px; color: rgba(0, 0, 0, .8); display: block; text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; padding: 18px 16px 17px } .page-header .page-header-container .right-header .account-container .skip-link:hover, .page-header .page-header-container .right-header .account-container .static-link:hover { color: #000 } .page-header .page-header-container .right-header .account-container .skip-link .icon { display: none } .page-header .page-header-container .right-header .account-container #header-account { padding: 10px 25px } .page-header .page-header-container .right-header .account-container #header-account.skip-active { display: block } .page-header .page-header-container .right-header .account-container #header-account ul li { display: block; font-size: 14px; line-height: 30px; text-align: center; color: #fff } .page-header .page-header-container .right-header .account-container #header-account ul li a { color: rgba(0, 0, 0, .8) } .page-header .page-header-container .header-minicart { display: inline-block; vertical-align: top; padding: 10px 0 } .page-header .page-header-container .header-minicart .skip-cart { display: block; width: 40px; height: 65px; padding: 0; position: relative } .page-header .page-header-container .header-minicart .skip-cart span.label { display: none } .page-header .page-header-container .header-minicart .skip-cart span.icon { display: block; background-image: url(../../resources/images/theme/icons/cart-icon.svg); background-repeat: no-repeat; background-position: center; background-size: auto; margin: 0; opacity: .6; width: 40px; height: 65px } .page-header .page-header-container .header-minicart .skip-cart span.count { display: block; position: absolute; right: 50%; top: 50%; margin: -14px -14px 0 0; font-size: 0; background: #ed1c24; border-radius: 4px; height: 4px; width: 4px; overflow: hidden; border: none } .page-header .page-header-container .header-minicart .skip-cart.no-count span.count { display: none } @media only screen and (min-width:1025px) { .page-header .page-header-container .right-header .skip-link { position: relative } .page-header .page-header-container .right-header .skip-link::after { content: ""; position: absolute; left: 50%; top: calc(100% + 5px); margin: 0 0 0 -6px; height: 12px; width: 12px; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, .1); border-left: 1px solid rgba(0, 0, 0, .1); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: 1; display: block } .page-header .page-header-container .right-header .skip-link.skip-active {} .page-header .page-header-container .right-header .skip-link.skip-active::after { display: block } .page-header .page-header-container .right-header .skip-content { display: block!important; background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); position: absolute; right: 0; top: 100%; width: 240px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05) } .page-header .page-header-container .right-header .skip-link::after, .page-header .page-header-container .right-header .skip-content { visibility: hidden; opacity: 0; transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms; -webkit-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms; -moz-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms; -o-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms } .page-header .page-header-container .right-header .skip-link.skip-active::after, .page-header .page-header-container .right-header .skip-content.skip-active { visibility: visible; opacity: 1; transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95); -webkit-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95); -moz-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95); -o-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) } } @media only screen and (max-width:1024px) { .page-header { position: fixed; left: 0; top: 0; width: 100% } .page-header .page-header-container { padding: 0 } .page-header .page-header-container .left-header { display: inline-block; vertical-align: top; width: calc(50% - 28px) } .page-header .page-header-container .site-logo { width: 56px; padding: 0; height: 75px } .page-header .page-header-container #header-nav { display: block!important; position: fixed; left: 0; top: 75px; width: 100%; height: calc(100% - 75px); max-height: 0; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset; overflow: hidden; transition: max-height 200ms cubic-bezier(.47, .18, .15, .95) 100ms; -webkit-transition: max-height 200ms cubic-bezier(.47, .18, .15, .95) 100ms; -moz-transition: max-height 200ms cubic-bezier(.47, .18, .15, .95) 100ms; -o-transition: max-height 200ms cubic-bezier(.47, .18, .15, .95) 100ms; z-index: 9 } .page-header .page-header-container #header-nav.skip-active { overflow-x: hidden; overflow-y: auto; max-height: calc(100% - 75px); transition: max-height 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: max-height 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: max-height 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: max-height 200ms cubic-bezier(.47, .18, .15, .95) } .page-header .page-header-container #header-nav .site-navigation, .page-header .page-header-container #header-nav .right-header { opacity: 0; width: 100%; display: block; transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) } .page-header .page-header-container #header-nav.skip-active .site-navigation, .page-header .page-header-container #header-nav.skip-active .right-header { opacity: 1; transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) 100ms; -webkit-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) 100ms; -moz-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) 100ms; -o-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) 100ms } .page-header .page-header-container #header-nav .right-header { padding: 13px 30px 12px } .page-header .page-header-container .right-header .search-container { width: 100% } .page-header .page-header-container .right-header .search-container .skip-link { display: none } .page-header .page-header-container .right-header .search-container #header-search { display: block!important; width: 100%; padding: 0 } .search-container .search-field #search_mini_form .input-box { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; padding: 9px 60px 9px 18px } .search-container .search-field #search_mini_form .input-box #search { color: #000 } .search-container .search-field #search_mini_form .input-box .search-button { background-image: url(../../resources/images/theme/icons/search-icon.svg); opacity: .6 } .page-header .page-header-container .right-header .account-container { display: block; width: 100%; text-align: center; padding: 9px 0 0 } .page-header .page-header-container .right-header .account-container .skip-link { display: none; padding: 0 } .page-header .page-header-container .right-header .account-container .skip-link.static-link { display: block } .page-header .page-header-container .right-header .account-container .skip-link .label { display: block } .page-header .page-header-container .right-header .account-container #header-account { display: block } .page-header .page-header-container .right-header .account-container #header-account ul li, .page-header .page-header-container .right-header .account-container #header-account ul li a { color: #000 } .page-header .page-header-container .header-minicart { padding: 0; width: calc(50% - 28px); text-align: right } .page-header .page-header-container .header-minicart .skip-cart, .page-header .page-header-container .header-minicart .skip-cart span.icon { width: 75px; height: 75px; display: inline-block } } .page-header .page-header-container .nav-primary { margin: 0; padding: 0 17px } .page-header .page-header-container .nav-primary li.level0 { padding: 28px 17px; display: inline-block; vertical-align: top } .page-header .page-header-container .nav-primary li.level0 a.level0, .page-header .page-header-container .nav-primary li.level0 a.level1 { font-size: 14px; line-height: 30px; color: rgba(0, 0, 0, .8); display: block; text-transform: none; padding: 0; background-repeat: no-repeat; background-position: left center } .page-header .page-header-container .nav-primary li.level0 a.level0:hover { color: #000 } .page-header .page-header-container .nav-primary li.level0 ul.level0 { display: none; top: 100%; padding: 16px; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); background-color: #fff; width: 240px; z-index: 2 } .page-header .page-header-container .nav-primary li.level0 ul.level0 a.level1 { display: block; font-size: 14px; line-height: 30px; color: rgba(0, 0, 0, .8); border: none } .page-header .page-header-container .nav-primary li.level0#Moltyfoam a.level0 { background-image: url(../../resources/images/theme/icons/menu-moltyfoam-icon.svg); padding-left: 64px } .page-header .page-header-container .nav-primary li.level0#Celeste a.level0 { background-image: url(../../resources/images/theme/icons/menu-celeste-icon.svg); padding-left: 64px } .page-header .page-header-container .nav-primary li.level0#Accessories a.level0 { background-image: url(../../resources/images/theme/icons/menu-accessories-icon.svg); padding-left: 55px } .page-header .page-header-container .nav-primary li.level0#Sale a.level0, .page-header .page-header-container .nav-primary li.level0#Bundles a.level0, .page-header .page-header-container .nav-primary li.level0#Promotions a.level0 { background-image: url(../../resources/images/theme/icons/menu-sale-icon.svg); padding-left: 44px } .page-header .page-header-container .nav-primary li.level0#Women-Empowerment a.level0, .page-header .page-header-container .nav-primary li.level1#Women-Empowerment a.level1 { background-image: url(../../resources/images/theme/icons/menu-women-icon.svg); padding-left: 42px } .page-header .page-header-container .nav-primary li.level0#csr a.level0 { background-image: url(../../resources/images/theme/icons/menu-csr-icon.svg); padding-left: 40px } .page-header .page-header-container .nav-primary li.level1#billbed a.level1 { background-image: url(../../resources/images/theme/icons/menu-billbed-icon.svg); padding-left: 42px } .page-header .page-header-container .nav-primary li.level0#videos a.level0 { background-image: url(../../resources/images/theme/icons/menu-video-icon.svg); padding-left: 42px } .page-header .page-header-container .nav-primary li.level0#sleepresearch { display: none } .page-header .page-header-container .nav-primary li.level0#sleepresearch a.level0 { background-image: url(../../resources/images/theme/icons/menu-sleepresearch-icon.svg) } .page-header .page-header-container .nav-primary li.level0#Moltyfoam a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-moltyfoam-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#Celeste a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-celeste-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#Accessories a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-accessories-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#Sale a.level0:hover, .page-header .page-header-container .nav-primary li.level0#Bundles a.level0:hover, .page-header .page-header-container .nav-primary li.level0#Promotions a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-sale-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#Women-Empowerment a.level0:hover, .page-header .page-header-container .nav-primary li.level1#Women-Empowerment a.level1:hover { background-image: url(../../resources/images/theme/icons/menu-women-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#csr a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-csr-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level1#billbed a.level1:hover { background-image: url(../../resources/images/theme/icons/menu-billbed-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#videos a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-video-icon-hover.svg) } .page-header .page-header-container .nav-primary li.level0#sleepresearch a.level0:hover { background-image: url(../../resources/images/theme/icons/menu-sleepresearch-icon-hover.svg) } @media only screen and (max-width:1024px) { .page-header .page-header-container .nav-primary { text-align: center } .page-header .page-header-container .nav-primary li.level0, .page-header .page-header-container .nav-primary li.level0#sleepresearch { display: inline-block; vertical-align: top; width: 25% } .page-header .page-header-container .nav-primary li.level0#Women-Empowerment { min-width: 155px; padding-left: 0; padding-right: 0 } .page-header .page-header-container .nav-primary li.level0#sleepresearch { padding-left: 0; padding-right: 0; min-width: 175px } .page-header .page-header-container #header-nav .site-navigation { padding: 24px 0 0 } .page-header .page-header-container .nav-primary li.level0, .page-header .page-header-container .nav-primary li.level1 { padding: 17px } .page-header .page-header-container .nav-primary li.level1 { display: inline-block; width: 50% } .page-header .page-header-container .nav-primary li.level0 a.level0, .page-header .page-header-container .nav-primary li.level1 a.level1 { background-position: top center; padding: 35px 0 0!important; text-align: center } .page-header .page-header-container .nav-primary li.level0#csr { width: 50%; padding: 0 } .page-header .page-header-container .nav-primary li.level0#csr a.level0 { display: none } .page-header .page-header-container .nav-primary li.level0#csr ul.level0 { display: block; position: static; width: 100%; padding: 0; border: none; box-shadow: 0 0 0 #fff } } @media only screen and (max-width:767px) and (orientation:portrait) { .page-header .page-header-container .nav-primary li.level0, .page-header .page-header-container .nav-primary li.level0#sleepresearch, .page-header .page-header-container .nav-primary li.level0#csr, .page-header .page-header-container .nav-primary li.level1 { width: 100% } } @media only screen and (max-width:480px) and (orientation:landscape) { .page-header .page-header-container .nav-primary li.level0, .page-header .page-header-container .nav-primary li.level0#sleepresearch { width: 50% } .page-header .page-header-container .nav-primary li.level0#csr { width: 100% } } @media all and (min-width:1025px) and (max-width:1365px) { .page-header .page-header-container .nav-primary li.level0 a.level0 { padding: 0!important; background: none!important } } @media all and (min-width:1025px) { .page-header .page-header-container .nav-primary li.level0.parent a.level0::after { content: ""; position: absolute; left: 4px; top: calc(100% + 22px); height: 12px; width: 12px; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, .1); border-left: 1px solid rgba(0, 0, 0, .1); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: 3; display: block } .page-header .page-header-container .nav-primary li.level0 ul.level0 { display: block } .page-header .page-header-container .nav-primary li.level0 ul.level0 li.level1 { margin: 0 0 16px } .page-header .page-header-container .nav-primary li.level0 ul.level0 li.level1:last-child { margin: 0 } .page-header .page-header-container .nav-primary li.level0.parent a.level0::after, .page-header .page-header-container .nav-primary li.level0 ul.level0 { visibility: hidden; opacity: 0; transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms; -webkit-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms; -moz-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms; -o-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) 200ms } .page-header .page-header-container .nav-primary li.level0.parent:hover a.level0::after, .page-header .page-header-container .nav-primary li.level0:hover ul.level0 { visibility: visible; opacity: 1; transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95); -webkit-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95); -moz-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95); -o-transition: opacity 200ms cubic-bezier(0.47, 0.18, 0.15, 0.95), visibility 0s cubic-bezier(0.47, 0.18, 0.15, 0.95) } } .footer-container { background: #fff; border-top: 1px solid rgba(0, 0, 0, .1); width: 100%; max-width: none; padding: 0 30px; font-family: 'avenir_lt_std55_roman'; min-height: 220px; position: absolute; left: 0; bottom: 0 } .footer-container .footer { border: none; padding: 44px 0 38px } .footer-container .footer .footer-column { font-size: 0; text-align: left } .footer-container .footer .footer-column h3 { font-size: 16px; line-height: 20px; color: #000; text-transform: none; margin: 0 0 2px } .footer-container .footer .footer-column p { font-size: 12px; line-height: 20px; color: rgba(0, 0, 0, .8); margin: 0 } .footer-container .footer .footer-column p a { font-size: 12px; color: rgba(0, 0, 0, .8) } .footer-container .footer .footer-column a { font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, .6) } .footer-container .footer .social-wrapper { float: right; width: 270px; text-align: right } .footer-container .footer .social-wrapper .social-links { font-size: 0; position: relative } .footer-container .footer .social-wrapper .social-links h3 { display: inline-block; vertical-align: top } .footer-container .footer .social-wrapper .social-links ul { display: inline-block; vertical-align: top } .footer-container .footer .social-wrapper .social-links ul li { display: inline-block; vertical-align: top; margin: 0 0 0 20px; height: 18px; width: 18px } .footer-container .footer .social-wrapper .social-links ul li .icon { display: block; height: 18px; width: 18px; background-repeat: no-repeat; background-position: center; cursor: pointer; position: relative; opacity: .6; transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) } .footer-container .footer .social-wrapper .social-links ul li .icon::before { content: ""; position: absolute; left: 50%; top: calc(100% + 8px); margin: 0 0 0 -7px; height: 14px; width: 14px; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, .2); border-left: 1px solid rgba(0, 0, 0, .2); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: 1; display: block; visibility: hidden; opacity: 0; transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) } .footer-container .footer .social-wrapper .social-links ul li.twitter .icon { background-image: url(../../resources/images/theme/icons/social-tw-icon.svg) } .footer-container .footer .social-wrapper .social-links ul li.facebook .icon { background-image: url(../../resources/images/theme/icons/social-fb-icon.svg) } .footer-container .footer .social-wrapper .social-links ul li.instagram .icon { background-image: url(../../resources/images/theme/icons/social-insta-icon.svg) } .footer-container .footer .social-wrapper .social-links ul li .link-wrapper { display: block; padding: 16px 0 0; position: absolute; right: 0; top: calc(100% - 5px); width: 200px; margin: 0 -10px 0 0; opacity: 0; visibility: hidden; transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: opacity 200ms cubic-bezier(.47, .18, .15, .95) } .footer-container .footer .social-wrapper .social-links ul li .link-wrapper .link { background: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; padding: 9px } .footer-container .footer .social-wrapper .social-links ul li .link-wrapper .link a { display: inline-block; vertical-align: top; margin: 0 10px; background-repeat: no-repeat; background-position: center center; height: 20px; font-size: 0; line-height: normal } .footer-container .footer .social-wrapper .social-links ul li .link-wrapper .link a.moltylink { width: 92px; background-image: url(../../resources/images/theme/icons/moltyfoam-icon.svg); background-size: 87px auto } .footer-container .footer .social-wrapper .social-links ul li .link-wrapper .link a.celestelink { width: 48px; background-image: url(../../resources/images/theme/icons/celeste-icon.svg); background-size: 47px auto } .footer-container .footer .social-wrapper .representative { padding: 32px 0 0 } .footer-container .footer .social-wrapper .representative p { font-size: 14px; display: inline-block; vertical-align: top; padding: 46px 20px 0 0; color: rgba(0, 0, 0, .6) } .footer-container .footer .social-wrapper .representative .sleepresearch-link { background-image: url(../../resources/images/theme/icons/sleep-research-icon-blue.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: inline-block; vertical-align: top; width: 87px; height: 83px; text-decoration: none } .footer-container .footer .footer-site-info { float: left; width: 334px } .footer-container .footer .footer-site-info .footer-logo, .footer-container .footer .footer-site-info .footer-info { display: inline-block; vertical-align: top } .footer-container .footer .footer-site-info .footer-logo { padding: 0 20px 0 0 } .footer-container .footer .footer-site-info .copyright { padding: 0; margin: 0; border: none; text-align: left } .footer-container .footer .footer-site-info .site-number { margin: 28px 0 10px } .footer-container .footer .footer-site-info .site-number p, .footer-container .footer .footer-site-info .site-number a { font-size: 14px; color: #000; text-decoration: none } .footer-container .footer .footer-site-info .site-number a:hover { color: #000 } .footer-container .footer .footer-links-wrapper { display: inline-block; vertical-align: top; width: calc(100% - 604px) } .footer-container .footer .footer-links-wrapper .footer-links { display: inline-block; vertical-align: top; min-width: 148px; padding: 0 10px 0 0 } .footer-container .footer .footer-links-wrapper .footer-links h3 { margin: 0 0 22px } .footer-container .footer .footer-links-wrapper .footer-links li { margin: 0 0 9px } .footer-container .footer .footer-links-wrapper .footer-links li:last-child { margin: 0 } .upper-footer-container { border-top: 1px solid rgba(0, 0, 0, .1); padding: 0 0 220px; text-align: center; font-size: 0 } .cms-home .upper-footer-container { display: none } .upper-footer-container .inner-column { display: inline-block; vertical-align: top; width: 50% } .upper-footer-container .inner-column+.inner-column { border-left: 1px solid rgba(0, 0, 0, .1) } .upper-footer-container .footer-newsletter { padding: 45px 20px } .upper-footer-container .inner-column h3 { background-image: url(../../resources/images/theme/icons/newsletter-footer-icon.svg); background-repeat: no-repeat; background-position: center top; font-size: 21px; line-height: 20px; color: #000; padding: 55px 0 0; font-family: 'avenir_lt_std65_medium'; font-weight: normal; margin: 0 0 10px; text-transform: none } .upper-footer-container .footer-newsletter .block-subscribe { margin: 0px } .upper-footer-container .footer-newsletter .block-subscribe .block-content { margin: 0px } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box { display: inline-block; max-width: 265px; width: 100%; border-radius: 5px; overflow: hidden; padding: 0; position: relative } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input { border: 1px solid rgba(0, 0, 0, .1); background: none; border-radius: 5px; display: block; padding: 0 48px 0 15px; width: 100%; height: 50px; font-size: 14px; color: #000; line-height: 48px; float: none; font-family: 'avenir_lt_std55_roman'; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input:focus { border-color: #ed1c24 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input.validation-failed {} .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input.validation-failed:focus { background-color: #fef3f3; border-color: #ed1c24 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box .validation-advice { display: none } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input::-webkit-input-placeholder { opacity: .6 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input:-moz-placeholder { opacity: .6 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input::-moz-placeholder { opacity: .6 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box input:-ms-input-placeholder { opacity: .6 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box button.button { display: inline-block; background-image: url(../../resources/images/theme/icons/newsletter-btn-icon.svg); background-repeat: no-repeat; background-position: center center; height: 40px; width: 40px; position: absolute; right: 5px; top: 5px; border-radius: 3px; padding: 0 } .upper-footer-container .footer-newsletter .block-subscribe .block-content .input-box button.button span { display: none } .upper-footer-container .footer-callus { padding: 40px 0 37px } .upper-footer-container .footer-callus h3 { background-image: url(../../resources/images/theme/icons/call-footer-icon.svg); margin: 0 0 0px; padding-top: 66px } .upper-footer-container .footer-callus h4 { font-size: 14px; line-height: 14px; color: #000; font-family: 'avenir_lt_std65_medium'; margin: 0 0 18px; text-transform: none; font-weight: normal } .upper-footer-container .footer-callus .call-number { font-size: 24px; line-height: 30px; color: #000; font-family: 'avenir_lt_std45_book' } .upper-footer-container .footer-callus .call-number a { text-decoration: none; color: #000 } @media only screen and (min-width:1025px) { .footer-container .footer .footer-column a:hover { color: #ed1c24 } .footer-container .footer .social-wrapper .representative .sleepresearch-link:hover { background-image: url(../../resources/images/theme/icons/sleep-research-icon-blue.svg) } .footer-container .footer .social-wrapper .social-links ul li:hover .icon { opacity: 1 } .footer-container .footer .social-wrapper .social-links ul li:hover .icon::before { visibility: visible; opacity: 1; display: block } .footer-container .footer .social-wrapper .social-links ul li:hover .link-wrapper { visibility: visible; opacity: 1; display: block } } @media only screen and (max-width:1024px) { .footer-container .footer .footer-links-wrapper .footer-links.products { display: none } .footer-container .footer .social-wrapper .social-links ul li.active .icon { opacity: 1 } .footer-container .footer .social-wrapper .social-links ul li.active .icon::before { visibility: visible; opacity: 1; display: block } .footer-container .footer .social-wrapper .social-links ul li.active .link-wrapper { visibility: visible; opacity: 1; display: block } } @media only screen and (min-width:768px) and (max-width:1024px) { .footer-container .footer .footer-site-info {} .footer-container .footer .footer-links-wrapper {} } @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .footer-container .footer .footer-site-info { width: 185px } .footer-container .footer .footer-site-info .footer-logo { display: none } .footer-container .footer .social-wrapper { width: 240px } .footer-container .footer .social-wrapper .social-links h3 { margin: 0 0 18px; display: block } .footer-container .footer .social-wrapper .social-links ul li .icon::before { top: calc(100% + 6px); margin: 0 0 0 -5px; height: 10px; width: 10px } .footer-container .footer .social-wrapper .representative { padding: 20px 0 0 } .footer-container .footer .social-wrapper .representative .sleepresearch-link { width: 65px; height: 61px } .footer-container .footer .footer-links-wrapper { width: calc(100% - 425px) } .footer-container .footer .footer-links-wrapper .footer-links { width: 50%; min-width: 0 } } @media only screen and (min-width:1025px) and (max-width:1280px) { .footer-container .footer .footer-site-info { width: 280px } .footer-container .footer .footer-links-wrapper { width: calc(100% - 550px) } .footer-container .footer .footer-links-wrapper .footer-links { min-width: 138px } } @media only screen and (max-width:767px) { .footer-container { position: static; padding: 0 } .footer-container .footer { padding: 0 } .footer-container .footer .social-wrapper, .footer-container .footer .footer-links-wrapper, .footer-container .footer .footer-site-info { float: none; width: 100%; text-align: center } .footer-container .footer .social-wrapper .social-links { padding: 45px 0 48px } .footer-container .footer .social-wrapper .social-links h3 { display: block; margin: 0 0 30px } .footer-container .footer .social-wrapper .social-links ul { display: block; position: relative; display: inline-block } .footer-container .footer .social-wrapper .social-links ul li { margin: 0 30px } .footer-container .footer .social-wrapper .social-links ul li .icon::before { top: calc(100% + 6px); margin: 0 0 0 -5px; height: 10px; width: 10px } .footer-container .footer .social-wrapper .social-links ul li .link-wrapper { right: 50%; margin: 0 -100px 0 0 } .footer-container .footer .social-wrapper .representative { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 17px 0 24px } .footer-container .footer .social-wrapper .representative p { display: block; padding: 0; margin: 0 0 13px } .footer-container .footer .social-wrapper .representative a {} .footer-container .footer .footer-links-wrapper { padding: 40px 0 42px } .footer-container .footer .footer-links-wrapper .footer-links { width: 50%; padding: 0 10px; min-width: 0 } .footer-container .footer .footer-site-info { border-top: 1px solid rgba(0, 0, 0, .1); padding: 40px 0 42px } .footer-container .footer .footer-site-info .footer-logo { display: none } .footer-container .footer .footer-site-info .footer-info { display: block } .footer-container .footer .footer-site-info .copyright { text-align: center } .footer-container .footer .footer-site-info .site-number { margin: 9px 0 20px } .upper-footer-container { padding: 0 } .upper-footer-container .inner-column { width: 100%; display: block } .upper-footer-container .inner-column+.inner-column { border: none; border-top: 1px solid rgba(0, 0, 0, .1) } } .main-container { width: 80%; max-width: 1920px; padding: 0 } .main-container .col-main { margin-bottom: 0 } .cms-home .main-container { width: 100%; padding: 0 0 220px } .catalog-product-view .main-container { width: 100% } @media only screen and (min-width:768px) { .main-container { min-height: calc(100vh - 446px) } } @media only screen and (min-width:1025px) { .main-container { min-height: calc(100vh - 532px) } } @media only screen and (max-width:1024px) { .main-container { padding-top: 75px; width: 100%; max-width: 100% } .cms-home .main-container { padding-top: 75px } .main-container .main { padding: 0 20px } .cms-home .main-container .main, .catalog-product-view .main-container .main { padding: 0 } } @media only screen and (max-width:767px) { .main-container { padding-bottom: 0 } .cms-home .main-container { padding-bottom: 0 } } .main-slider { width: 100%; overflow: hidden } .main-slider img { max-width: 100% } .main-slider .flexslider .slides { margin: 0 } .main-slider .flexslider .slides .web { display: block } .main-slider .flexslider .slides .responsive { display: none } .main-slider .flex-control-nav { width: 100%; margin: 0px; height: 8px; bottom: 30px } .main-slider .flex-control-nav li { margin: 0 6px } .main-slider .flex-control-nav li a { height: 8px; width: 8px; display: block; background-color: rgba(10, 33, 102, .5); opacity: 1 } .main-slider .flex-control-nav li a:hover { background-color: rgba(10, 33, 102, .8) } .main-slider .flex-control-nav li a.flex-active { background-color: #ed1c24; opacity: 1 } .main-slider .flex-direction-nav { margin: 0 } .main-slider .flex-direction-nav li {} .main-slider .flex-direction-nav li a { position: absolute; top: 0; width: 72px; height: 100%; background-repeat: no-repeat; background-position: center; z-index: 1 } .main-slider .flex-direction-nav li a.flex-prev { background-image: url(../../resources/images/theme/icons/slider-arrow-left.svg); left: 0 } .main-slider .flex-direction-nav li a.flex-next { background-image: url(../../resources/images/theme/icons/slider-arrow-right.svg); right: 0 } @media only screen and (max-width:767px) { .main-slider .flex-control-nav { display: none } .main-slider .flexslider .slides .web { display: none } .main-slider .flexslider .slides .responsive { display: block } .main-slider .flex-direction-nav li a { width: 40px } } .home-content { font-size: 0 } .home-content img { max-width: 100% } .home-content img.layout-img { display: block; width: 100% } .home-content img.responsive-layout { display: none; width: 100% } .home-content .block-title { background: #fff; border: none; padding: 21px 0 24px; margin: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); position: relative; z-index: 1 } .home-content .block-title h1 { font-family: 'avenir_lt_std85_heavy'; font-size: 20px; line-height: 20px; color: #000; margin: 0; text-transform: uppercase; letter-spacing: .12em; text-align: center } .home-content .block-title.billbedtitle-web { display: block } .home-content .block-title.billbedtitle-mobile { display: none } .home-content .gird-wrapper { font-family: 'avenir_lt_std55_roman'; display: inline-block; position: relative; text-align: center; vertical-align: top; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .home-content .gird-wrapper a { text-decoration: none } .home-content .gird-wrapper .layout-img { opacity: 0 } .home-content .gird-wrapper .grid-content { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; overflow: hidden } .home-content .gird-wrapper.gird-3 { width: 33.33% } .home-content .gird-wrapper.gird-2 { width: 66.67% } .home-content .gird-wrapper .grid-btn-wrapper { display: block } .home-content .gird-wrapper .grid-btn-wrapper .grid-btn { display: inline-block; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; width: 212px; max-width: 100%; padding: 19px 5px; font-size: 16px; line-height: 20px; text-align: center; color: #fff; text-decoration: underline; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } @media only screen and (min-width:768px) and (max-width:1024px) { .home-content .gird-wrapper.gird-3, .home-content .gird-wrapper.gird-2 { width: 50% } } @media only screen and (max-width:767px) { .home-content .block-title h1 { font-size: 16px } .home-content .gird-wrapper.gird-3, .home-content .gird-wrapper.gird-2 { width: 100% } .home-content .block-title.billbedtitle-web { display: none } .home-content .block-title.billbedtitle-mobile { display: block } } .home-content .pick-category .pick-container { height: 100% } .home-content .pick-category .pick-container a { height: 100%; display: block; padding: 15% 10px 20px } .home-content .pick-category .pick-container strong { height: 40px; font-size: 0; display: block; background-repeat: no-repeat; background-position: center; margin: 0 0 25px } .home-content .pick-category.celeste-cat { background-color: #e9e9e9 } .home-content .pick-category.celeste-cat .pick-container strong { background-image: url(../../resources/images/theme/icons/celeste-icon.svg) } .home-content .pick-category.mattresses-cat { background-color: #f3f3f3 } .home-content .pick-category.mattresses-cat .pick-container strong { background-image: url(../../resources/images/theme/icons/moltyfoam-icon.svg) } .home-content .pick-category.accessories-cat { background-color: #fafafa } .home-content .pick-category.accessories-cat .pick-container strong { background-image: url(../../resources/images/theme/icons/accessories-icon.svg) } .home-content .pick-category .pick-container span { font-size: 16px; color: #606060; display: block; line-height: 25px; position: relative; z-index: 1 } .home-content .pick-category .pick-container img { position: absolute; left: 0px; bottom: -40px; transition: bottom .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: bottom .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: bottom .5s cubic-bezier(.47, .18, .15, .95); -o-transition: bottom .5s cubic-bezier(.47, .18, .15, .95) } @media only screen and (min-width:1025px) { .home-content .pick-category:hover { background-color: #fff } .home-content .pick-category:hover .pick-container img { bottom: 0 } } @media only screen and (max-width:1024px) { .home-content .pick-category .pick-container strong { height: 30px; margin: 0 0 20px } .home-content .pick-category .pick-container span { font-size: 14px; line-height: 20px } .home-content .pick-category.celeste-cat .pick-container strong { background-size: 91px auto } .home-content .pick-category.mattresses-cat .pick-container strong { background-size: 168px auto } .home-content .pick-category.accessories-cat .pick-container strong { background-size: 151px auto } } .mattress-selector-block { background-color: #ed1c24 } .mattress-selector-block .mat-selector-block-container { height: 100% } .mattress-selector-block a { display: table; width: 100%; height: 100%; padding: 10px } .mattress-selector-block a .mattressblock { display: table-cell; vertical-align: middle } .mattress-selector-block a .mattressblock .mattressblock-icon { height: 76px; display: block; background-image: url(../../resources/images/theme/icons/mattress-selector-icon.svg); background-repeat: no-repeat; background-position: center center; margin: 0 0 16px } .mattress-selector-block a .mattressblock strong { font-size: 60px; line-height: 50px; color: #f7d30b; font-family: 'avenir_lt_std45_book'; margin: 0 0 8px; font-weight: normal; display: block } .mattress-selector-block a .mattressblock .mattressblock-des { font-size: 16px; line-height: 20px; color: #fff; display: block; margin: 0 0 28px } .home-content .gird-wrapper .grid-btn-wrapper .grid-btn { color: #fff } @media only screen and (min-width:1025px) { .mattress-selector-block:hover { background-color: #e7161e } .mattress-selector-block:hover .grid-btn-wrapper .grid-btn { border-color: #f7d30b; background-color: #f7d30b; color: #e7161e } } @media only screen and (min-width:768px) and (max-width:1024px) { .home-content .gird-wrapper.gird-3.mattress-selector-block { width: 100% } .home-content .mattress-selector-block img.layout-img { display: none } .home-content .mattress-selector-block img.responsive-layout { display: block } } @media only screen and (max-width:1024px) { .mattress-selector-block a .mattressblock .mattressblock-icon { margin: 0 0 5px } .mattress-selector-block a .mattressblock strong { font-size: 32px; line-height: 40px; margin: 0 0 2px } .mattress-selector-block a .mattressblock .mattressblock-des { font-size: 14px; line-height: 20px; margin: 0 0 24px } .mattress-selector-block a .mattressblock strong br, .mattress-selector-block a .mattressblock .mattressblock-des br { display: none } } .sleep-research-block { background-color: #fff } .sleep-research-wrapper { height: 100% } .sleep-research-wrapper a { display: table; height: 100%; width: 100% } .sleep-research-wrapper .sleep-research { display: table-cell; vertical-align: middle } .sleep-research-wrapper .sleep-research-icon { background-image: url(../../resources/images/theme/icons/sleep-research-foundation.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; margin: 0 auto 26px; width: 255px; height: 242px; display: block } .home-content .sleep-research-block .grid-btn-wrapper .grid-btn { color: #000; width: 300px } @media only screen and (min-width:1025px) { .sleep-research-block:hover { background-color: #eee } .home-content .sleep-research-block:hover .grid-btn-wrapper .grid-btn { border-color: #0095da; background-color: #0095da; color: #fff } } @media only screen and (max-width:1024px) { .sleep-research-wrapper .sleep-research-icon { width: 197px; height: 187px; margin-bottom: 20px } } .molty-sleep-block { background-color: #192863 } .molty-sleep-wrapper { background-image: url(../../resources/images/theme/imgs/moltysleep-bg.jpg.pagespeed.ce.seoDLnBy0r.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; height: 100% } .molty-sleep-wrapper a { display: table; width: 100%; height: 100% } .molty-sleep-wrapper .molty-sleep { display: table-cell; vertical-align: middle } .molty-sleep-wrapper .molty-sleep-mattress { width: 92%; display: block; margin: 72px auto 0; position: relative; top: 3px; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .molty-sleep-wrapper .molty-sleep-icon { background-image: url(../../resources/images/theme/icons/moltysleep-icon.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; height: 37px; width: 182px; display: block; margin: 38px auto 9px } .molty-sleep-wrapper .molty-sleep-desc { font-size: 18px; line-height: 20px; color: #9eaad8 } .molty-sleep-wrapper .molty-sleep-desc strong { font-family: 'avenir_lt_std65_medium'; color: #dee3f9; font-weight: normal } @media only screen and (min-width:1025px) { .molty-sleep-block:hover { background-color: #111e51 } .molty-sleep-block:hover .molty-sleep-wrapper .molty-sleep-mattress { top: -14px } } @media only screen and (max-width:767px) { .molty-sleep-wrapper .molty-sleep-mattress { margin-top: 13% } .molty-sleep-wrapper .molty-sleep-icon { width: 141px; height: 29px } } .call-us-block { background-color: #8bdaff } .call-us-block .call-us-container { background-image: url(../../resources/images/theme/imgs/call-us-bg.png.pagespeed.ce.QG3-nDfvpW.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; height: 100% } .call-us-block .call-us-container a { display: block; height: 100%; padding: 19% 10px 10px } .call-us-block .call-us-container strong { font-size: 32px; line-height: 40px; color: #062170; display: block; font-family: 'avenir_lt_std65_medium'; font-weight: normal } .call-us-block .call-us-container span { font-size: 21px; line-height: 26px; color: #062170; display: block } .call-us-block .call-us-container .phone-body { position: relative; display: block; margin: 0 0 6.6% } .call-us-block .call-us-container .phone-body .phone-receiver { position: absolute; left: 0px; top: 0px; width: 100% } @media only screen and (min-width:1025px) { .call-us-block:hover { background-color: #7cd5ff } .molty-sleep-block:hover .molty-sleep-wrapper .molty-sleep-mattress { top: -14px } .call-us-block:hover .call-us-container .phone-body .phone-receiver { -webkit-animation: phoneRotate 1.5s infinite; animation: phoneRotate 1.5s infinite } } @media only screen and (max-width:1024px) { .call-us-block .call-us-container strong { font-size: 24px; line-height: 30px } .call-us-block .call-us-container span { font-size: 16px; line-height: 20px } } @-webkit-keyframes phoneRotate { 0% { top: 0; } 10% { top: -17%; } 15% { top: -17%; } 20% { transform: rotate(0); -webkit-transform: rotate(0); top: -17%; } 25% { transform: rotate(-15deg); -webkit-transform: rotate(-15deg); top: -17%; } 30% { transform: rotate(15deg); -webkit-transform: rotate(15deg); top: -17%; } 35% { transform: rotate(-15deg); -webkit-transform: rotate(-15deg); top: -17%; } 40% { transform: rotate(15deg); -webkit-transform: rotate(15deg); top: -17%; } 45% { transform: rotate(0); -webkit-transform: rotate(0); top: -17%; } 50% { top: 0; } 55% { top: 0; } 100% { top: 0; } } @keyframes phoneRotate { 0% { top: 0; } 10% { top: -17%; } 15% { top: -17%; } 20% { transform: rotate(0); -webkit-transform: rotate(0); top: -17%; } 25% { transform: rotate(-15deg); -webkit-transform: rotate(-15deg); top: -17%; } 30% { transform: rotate(15deg); -webkit-transform: rotate(15deg); top: -17%; } 35% { transform: rotate(-15deg); -webkit-transform: rotate(-15deg); top: -17%; } 40% { transform: rotate(15deg); -webkit-transform: rotate(15deg); top: -17%; } 45% { transform: rotate(0); -webkit-transform: rotate(0); top: -17%; } 50% { top: 0; } 55% { top: 0; } 100% { top: 0; } } .delivery-block { background-color: #f3f3f3 } .delivery-block .delivery-info-wrapper { background-image: url(../../resources/images/theme/imgs/delivery-info-bg.png.pagespeed.ce.aFkhRw60UD.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; height: 100%; padding: 16% 0 0 } .delivery-block .deliverytruck-wrapper { position: relative } .delivery-block .deliverytruck-wrapper .truck-body { position: absolute; right: 0; top: 0; width: 100%; height: 100% } .delivery-block .deliverytruck-wrapper .truck-body .content { background-color: #fff; border-radius: 2px; position: absolute; right: 19.8%; top: 4%; width: 35.6%; height: 48.4%; text-align: left; padding: 3% 0 0 3% } .delivery-block .deliverytruck-wrapper .truck-body .content h1 { font-size: 2.6vw; line-height: 2.6vw; color: #000; letter-spacing: -.02em; font-family: 'avenir_lt_std45_book'; margin: 0 0 8%; text-transform: none } .delivery-block .deliverytruck-wrapper .truck-body .content p { letter-spacing: -.04em; font-size: 1.3vw; line-height: 1.3vw; color: #000; font-family: 'avenir_lt_std65_medium'; margin: 0 } .delivery-block .deliverytruck-wrapper .truck-wheel { position: absolute; right: 60%; bottom: 0; width: 15% } .delivery-block .deliver-content {} .delivery-block .deliver-content h3 { font-size: 24px; line-height: 28px; color: #000; text-transform: none; margin: 0 0 9px } .delivery-block .deliver-content h3 strong { font-family: 'avenir_lt_std95_black' } .delivery-block .deliver-content p { font-size: 13px; line-height: 20px; color: #000 } @media only screen and (min-width:1025px) { .delivery-block:hover {} .delivery-block:hover .deliverytruck-wrapper .truck-body { -webkit-animation: truckAnimation 4s infinite; animation: truckAnimation 4s infinite } .delivery-block:hover .deliverytruck-wrapper .truck-wheel { -webkit-animation: wheelAnimation .5s linear infinite; animation: wheelAnimation .5s linear infinite } } @media only screen and (max-width:1024px) { .delivery-block .deliverytruck-wrapper .truck-body .content h1 { font-size: 4.06vw; line-height: 4.06vw; margin: 0 0 3% } .delivery-block .deliverytruck-wrapper .truck-body .content p { font-size: 1.75vw; line-height: 2.99vw } .delivery-block .deliver-content h3 { font-size: 22px; margin: 0 0 5px } .delivery-block .deliver-content p { font-size: 12px } } @media only screen and (max-width:767px) { .delivery-block .deliverytruck-wrapper .truck-body .content h1 { font-size: 8.16vw; line-height: 8.16vw } .delivery-block .deliverytruck-wrapper .truck-body .content p { font-size: 3.95vw; line-height: 3.95vw } } @-webkit-keyframes truckAnimation { 0% { top: 0; } 50% { top: 6px; } 100% { top: 0; } } @keyframes truckAnimation { 0% { top: 0; } 50% { top: 6px; } 100% { top: 0; } } @-webkit-keyframes wheelAnimation { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); } } @keyframes wheelAnimation { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); } } .buy-online-block .buy-online-container { background-color: #1b66b9; background-image: url(../../resources/images/theme/imgs/buyonline-bg.png.pagespeed.ce.7RYdW6wd_K.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; position: relative; text-align: center } .buy-online-block .buy-online-container .animation-wrapper { position: absolute; left: 20.6%; top: 19%; width: 59.8%; height: 36.4%; overflow: hidden } .buy-online-block .buy-online-container .content { position: absolute; left: 0; bottom: 0; padding: 0 20px 12%; width: 100%; display: block } .buy-online-block .buy-online-container .content strong { font-size: 32px; line-height: 40px; color: #fff; font-family: 'avenir_lt_std65_medium'; font-weight: normal; display: block } .buy-online-block .buy-online-container .content span { font-size: 21px; line-height: 24px; color: #fff; display: block } @media only screen and (min-width:1025px) { .buy-online-block:hover .buy-online-container { background-color: #1461b5; background-image: url(../../resources/images/theme/imgs/buyonline-bg-hover.png.pagespeed.ce.ZOGSF6jbS9.png) } .buy-online-block:hover .buy-online-container .animation-wrapper img { -webkit-animation: laptopAnimation 4s infinite; animation: laptopAnimation 4s infinite } } @media only screen and (max-width:767px) { .buy-online-block .buy-online-container .content strong { font-size: 24px; line-height: 30px } .buy-online-block .buy-online-container .content span { font-size: 16px; line-height: 24px } } @-webkit-keyframes laptopAnimation { 0% { transform: translateY(0%); } 50% { transform: translateY(-59%); } 100% { transform: translateY(0%); } } @keyframes laptopAnimation { 0% { transform: translateY(0%); } 50% { transform: translateY(-59%); } 100% { transform: translateY(0%); } } .video-block {} .video-block .video-container { width: 100%; height: 100% } .video-block .video-container iframe { width: 100%; height: 100% } .newsletter-block { background: #ed1c24 } .newsletter-block .newsletter-home { height: 100%; display: table; width: 100%; background-image: url(../../resources/images/theme/imgs/newsletter-img.png.pagespeed.ce.WAls02cwq-.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto } .newsletter-block .newsletter-home .subscribe-area { display: table-cell; vertical-align: middle } .newsletter-block .newsletter-home h1 { font-size: 50px; line-height: 46px; color: #fff; font-family: 'avenir_lt_std95_black'; display: block; margin: 0 0 26px } .newsletter-block .newsletter-home h1 span { font-size: 35px; line-height: 35px; color: #ffde00; font-family: 'avenir_lt_std55_roman'; display: block } .newsletter-block .newsletter-home h3 { font-size: 12px; line-height: 20px; color: #ffde00; text-transform: uppercase; font-family: 'avenir_lt_std85_heavy'; margin: 8px 0 10px } .newsletter-block .block-subscribe { margin: 0px } .newsletter-block .block-subscribe .block-content { margin: 0px } .newsletter-block .block-subscribe .block-content .input-box { display: inline-block; max-width: 265px; width: 100%; border-radius: 5px; overflow: hidden; padding: 0; position: relative } .newsletter-block .block-subscribe .block-content .input-box input { border: 2px solid #fff; background: #fff; border-radius: 5px; display: block; padding: 0 48px 0 15px; width: 100%; height: 50px; font-size: 14px; color: #000; line-height: 46px; float: none; font-family: 'avenir_lt_std55_roman'; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .newsletter-block .block-subscribe .block-content .input-box input:focus { border-color: #cc181e } .newsletter-block .block-subscribe .block-content .input-box input.validation-failed { color: red } .newsletter-block .block-subscribe .block-content .input-box .validation-advice { display: none } .newsletter-block .block-subscribe .block-content .input-box input::-webkit-input-placeholder { opacity: .6 } .newsletter-block .block-subscribe .block-content .input-box input:-moz-placeholder { opacity: .6 } .newsletter-block .block-subscribe .block-content .input-box input::-moz-placeholder { opacity: .6 } .newsletter-block .block-subscribe .block-content .input-box input:-ms-input-placeholder { opacity: .6 } .newsletter-block .block-subscribe .block-content .input-box button.button { display: inline-block; background-color: #ffde00; background-image: url(../../resources/images/theme/icons/newsletter-btn-icon-black.svg); background-repeat: no-repeat; background-position: center center; height: 40px; width: 40px; position: absolute; right: 5px; top: 5px; border-radius: 3px; padding: 0 } .newsletter-block .block-subscribe .block-content .input-box button.button span { display: none } .newsletter-block .block-subscribe .mobile-animation-close { display: none } @media only screen and (min-width:1025px) { .newsletter-block:hover { background-color: #fa1e25 } } @media only screen and (max-width:767px) { .newsletter-block .newsletter-home h1 { font-size: 40px; line-height: 40px } .newsletter-block .newsletter-home h1 span { font-size: 30px; line-height: 30px } } .billbed-block {} .billbed-block .billbed-wrapper { width: 100%; height: 100% } .billbed-block .billbed-wrapper .video { width: 100%; height: 100%; position: relative } .billbed-block .billbed-wrapper .video iframe, .billbed-block .billbed-wrapper .video video { width: 100%; height: 100% } .billbed-block .billbed-wrapper .video .playvid-btn-wrapper { background-image: url(../../resources/images/theme/imgs/billbed-img.jpg.pagespeed.ce.biKf4qZZsk.jpg); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer } .billbed-block .billbed-wrapper .video .playvid-btn-wrapper.playing { display: none } .billbed-block .billbed-wrapper .video .playvid-btn-wrapper .playvid-btn { position: absolute; bottom: 18%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 175px; background-color: #fff; padding: 0 25px; font-size: 18px; line-height: 50px; border-radius: 5px; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .billbed-block .billbed-wrapper .video .playvid-btn-wrapper .playvid-btn span { padding: 0 20px 0 0; display: block; background-image: url(../../resources/images/theme/icons/play-icon.svg); background-repeat: no-repeat; background-position: right center } @media only screen and (min-width:1025px) { .billbed-block:hover .billbed-wrapper .video .playvid-btn-wrapper .playvid-btn { background-color: #ed1c24; color: #fff } .billbed-block:hover .billbed-wrapper .video .playvid-btn-wrapper .playvid-btn span { background-image: url(../../resources/images/theme/icons/play-icon-white.svg) } } @media only screen and (max-width:1024px) { .home-content .billbed-block img.layout-img { display: none } .home-content .billbed-block img.responsive-layout { display: block } } .freshguard-block { background: #ed1c24 } .freshguard-wrapper { height: 100% } .freshguard-wrapper a { display: table; height: 100%; width: 100% } .freshguard-wrapper .freshguard { display: table-cell; vertical-align: middle } .freshguard-wrapper .freshguard-icon { margin: 0 auto 5%; width: 52%; display: block } .home-content .freshguard-block .grid-btn-wrapper .grid-btn { color: #fff } @media only screen and (min-width:1025px) { .freshguard-block:hover { background-color: #fa1e25 } .home-content .freshguard-block:hover .grid-btn-wrapper .grid-btn { border-color: #ed1c24; background-color: #ed1c24 } } .footer-newsletter-block { width: 100%; background-color: #ffde00 } .footer-newsletter-block .newsletter-wrapper { padding: 45px 40px; display: inline-block; background-image: url(../../resources/images/theme/imgs/footer-newsletter-img.png.pagespeed.ce.g5dZxjTCwj.png); background-position: left center; background-repeat: no-repeat; background-size: 315px auto } .footer-newsletter-block h1 { display: inline-block; vertical-align: top; font-size: 32px; line-height: 50px; color: #ed1c24; font-family: 'avenir_lt_std85_heavy'; margin: 0; text-transform: none } .footer-newsletter-block h3 { display: inline-block; vertical-align: top; font-size: 24px; line-height: 32px; color: #531111; font-family: 'avenir_lt_std65_medium'; text-transform: none; padding: 0 0 0 20px; margin: 9px 40px 9px 20px; border-left: 2px solid rgba(0, 0, 0, .2) } .footer-newsletter-block .block-subscribe { display: inline-block; vertical-align: top; width: 365px; max-width: 100% } .newsletter-block.footer-newsletter-block .block-subscribe .block-content .input-box { max-width: 365px } .newsletter-block.footer-newsletter-block .block-subscribe .block-content .input-box button.button { background-color: #ed1c24; background-image: url(../../resources/images/theme/icons/newsletter-btn-icon.svg) } @media only screen and (min-width:1025px) { .footer-newsletter-block:hover { background-color: #ffde00 } } @media only screen and (min-width:768px) and (max-width:1024px) { .footer-newsletter-block .newsletter-wrapper { padding: 40px 30px; background-size: auto 100%; background-position: center center } .footer-newsletter-block h1 { display: block; font-size: 28px; line-height: 40px } .footer-newsletter-block h3 { display: block; font-size: 21px; line-height: 24px; border: none; padding: 0; margin: 0 0 30px } .footer-newsletter-block .block-subscribe { display: block; width: 100% } } @media only screen and (min-width:1025px) and (max-width:1280px) { .footer-newsletter-block h1 { font-size: 28px } .footer-newsletter-block h3 { font-size: 21px } .footer-newsletter-block .block-subscribe { width: 290px } } @media only screen and (max-width:767px) { .footer-newsletter-block .newsletter-wrapper { padding: 40px 10px; background-size: auto 100%; background-position: center center } .footer-newsletter-block h1 { display: block; font-size: 28px; line-height: 40px } .footer-newsletter-block h3 { display: block; font-size: 21px; line-height: 24px; border: none; padding: 0; margin: 0 0 30px } .footer-newsletter-block .block-subscribe { display: block; width: 100%; padding: 0 20px } } .breadcrumbs { font-family: 'avenir_lt_std55_roman'; padding: 17px 0 20px; display: block } .breadcrumbs li { font-size: 12px; line-height: 30px; color: rgba(0, 0, 0, .8); text-transform: none; float: none; display: inline-block; vertical-align: top } .breadcrumbs li span { padding: 0 4px; float: none; display: inline-block; vertical-align: top } .breadcrumbs li a { color: rgba(0, 0, 0, .8) } .breadcrumbs li a:hover { color: #000 } .catalog-product-view .breadcrumbs { display: none } @media only screen and (max-width:767px) { .breadcrumbs { text-align: center } } .button { border-radius: 5px; font-size: 16px; line-height: 30px; text-transform: none; padding: 15px 20px; outline: none!important; box-shadow: 0 0 0 #fff!important; font-family: 'avenir_lt_std65_medium'; min-width: 160px; text-align: center; display: inline-block; vertical-align: top; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .button.button-icon { min-width: 0; height: 40px; width: 40px } .button.button-primary { background-color: #ed1c24; color: #fff; border: none } .button.button-primary:active { background-color: #cc181e!important; transition: none!important } .button.button-primary:hover, .button.button-primary:focus { background-color: #ed1c24; color: #fff } .button.button-primary.disabled, .button.button-primary:disabled { background-color: #e5e5e5!important; color: rgba(0, 0, 0, .4)!important } .button.button-secondary { background-color: transparent; color: #ed1c24; border: 1px solid rgba(0, 0, 0, .2); text-decoration: underline; line-height: 28px } .button.button-secondary:active { background-color: #fae7e8!important; border-color: #cc181e!important; color: #cc181e!important; transition: none!important } .button.button-secondary:hover, .button.button-secondary:focus { background-color: transparent; color: #ed1c24; border-color: rgba(0, 0, 0, .2) } .button.button-secondary.disabled, .button.button-secondary:disabled { background-color: #fafafa!important; color: rgba(0, 0, 0, .4)!important; border-color: rgba(0, 0, 0, .1)!important } @media (min-width:768px) { .button.button-primary:hover { background-color: #fa1e25 } .button.button-primary:focus { background-color: #ed1c24 } .button.button-primary:focus:hover { background-color: #fa1e25 } .button.button-secondary:hover { background-color: transparent; border-color: #fa1e25; color: #fa1e25 } .button.button-secondary:focus { background-color: transparent; border-color: rgba(0, 0, 0, .2); color: #ed1c24 } .button.button-secondary:focus:hover { background-color: transparent; border-color: #fa1e25; color: #fa1e25 } } .button.button-full { width: 100% } .page-title { margin: 0 0 58px } .page-title h1 { font-size: 40px; line-height: 50px; color: #000; font-family: 'avenir_lt_std55_roman'; text-transform: none; font-weight: normal; padding: 0; margin: 0; text-align: center; border: none } .category-title h1 img { display: inline-block; max-width: 100% } .category-products .bundles_discount { margin: 0 0 40px; display: block } .category-products .bundles_discount p { margin: 0 } .category-products .bundles_discount img { width: 100%; max-width: 100% } .category-products .bundles_discount img.web-img { display: block } .category-products .bundles_discount img.mobile-img { display: none } .block.product_filters { display: none } .category-products ul.products-grid {} .category-products ul.products-grid li.item { width: calc(33.33% - 47px); margin: 0 70px 70px 0; background: #fff; border-radius: 5px; position: relative; box-shadow: 0 10px 5px -5px rgba(0, 0, 0, .05); clear: none } .category-products ul.products-grid li.item:nth-child(3n) { margin: 0 0 70px } .category-products ul.products-grid li.item .item-inner { overflow: hidden; border-radius: 5px } .category-products ul.products-grid li.item:hover {} .category-products ul.products-grid li.item:hover .item-inner { box-shadow: 0 0 2px rgba(0, 0, 0, .05) } .category-products ul.products-grid li.item .l-newwhite { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; background: url(../../resources/images/theme/new-ribbon.png.pagespeed.ce.Jy9SuhGzvO.png) no-repeat left top; z-index: 1 } .category-products ul.products-grid li.item .l-salelime { position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; z-index: 1 } .category-products ul.products-grid li.item .l-salelime span { display: none } .category-products ul.products-grid li.item .product-image { width: 100%; height: auto; margin: 0 } .category-products ul.products-grid li.item .product-image img { width: 100%; height: auto } .category-products ul.products-grid li.item .product-info { padding: 32px 20px 65px; text-align: center; font-family: 'avenir_lt_std55_roman' } .category-products ul.products-grid li.item .product-info .category-name { font-size: 10px; line-height: 20px; color: rgba(0, 0, 0, .5); font-family: 'avenir_lt_std85_heavy'; text-transform: uppercase; margin: 0 0 15px } .category-products ul.products-grid li.item .product-name { font-size: 18px; line-height: 20px; color: #000; text-transform: none; margin: 0 0 2px } .category-products ul.products-grid li.item .product-name a { color: #000; font-weight: normal } .category-products ul.products-grid li.item .product-features { margin: 0 } .category-accessories .category-products ul.products-grid li.item .product-features { min-height: 0px } .category-products ul.products-grid li.item .product-features ul li { font-size: 12px; line-height: 12px; color: #404040; margin: 0 0 8px } .price-box .label { display: none } .category-products ul.products-grid li.item .product-info .product-price { position: absolute; left: 0; bottom: 0; height: 78px; width: 100%; text-align: center; display: flex; justify-content: center; flex-direction: column } .category-products ul.products-grid li.item .product-info .product-price .review { float: left; padding: 10px 0; max-width: 93px; overflow: hidden; display: none } .category-products ul.products-grid li.item .product-info .price-box { margin: 0px; font-family: 'avenir_lt_std65_medium'; display: block; width: 100%; padding: 0 20px } .category-products ul.products-grid li.item .product-info .price-box .price { color: #000; font-size: 18px; line-height: 20px } .price-box .old-price, .price-box .special-price { display: block; padding: 0px } .category-products ul.products-grid li.item .product-info .price-box .old-price .price { font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, .6) } .category-products ul.products-grid li.item .product-info .price-box .special-price .price {} @media only screen and (min-width:768px) and (max-width:1024px) { .category-products ul.products-grid li.item { margin: 0 20px 20px 0; width: calc(33.33% - 14px) } .category-products ul.products-grid li.item:nth-child(3n) { margin: 0 0 20px } } @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .category-products ul.products-grid li.item { margin: 0 20px 20px 0; width: calc(50% - 10px) } .category-products ul.products-grid li.item:nth-child(3n) { margin: 0 20px 20px 0 } .category-products ul.products-grid li.item:nth-child(even) { margin: 0 0 20px } } @media only screen and (max-width:767px) { .category-products .bundles_discount img.web-img { display: none } .category-products .bundles_discount img.mobile-img { display: block } .category-products ul.products-grid li.item { width: 100%; margin: 0 0 20px } .category-products ul.products-grid li.item:nth-child(3n) { margin: 0 0 20px } } .category-landing-wrapper {} .category-landing-wrapper ul {} .category-landing-wrapper ul li.category-item { width: calc(33.33% - 47px); margin: 0 70px 21px 0; position: relative; display: inline-block; vertical-align: top } .category-landing-wrapper ul li.category-item:nth-child(3n) { margin: 0 0 21px } .category-landing-wrapper ul li.category-item .category-image { background: #fff; box-shadow: 0 10px 5px -5px rgba(0, 0, 0, .05); border-radius: 5px; border: none; padding: 0; margin: 0 } .category-landing-wrapper ul li.category-item .category-image a { display: block; box-shadow: 0 0 2px rgba(0, 0, 0, .05); border-radius: 5px; overflow: hidden } .category-landing-wrapper ul li.category-item .category-name { font-size: 18px; line-height: 20px; color: #000; text-align: center } .category-landing-wrapper ul li.category-item .category-name a { display: block; color: #000; padding: 15px 10px } @media only screen and (min-width:768px) and (max-width:1024px) { .category-landing-wrapper ul li.category-item { margin: 0 20px 20px 0; width: calc(33.33% - 14px) } .category-landing-wrapper ul li.category-item:nth-child(3n) { margin: 0 0 20px } } @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .category-landing-wrapper ul li.category-item { margin: 0 20px 20px 0; width: calc(50% - 10px) } .category-landing-wrapper ul li.category-item:nth-child(3n) { margin: 0 20px 20px 0 } .category-landing-wrapper ul li.category-item:nth-child(even) { margin: 0 0 20px } } @media only screen and (max-width:767px) { .category-landing-wrapper ul li.category-item { width: 100%; margin: 0 0 20px } } .catalog-product-view .lightboxOverlay { opacity: 0 } .catalog-product-view .lightbox { top: 0px!important; height: 100%; position: fixed; overflow: hidden } .catalog-product-view .lightbox .lb-outerContainer { width: 100%!important; height: 100%!important; border-radius: 0px; background: #fff } .catalog-product-view .lightbox .lb-outerContainer .lb-container { padding: 0px; width: 100%; height: 100%; position: relative } .catalog-product-view .lightbox .lb-outerContainer .lb-container .lb-image { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .catalog-product-view .lightbox .lb-outerContainer .lb-container .lb-image-container { overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; position: relative } .catalog-product-view .lightbox .lb-outerContainer .lb-container img { display: inline-block!important; height: auto!important; width: auto!important; max-width: 100%; max-height: 100%; border-radius: 0px } .catalog-product-view .lightbox .lb-outerContainer .lb-container .lb-nav { z-index: 2; position: static; height: 1px; font-size: 0px } .catalog-product-view .lightbox .lb-outerContainer .lb-container .lb-nav .lb-next, .catalog-product-view .lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev { position: absolute; top: 0px; width: 80px } .catalog-product-view .lightbox .lb-dataContainer { font-size: 0px } .catalog-product-view .lightbox .lb-dataContainer .lb-details { display: none } .catalog-product-view .lightbox .lb-dataContainer .lb-closeContainer { position: fixed; top: 0; right: 0; z-index: 3 } .catalog-product-view .lightbox .lb-dataContainer .lb-closeContainer .lb-close { width: 60px; height: 60px; background: url(../../resources/images/theme/icons/close-icon.svg) no-repeat center center } .product-view { position: relative } .product-view .main-detail-wrapper { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .1) } .product-view .main-detail-wrapper .product-detail-container { border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #f8f8f8; padding: 30px 35px; font-size: 0 } .product-view .main-detail-wrapper .product-detail-container .details-container { display: inline-block; vertical-align: top; padding: 4px 0; width: calc(100% - 680px) } .product-view .main-detail-wrapper .product-detail-container .product-name .h1 { font-size: 32px; line-height: 40px; color: #000; font-family: 'avenir_lt_std45_book'; text-transform: none; font-weight: normal; border: none; margin: 0; padding: 0 } .product-view .main-detail-wrapper .product-detail-container .category-name { font-size: 10px; line-height: 12px; color: rgba(0, 0, 0, .6); text-transform: uppercase; font-family: 'avenir_lt_std95_black'; letter-spacing: .08em } .product-view .main-detail-wrapper .product-detail-container .ordernow-wrapper { display: inline-block; vertical-align: top; position: relative; width: 680px } .product-view .main-detail-wrapper .product-detail-container .ordernow-wrapper .producttext { position: absolute; right: 0; top: 100%; font-size: 12px; line-height: 12px; color: rgba(0, 0, 0, .6); width: auto; text-align: center; padding: 8px 0 0 } .product-view .price-info { float: none; text-align: center; margin: 0px; max-width: 100%; padding: 0 10px; border: 1px solid rgba(0, 0, 0, .2); display: table; vertical-align: top; border-radius: 5px; float: left; width: 280px; margin: 0 25px 0 0; height: 60px } .product-view .price-info .price-box { margin: 0px; font-family: 'avenir_lt_std65_medium'; display: table-cell; vertical-align: middle; float: none; min-height: 0 } .product-view .price-info .price-box .price { color: #000; font-size: 18px; line-height: 20px } .product-view .price-info .price-box .old-price .price { font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, .6) } .product-view .price-info .price-box .special-price .price {} .product-view .product-options { width: 280px; display: inline-block; vertical-align: top; margin: 0 25px 0 0; padding: 0; border: none; clear: none; position: relative; z-index: 1 } .product-view .product-options p.required { display: none } .product-options dt { border: 1px solid #ddd; border-bottom: none; display: none; padding: 0px; margin: 0px; text-align: center; font-size: 14px; color: #202020; font-weight: normal; text-transform: uppercase; line-height: 38px } .product-options dt label.required::after, .product-options dt span.required::after { content: "" } .product-options dt label.required::before, .product-options dt span.required::before { color: red; content: " *"; font-size: 12px; font-weight: normal; margin: 0 2px 0 0 } .product-options dt label { font-size: 14px; color: #202020; font-weight: normal; display: block } .product-options dt label span { font-size: 12px; color: gray; text-transform: none; padding: 0 0 0 18px } .product-options dt label a { font-size: 12px; color: #444; text-transform: none; padding: 0 0 0 18px } .product-options dd { padding: 0px; margin: 0 } .product-options dl.last dd.last { padding: 0px; margin: 0 } .product-options dl.required-field dt { border-color: red } .product-options dl.required-field dt { border-color: red } .product-view .product-options dd .input-box.select-box { height: 60px; position: relative; display: table; width: 100% } .product-view .product-options dd .input-box.select-box select { height: 100%!important; position: absolute; left: 0; top: 0; width: 100%; opacity: 0 } .product-view .product-options dd .input-box.select-box div { background-image: url(../../resources/images/theme/icons/dropdown-arrow.svg); background-repeat: no-repeat; background-position: calc(100% - 25px) center; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8); height: 60px; padding: 0 56px 0 25px; display: table-cell; vertical-align: middle } .product-view .product-options dd .input-box.select-box .validation-advice { background: none; border: none; color: red; padding: 8px 0 0 26px; height: auto; position: absolute; left: 0px; top: 100%; line-height: 12px; font-size: 12px; margin: 0px } .product-view .product-options .validation-advice { position: absolute; left: 0; top: 100%; margin: 0; padding: 8px 0 0; font-size: 12px; line-height: 12px; color: #e31313 } .product-view .dropdown-wrapper { height: 60px; position: relative; display: block; width: 100%; font-size: 0; text-align: left } .product-view .dropdown-wrapper .selected-value { background-image: url(../../resources/images/theme/icons/dropdown-arrow.svg); background-repeat: no-repeat; background-position: calc(100% - 25px) center; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; font-size: 0; height: 60px; padding: 0 56px 0 25px; display: table; vertical-align: middle; cursor: pointer; width: 100%; transition: all 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: all 200ms cubic-bezier(.47, .18, .15, .95) } .product-view .dropdown-wrapper .selected-value .selectedName, .product-view .dropdown-wrapper .selected-value .selected-container { display: table-cell; vertical-align: middle; width: 100% } .product-view .dropdown-wrapper .selected-value .selectedName { font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8) } .product-view .dropdown-wrapper .dropdown { background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-top: none; border-radius: 0 0 5px 5px; position: absolute; left: 0; top: 100%; width: 100%; padding: 0 25px 5px; margin-top: -1px; z-index: 2; max-height: 366px; overflow-x: hidden; overflow-y: auto; display: none } .product-view .dropdown-wrapper .dropdown li { height: 60px; display: table; width: 100%; border-top: 1px solid rgba(0, 0, 0, .1); cursor: pointer } .product-view .dropdown-wrapper .dropdown li .attribute-container { display: table-cell; vertical-align: middle } .product-view .dropdown-wrapper .size-value { font-size: 14px; line-height: 18px; color: rgba(0, 0, 0, .8); display: inline-block; width: 60px; vertical-align: middle } .product-view .dropdown-wrapper .size-value span { display: block; font-size: 11px; line-height: 14px; font-family: 'avenir_lt_std65_medium' } .product-view .dropdown-wrapper .price-wrapper { font-family: 'avenir_lt_std65_medium'; display: inline-block; width: calc(100% - 60px); text-align: right; vertical-align: middle; margin: 0 } .product-view .dropdown-wrapper .price-wrapper .price { color: #000; font-size: 16px; line-height: 20px } .product-view .dropdown-wrapper .price-wrapper .old-price, .product-view .dropdown-wrapper .price-wrapper .old-price .price { font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, .6); text-decoration: line-through } .product-view .dropdown-wrapper.active .selected-value { border-radius: 5px 5px 0 0; background-color: #fff; border-bottom-color: transparent } .product-view .dropdown-wrapper.active .dropdown { display: block } .product-view .add-to-cart { border: none; margin: 0; padding: 0 } .product-view .product-options-bottom { display: inline-block; vertical-align: top; background: none; padding: 0; border: none; margin: 0 } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { float: none; margin: 0px } .product-view .add-to-cart .qty-wrapper { width: 90px; display: inline-block; vertical-align: top; margin: 0 25px 0 0 } .product-view .add-to-cart .qty-wrapper label { border: 1px solid #ddd; border-bottom: none; padding: 0px; margin: 0px; text-align: center; font-size: 14px; color: #202020; font-weight: normal; text-transform: uppercase; line-height: 38px; display: none } .product-view .add-to-cart .qty-wrapper .qty { background: none; float: none; border: none; font-size: 16px; line-height: 20px; padding: 19px 5px; width: 100%; text-align: center; height: 58px; color: #000; font-family: 'avenir_lt_std65_medium' } .product-view .add-to-cart .qty-wrapper .qty-field { position: relative; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; transition: all 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: all 200ms cubic-bezier(.47, .18, .15, .95) } .product-view .add-to-cart .qty-wrapper .qty-field .disable-qty { position: relative; display: inline-block; vertical-align: top; width: 58px } .product-view .add-to-cart .qty-wrapper .qty-field .overlaydiv { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; opacity: .1; cursor: pointer } .product-view .add-to-cart .qty-wrapper .qty-field .qty-controls { display: inline-block; vertical-align: top; width: 30px; border-left: 1px solid rgba(0, 0, 0, .2) } .product-view .add-to-cart .qty-wrapper .qty-field .qty-controls span { width: 29px; height: 29px; display: block; font-size: 0; background-repeat: no-repeat; background-position: center center; cursor: pointer; opacity: .6 } .product-view .add-to-cart .qty-wrapper .qty-field .qty-controls span+span { border-top: 1px solid rgba(0, 0, 0, .2) } .product-view .add-to-cart .qty-wrapper .qty-field .qty-controls span.decrease { background-image: url(../../resources/images/theme/icons/qty-minus.svg) } .product-view .add-to-cart .qty-wrapper .qty-field .qty-controls span.increase { background-image: url(../../resources/images/theme/icons/qty-plus.svg) } .product-view .add-to-cart .qty-wrapper .qty-field .qty-controls span:hover { opacity: 1 } .product-view .add-to-cart-wrapper { width: auto; float: none; clear: none; text-align: right; padding: 0 } .product-view .add-to-cart-buttons { display: inline-block; vertical-align: top; width: 260px; float: none; margin: 0 } .product-view .product-options-bottom .price-info { display: none; position: absolute; left: 68px; top: 0; margin: 0; padding: 0; width: 135px; text-align: right; border: none } .product-view .main-detail-wrapper .product-image-wrapper { position: relative; padding: 0 466px 60px 0 } .product-view .main-detail-wrapper .product-img-box { width: 100%; position: relative; padding: 0; margin: 0; float: none } .product-view .main-detail-wrapper .product-img-box .product-image { margin: 0 } .product-view .main-detail-wrapper .product-img-box .zoom-notice { display: none } .product-view .product-img-box p.product-image #wrap { z-index: 1!important } .product-view .product-img-box p.product-image .cloud-zoom-big { border: none!important; box-shadow: 0px 0px 30px 70px rgba(255, 255, 255, 1) inset } .product-view .product-img-box p.product-image img { width: 100% } .product-essential .product-img-box .more-views { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; font-size: 0; text-align: center } .product-essential .product-img-box .more-views h2 { display: none } .product-essential .product-img-box .more-views ul { font-size: 0px } .product-essential .product-img-box .more-views ul li { margin: 0 12px; width: 90px; display: inline-block; vertical-align: top } .product-essential .product-img-box .more-views ul li a { display: block; border-radius: 5px; border: 1px solid rgba(0, 0, 0, .1); overflow: hidden } .product-essential .product-img-box .more-views ul li a img { width: 100%; height: auto } .product-view .main-detail-wrapper .product-image-wrapper .product-description { position: absolute; right: 0; top: 0; width: 466px; max-width: 100%; display: block; max-height: 100%; height: 100%; padding-top: 80px } .product-view .main-detail-wrapper .product-description h3 { font-size: 21px; line-height: 26px; color: #000; margin: 0 0 12px; font-weight: normal; font-family: 'avenir_lt_std65_medium'; text-transform: none } .product-view .main-detail-wrapper .product-description .short-description { display: block; font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, .8); text-align: center; padding: 20px 80px 20px 0 } .product-view .main-detail-wrapper .product-description .product-share { text-align: center; padding-right: 80px } .product-view .main-detail-wrapper .product-description .product-share h5 { text-transform: none; color: #000; letter-spacing: .01em } .product-view .main-detail-wrapper .product-description .product-share .share-icons { border-bottom: 1px solid rgba(0, 0, 0, .1); max-width: 240px; margin: 0 auto 14px; padding-bottom: 7px } .product-view .main-detail-wrapper .product-description .product-share .share-icons li { display: inline-block; margin: 0 5px } .product-view .main-detail-wrapper .product-description .product-share .share-icons .icon a { background-repeat: no-repeat; background-size: 100%; display: inline-block; height: 20px; width: 60px } .product-view .main-detail-wrapper .product-description .product-share .share-icons .icon a span { display: none } .product-view .main-detail-wrapper .product-description .product-share .share-icons .fb-share a { background-image: url(../../resources/images/theme/fb-share-icon.png.pagespeed.ce.bHR0uQdtee.png) } .product-view .main-detail-wrapper .product-description .product-share .share-icons .gplus-share a { background-image: url(../../resources/images/theme/gplus-share-icon.png.pagespeed.ce.Lb1kObvLdf.png); width: 68px } .product-view .main-detail-wrapper .product-description .product-share .share-icons .twitter-share a { background-image: url(../../resources/images/theme/twitter-share-icon.png.pagespeed.ce.pM_NL7qhms.png); width: 19px; background-position: 0 1px } .product-view .main-detail-wrapper .product-description .product-share .rewardssocial-buttons { display: inline-block; margin: 0 } .product-view .main-detail-wrapper .product-description .product-share .rewardssocial-buttons .buttons-facebook-like { width: 50px; margin: 0 auto } .rewardssocial-buttons .buttons-googleplus-one { display: none!important } .product-view .main-detail-wrapper .product-description .product-share .rewardssocial-buttons .mst-share-wrapper { display: none } .product-view .main-detail-wrapper .product-description .product-share .rewardssocial-buttons .mst-share-wrapper+.status-message { width: 100%; margin-top: 5px } .product-view .main-detail-wrapper .product-features-wrapper { width: 100%; padding: 0px 0 80px } .product-view .product-essential .product-features {} .product-view .product-essential .product-features h3 { font-size: 21px; line-height: 26px; color: #000; margin: 0 0 22px; font-weight: normal; font-family: 'avenir_lt_std65_medium'; text-transform: none; display: none } .product-view .product-essential .product-features .features { padding: 0 25px; text-align: center } .product-view .product-essential .product-features .features .owl-stage-outer { display: inline-block; max-width: 100% } .product-view .product-essential .product-features .features .feature { text-align: center; padding: 0 25px } .product-view .product-essential .product-features .features .feature .feature-image { margin: 0 0 15px } .product-view .product-essential .product-features .features .feature .feature-image img { display: inline-block; width: auto; height: auto } .product-view .product-essential .product-features .features .feature .feature-text { font-size: 16px; line-height: 20px; color: #000; margin: 0 0 3px } .product-view .product-essential .product-features .features .feature .feature-description { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, .8) } .product-view .product-essential .product-features .features.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; top: 0; width: 40px; height: 100%; background-image: url(../../resources/images/theme/icons/carousel-prev.svg); background-repeat: no-repeat; background-position: center center; background-size: 12px auto } .product-view .product-essential .product-features .features.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; top: 0; width: 40px; height: 100%; background-image: url(../../resources/images/theme/icons/carousel-next.svg); background-repeat: no-repeat; background-position: center center; background-size: 12px auto } .product-view .product-essential .product-features .features.owl-carousel .owl-nav .disabled { opacity: 0 } .product-view .product-essential .product-features .features .feature.Heat-sensitive-latex-polymer { background-image: url(../../resources/images/theme/icons/features/heat-sensitive-latex-polymer.svg) } .product-view .product-essential .product-features .features .feature.Zoning-grooves-for-perfect-sleep-posture, .product-view .product-essential .product-features .features .feature.Zoning-groves-for-perfect-sleep-posture, .product-view .product-essential .product-features .features .feature.Zoning-grooves-for-perfect-sleep-posture-using-cool-gel-technology, .product-view .product-essential .product-features .features .feature.Shapes-up-to-the-contours-of-your-body, .product-view .product-essential .product-features .features .feature.Gives-right-posture-to-your-body, .product-view .product-essential .product-features .features .feature.Lifts-pressure-off-the-bones-muscles-and-joints, .product-view .product-essential .product-features .features .feature.Keeps-the-spine-fully-supported { background-image: url(../../resources/images/theme/icons/features/shapes-up-to-the-contours.svg) } .product-view .product-essential .product-features .features .feature.Pressure-relief-quality { background-image: url(../../resources/images/theme/icons/features/pressure-relief-quality.svg) } .product-view .product-essential .product-features .features .feature.seven-Zone-Technology, .product-view .product-essential .product-features .features .feature.Seven-Zone-Technology, .product-view .product-essential .product-features .features .feature.Latest-7-zone-technology-HD-foam-for-back-massage { background-image: url(../../resources/images/theme/icons/features/7-zone-technology.svg) } .product-view .product-essential .product-features .features .feature.Rejuvenation-by-improved-intra-body-communication-during-sleep { background-image: url(../../resources/images/theme/icons/features/rejuvenation.svg) } .product-view .product-essential .product-features .features .feature.Reduces-the-level-of-stress-felt-during-sleep { background-image: url(../../resources/images/theme/icons/features/reduce-stress.svg) } .product-view .product-essential .product-features .features .feature.Zoning-grooves, .product-view .product-essential .product-features .features .feature.Pocket-Zoning { background-image: url(../../resources/images/theme/icons/features/zoning-grooves.svg) } .product-view .product-essential .product-features .features .feature.Flip-Cure-system-gives-dual-benefits { background-image: url(../../resources/images/theme/icons/features/intelligent-flip-cure-system.svg) } .product-view .product-essential .product-features .features .feature.Soft-side-provides-comfort, .product-view .product-essential .product-features .features .feature.Super-soft-foam { background-image: url(../../resources/images/theme/icons/features/super-soft.svg) } .product-view .product-essential .product-features .features .feature.Only-high-pressure-foam-in-Pakistan, .product-view .product-essential .product-features .features .feature.High-pressure-technology { background-image: url(../../resources/images/theme/icons/features/high-pressure-technology.svg) } .product-view .product-essential .product-features .features .feature.Gives-peaceful-sleep-all-night, .product-view .product-essential .product-features .features .feature.Ensures-comfortable-sleep, .product-view .product-essential .product-features .features .feature.Provides-peaceful-sleep-all-night { background-image: url(../../resources/images/theme/icons/features/provides-peaceful-sleep.svg) } .product-view .product-essential .product-features .features .feature.Dual-feature-mattress, .product-view .product-essential .product-features .features .feature.Dual-feature-with-both-Memory--Ortho-foam, .product-view .product-essential .product-features .features .feature.Double-sided-with-both-Memory--Ortho-foam { background-image: url(../../resources/images/theme/icons/features/memory-and-ortho.svg) } .product-view .product-essential .product-features .features .feature.Cool-gel-beads, .product-view .product-essential .product-features .features .feature.Cool-gel-technology, .product-view .product-essential .product-features .features .feature.Memory-foam-with-gel-beads, .product-view .product-essential .product-features .features .feature.Gel-beads { background-image: url(../../resources/images/theme/icons/features/cool-gel-technology.svg) } .product-view .product-essential .product-features .features .feature.Air-flow-technology { background-image: url(../../resources/images/theme/icons/features/airflow-technology.svg) } .product-view .product-essential .product-features .features .feature.HR-with-high-resilient { background-image: url(../../resources/images/theme/icons/features/high-resilience.svg) } .product-view .product-essential .product-features .features .feature.Knitted-wrinkle-free-fabric, .product-view .product-essential .product-features .features .feature.Knitted-fabric, .product-view .product-essential .product-features .features .feature.High-performance-knitted-fabric, .product-view .product-essential .product-features .features .feature.Luxurious-high-performance-knitted-fabric, .product-view .product-essential .product-features .features .feature.Luxurious-knitted-fabric { background-image: url(../../resources/images/theme/icons/features/knitted-fabric.svg) } .product-view .product-essential .product-features .features .feature.Posture-channels-to-relieve-pressure-and-provide-support-to-lumbar-region, .product-view .product-essential .product-features .features .feature.Peaks-distribute-body-weight-evenly { background-image: url(../../resources/images/theme/icons/features/peaks-distribute.svg) } .product-view .product-essential .product-features .features .feature.Dual-layer-of-memory-foam { background-image: url(../../resources/images/theme/icons/features/dual-layer-memory.svg) } .product-view .product-essential .product-features .features .feature.Celeste-Pocket-Spring, .product-view .product-essential .product-features .features .feature.Celeste-Pocket-Springs, .product-view .product-essential .product-features .features .feature.Layer-of-pocket-springs { background-image: url(../../resources/images/theme/icons/features/pocket-spring.svg) } .product-view .product-essential .product-features .features .feature.Single-layer-of-memory-foam { background-image: url(../../resources/images/theme/icons/features/single-layer-memory.svg) } .product-view .product-essential .product-features .features .feature.Cross-airflow-harmonizing-temperature-control { background-image: url(../../resources/images/theme/icons/features/cross-airflow-temp.svg) } .product-view .product-essential .product-features .features .feature.Over-a-thousand-pocketed-coil-springs { background-image: url(../../resources/images/theme/icons/features/thousand-pocket-springs.svg) } .product-view .product-essential .product-features .features .feature.specialized-foam-coating, .product-view .product-essential .product-features .features .feature.Specialized-foam-coating { background-image: url(../../resources/images/theme/icons/features/specialized-foam.svg) } .product-view .product-essential .product-features .features .feature.Quality-bonnell-springs, .product-view .product-essential .product-features .features .feature.Bonnell-Coil { background-image: url(../../resources/images/theme/icons/features/bonnel-spring.svg) } .product-view .product-essential .product-features .features .feature.Dual-Sided { background-image: url(../../resources/images/theme/icons/features/dual-side.svg) } .product-view .product-essential .product-features .features .feature.Firm-Support { background-image: url(../../resources/images/theme/icons/features/firm-support.svg) } .product-view .product-essential .product-features .features .feature.spring { background-image: url(../../resources/images/theme/feature-icons/spring-icon.png.pagespeed.ce.VEKH510OwL.png) } .product-view .product-essential .product-features .features .feature.temperature { background-image: url(../../resources/images/theme/feature-icons/temperature-icon.png.pagespeed.ce.CESJIy7W2W.png) } .product-view .product-essential .product-features .features .feature.fabric { background-image: url(../../resources/images/theme/feature-icons/fabric-icon.png.pagespeed.ce.le1GbbLo3K.png) } .product-view .product-essential .product-features .features .feature.Dual-layer-pocket-spring { background-image: url(../../resources/images/theme/feature-icons/Dual-layer-pocket-spring.png.pagespeed.ce.j7elGL2zA0.png) } .product-view .product-essential .product-features .features .feature.Celeste-pocket-springs { background-image: url(../../resources/images/theme/feature-icons/Celeste-pocket-springs.png.pagespeed.ce.PrneK7fyQ9.png) } .product-view .product-essential .product-features .features .feature.Soft-and-luxurious { background-image: url(../../resources/images/theme/feature-icons/Soft-and-luxurious.png.pagespeed.ce.EcxKHBppda.png) } .product-view .product-essential .product-features .features .feature.over-a-thousand-pocketed-coil-springs { background-image: url(../../resources/images/theme/feature-icons/over-a-thousand-pocketed-coil-springs.png.pagespeed.ce.FhvchA_1Y0.png) } .product-view .product-essential .product-features .features .feature.Pressure-relieving-zones-for-comfort-and-support { background-image: url(../../resources/images/theme/feature-icons/Pressure-relieving-zones-for-comfort-and-support.png.pagespeed.ce.m3WtTTZSVX.png) } .product-view .product-essential .product-features .features .feature.Luxurious-woven-jacquard-fabric { background-image: url(../../resources/images/theme/feature-icons/Luxurious-woven-jacquard-fabric.png.pagespeed.ce.RAk7nX4cQt.png) } .product-view .product-essential .product-features .features .feature.Thermobonded-polyester-wadding, .product-view .product-essential .product-features .features .feature.Thermobonded-polyester-wadding-100-gsm { background-image: url(../../resources/images/theme/feature-icons/poly-wadding.png.pagespeed.ce.3YTE4rNsjW.png) } .product-view .product-essential .product-features .features .feature.Quilted-with-pc-76-66-fabric { background-image: url(../../resources/images/theme/feature-icons/76fabric.png.pagespeed.ce.G59GmYeJU6.png) } .product-view .product-essential .product-features .features .feature.Zipper-packed { background-image: url(../../resources/images/theme/feature-icons/zipper-packed.png.pagespeed.ce.p3JXidEttL.png) } .product-view .product-essential .product-features .features .feature.Polyethylene-packed { background-image: url(../../resources/images/theme/feature-icons/polyethylene-packed.png.pagespeed.ce.X0Z_PGPu4b.png) } .product-view .product-essential .product-features .features .feature.Plush-velvet-Jai-Namaz { background-image: url(../../resources/images/theme/feature-icons/plush-velvet.png.pagespeed.ce._XPpNJUBOH.png) } .product-view .product-essential .product-features .features .feature.Quilted-with-High-density-rebonded-foam { background-image: url(../../resources/images/theme/feature-icons/quilted-high-density-rebonded-foam.png.pagespeed.ce.pybRmxdzDn.png) } .product-view .product-essential .product-features .features .feature.Guard-against-stains--dirt { background-image: url(../../resources/images/theme/feature-icons/dust-guard.png.pagespeed.ce.TV8hF1T0Bu.png) } .product-view .product-essential .product-features .features .feature.Offers-more-comfort-with-its-quilted-surface { background-image: url(../../resources/images/theme/feature-icons/quilted.png.pagespeed.ce.PMleArMHJ4.png) } .product-view .product-essential .product-features .features .feature.Gives-your-old-mattress-a-new-look { background-image: url(../../resources/images/theme/feature-icons/new-look.png.pagespeed.ce.jsYqr1spNC.png) } .product-view .product-essential .product-features .features .feature.One-side-is-layered-with-Cool-Gel-Technology { background-image: url(../../resources/images/theme/feature-icons/coolgelpillow-coolgel.png.pagespeed.ce.Fnfd1UPjS3.png) } .product-view .product-essential .product-features .features .feature.Other-is-layered-with-Memory-Foam { background-image: url(../../resources/images/theme/feature-icons/coolgelpillow-memorylayer.png.pagespeed.ce.GGVxFRSyT-.png) } .product-view .product-essential .product-features .features .feature.Provides-comfort-sleep-during-both-winters-and-summers { background-image: url(../../resources/images/theme/feature-icons/coolgelpillow-summer-winter.png.pagespeed.ce.LWB7CQYZt3.png) } .product-view .product-essential .product-features .features .feature.Prevents-spinal-pain { background-image: url(../../resources/images/theme/feature-icons/ortho-pillow-prevent-spinal-pain.png.pagespeed.ce.GQ6XNg3atT.png) } .product-view .product-essential .product-features .features .feature.Provides-optimal-breathing { background-image: url(../../resources/images/theme/feature-icons/ortho-pillow-breathing.png.pagespeed.ce.p7wyLzkmLx.png) } .product-view .product-essential .product-features .features .feature.Layered-with-Memory-Foam { background-image: url(../../resources/images/theme/feature-icons/ortho-pillow-layered-with-memory-foam.png.pagespeed.ce.GGVxFRSyT-.png) } .product-view .product-essential .product-features .features .feature.Provides-correct-sleeping-posture { background-image: url(../../resources/images/theme/feature-icons/neck-pillow-correct-sleeping-posture.png.pagespeed.ce.CFf2ngFF9x.png) } .product-view .product-essential .product-features .features .feature.Ideal-for-side-sleeping { background-image: url(../../resources/images/theme/feature-icons/neck-pillow-side-sleeping.png.pagespeed.ce.QuyUQRq6yW.png) } .product-view .product-essential .product-features .features .feature.Layered-with-Memory-Foam { background-image: url(../../resources/images/theme/feature-icons/ortho-pillow-layered-with-memory-foam.png.pagespeed.ce.GGVxFRSyT-.png) } .product-view .product-essential .product-features .features .feature.Comforts-during-long-flights-or-road-trips { background-image: url(../../resources/images/theme/feature-icons/travel-pillow-long-flight.png.pagespeed.ce.AlulehJm_3.png) } .product-view .product-essential .product-features .features .feature.Prevents-neck-and-backache { background-image: url(../../resources/images/theme/feature-icons/travel-pillow-back-pain.png.pagespeed.ce.GQ6XNg3atT.png) } .product-view .product-essential .product-features .features .feature.Layered-with-Memory-Foam { background-image: url(../../resources/images/theme/feature-icons/ortho-pillow-layered-with-memory-foam.png.pagespeed.ce.GGVxFRSyT-.png) } .product-view .product-essential .product-features .features .feature.Gives-correct-sitting-posture { background-image: url(../../resources/images/theme/feature-icons/backcare-correct-posture.png.pagespeed.ce.qUsigG-LbC.png) } .product-view .product-essential .product-features .features .feature.Enhances-blood-circulation { background-image: url(../../resources/images/theme/feature-icons/backcare-blood-circulation.png.pagespeed.ce.XBaKQfOu7g.png) } .product-view .product-essential .product-features .features .feature.Prevents-backache { background-image: url(../../resources/images/theme/feature-icons/backcare-prevent-back-ache.png.pagespeed.ce.GQ6XNg3atT.png) } .product-view .product-essential .product-features .features .feature.Massages-the-body { background-image: url(../../resources/images/theme/feature-icons/contour-pillow-massages-body.png.pagespeed.ce.Ad0NaHfsiZ.png) } .product-view .product-essential .product-features .features .feature.Provides-healthy-comfort { background-image: url(../../resources/images/theme/feature-icons/contour-pillow-healthy-comfort.png.pagespeed.ce.OzdjUkMveM.png) } .product-view .product-essential .product-features .features .feature.Finest-Polyester { background-image: url(../../resources/images/theme/feature-icons/molty-gold-pillow-finest-polyester.png.pagespeed.ce.R-zAP0zhF5.png) } .product-view .product-essential .product-features .features .feature.Provides-Firm-Support { background-image: url(../../resources/images/theme/feature-icons/molty-gold-pillow-firm-support.png.pagespeed.ce.9Xz8AEyn5V.png) } .product-view .product-essential .product-features .features .feature.Will-not-flatten-for-years { background-image: url(../../resources/images/theme/feature-icons/molty-gold-pillow-will-not-flatten-for-years.png.pagespeed.ce.zWAMz7MQSn.png) } .product-view .product-essential .product-features .features .feature.Soft-Support-for-Stomach { background-image: url(../../resources/images/theme/feature-icons/celeste-pillow-soft-support-for-stomach.png.pagespeed.ce.26qK0T9dt2.png) } .product-view .product-essential .product-features .features .feature.Ideal-for-side-sleepers { background-image: url(../../resources/images/theme/feature-icons/celeste-pillow-side-sleeping.png.pagespeed.ce.Jvlvtn3iow.png) } .product-view .product-essential .product-features .features .feature.Provides-Luxurious-Rest { background-image: url(../../resources/images/theme/feature-icons/celeste-pillow-luxurious-rest.png.pagespeed.ce._WCabuWUzQ.png) } .product-view .product-essential .product-features .features .feature.Filled-with-Ball-Fiber { background-image: url(../../resources/images/theme/feature-icons/molty-platinum-pillow-ball-fiber.png.pagespeed.ce.S1QwZnQjwE.png) } .product-view .product-essential .product-features .features .feature.Relaxes-body { background-image: url(../../resources/images/theme/feature-icons/contour-pillow-healthy-comfort.png.pagespeed.ce.OzdjUkMveM.png) } .product-view .product-essential .product-features .features .feature.Ideal-for-comfortable-sleep { background-image: url(../../resources/images/theme/feature-icons/celeste-pillow-luxurious-rest.png.pagespeed.ce._WCabuWUzQ.png) } .product-view .product-essential .product-features .features .feature.Relieves-from-stress { background-image: url(../../resources/images/theme/feature-icons/contour-pillow-healthy-comfort.png.pagespeed.ce.OzdjUkMveM.png) } .product-view .product-essential .product-features .features .feature.Extra-soft-and-comfortable { background-image: url(../../resources/images/theme/feature-icons/celeste-pillow-soft-support-for-stomach.png.pagespeed.ce.26qK0T9dt2.png) } .product-view .product-essential .product-features .features .feature.Made-with-the-finest-foam { background-image: url(../../resources/images/theme/feature-icons/relaxor-cushion-finest-foam.png.pagespeed.ce.QYFXBN40w8.png) } .product-view .product-essential .product-features .features .feature.The-arms-give-an-ultimate-support { background-image: url(../../resources/images/theme/feature-icons/relaxor-cushion-ultimate-support.png.pagespeed.ce.K5fYW2xFhO.png) } .product-view .product-essential .product-features .features .feature.Soft-yet-firm { background-image: url(../../resources/images/theme/feature-icons/relaxor-cushion-soft-yet-firm.png.pagespeed.ce.t3Mce42bNa.png) } .product-view .product-essential .product-features .features .feature.Provides-extra-comfort-to-the-user { background-image: url(../../resources/images/theme/feature-icons/mattress-pad-comfort.png.pagespeed.ce.9NgDn9X37S.png) } .product-view .product-essential .product-features .features .feature.Perfect-protection-for-the-mattress { background-image: url(../../resources/images/theme/feature-icons/mattress-pad-protection.png.pagespeed.ce.0_SmCPgR7-.png) } .product-view .product-essential .product-features .features .feature.Molds-to-the-body-curves { background-image: url(../../resources/images/theme/feature-icons/mattress-pad-molds-to-body.png.pagespeed.ce._9xeTUJ9yP.png) } .product-view .product-essential .product-features .features .feature.Practicability { background-image: url(../../resources/images/theme/feature-icons/practicability.png.pagespeed.ce.6qUpCIx1bj.png) } .product-view .product-essential .product-features .features .feature.Soft-and-comforting { background-image: url(../../resources/images/theme/feature-icons/soft-and-comforting.png.pagespeed.ce.Goc8VF6SVj.png) } .product-view .product-essential .product-features .features .feature.Contemporary-décor { background-image: url(../../resources/images/theme/feature-icons/Contemporary-decor.png.pagespeed.ce.XhhUsczfu0.png) } .product-view .product-essential .product-features .features .feature.Adjustable-postures { background-image: url(../../resources/images/theme/feature-icons/adjustable-postures.png.pagespeed.ce.5XX7gpsvL2.png) } .product-view .mattress-information-img { border-bottom: 1px solid rgba(0, 0, 0, .1) } .product-view .mattress-information-img img { /*max-width: 100%*/ width: 100% } .product-view .mattress-information-img.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; top: 0; width: 60px; height: 100%; background-image: url(../../resources/images/theme/icons/carousel-prev.svg); background-repeat: no-repeat; background-position: center center } .product-view .mattress-information-img.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; top: 0; width: 60px; height: 100%; background-image: url(../../resources/images/theme/icons/carousel-next.svg); background-repeat: no-repeat; background-position: center center } .product-view .mattress-information-img.owl-carousel .owl-nav .disabled { opacity: 0 } .product-view .master-promises-wrapper { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .1) } .master-promise { padding: 34px 20px 40px; text-align: center } .master-promise .block-title { border: none; margin: 0 0 6px; padding: 0px } .master-promise .block-title h3 { font-family: 'avenir_lt_std65_medium'; font-size: 32px; line-height: 40px; color: #000; font-weight: normal; display: block; text-transform: none } .master-promise .block-content { margin: 0 } .master-promise .block-content p { color: rgba(0, 0, 0, .8); font-size: 18px; line-height: 20px } .product-view .master-promises-wrapper .promises-wrapper { border-top: 1px solid rgba(0, 0, 0, .1); font-size: 0 } .product-view .master-promises-wrapper .promises-wrapper .promise { display: inline-block; vertical-align: top; width: 33.33%; text-align: center; padding: 59px 0 60px } .product-view .master-promises-wrapper .promises-wrapper .promise p { font-size: 18px; line-height: 30px; color: rgba(0, 0, 0, .8); padding: 50px 0 0px; background-repeat: no-repeat; background-position: center top } .product-view .master-promises-wrapper .promises-wrapper .promise.try p { background-image: url(../../resources/images/theme/icons/promise-icon-try.svg) } .product-view .master-promises-wrapper .promises-wrapper .promise.delivery p { background-image: url(../../resources/images/theme/icons/promise-icon-delivery.svg) } .product-view .master-promises-wrapper .promises-wrapper .promise.support p { background-image: url(../../resources/images/theme/icons/promise-icon-support.svg) } .product-view .product-information { width: 80%; margin: 0 auto; padding: 39px 0 96px } .product-view .block-related { width: 100%; float: none; clear: none; padding: 18px 0 0; margin: 0 } .product-view .block-related .block-title { text-align: center; margin: 0 0 62px } .product-view .block-related .block-title h4 { font-size: 24px; line-height: 30px; color: #000; margin: 0; font-family: 'avenir_lt_std65_medium'; text-transform: none; font-weight: normal } .product-view .block-related .block-content { margin: 0 } .product-view .block-related .category-products ul.products-grid li.item { margin-bottom: 0 } .product-videos-wrapper { padding: 0 0 39px } .product-videos-wrapper br { display: none } .product-videos-wrapper .video-wrapper { padding: 40px 0; position: relative; font-size: 0 } .product-videos-wrapper .video-wrapper .video-container { width: 756px; margin: 0 auto; max-width: 100% } .product-videos-wrapper .video-wrapper .video-container .video { border-radius: 5px; overflow: hidden; position: relative; box-shadow: 0 0 2px rgba(0, 0, 0, .2) } .product-videos-wrapper .video-wrapper .video-container .video .playpause { position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; background-image: url(../../resources/images/theme/imgs/playbtn.png.pagespeed.ce.V63zPfWrax.png); background-repeat: no-repeat; background-position: center center; background-size: 70px auto } .product-videos-wrapper .video-wrapper .video-container .video .playpause.pause { background-image: url(../../resources/images/theme/imgs/pausebtn.png.pagespeed.ce.1zfDSnXen5.png); opacity: 0 } .product-videos-wrapper .video-wrapper .video-container .video .playpause.pause:hover { opacity: 1 } .product-videos-wrapper .video-wrapper .video-content-container .video-content { display: block; vertical-align: middle } .product-videos-wrapper .video-wrapper .video-content-container h3 { font-size: 24px; line-height: 30px; color: #000; margin: 0 0 62px; text-align: center; font-family: 'avenir_lt_std65_medium'; text-transform: none; font-weight: normal } .product-videos-wrapper .video-wrapper .video-content-container p { font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, .8) } .product-view .product-faqs-wrapper { width: 80%; margin: 0 auto } .product-faqs-wrapper { padding: 105px 0 0 } .product-faqs-wrapper h3 { font-size: 24px; line-height: 30px; color: #000; margin: 0 0 60px; font-family: 'avenir_lt_std65_medium'; text-transform: none; font-weight: normal; text-align: center } .product-faqs-wrapper #faqAccordion .accordion-item {} .product-faqs-wrapper #faqAccordion .accordion-item+.accordion-item { margin: 20px 0 0 } .product-faqs-wrapper #faqAccordion .accordion-item>h4 { font-size: 18px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium'; margin: 0 0 20px; padding: 0; font-weight: normal; padding: 0 0 0 35px; text-transform: none; position: relative; cursor: pointer } .product-faqs-wrapper #faqAccordion .accordion-item>h4::before { content: ""; position: absolute; left: 0; top: 50%; width: 17px; height: 1px; background-color: #ed1c24; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .product-faqs-wrapper #faqAccordion .accordion-item>h4::after { content: ""; position: absolute; left: 8px; top: 50%; width: 1px; height: 17px; background-color: #ed1c24; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: all 200ms cubic-bezier(.47, .18, .15, .95) } .product-faqs-wrapper #faqAccordion .accordion-item.active>h4::after { height: 0 } .product-faqs-wrapper #faqAccordion .accordion-item .item-content { padding: 0 0 0 35px; display: none } .product-faqs-wrapper #faqAccordion .accordion-item.active .item-content {} .product-faqs-wrapper #faqAccordion .accordion-item.active .item-content li { list-style: disc outside } .product-faqs-wrapper #faqAccordion .accordion-item.active .item-content h4 { font-size: 16px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium'; margin: 0; font-weight: normal; text-transform: none } .product-faqs-wrapper #faqAccordion .accordion-item .item-content p { font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8); padding: 0 0 20px; margin: 0 } .product-view.accessories {} .product-view.accessories .main-detail-wrapper .product-features-wrapper, .product-view.bundles .main-detail-wrapper .product-features-wrapper { display: none } .product-view.accessories .main-detail-wrapper .product-img-box, .product-view.accessories .main-detail-wrapper .product-description, .product-view.bundles .main-detail-wrapper .product-img-box, .product-view.bundles .main-detail-wrapper .product-description { float: none; margin: 0 auto } .catalog-product-view.product-bravo-plus .product-videos-wrapper, .catalog-product-view.product-bravo-standard .product-videos-wrapper, .catalog-product-view.product-molty-therapy-molty-therapy .product-videos-wrapper { display: none } @media only screen and (min-width:767px) { .product-view .main-detail-wrapper .product-detail-container { position: relative; z-index: 2 } .product-view .dropdown-wrapper:hover .selected-value { background-color: #fff } .product-view .add-to-cart .qty-wrapper:hover .qty-field { background-color: #fff } } @media only screen and (min-width:768px) and (max-width:1024px) { .product-view .main-detail-wrapper .product-detail-container .product-name .h1 { font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; width: 100% } .product-view .main-detail-wrapper .product-description .short-description { padding: 20px 60px 20px 0; font-size: 14px } .product-view .main-detail-wrapper .product-image-wrapper { padding: 0 370px 60px 0 } .product-view .main-detail-wrapper .product-img-box {} .product-view .main-detail-wrapper .product-image-wrapper .product-description { width: 370px; padding-top: 50px } } @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .product-view .main-detail-wrapper .product-detail-container .details-container { display: block; width: 100%; text-align: center; padding: 4px 0 34px } .product-view .main-detail-wrapper .product-detail-container .ordernow-wrapper { display: block; width: 100% } .product-view .product-options, .product-view .price-info { width: calc(100% - 400px) } .product-view .main-detail-wrapper .product-image-wrapper { padding: 0 } .product-view .main-detail-wrapper .product-image-wrapper .product-description { width: 100%; position: static; display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; padding-top: 0; height: auto } .product-view .main-detail-wrapper .product-img-box { float: none; width: 100% } .product-view .main-detail-wrapper .product-features-wrapper { float: none; width: 100% } .product-view .product-essential .product-features { width: 100%; margin: 0 auto } .product-view .main-detail-wrapper .product-description .short-description { padding: 63px 90px 60px; display: block } .product-view .main-detail-wrapper .product-description { float: none; width: 100% } .product-view .block-related .category-products ul.products-grid li.item+li.item+li.item { display: none } .product-view.accessories .main-detail-wrapper .product-description .short-description, .product-view.bundles .main-detail-wrapper .product-description .short-description { padding: 48px 90px 63px } } @media only screen and (max-width:767px) { .catalog-product-view .breadcrumbs { display: block; padding-bottom: 5px } .product-view .main-detail-wrapper { position: relative; padding: 0 0 210px } .product-view .main-detail-wrapper .product-detail-container { padding: 0 20px 23px; text-align: center } .product-view .main-detail-wrapper .product-detail-container .details-container { width: 100% } .product-view .main-detail-wrapper .product-detail-container .ordernow-wrapper { position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 19px 20px 23px; background-color: #f8f8f8; border-top: 1px solid rgba(0, 0, 0, .1); z-index: 2 } .product-view .product-options, .product-view .add-to-cart .price-info { width: 100%; margin: 0 0 15px; float: none } .product-view .product-options .validation-advice { position: static; width: 100%; text-align: center } .product-view .product-options-bottom { display: block; position: relative } .product-view .product-options-bottom .price-info { width: 135px; left: 0; margin: 0 } .product-view .add-to-cart .qty-wrapper { margin: 0 15px 0 0 } .product-view .add-to-cart-buttons { display: inline-block; vertical-align: top; width: calc(100% - 105px); margin: 0 } .product-view .main-detail-wrapper .product-detail-container .ordernow-wrapper .producttext { position: static; width: 100% } .product-view .main-detail-wrapper .product-image-wrapper { padding: 0 } .product-view .main-detail-wrapper .product-img-box { padding: 0; float: none; width: 100% } .product-view .product-img-box p.product-image .cloud-zoom-big { box-shadow: 0 0 0 rgba(255, 255, 255, 1) } .product-view .product-img-box p.product-image .mousetrap { display: none!important } .product-essential .product-img-box .more-views { position: static; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; padding: 0 10px } .product-essential .product-img-box .more-views ul li { max-width: 75px; width: calc(33.33% - 20px); margin: 0 10px } .product-view .main-detail-wrapper .product-image-wrapper .product-description { position: static; display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; padding-top: 0; height: auto } .product-view .main-detail-wrapper .product-features-wrapper { width: 100%; padding: 40px 0 13px; float: right } .product-view .main-detail-wrapper .product-features-wrapper h3 { display: block; text-align: center } .product-view .product-essential .product-features .features { padding: 0 20px } .product-view .product-essential .product-features .features .feature { padding: 0 20px } .product-view .main-detail-wrapper .product-description { float: none; width: 100% } .product-view .main-detail-wrapper .product-description .short-description { padding: 48px 20px 53px; font-size: 14px } .product-view .main-detail-wrapper .product-description h3 { margin: 0 0 22px } .master-promise { padding: 34px 20px 30px } .master-promise .block-title h3 { font-size: 24px; line-height: 30px } .master-promise .block-content p { font-size: 13px } .product-view .master-promises-wrapper .promises-wrapper .promise { padding: 21px 15px 32px } .product-view .master-promises-wrapper .promises-wrapper .promise p { font-size: 10px; line-height: 15px } .product-view .product-information { width: 100%; padding: 28px 20px 51px } .product-videos-wrapper { padding: 0 0 28px } .product-videos-wrapper .video-wrapper { padding: 16px 0 20px } .product-videos-wrapper .video-wrapper .video-content-container { position: static; width: 100%; display: block; text-align: center; margin: 0 0 27px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none } .product-videos-wrapper .video-wrapper .video-content-container h3 { margin: 0 0 23px } .product-videos-wrapper .video-wrapper.right-video .video-content-container, .product-videos-wrapper .video-wrapper.left-video .video-content-container { padding: 0 } .product-videos-wrapper .video-wrapper.right-video .video-container, .product-videos-wrapper .video-wrapper.left-video .video-container { padding: 0; width: 100% } .product-view .block-related { padding: 0 } .product-view .block-related .block-title { margin: 0 0 23px } .product-view .block-related .block-title h4 { font-size: 21px } .product-view .block-related .category-products ul.products-grid li.item { width: calc(50% - 10px); margin: 0 20px 0 0 } .product-view .block-related .category-products ul.products-grid li.item+li.item { margin: 0 } .product-view .block-related .category-products ul.products-grid li.item+li.item+li.item { display: none } .product-view .block-related .category-products ul.products-grid li.item .product-info { padding: 18px 10px 48px } .product-view .block-related .category-products ul.products-grid li.item .product-name { font-size: 12px; line-height: 16px; margin: 0 0 2px } .product-view .block-related .category-products ul.products-grid li.item .product-info .category-name { font-size: 9px; line-height: 12px; margin: 0 } .category-products ul.products-grid li.item .product-info .product-price { height: 56px } .category-products ul.products-grid li.item .product-info .price-box .price { font-size: 14px; line-height: 16px; display: block } .category-products ul.products-grid li.item .product-info .price-box .old-price .price { font-size: 10px } .product-view .block-related .category-products ul.products-grid li.item .product-features { display: none } .product-view .product-faqs-wrapper { width: 100%; padding: 47px 0 0 } .product-faqs-wrapper h3 { font-size: 21px; margin: 0 0 28px } .product-faqs-wrapper #faqAccordion .accordion-item+.accordion-item { margin: 32px 0 0 } .product-faqs-wrapper #faqAccordion .accordion-item>h4 { font-size: 16px; line-height: 20px; margin: 0 0 10px } .product-faqs-wrapper #faqAccordion .accordion-item .item-content p { font-size: 14px; line-height: 20px; padding: 0 } .product-view .main-detail-wrapper .product-description .product-share { padding-right: inherit } } .header-minicart .block-cart .minicart-message { padding: 5px 0 0; display: none!important } .header-minicart .block-cart { background: none; box-shadow: 0 0 0 #fff; height: 100%; display: block!important; margin: 0!important; position: fixed; right: 0; top: 0; border: none; padding: 0; width: 0; overflow: hidden; min-width: 0; transition: width 0s ease-in-out .5s; -webkit-transition: width 0s ease-in-out .5s; -moz-transition: width 0s ease-in-out .5s; -o-transition: width 0s ease-in-out .5s; text-align: left; z-index: 9 } .header-minicart .block-cart.skip-active { display: block; width: 100%; transition: width 0s ease-in-out; -webkit-transition: width 0s ease-in-out; -moz-transition: width 0s ease-in-out; -o-transition: width 0s ease-in-out } .header-minicart .block-cart .cart-overlay { background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; font-size: 0; line-height: normal; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out } .header-minicart .block-cart.skip-active .cart-overlay { opacity: .8 } .header-minicart .block-cart .minicart-wrapper { background: #fff; position: absolute; right: -33.33%; top: 0; width: 33.33%; height: 100%; overflow: hidden; transition: all .5s cubic-bezier(.47, .18, .15, .95); -webkit-transition: all .5s cubic-bezier(.47, .18, .15, .95); -moz-transition: all .5s cubic-bezier(.47, .18, .15, .95); -o-transition: all .5s cubic-bezier(.47, .18, .15, .95) } .header-minicart .block-cart.skip-active .minicart-wrapper { right: 0 } .minicart-wrapper .emptycart-wrapper { position: relative; height: calc(100% - 106px); text-align: center } .minicart-wrapper .emptycart-wrapper .empty-cart { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; font-size: 0; padding: 0 30px } .minicart-wrapper .emptycart-wrapper .empty-cart .emptycart-icon { background-image: url(../../resources/images/theme/icons/emptycart-icon.svg); background-repeat: no-repeat; background-position: center center; height: 127px; width: 100%; display: block; padding: 0 } .minicart-wrapper .emptycart-wrapper .empty-cart span { font-size: 16px; line-height: 30px; color: rgba(0, 0, 0, .8); display: block; padding: 16px 0 0 } .minicart-wrapper .cart-header-wrapper { padding: 0 30px; position: relative } .minicart-wrapper .cart-header-wrapper .close { background-image: url(../../resources/images/theme/icons/close-icon.svg); background-repeat: no-repeat; background-position: center center; height: 60px; width: 60px; position: absolute; right: 7px; top: 14px; font-size: 0 } .minicart-wrapper .cart-header-wrapper .cart-header { border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 31px 37px 11px 0 } .minicart-wrapper .cart-header-wrapper .cart-header h1 { font-size: 21px; line-height: 24px; color: #000; text-transform: none; font-weight: normal; margin: 0 0 7px } .minicart-wrapper .cart-header-wrapper .cart-header h4 { font-size: 14px; line-height: 16px; color: #000; text-transform: none; font-weight: normal; margin: 0; min-height: 32px } .minicart-wrapper .cart-header-wrapper .cart-header h4 a { color: #ed1c24 } .minicart-wrapper .cart-subtotal-wrapper { padding: 0 30px 30px; border-top: 1px solid rgba(0, 0, 0, .1) } .minicart-wrapper .cart-subtotal-wrapper .subtotal { font-size: 0; line-height: normal; background: none; text-align: left; padding: 29px 0 26px } .minicart-wrapper .cart-subtotal-wrapper .subtotal span { font-size: 18px; line-height: 20px; color: #000; display: inline-block; vertical-align: top; text-transform: none } .minicart-wrapper .cart-subtotal-wrapper .subtotal span.label { width: 50px } .minicart-wrapper .cart-subtotal-wrapper .subtotal span.price { font-family: 'avenir_lt_std85_heavy'; text-align: right; width: calc(100% - 50px) } .minicart-wrapper .cart-subtotal-wrapper .minicart-actions { padding: 0 } .minicart-wrapper .cart-items { height: calc(100% - 273px)!important; overflow-x: hidden; overflow-y: auto } .header-minicart .mini-products-list { padding: 14px 0; margin: 0 } .header-minicart .mini-products-list li.item { padding: 10px 30px; margin: 0; border: none } .header-minicart .block-cart .product-image { width: 90px; height: 90px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; margin: 0px!important; text-align: center; display: inline-block; vertical-align: top; overflow: hidden; float: none } .header-minicart .block-cart .product-image img { width: 100%; height: auto } .header-minicart .block-cart ul li .product-details { display: inline-block; vertical-align: top; width: calc(100% - 90px); margin: 0; position: relative; padding: 6px 0 0 15px } .header-minicart .block-cart ul li .product-details .product-name { font-size: 16px; line-height: 20px; color: #000; margin: 0; padding: 0; font-weight: normal } .header-minicart .block-cart ul li .product-details .product-name a { color: #000 } .header-minicart .block-cart ul li .product-details .category-name { display: block; font-size: 9px; line-height: 14px; color: rgba(0, 0, 0, .5); text-transform: uppercase; font-family: 'avenir_lt_std85_heavy'; margin: 0 0 2px } .header-minicart .block-cart ul li .product-details .selected-attribute { display: block; font-size: 14px; line-height: 20px; color: #000; margin: 0 0 5px } .header-minicart .block-cart ul li .product-details .cart-item-details {} .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper { display: inline-block; vertical-align: top; width: 80px } .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper {} .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper .cartUpdateQty { display: inline-block; vertical-align: top; width: 20px } .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper .cartUpdateQty span { display: block; height: 20px; width: 20px; border: 1px solid rgba(0, 0, 0, .1); background-repeat: no-repeat; background-position: center center; background-size: 7px auto; border-radius: 4px; cursor: pointer } .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper .cartUpdateQty span.decreaseCartQty { background-image: url(../../resources/images/theme/icons/qty-minus-small.svg) } .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper .cartUpdateQty span.increaseCartQty { background-image: url(../../resources/images/theme/icons/qty-plus-small.svg) } .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper .disable-qty { display: inline-block; vertical-align: top; width: 40px } .header-minicart .block-cart ul li .product-details .cart-item-details .qty-wrapper .disable-qty input.qty { border: none; background: none; width: 100%; font-size: 14px; line-height: 20px; color: #000; height: 20px; font-family: 'avenir_lt_std55_roman'; text-align: center } .header-minicart .block-cart ul li .product-details .cart-item-details .cart_price { display: inline-block; vertical-align: top; text-align: right; width: calc(100% - 80px); position: relative } .header-minicart .block-cart ul li .product-details .cart-item-details .cart_price .old-price { position: absolute; right: 0; top: -12px } .header-minicart .block-cart ul li .product-details .cart-item-details .cart_price .old-price .price { font-size: 11px; line-height: 12px; color: rgba(0, 0, 0, .6); display: block; text-decoration: line-through } .header-minicart .block-cart ul li .product-details .cart-item-details .cart_price .price { font-size: 14px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium' } .header-minicart .block-cart ul li .qty-wrapper {} .header-minicart .block-cart ul li .qty-wrapper input {} .header-minicart .block-cart ul li .qty-wrapper .quantity-button { display: none } .header-minicart .block-cart ul li .btn-edit { display: none!important } .header-minicart .block-cart ul li .remove { background: url(../../resources/images/theme/icons/cart-remove.svg) no-repeat right center; height: 20px; width: 20px; position: absolute; right: 0; top: 0px; font-size: 0; line-height: normal } @media only screen and (max-width:767px) { .header-minicart .block-cart .minicart-wrapper { right: -100%; width: 100% } .header-minicart .block-cart.skip-active .minicart-wrapper { right: 0 } } @media all and (min-width:768px) and (max-width:1024px) { .header-minicart .block-cart .minicart-wrapper { right: -50%; width: 50% } .header-minicart .block-cart.skip-active .minicart-wrapper { right: 0 } } @media only screen and (max-width:359px) { .header-minicart .block-cart ul li .product-details .cart-item-details .cart_price { display: block; width: 100%; padding: 5px 0 0 } } .form-title { padding: 16px 0 39px; text-align: left } .form-title h2 { font-size: 24px; line-height: 30px; color: #000; text-transform: none; font-weight: normal; margin: 0 0 4px } .form-title h4 { font-size: 10px; line-height: 20px; color: rgba(0, 0, 0, .6); font-family: 'avenir_lt_std85_heavy'; text-transform: uppercase; font-weight: normal; margin: 0 } .form-title h4 strong { font-weight: normal; color: #000 } .fieldset-wrapper {} .fieldset-wrapper .form-list { margin: 0 } .fieldset-wrapper .form-list li { margin: 0 0 18px; position: relative; width: 100%; list-style: none } .fieldset-wrapper .form-list li:first-child {} .fieldset-wrapper .form-list li label { font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8); font-weight: 300; margin: 0; position: absolute; left: 0; top: 0; display: inline-block; padding: 20px 0 0 21px; z-index: 1; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; cursor: text; float: none } .fieldset-wrapper .form-list li .input-box { padding: 0; width: 100%; max-width: 100% } .fieldset-wrapper .form-list li .input-box .input-text { box-shadow: 0 0 0 #fff!important; outline: none!important; background-color: transparent; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; font-size: 16px; line-height: 20px; color: #000; height: 60px; padding: 15px 20px 0; margin: 0; width: 100%; max-width: none } .fieldset-wrapper .form-list li .input-box .input-text::-webkit-input-placeholder { opacity: 0 } .fieldset-wrapper .form-list li .input-box .input-text:-moz-placeholder { opacity: 0 } .fieldset-wrapper .form-list li .input-box .input-text::-moz-placeholder { opacity: 0 } .fieldset-wrapper .form-list li .input-box .input-text:-ms-input-placeholder { opacity: 0 } .fieldset-wrapper .form-list li .input-box textarea { box-shadow: 0 0 0 #fff!important; outline: none!important; background-color: transparent; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; font-size: 16px; line-height: 20px; color: #000; font-weight: 300; height: auto; min-height: 200px; padding: 27px 20px 0; margin: 0; resize: none; width: 100% } .fieldset-wrapper .form-list li .input-box select { box-shadow: 0 0 0 #fff!important; outline: none!important; background-color: transparent; background-image: url(../../resources/images/theme/icons/dropdown-arrow.svg); background-repeat: no-repeat; background-position: calc(100% - 18px) center; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; font-size: 16px; line-height: 20px; color: #000; height: 60px; font-weight: 300; padding: 15px 15px 0; margin: 0; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100% } @media screen and (-webkit-min-device-pixel-ratio:0) { .fieldset-wrapper .form-list li .input-box select { padding: 15px 20px 0 } } .fieldset-wrapper .form-list li .input-box .input-text.validation-failed, .fieldset-wrapper .form-list li .input-box textarea.validation-failed, .fieldset-wrapper .form-list li .input-box select.validation-failed { background-color: #fef3f3; border-color: #fef3f3 } .fieldset-wrapper .form-list li .input-box div.validation-advice { font-size: 12px; line-height: 14px; color: #e31313; padding: 9px 20px 0; margin: 0; text-align: left } .fieldset-wrapper .form-list li.focused label, .fieldset-wrapper .form-list li.has-value label { font-size: 10px; line-height: 12px; color: #000; font-weight: 400; padding-top: 13px } .fieldset-wrapper .form-list li.focused label, .fieldset-wrapper .form-list li.has-value.focused label { color: #ed1c24 } .fieldset-wrapper .form-list li:hover .input-box .input-text, .fieldset-wrapper .form-list li:hover .input-box select, .fieldset-wrapper .form-list li:hover .input-box textarea { border-color: rgba(0, 0, 0, .2) } .fieldset-wrapper .form-list li.focused .input-box .input-text, .fieldset-wrapper .form-list li.focused .input-box select, .fieldset-wrapper .form-list li.focused .input-box textarea { border-color: #ed1c24 } .fieldset-wrapper .form-list li.has-value .input-box .input-text, .fieldset-wrapper .form-list li.has-value .input-box select, .fieldset-wrapper .form-list li.has-value .input-box textarea { border-color: rgba(0, 0, 0, .1) } .fieldset-wrapper .form-list li.has-value:hover .input-box .input-text, .fieldset-wrapper .form-list li.has-value:hover .input-box select, .fieldset-wrapper .form-list li.has-value:hover .input-box textarea { border-color: rgba(0, 0, 0, .2) } .fieldset-wrapper .form-list li.has-value.focused .input-box .input-text, .fieldset-wrapper .form-list li.has-value.focused .input-box select, .fieldset-wrapper .form-list li.has-value.focused .input-box textarea { border-color: #ed1c24 } .fieldset-wrapper .form-list li:hover .input-box .input-text.validation-failed, .fieldset-wrapper .form-list li:hover .input-box select.validation-failed, .fieldset-wrapper .form-list li:hover .input-box textarea.validation-failed { background-color: #fce7e7; border-color: #fce7e7 } .fieldset-wrapper .form-list li.focused .input-box .input-text.validation-failed, .fieldset-wrapper .form-list li.focused .input-box select.validation-failed, .fieldset-wrapper .form-list li.focused .input-box textarea.validation-failed { background-color: transparent; border-color: #e31313 } .fieldset-wrapper .form-list li.has-value .input-box .input-text.validation-failed, .fieldset-wrapper .form-list li.has-value .input-box select.validation-failed, .fieldset-wrapper .form-list li.has-value .input-box textarea.validation-failed { background-color: transparent; border-color: #e31313 } .fieldset-wrapper .form-list li.has-value.focused .input-box .input-text.validation-failed, .fieldset-wrapper .form-list li.has-value.focused .input-box select.validation-failed, .fieldset-wrapper .form-list li.has-value.focused .input-box textarea.validation-failed { background-color: transparent; border-color: #e31313 } .fieldset-wrapper .form-list li.control { padding: 5px 0 } .fieldset-wrapper .form-list li.control label { position: relative; color: #000; padding: 0 0 0 40px; display: block; width: 100%; background: none } .fieldset-wrapper .form-list li.control label::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, .2); background-repeat: no-repeat; background-position: center center } .fieldset-wrapper .form-list li.control .checkbox { position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0 } .fieldset-wrapper .form-list li.control:hover label::before { border-color: #cc181e } .fieldset-wrapper .form-list li.control:active label::before { border-color: #cc181e; background-image: url(../../resources/images/theme/icons/checkbox-icon-red.svg) } .fieldset-wrapper .form-list li.control.checked label::before { background-image: url(../../resources/images/theme/icons/checkbox-icon.svg); border-color: 1px solid rgba(0, 0, 0, .2) } .fieldset-wrapper .form-list li.control.checked:hover label::before { border-color: #cc181e } .fieldset-wrapper .form-list li.radio-control { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; display: table; margin: 0 0 18px; position: relative; padding: 9px 20px 9px 55px; height: 60px; width: 100% } .fieldset-wrapper .form-list li.radio-control::before { content: ""; position: absolute; left: 20px; top: 50%; height: 20px; width: 20px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 100%; margin: -10px 0 0 } .fieldset-wrapper .form-list li.radio-control::after { content: ""; position: absolute; left: 24px; top: 50%; height: 12px; width: 12px; background: #062170; border-radius: 100%; margin: -6px 0 0; display: none } .fieldset-wrapper .form-list li.radio-control:hover, .fieldset-wrapper .form-list li.radio-control:active { border-color: rgba(0, 0, 0, .1) } .fieldset-wrapper .form-list li.radio-control:hover::before { border-color: #fa1e25 } .fieldset-wrapper .form-list li.radio-control:active::before { border-color: #cc181e } .fieldset-wrapper .form-list li.radio-control:active::after, .fieldset-wrapper .form-list li.radio-control.selected::after { display: block } .fieldset-wrapper .form-list li.radio-control:active::after { background: #cc181e } .fieldset-wrapper .form-list li.radio-control.selected:hover::before { border-color: #fa1e25 } .fieldset-wrapper .form-list li.radio-control.selected:active::before { border-color: #cc181e } .fieldset-wrapper .form-list li.radio-control.selected:hover, .fieldset-wrapper .form-list li.radio-control.selected:active { border-color: rgba(0, 0, 0, .1) } .fieldset-wrapper .form-list li.radio-control.selected:active::after { background: #cc181e } .fieldset-wrapper .form-list li.radio-control.disabled { border-color: rgba(0, 0, 0, .1)!important } .fieldset-wrapper .form-list li.radio-control.disabled::before { background-color: rgba(0, 0, 0, .1)!important; border-color: transparent!important } .fieldset-wrapper .form-list li.radio-control.disabled::after { display: none!important } .fieldset-wrapper .form-list li.radio-control input { margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2 } .fieldset-wrapper .form-list li.radio-control label { background: none; padding: 0; margin: 0; font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8); display: table-cell; vertical-align: middle; position: static; background-repeat: no-repeat; background-position: left center; min-width: 0; max-width: 100% } .fieldset-wrapper .buttons-set { margin: 0; padding: 0; border: none; text-align: left; max-width: none } .fieldset-wrapper .buttons-set .forgotpassword { margin: 0 0 32px; float: none; padding: 0; line-height: normal; display: block } .fieldset-wrapper .buttons-set .forgotpassword a { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, .8); font-style: italic; display: inline-block; float: none } .fieldset-wrapper .buttons-set .button { float: none; margin: 0; min-width: 160px } .fieldset-wrapper .upload-btn-wrapper { margin: 0 0 18px } .fieldset-wrapper .upload-btn-wrapper label { display: inline-block; vertical-align: top; width: 136px; font-size: 18px; line-height: 20px; color: #000; padding: 20px 5px 20px 0; margin: 0 } .fieldset-wrapper .upload-btn-wrapper .upload-container { display: inline-block; vertical-align: top; width: calc(100% - 136px); border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; height: 60px; padding: 4px } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn { position: relative; height: 100%; display: block } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn .validation-advice { display: none } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn .validation-advice+.btn-wrapper .btn { border-color: #e31313; color: #e31313 } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn .validation-advice+.btn-wrapper .btn-text { color: #e31313 } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn .btn-wrapper { height: 50px } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn .btn-wrapper .btn { width: 125px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; font-size: 14px; line-height: 48px; height: 50px; color: #000; text-decoration: underline; text-align: center; display: inline-block; vertical-align: top } .fieldset-wrapper .upload-btn-wrapper .upload-container .upload-btn .btn-wrapper .btn-text { padding: 15px 20px; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, .8); display: inline-block; vertical-align: top; width: calc(100% - 125px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .fieldset-wrapper .uploadDocs { font-size: 12px; line-height: 14px; color: #e31313; padding: 9px 0 0; margin: 0; text-align: left; position: absolute; left: 0; top: 100% } @media only screen and (max-width:767px) { .fieldset-wrapper .upload-btn-wrapper label { display: block; padding: 0 0 10px; width: 100% } .fieldset-wrapper .upload-btn-wrapper .upload-container { display: block; width: 100% } } .opc-index-index .page-header, .onepagecheckout-index-index .page-header, .onepagecheckout-index-success .page-header, .checkout-onepage-success .page-header { background: none; box-shadow: 0 0 0 #fff } .opc-index-index .upper-footer-container, .opc-index-index .footer-container, .opc-index-index .page-header .page-header-container #header-nav, .opc-index-index .page-header .page-header-container .header-minicart, .onepagecheckout-index-index .upper-footer-container, .onepagecheckout-index-index .footer-container, .onepagecheckout-index-index .page-header .page-header-container #header-nav, .onepagecheckout-index-index .page-header .page-header-container .header-minicart, .onepagecheckout-index-success .upper-footer-container, .onepagecheckout-index-success .footer-container, .onepagecheckout-index-success .page-header .page-header-container #header-nav, .onepagecheckout-index-success .page-header .page-header-container .header-minicart, .checkout-onepage-success .upper-footer-container, .checkout-onepage-success .footer-container, .checkout-onepage-success .page-header .page-header-container #header-nav, .checkout-onepage-success .page-header .page-header-container .header-minicart { display: none!important } .opc-index-index .page-header .page-header-container, .onepagecheckout-index-index .page-header .page-header-container, .onepagecheckout-index-success .page-header .page-header-container, .checkout-onepage-success .page-header .page-header-container { padding: 32px 60px; box-shadow: 0 0 0 #fff; position: relative } .opc-index-index .page-header .page-header-container::after, .onepagecheckout-index-index .page-header .page-header-container::after, .onepagecheckout-index-success .page-header .page-header-container::after, .checkout-onepage-success .page-header .page-header-container::after { content: "Secure Checkout"; font-size: 40px; line-height: 66px; color: #000; display: inline-block; vertical-align: top; padding: 10px } .opc-index-index .main-container, .onepagecheckout-index-index .main-container, .onepagecheckout-index-success .main-container, .checkout-onepage-success .main-container { width: 100% } .prechecout-wrapper { font-size: 0 } .prechecout-wrapper .messages { font-size: 12px } .prechecout-wrapper .opc-login-column { display: inline-block; vertical-align: top; width: calc(50% - 35px); margin: 0 70px 0 0; background-color: #fff; border-radius: 5px; padding: 42px 20px 70px; min-height: 485px } .prechecout-wrapper .opc-login-column:last-child { margin: 0 } .prechecout-wrapper .opc-login-column .login-column { width: 420px; margin: 0 auto; max-width: 100% } .opc-wrapper-opc { padding: 0 70px 70px } .opc-wrapper-opc .opc-main-container { font-size: 0 } .opc-wrapper-opc .opc-col { width: calc(33.33% - 47px); margin: 0 70px 0 0; float: none; display: inline-block; vertical-align: top } .opc-wrapper-opc .opc-col:last-child { margin: 0 } .opc-wrapper-opc .opc-col .subtitle { font-size: 18px; line-height: 20px; color: #000; margin: 0 0 16px } .opc-wrapper-opc .opc-col-left {} .opc-wrapper-opc .opc-col-center {} .opc-wrapper-opc .opc-col-right { margin: 0 } .opc-wrapper-opc .opc-col .onepagecheckout_block { margin: 0 0 43px } .opc-wrapper-opc .opc-main-container .onepagecheckout_datafields { border: none; padding: 0px } .opc-wrapper-opc .opc-col .op_block_title { font-size: 18px; line-height: 20px; color: #000; text-transform: none; border: none; font-weight: normal; margin: 0 0 16px; text-align: left } .opc-wrapper-opc .opc-col .form-list.customer-name .input-box { width: 100% } .opc-wrapper-opc .opc-col .messages { font-size: 12px } .opc-wrapper-opc .opc-col .fieldset-wrapper.shipthis-address { display: none } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li, .opc-wrapper-opc .opc-col #co-payment-form dt, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; display: table; margin: 0 0 18px; position: relative; padding: 9px 20px 9px 55px; height: 60px; width: 100% } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt::before, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li::before, .opc-wrapper-opc .opc-col #co-payment-form dt::before, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li::before { content: ""; position: absolute; left: 20px; top: 50%; height: 20px; width: 20px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 100%; margin: -10px 0 0 } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt::after, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li::after, .opc-wrapper-opc .opc-col #co-payment-form dt::after, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li::after { content: ""; position: absolute; left: 24px; top: 50%; height: 12px; width: 12px; background: #ed1c24; border-radius: 100%; margin: -6px 0 0; display: none } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt:hover, .opc-wrapper-opc .opc-col #payment-method .sp-methods dt:active, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li:hover, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li:active, .opc-wrapper-opc .opc-col #co-payment-form dt:hover, .opc-wrapper-opc .opc-col #co-payment-form dt:active, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li:hover, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li:active { border-color: rgba(0, 0, 0, .1) } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt:hover::before, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li:hover::before, .opc-wrapper-opc .opc-col #co-payment-form dt:hover::before, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li:hover::before { border-color: #fa1e25 } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt:active::before, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li:active::before, .opc-wrapper-opc .opc-col #co-payment-form dt:active::before, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li:active::before { border-color: #cc181e } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt:active::after, .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.selected::after, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li:active::after, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.selected::after, .opc-wrapper-opc .opc-col #co-payment-form dt:active::after, .opc-wrapper-opc .opc-col #co-payment-form dt.selected::after, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li:active::after, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.selected::after { display: block } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt:active::after, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li:active::after, .opc-wrapper-opc .opc-col #co-payment-form dt:active::after, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li:active::after { background: #cc181e } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.selected:hover::before, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.selected:hover::before, .opc-wrapper-opc .opc-col #co-payment-form dt.selected:hover::before, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.selected:hover::before { border-color: #fa1e25 } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.selected:active::before, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.selected:active::before, .opc-wrapper-opc .opc-col #co-payment-form dt.selected:active::before, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.selected:active::before { border-color: #cc181e } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.selected:hover, .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.selected:active, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.selected:hover, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.selected:active, .opc-wrapper-opc .opc-col #co-payment-form dt.selected:hover, .opc-wrapper-opc .opc-col #co-payment-form dt.selected:active, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.selected:hover, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.selected:active { border-color: rgba(0, 0, 0, .1) } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.selected:active::after, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.selected:active::after, .opc-wrapper-opc .opc-col #co-payment-form dt.selected:active::after, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.selected:active::after { background: #cc181e } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.disabled, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.disabled, .opc-wrapper-opc .opc-col #co-payment-form dt.disabled, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.disabled { border-color: rgba(0, 0, 0, .1)!important } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.disabled::before, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.disabled::before, .opc-wrapper-opc .opc-col #co-payment-form dt.disabled::before, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.disabled::before { background-color: rgba(0, 0, 0, .1)!important; border-color: transparent!important } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt.disabled::after, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li.disabled::after, .opc-wrapper-opc .opc-col #co-payment-form dt.disabled::after, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li.disabled::after { display: none!important } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt+dt {} .opc-wrapper-opc .opc-col #payment-method .sp-methods dt input, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li input, .opc-wrapper-opc .opc-col #co-payment-form dt input, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li input { margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 1 } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt label, .opc-wrapper-opc .opc-col #shipping-method .sp-methods li label, .opc-wrapper-opc .opc-col #co-payment-form dt label, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li label { background: none; padding: 0; margin: 0; font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8); display: table-cell; vertical-align: middle; background-repeat: no-repeat; background-position: left center; min-width: 0; max-width: 100% } .opc-wrapper-opc .opc-col #shipping-method .sp-methods li label, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li label { padding: 0 } .opc-wrapper-opc .opc-col #shipping-method .sp-methods li label .price, .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods li label .price { float: right; font-weight: normal; font-family: 'avenir_lt_std65_medium' } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt#dt_cashondelivery label { background-image: url(../../resources/images/theme/icons/cashondelivery-icon.svg) } .opc-wrapper-opc .opc-col #payment-method .sp-methods dt#dt_checkmo label { background-image: url(../../resources/images/theme/icons/creditcard-icon.svg) } .opc-wrapper-opc .opc-col #shipping-block-methods .sp-methods dt { display: none } .opc-wrapper-opc #coupon-discount .op_block_title, .opc-wrapper-opc .discount-block .op_block_title { display: none } .opc-wrapper-opc .discount-form { font-size: 0px; margin: 30px 0 0; position: relative } .opc-wrapper-opc .discount-form.fieldset-wrapper .form-list li { margin: 0 } .opc-wrapper-opc .discount-form .buttons-set { position: absolute; right: 0; top: 0; padding: 0 } .opc-wrapper-opc .discount-form .buttons-set::before { content: ""; position: absolute; left: 0; top: 50%; height: 24px; width: 1px; background-color: rgba(0, 0, 0, .1); margin: -12px 0 0 } .opc-wrapper-opc .discount-form .buttons-set .button { background: none!important; min-width: 84px; font-size: 14px; color: #000; padding: 15px 5px; text-decoration: underline } .opc-wrapper-opc #coupon-discount .messages, .opc-wrapper-opc .discount-block .messages { margin: 0 } .opc-wrapper-opc #coupon-discount .messages li li, .opc-wrapper-opc .discount-block .messages li li { border: none; font-size: 12px; line-height: 14px; padding: 9px 20px 0; margin: 0; text-align: left } .opc-wrapper-opc #coupon-discount .messages li li::before, .opc-wrapper-opc .discount-block .messages li li::before { display: none } .opc-wrapper-opc #coupon-discount .messages .error-msg li, .opc-wrapper-opc .discount-block .messages .error-msg li { color: #e31313 } .opc-wrapper-opc .order-summary-wrapper { background-color: #fff; border-radius: 5px; padding: 0 20px 20px } .opc-wrapper-opc .opc-col.order-summary-wrapper .onepagecheckout_block { margin: 0 } .opc-wrapper-opc .order-summary-wrapper .form-title { border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 14px } .opc-wrapper-opc #checkout-review #checkout-review-load {} .opc-wrapper-opc #checkout-review #checkout-review-table-wrapper, .opc-wrapper-opc #onepagecheckout_orderform #ship_address_block { margin: 0 } .opc-wrapper-opc #checkout-review #checkout-review-load.loading { background: url(../../resources/images/opc-ajax-loader.gif.pagespeed.ce.9I7gaYkLFk.gif) no-repeat center center } .opc-wrapper-opc #checkout-review .order-products-table, .opc-wrapper-opc #opc-review-block .opc-data-table {} .opc-wrapper-opc #checkout-review .order-products-table tr, .opc-wrapper-opc #opc-review-block .opc-data-table tr { background: none } .opc-wrapper-opc #checkout-review .order-products-table td, .opc-wrapper-opc #opc-review-block .opc-data-table td { padding: 10px 0; border: none; font-size: 0px } .opc-wrapper-opc #checkout-review .order-products-table tbody .first td, .opc-wrapper-opc #opc-review-block .opc-data-table tbody .first td { padding-top: 24px } .opc-wrapper-opc #checkout-review .order-products-table tbody .last td, .opc-wrapper-opc #opc-review-block .opc-data-table tbody .last td { padding-bottom: 30px } .opc-wrapper-opc #checkout-review .order-products-table .review-img, .opc-wrapper-opc #opc-review-block .opc-data-table .review-img { width: 90px; height: 90px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; margin: 0px!important; text-align: center; display: inline-block; vertical-align: top; overflow: hidden; float: none } .opc-wrapper-opc #checkout-review .order-products-table .review-img img, .opc-wrapper-opc #opc-review-block .opc-data-table .review-img img { width: 100%; height: auto } .opc-wrapper-opc #checkout-review .order-products-table .review-details, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details { display: inline-block; vertical-align: top; width: calc(100% - 90px); margin: 0; position: relative; padding: 6px 0 0 15px } .opc-wrapper-opc #checkout-review .order-products-table, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .product-name { font-size: 16px; line-height: 20px; color: #000; margin: 0; padding: 0; font-weight: normal } .opc-wrapper-opc #checkout-review .order-products-table .review-details .product-name a, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .product-name a { color: #000 } .opc-wrapper-opc #checkout-review .order-products-table .review-details .category-name, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .category-name { display: block; font-size: 9px; line-height: 14px; color: rgba(0, 0, 0, .5); text-transform: uppercase; font-family: 'avenir_lt_std85_heavy'; margin: 0 0 2px } .opc-wrapper-opc #checkout-review .order-products-table .review-details .selected-attribute, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .selected-attribute { display: block; font-size: 14px; line-height: 20px; color: #000; margin: 0 0 5px } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details {} .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper { display: inline-block; vertical-align: top; width: 80px } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper {} .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty { display: inline-block; vertical-align: top; width: 20px } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty span, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty span { display: block; height: 20px; width: 20px; border: 1px solid rgba(0, 0, 0, .1); background-repeat: no-repeat; background-position: center center; background-size: 7px auto; border-radius: 4px; cursor: pointer } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty span.decreaseQty, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty span.decreaseQty { background-image: url(../../resources/images/theme/icons/qty-minus-small.svg) } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty span.increaseQty, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper .cartUpdateQty span.increaseQty { background-image: url(../../resources/images/theme/icons/qty-plus-small.svg) } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper .disable-qty, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper .disable-qty { display: inline-block; vertical-align: top; width: 40px } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .qty-wrapper .disable-qty input.qty, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .qty-wrapper .disable-qty input.qty { border: none; background: none; width: 100%; font-size: 14px; line-height: 20px; color: #000; height: 20px; font-family: 'avenir_lt_std55_roman'; text-align: center } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .cart_price, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .cart_price { display: inline-block; vertical-align: top; text-align: right; width: calc(100% - 80px) } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .cart-price, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .cart-price { position: relative; display: block } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .cart_price .price, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .cart_price .price { font-size: 14px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium' } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .cart_price .old-price, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .cart_price .old-price { display: block; margin: -12px 0 0 } .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .cart_price .old-price .price, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .cart_price .old-price .price { font-size: 11px; line-height: 12px; color: rgba(0, 0, 0, .6); display: block; text-decoration: line-through } .opc-wrapper-opc #checkout-review .order-products-table .review-details .removeReview, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .removeReview { background: url(../../resources/images/theme/icons/cart-remove.svg) no-repeat right center; height: 20px; width: 20px; position: absolute; right: 0; top: 0px; font-size: 0; line-height: normal } .opc-wrapper-opc #checkout-review .order-products-table tfoot tr, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot tr { background: none!important } .opc-wrapper-opc #checkout-review .order-products-table tfoot td, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot td { font-size: 14px; color: rgba(0, 0, 0, .8); line-height: 20px; text-align: left; padding: 6px 0; background: none } .opc-wrapper-opc #checkout-review .order-products-table tfoot .first td, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot .first td { border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 25px } .opc-wrapper-opc #checkout-review .order-products-table tfoot td.last, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot td.last { text-align: right } .opc-wrapper-opc #checkout-review .order-products-table tfoot td .price, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot td .price {} .opc-wrapper-opc #checkout-review .order-products-table tfoot tr.last, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot tr.last {} .opc-wrapper-opc #checkout-review .order-products-table tfoot tr.last td, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot tr.last td { padding: 24px 0 0 } .opc-wrapper-opc #checkout-review .order-products-table tfoot tr.last td strong, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot tr.last td strong { font-size: 18px; line-height: 20px; color: #000; text-transform: none; font-weight: normal; display: block; padding: 23px 0 26px; border-top: 1px solid rgba(0, 0, 0, .1) } .opc-wrapper-opc #checkout-review .order-products-table tfoot tr.last td strong .price, .opc-wrapper-opc #opc-review-block .opc-data-table tfoot tr.last td strong .price { color: #000; font-size: 18px; line-height: 20px; font-family: 'avenir_lt_std85_heavy' } .opc-wrapper-opc #checkout-review #checkout-review-submit, .opc-wrapper-opc #opc-review-block #checkout-review-submit { margin: 0px } .opc-wrapper-opc #checkout-review #checkout-review-submit .buttons-set, .opc-wrapper-opc #opc-review-block #checkout-review-submit .buttons-set { margin: 0px; padding: 0px; text-align: center } .opc-wrapper-opc #checkout-review #checkout-review-submit #review-please-wait, .opc-wrapper-opc #opc-review-block #checkout-review-submit #review-please-wait { font-size: 0px; float: none!important; width: 100%; padding: 15px 0 } .opc-wrapper-opc #checkout-review #checkout-review-submit #review-please-wait img, .opc-wrapper-opc #opc-review-block #checkout-review-submit #review-please-wait img { display: inline-block } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount { margin-bottom: 20px } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount h2 { font-size: 24px; font-weight: normal; text-transform: capitalize; color: #000 } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form { margin-top: 10px } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form {} .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .form-fields .fields-set { width: 100%; display: inline-block } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box .input-text { border-color: rgba(0, 0, 0, .1); border-radius: 5px; padding: 0 20px; width: 100%; height: 60px } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box.checkbox { margin-top: 5px; cursor: pointer } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box.checkbox label { position: relative; color: #000; padding: 0 0 0 40px; display: block; width: 100%; background: none } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box.checkbox label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, .2); border-top-color: rgba(0, 0, 0, .2); border-right-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); background-repeat: no-repeat; background-position: center center } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box.checkbox.checked label:before { background-image: url(../../resources/images/theme/icons/checkbox-icon.svg); border-color: 1px solid rgba(0, 0, 0, .2) } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box.checkbox:hover label:before { border-color: #cc181e } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .input-box.checkbox input { position: absolute; opacity: 0; width: 100% } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .buttons-set { display: inline; border-top: 0; height: 60px; top: 50%; transform: translateY(-50%); margin: 0 } .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .buttons-set:before {} .opc-wrapper-opc .opc-col .payment-block.onepagecheckout_block .discount .discount-form .buttons-set .button { background: #ed1c24 } @media only screen and (min-width:768px) and (max-width:1024px) { .opc-wrapper-opc { padding: 0 0 70px } .prechecout-wrapper .opc-login-column { width: calc(50% - 10px); margin: 0 20px 0 0 } .opc-wrapper-opc .opc-col { width: calc(33.33% - 14px); margin: 0 20px 0 0 } } @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .opc-wrapper-opc .opc-col, .prechecout-wrapper .opc-login-column { margin: 0 auto 20px; width: 360px; display: block } .opc-wrapper-opc .opc-col:last-child, .prechecout-wrapper .opc-login-column:last-child { margin: 0 auto 20px } } @media only screen and (max-width:1024px) { .opc-index-index .page-header, .onepagecheckout-index-index .page-header, .onepagecheckout-index-success .page-header, .checkout-onepage-success .page-header { position: static } .opc-index-index .page-header .page-header-container, .onepagecheckout-index-index .page-header .page-header-container, .onepagecheckout-index-success .page-header .page-header-container, .checkout-onepage-success .page-header .page-header-container { padding: 10px } .opc-index-index .page-header .page-header-container .left-header, .onepagecheckout-index-index .page-header .page-header-container .left-header, .onepagecheckout-index-success .page-header .page-header-container .left-header, .checkout-onepage-success .page-header .page-header-container .left-header { display: none } .opc-index-index .page-header .page-header-container::after, .onepagecheckout-index-index .page-header .page-header-container::after, .onepagecheckout-index-success .page-header .page-header-container::after, .checkout-onepage-success .page-header .page-header-container::after { font-size: 24px; line-height: 55px } .opc-index-index .main-container, .onepagecheckout-index-index .main-container, .onepagecheckout-index-success .main-container, .checkout-onepage-success .main-container { padding: 0 } } @media only screen and (max-width:767px) { .opc-wrapper-opc { padding: 0 0 70px } .prechecout-wrapper .opc-login-column { width: 100%; margin: 0 0 20px; min-height: 0 } .opc-wrapper-opc .opc-col { width: 100%; margin: 0 0 20px } } @media only screen and (max-width:359px) { .opc-wrapper-opc #checkout-review .order-products-table .review-details .cart-item-details .cart_price, .opc-wrapper-opc #opc-review-block .opc-data-table .review-details .cart-item-details .cart_price { display: block; width: 100%; padding: 5px 0 0 } } .order-verification { background-color: #fff; border-radius: 5px; padding: 42px 20px 65px; width: 595px; margin: 0 auto 70px; max-width: 100% } .order-verification .inner-wrapper { width: 420px; margin: 0 auto; max-width: 100% } .order-verification .page-title { margin: 0 } .order-verification .page-title h3 { line-height: 30px; color: #000; text-transform: none; margin: 0; font-weight: normal } .order-verification .block-content { padding: 0; margin: 0 } .order-verification .field-wrapper .input-box { margin: 0; padding: 0 } .order-verification .field-wrapper .input-box .input-text { box-shadow: 0 0 0 #fff!important; outline: none!important; background-color: transparent; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; font-size: 16px; line-height: 30px; color: #000; height: 60px; padding: 15px 20px; text-align: left; margin: 0; width: 100% } .order-verification .field-wrapper .input-box .input-text:hover { border-color: rgba(0, 0, 0, .2) } .order-verification .field-wrapper .input-box .input-text:focus { border-color: #ed1c24 } .order-verification .field-wrapper .input-box .input-text.validation-failed { background-color: #fef3f3; border-color: #fef3f3 } .order-verification .field-wrapper .input-box .input-text.validation-failed:hover { background-color: #fce7e7; border-color: #fce7e7 } .order-verification .field-wrapper .input-box .input-text.validation-failed:focus { background-color: transparent; border-color: #e31313 } .order-verification .field-wrapper .input-box .error { font-size: 12px; line-height: 14px; color: #e31313; padding: 9px 20px 0; margin: 0; text-align: left; font-weight: normal } .order-verification .field-wrapper .resend-code { padding: 7px 0 14px } .order-verification .field-wrapper .resend-code p { font-size: 12px; line-height: 20px; color: #666; font-family: 'avenir_lt_std45_book'; font-style: italic } .order-verification .field-wrapper .resend-code .action { background: none; border: none; margin: 0; padding: 0; font-size: 12px; line-height: 20px; color: #666; font-weight: 400; font-style: italic } .order-verification .field-wrapper .resend-code .action:hover { color: #000 } .order-verification .success-icon { width: 169px; height: 121px; background-image: url(../../resources/images/theme/icons/ordersuccess-icon.svg); background-repeat: no-repeat; background-position: center center; margin: 25px 0 45px } .order-verification .button { min-width: 188px } .order-verification .button.button-continue { background: none!important; color: #000!important; text-decoration: underline; padding: 15px 0; min-width: 0; color: #000 } .order-verification .help-container { padding: 20px 0 0 } .order-verification .help-container p { font-size: 14px; line-height: 20px; color: #000; padding: 0; letter-spacing: -.03em } .login-container { padding: 0 0 50px } .login-container .login-innercontainer { width: 360px; max-width: 100%; margin: 0 auto } .login-container .customer-login-tabs { text-align: center; font-size: 0; padding: 43px 50px 5px } .login-container .customer-login-tabs li { display: inline-block; vertical-align: top; width: 50%; font-family: 'avenir_lt_std65_medium' } .login-container .customer-login-tabs li a, .login-container .customer-login-tabs li span { font-size: 10px; line-height: 20px; color: #000; text-transform: uppercase; display: inline-block; vertical-align: top; min-width: 70px; padding: 4px 5px; text-decoration: none } .login-container .customer-login-tabs li.active a, .login-container .customer-login-tabs li span { border-bottom: 1px solid #000 } .login-container .fieldset-wrapper .form-list li label { width: auto } .account-login .block-content { margin: 0 } .account-login .block-content .col2-set .col-2 { float: none; width: 100%; padding: 0px; margin: 0; border: none } .account-login .block-content .fieldset { margin: 0px } @media only screen and (max-width:767px) { .login-container .fieldset-wrapper .buttons-set .button { min-width: 0; width: 100% } } .std ul { list-style: none; margin: 0; padding: 0 } .std ul li { margin: 0; padding: 0 } .std p { margin: 0 } .static-content-wrapper { font-size: 0 } .static-content-wrapper img { max-width: 100% } .static-content-wrapper .static-navigation { border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 0 50px } .static-content-wrapper .static-navigation ul { list-style: none; margin: 0; padding: 0; position: relative; bottom: -1px } .static-content-wrapper .static-navigation ul li { display: inline-block; vertical-align: top; width: 25%; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, .8); text-align: center; text-transform: uppercase } .static-content-wrapper .static-navigation a { color: rgba(0, 0, 0, .8); display: inline-block; vertical-align: top; padding: 10px 0; border-bottom: 1px solid transparent } .static-content-wrapper .static-navigation ul li.selected { color: #000 } .static-content-wrapper .static-navigation ul li.selected a { color: #000; border-color: #221715; text-decoration: none } .static-content-wrapper .content-wrapper { padding: 0 0 70px } .static-content-wrapper.about-us .content-wrapper {} .static-content-wrapper .title { text-align: center; margin: 0 0 25px } .static-content-wrapper .title h2 { font-size: 40px; line-height: 50px; color: #000; margin: 0; font-weight: normal; text-transform: none; display: inline-block } .static-content-wrapper .title h2 span { font-size: 12px; line-height: 12px; font-family: 'avenir_lt_std85_heavy'; display: block; width: 100%; text-align: right } .static-content-wrapper .content-wrapper p, .static-content-wrapper .content-wrapper li { font-size: 16px; line-height: 24px; color: #000; margin: 0 0 26px } .static-content-wrapper .content-wrapper li { list-style: disc outside } .static-content-wrapper .content-wrapper p a { color: #000 } .static-content-wrapper .content-wrapper h3 { font-size: 21px; line-height: 24px; color: #000; margin: 0 0 28px; font-family: 'avenir_lt_std65_medium'; text-transform: none; font-weight: normal } .static-content-wrapper .video-container { position: relative; border-radius: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .05); box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, .05) } .static-content-wrapper .video-container img { width: 100%; max-width: 100% } .static-content-wrapper .video-container iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .static-content-wrapper.videos .videos-section-wrapper {} .static-content-wrapper.videos .videos-section-wrapper .section-title { padding: 64px 0 30px } .static-content-wrapper.videos .videos-section-wrapper .section-title h3 { font-size: 32px; line-height: 40px; color: #000; font-family: 'avenir_lt_std55_roman'; text-align: center; margin: 0 } .static-content-wrapper.videos .videos-section-wrapper .videos-section { text-align: center } .static-content-wrapper.videos .videos-section-wrapper .videos-section .video-wrapper {} .videos-section-wrapper .videos-section .video-wrapper .video-thumbnail-wrapper { cursor: pointer } .videos-section-wrapper .videos-section .video-wrapper .video-thumbnail { border-radius: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .05); box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, .05) } .videos-section-wrapper .videos-section .video-wrapper .video-name { font-size: 16px; line-height: 20px; color: #000; padding: 15px 0 0 } .static-content-wrapper.videos .video-popup-wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 9; opacity: 0; visibility: hidden; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out } .static-content-wrapper.videos .video-popup-wrapper .close-video { background: url(../../resources/images/theme/icons/close-popup.svg) no-repeat calc(100% - 30px) 30px; height: 100%; width: 100%; position: absolute; right: 0; top: 0 } .static-content-wrapper.videos .video-popup-wrapper .video-popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 80% } .static-content-wrapper.videos .video-popup-wrapper .video-popup .video-container { display: none } .static-content-wrapper.videos .video-popup-wrapper.active { visibility: visible; opacity: 1 } .videos-section-wrapper .videos-section.owl-carousel .owl-nav .owl-prev, .slider-wrapper.owl-carousel .owl-nav .owl-prev { position: absolute; left: -60px; top: 0; width: 60px; height: 100%; background-image: url(../../resources/images/theme/icons/carousel-prev.svg); background-repeat: no-repeat; background-position: left center } .videos-section-wrapper .videos-section.owl-carousel .owl-nav .owl-next, .slider-wrapper.owl-carousel .owl-nav .owl-next { position: absolute; right: -60px; top: 0; width: 60px; height: 100%; background-image: url(../../resources/images/theme/icons/carousel-next.svg); background-repeat: no-repeat; background-position: right center } .videos-section-wrapper .videos-section.owl-carousel .owl-nav .disabled, .slider-wrapper.owl-carousel .owl-nav .disabled { opacity: 0 } .static-content-wrapper .content-wrapper #accordion2 { margin: 0 0 50px } .static-content-wrapper .content-wrapper #accordion2 .accordion-item { list-style: none } .static-content-wrapper .content-wrapper #accordion2 .accordion-item+.accordion-item { margin: 20px 0 0 } .static-content-wrapper .content-wrapper #accordion2 .accordion-item>h4 { font-size: 18px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium'; margin: 0 0 20px; padding: 0; font-weight: normal; padding: 0 0 0 35px; text-transform: none; position: relative; cursor: pointer } .static-content-wrapper .content-wrapper #accordion2 .accordion-item>h4::before { content: ""; position: absolute; left: 0; top: 50%; width: 17px; height: 1px; background-color: #ed1c24; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .static-content-wrapper .content-wrapper #accordion2 .accordion-item>h4::after { content: ""; position: absolute; left: 8px; top: 50%; width: 1px; height: 17px; background-color: #ed1c24; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 200ms cubic-bezier(.47, .18, .15, .95); -webkit-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -moz-transition: all 200ms cubic-bezier(.47, .18, .15, .95); -o-transition: all 200ms cubic-bezier(.47, .18, .15, .95) } .static-content-wrapper .content-wrapper #accordion2 .accordion-item.active>h4::after { height: 0 } .static-content-wrapper .content-wrapper #accordion2 .accordion-item .accordion-content { padding: 0 0 0 35px; display: none } .static-content-wrapper .content-wrapper #accordion2 .accordion-item.active .accordion-content {} .static-content-wrapper .content-wrapper #accordion2 .accordion-item .accordion-content h4 { font-size: 16px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium'; margin: 0; font-weight: normal; text-transform: none } .static-content-wrapper .content-wrapper #accordion2 .accordion-item .accordion-content p { font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, .8); padding: 0 0 20px; margin: 0 } .static-content-wrapper .fieldset-wrapper { margin: 0 0 26px } .static-content-wrapper .fieldset-wrapper .form-list li { list-style: none } .static-content-wrapper.careers .content-wrapper h3 { margin: 0 0 3px } .static-content-wrapper .career-form { width: 530px; max-width: 100%; padding: 32px 0 0 } .static-content-wrapper .career-form .buttons-set { text-align: right; margin-top: 28px } .static-content-wrapper .career-form .buttons-set .button-text { display: inline-block; vertical-align: top; width: calc(100% - 232px); text-align: left; padding: 0 10px 0 0; float: left } .static-content-wrapper .career-form .buttons-set .button-text p { font-size: 14px; line-height: 20px; margin: 0 } .static-content-wrapper .career-form .buttons-set .button-text p a { display: block; color: #000; font-family: 'avenir_lt_std65_medium' } .static-content-wrapper .career-form .buttons-set .button { min-width: 232px } .static-content-wrapper .career-form h2 { font-size: 24px; line-height: 30px; color: #000; text-transform: none; margin: 0 0 30px } .static-content-wrapper.contact-us, .static-content-wrapper.empty-cart, .static-content-wrapper.logged-out { padding-top: 67px } .static-content-wrapper.contact-us .contactus-form { display: inline-block; vertical-align: top; width: calc(100% - 380px); padding: 0 40px 0 0 } .static-content-wrapper.contact-us .contactus-form .fieldset-wrapper .form-list li { display: inline-block; vertical-align: top; margin: 0 20px 18px 0; width: calc(33.33% - 14px) } .static-content-wrapper.contact-us .contactus-form .fieldset-wrapper .form-list li:nth-child(3n) { margin-right: 0 } .static-content-wrapper.contact-us .contactus-form .fieldset-wrapper .form-list li.comment { margin: 0 0 18px; width: 100% } .static-content-wrapper.contact-us .fieldset-wrapper .buttons-set { text-align: right } .static-content-wrapper.contact-us .contact-details { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; width: 380px; padding: 34px 40px 14px; float: right } .static-content-wrapper.contact-us .contact-details .details { margin: 0 0 28px } .static-content-wrapper.contact-us .contact-details h3 { font-size: 18px; line-height: 20px; color: #000; text-transform: none; margin: 0 0 20px } .static-content-wrapper.contact-us .contact-details p { font-size: 14px; line-height: 20px; color: #000; margin: 0 0 10px; letter-spacing: -.02em } .static-content-wrapper.contact-us .contact-details p strong { font-size: 16px; font-weight: normal; display: block } .static-content-wrapper.contact-us .contact-details p span, .static-content-wrapper.contact-us .contact-details p a { font-family: "avenir_lt_std65_medium"; color: #000; display: block } .static-content-wrapper .contact-details .contactus-social { font-size: 0px; margin: 0 0 45px } .static-content-wrapper .contact-details .contactus-social img { max-width: 100%; display: inline-block; margin: 0 0 15px } ..static-content-wrapper .contact-details .social-links { display: inline-block; width: 50%; max-width: 152px } .static-content-wrapper .contact-details .social-links.celeste-social { text-align: center } .static-content-wrapper .contact-details .social-links ul { font-size: 0px; width: 100% } .static-content-wrapper .contact-details .social-links ul li { margin: 0 6px 0; display: inline-block; height: 32px; width: 32px } .static-content-wrapper .contact-details .social-links ul li a { height: 32px; width: 32px } .static-content-wrapper .contact-details .social-links ul li.facebook a { background: url(../../resources/images/theme/facebook-blue.png.pagespeed.ce.bIJ9a_Kecr.png) no-repeat left top; background-size: 100% 100% } .static-content-wrapper .contact-details .social-links ul li.instagram a { background: url(../../resources/images/theme/instagram-blue.png.pagespeed.ce.E4jV2kJQ5C.png) no-repeat left top; background-size: 100% 100% } .static-content-wrapper .contact-details .social-links ul li.twitter a { background: url(../../resources/images/theme/twitter-blue.png.pagespeed.ce.TxUxrRmEhI.png) no-repeat left top; background-size: 100% 100% } .static-content-wrapper .contact-details .contactus-career, .static-content-wrapper .contact-details .contactus-contact { margin: 0 0 32px } .static-content-wrapper.women-empower .content-wrapper .women-empower-videos { margin: 0 0 26px } .static-content-wrapper.women-empower .content-wrapper h3 { color: #ed1c24 } .static-content-wrapper.women-empower .content-wrapper p { font-size: 18px; line-height: 26px } .static-content-wrapper .content-wrapper .women-msg-wrapper { display: table; background-color: #fff; background-image: url(../../resources/images/theme/imgs/molty-patteren.png.pagespeed.ce.JkPgDzQhD_.png); background-repeat: repeat; background-position: left top; border: 1px solid rgba(0, 0, 0, .1); padding: 0 45px; height: 158px; margin: 0 0 38px } .static-content-wrapper .content-wrapper .women-msg-wrapper .msg-wrapper { display: table-cell; vertical-align: middle; border-bottom: 2px solid #ed1534 } .static-content-wrapper .content-wrapper .women-msg-wrapper .msg-wrapper p { font-family: 'avenir_lt_std45_book'; font-style: italic; font-size: 30px; line-height: 38px; letter-spacing: -.02em; margin: 0 } .static-content-wrapper .content-wrapper .women-support { background-image: url(../../resources/images/theme/icons/women-empower-icon.svg); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 50px } .static-content-wrapper .content-wrapper .women-support p { margin: 0 } .static-content-wrapper .content-wrapper .women-support p strong { display: block; font-family: 'avenir_lt_std65_medium'; font-size: 18px; font-weight: normal } .static-content-wrapper.billbed-wrapper .title { padding-top: 10px; margin: 0 0 50px } .static-content-wrapper.billbed-wrapper .subtitle { margin: 0 0 50px } .static-content-wrapper.billbed-wrapper .content-wrapper h3 { font-size: 24px; line-height: 26px; margin: 0 0 5px } .static-content-wrapper.billbed-wrapper .content-wrapper p, .static-content-wrapper.billbed-wrapper .content-wrapper li { font-size: 18px; line-height: 26px; letter-spacing: -.02em } .static-content-wrapper.billbed-wrapper .content-wrapper .main-video-wrapper { margin: 0 0 60px } .static-content-wrapper.billbed-wrapper .content-wrapper .videos-section-wrapper { margin: 0 0 50px } .static-content-wrapper.billbed-wrapper .content-wrapper .billbed-projects { margin: 0 0 26px } .static-content-wrapper.billbed-wrapper .content-wrapper .billbed-projects p { margin: 0 0 8px } .static-content-wrapper.billbed-wrapper .content-wrapper .billbed-projects li { color: #ed1c24; line-height: 30px; margin: 0; list-style: none; font-family: 'avenir_lt_std65_medium' } .static-content-wrapper.freshguard-wrapper {} .static-content-wrapper.freshguard-wrapper .freshguard-content { padding: 26px 0 0 30%; position: relative } .static-content-wrapper.freshguard-wrapper .freshguard-content .freshguard-logo { position: absolute; left: 0; top: 0; width: 30%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .static-content-wrapper.freshguard-wrapper .freshguard-content h3 { font-size: 24px; line-height: 26px; font-family: 'avenir_lt_std85_heavy'; margin: 0 0 7px } .static-content-wrapper.freshguard-wrapper .content-wrapper p { line-height: 26px; letter-spacing: -.02em } .static-content-wrapper.freshguard-wrapper .freshguard-listing { padding: 46px 0 0 } .static-content-wrapper.freshguard-wrapper .freshguard-listing li { display: inline-block; vertical-align: top; width: calc(33.33% - 47px); margin: 0 70px 0 0 } .static-content-wrapper.freshguard-wrapper .freshguard-listing li:last-child { margin: 0 } .static-content-wrapper.freshguard-wrapper .freshguard-listing li img { margin: 0 0 14px } .static-content-wrapper.freshguard-wrapper .freshguard-listing li h4 { font-family: 'avenir_lt_std85_heavy'; font-size: 18px; line-height: 26px; color: #000; font-weight: normal; letter-spacing: -.02em; margin: 0 0 14px } .static-content-wrapper .career-tabs { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; margin: 0 0 20px; padding: 0 3px } .static-content-wrapper .career-tabs .selected-value { font-size: 18px; line-height: 24px; color: #000; font-family: 'avenir_lt_std65_medium'; width: 100%; height: 60px; padding: 0 20px; display: none } .static-content-wrapper .career-tabs .selected-value span { display: table-cell; vertical-align: middle; width: 100%; background-image: url(../../resources/images/theme/icons/dropdown-arrow.svg); background-repeat: no-repeat; background-position: right center } .static-content-wrapper .career-tabs ul { list-style: none; margin: 0; padding: 0; position: relative; height: calc(100% + 1px); display: table; width: 100%; height: 80px } .static-content-wrapper .career-tabs ul li { display: table-cell; vertical-align: middle; width: 20%; font-size: 18px; line-height: 24px; color: #000; text-align: center; border-right: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid transparent; margin: 0; font-family: 'avenir_lt_std65_medium' } .static-content-wrapper .career-tabs ul li:last-child { border-right: none } .static-content-wrapper .career-tabs a { color: #000; display: block; vertical-align: top; padding: 10px 5px } .static-content-wrapper .career-tabs ul li.selected { color: #000; border-bottom-color: #ed1c24 } .static-content-wrapper .career-tabs ul li.selected a { color: #000; text-decoration: none } .static-content-wrapper .career-banner { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; overflow: hidden; margin: 0 0 44px } .static-content-wrapper .subtitle { text-align: center; margin: 0 0 39px } .static-content-wrapper .subtitle h2 { font-size: 30px; line-height: 44px; color: #000; margin: 0; font-weight: normal; text-transform: none; display: inline-block; margin: 0 } .static-content-wrapper .currentjobs-list #messages_jobs_view .messages { margin-bottom: 40px } .static-content-wrapper .currentjobs-list .job-listing li { display: inline-block; vertical-align: top; list-style: none; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; width: calc(33.33% - 47px); margin: 0 70px 70px 0; padding: 0 24px; text-align: center } .static-content-wrapper .currentjobs-list .job-listing li:nth-child(3n) { margin: 0 0 70px } .static-content-wrapper .currentjobs-list li a { text-decoration: none } .static-content-wrapper .currentjobs-list li a span { display: block } .static-content-wrapper .currentjobs-list li .job { border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 29px 0 30px } .static-content-wrapper .currentjobs-list li .job .job-title { font-size: 18px; line-height: 25px; color: #404040; font-family: 'avenir_lt_std55_roman' } .static-content-wrapper .currentjobs-list li .job .job-content { font-size: 16px; line-height: 25px; color: #000; font-family: 'avenir_lt_std65_medium' } .static-content-wrapper .currentjobs-list li .industry { padding: 12px 0 16px } .static-content-wrapper .currentjobs-list li .industry .industry-title { font-size: 12px; line-height: 20px; color: #000; font-family: 'avenir_lt_std65_medium'; text-transform: uppercase } .static-content-wrapper .currentjobs-list li .industry .industry-content { font-size: 14px; line-height: 20px; color: #404040; font-family: 'avenir_lt_std55_roman' } .jobs-index-view .main-container { position: static } .static-content-wrapper .job-detail-wrapper {} .static-content-wrapper .job-detail-wrapper h2.job-title { font-size: 30px; line-height: 32px; color: #000; letter-spacing: -.02em; font-family: 'avenir_lt_std65_medium'; text-transform: none; margin: 0 0 15px } .static-content-wrapper .job-detail-wrapper .job-details { margin: 0 0 10px } .static-content-wrapper .job-detail-wrapper .job-details p { display: inline-block; vertical-align: top; padding: 8px 20px 8px 0; margin: 0 } .static-content-wrapper .job-detail-wrapper .job-details .button { padding: 5px 20px; min-width: 0 } .static-content-wrapper .job-detail-wrapper .careerform-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; z-index: 6 } .static-content-wrapper .job-detail-wrapper .careerform-wrapper .overlay { position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .8); width: 100%; height: 100% } .static-content-wrapper .job-detail-wrapper .career-form #ajaxloader { position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .static-content-wrapper .job-detail-wrapper .careerform-wrapper .careerform-container { background-color: #fff; position: absolute; left: 50%; top: 90px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 22px 30px 0; border-radius: 5px; width: 590px; max-width: 90%; z-index: 1 } .static-content-wrapper .job-detail-wrapper .careerform-header .close { background-image: url(../../resources/images/theme/icons/close-icon.svg); background-repeat: no-repeat; background-position: center center; height: 60px; width: 60px; position: absolute; right: 7px; top: 4px; font-size: 0; cursor: pointer } .static-content-wrapper .job-detail-wrapper .careerform-wrapper .job-title { font-size: 24px; line-height: 26px; margin: 0 0 30px; padding: 0 40px 0 0 } .static-content-wrapper .content-wrapper .our-departments li, .static-content-wrapper .content-wrapper .our-brands .brand-logo { display: inline-block; vertical-align: top; width: 33.33% } .static-content-wrapper .content-wrapper .our-brands { margin: 0 0 26px } .static-content-wrapper .content-wrapper .our-brands .brand-logo { width: 20% } @media only screen and (min-width:768px) and (max-width:1024px) { .static-content-wrapper .content-wrapper .women-msg-wrapper .msg-wrapper p { font-size: 24px; line-height: 28px } .static-content-wrapper .currentjobs-list .job-listing li { margin: 0 20px 20px 0; width: calc(33.33% - 14px) } .static-content-wrapper .currentjobs-list .job-listing li:nth-child(3n) { margin: 0 0 20px } } @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .static-content-wrapper.contact-us .contact-details { float: none; width: 100%; padding: 38px 20px 14px } .static-content-wrapper.contact-us .contactus-form { display: block; width: 100%; padding: 40px 0 0 } .static-content-wrapper.contact-us .contactus-form .fieldset-wrapper .form-list li { display: block; margin: 0 0 18px; width: 100% } .static-content-wrapper .currentjobs-list .job-listing li { margin: 0 20px 20px 0; width: calc(50% - 10px) } .static-content-wrapper .currentjobs-list .job-listing li:nth-child(2n) { margin: 0 0 20px } .static-content-wrapper .currentjobs-list .job-listing li:nth-child(3n) { margin: 0 20px 20px 0 } } @media only screen and (max-width:767px) { .static-content-wrapper .static-navigation ul { bottom: 0; padding: 0 0 15px } .static-content-wrapper .static-navigation ul li { display: block; width: 100% } .static-content-wrapper .static-navigation ul li.selected a { text-decoration: underline; border: none } .static-content-wrapper .title h2 { font-size: 30px; line-height: 40px } .static-content-wrapper .content-wrapper h3 { font-size: 18px; line-height: 20px; margin: 0 0 20px } .static-content-wrapper .content-wrapper p, .static-content-wrapper .content-wrapper li { font-size: 14px; line-height: 20px; color: #000 } .product-view .product-faqs-wrapper { width: 100%; padding: 47px 0 0 } .product-faqs-wrapper h3 { font-size: 21px; margin: 0 0 28px } .static-content-wrapper .content-wrapper #accordion2 .accordion-item+.accordion-item { margin: 32px 0 0 } .static-content-wrapper .content-wrapper #accordion2 .accordion-item h4 { font-size: 16px; line-height: 20px; margin: 0 0 10px } .static-content-wrapper .content-wrapper #accordion2 .accordion-item .accordion-content p { font-size: 14px; line-height: 20px; padding: 0 } .static-content-wrapper.contact-us .contact-details { float: none; width: 100%; padding: 38px 20px 14px } .static-content-wrapper.contact-us .contactus-form { display: block; width: 100%; padding: 40px 0 0 } .static-content-wrapper.contact-us .contactus-form .fieldset-wrapper .form-list li { display: block; margin: 0 0 18px; width: 100% } .static-content-wrapper .career-form .buttons-set .button-text { float: none; padding: 20px 0 0; width: 100% } .static-content-wrapper.women-empower .content-wrapper .women-empower-videos, .static-content-wrapper .slider-wrapper.owl-carousel { margin: 0 0 16px; padding: 0 0 50px } .static-content-wrapper .content-wrapper .women-msg-wrapper { padding: 0 20px } .static-content-wrapper .content-wrapper .women-msg-wrapper .msg-wrapper p { font-size: 16px; line-height: 20px } .static-content-wrapper .content-wrapper .women-support { padding-top: 2px; padding-bottom: 2px } .videos-section-wrapper .videos-section .video-wrapper .video-name { padding: 15px 30px; font-size: 14px } .videos-section-wrapper .videos-section.owl-carousel .owl-nav { display: block; text-align: left } .videos-section-wrapper .videos-section.owl-carousel .owl-nav .owl-prev, .slider-wrapper.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; top: 100%; width: 30px; height: 50px; background-position: center center; background-size: 10px auto; display: inline-block; margin: -50px 0 0 } .videos-section-wrapper .videos-section.owl-carousel .owl-nav .owl-next, .slider-wrapper.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; top: 100%; width: 30px; height: 50px; background-position: center center; background-size: 10px auto; margin: -50px 0 0 } .videos-section-wrapper .videos-section.owl-carousel .owl-nav .disabled, .slider-wrapper.owl-carousel .owl-nav .disabled { opacity: .6 } .static-content-wrapper.billbed-wrapper { text-align: center } .static-content-wrapper.billbed-wrapper .title { margin: 0 -20px 35px } .static-content-wrapper.billbed-wrapper .subtitle { margin: 0 -20px 35px; overflow: hidden } .static-content-wrapper.billbed-wrapper .subtitle img { position: relative; left: 50%; width: 140%; max-width: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .static-content-wrapper.billbed-wrapper .content-wrapper p, .static-content-wrapper.billbed-wrapper .content-wrapper li { font-size: 16px; line-height: 24px } .static-content-wrapper.billbed-wrapper .content-wrapper .main-video-wrapper, .static-content-wrapper.billbed-wrapper .content-wrapper .videos-section-wrapper { margin: 0 0 35px } .static-content-wrapper.freshguard-wrapper .freshguard-content { padding: 25% 0 0 } .static-content-wrapper.freshguard-wrapper .freshguard-content .freshguard-logo { width: 50% } .static-content-wrapper.freshguard-wrapper .freshguard-listing li { width: 100%; margin: 0 } .static-content-wrapper .career-tabs { padding: 0 } .static-content-wrapper .career-tabs .selected-value { display: table; cursor: pointer } .static-content-wrapper .career-tabs ul { display: none; border-top: 1px solid rgba(0, 0, 0, .1); height: auto; padding: 16px 0 19px } .static-content-wrapper .career-tabs ul li { width: 100%; display: block; border: none; text-align: left } .static-content-wrapper .career-tabs ul li a { padding: 10px 20px } .static-content-wrapper .career-tabs.active ul { display: block } .static-content-wrapper .currentjobs-list .job-listing li { width: 100%; margin: 0 0 20px } .static-content-wrapper .currentjobs-list .job-listing li:nth-child(3n) { margin: 0 0 20px } .static-content-wrapper .job-detail-wrapper .careerform-wrapper .careerform-container { position: fixed; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; max-width: 100%; border-radius: 0; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 22px 20px 0 } .static-content-wrapper .content-wrapper .our-departments li { display: block; width: 100% } .static-content-wrapper .content-wrapper .our-brands .brand-logo { width: 50% } } .mattress-selector-wrapper { padding: 0 0 70px } .mattress-selector-wrapper .mattress-selector { box-shadow: 0 5px 5px rgba(0, 0, 0, .05); background-color: #fff; border-radius: 5px; overflow: hidden } .mattress-selector-wrapper .title-wrapper { background-color: #ed1c24; background-image: url(../../resources/images/theme/imgs//mattress-title-bg.png.pagespeed.ce.vZus5SKNhs.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; padding: 38px 30px 47px } .mattress-selector-wrapper .title-wrapper .title { background-image: url(../../resources/images/theme/icons/mattress-selector-icon.svg); background-repeat: no-repeat; background-position: left center; padding: 2px 0 0 100px } .mattress-selector-wrapper .title-wrapper .title h2 { font-size: 60px; line-height: 50px; color: #f7d30b; margin: 0 0 3px; font-weight: normal; text-transform: none } .mattress-selector-wrapper .title-wrapper .title h4 { font-size: 18px; line-height: 20px; color: #fff; margin: 0; font-weight: normal; text-transform: none; font-family: 'avenir_lt_std65_medium' } .mattress-selector-wrapper .mattress-questions { padding: 24px 30px 30px } .mattress-selector-wrapper .mattress-questions ul li { font-size: 0 } .mattress-selector-wrapper .mattress-questions ul li+li { margin: 10px 0 0 } .mattress-selector-wrapper .mattress-questions .question { display: inline-block; vertical-align: top; font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, .8); width: calc(100% - 103px); padding: 0 10px 0 0 } .mattress-selector-wrapper .mattress-questions .question .number { display: inline-block; vertical-align: top; height: 30px; width: 30px; border: 2px solid rgba(0, 0, 0, .1); text-align: center; font-size: 16px; line-height: 26px; color: rgba(0, 0, 0, .8); text-align: center; border-radius: 100%; margin: 5px 18px 5px 0 } .mattress-selector-wrapper .mattress-questions .question p { margin: 0; display: inline-block; vertical-align: top; width: calc(100% - 48px); padding: 10px 0 } .mattress-selector-wrapper .mattress-questions .question-options { display: inline-block; vertical-align: top; width: 103px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; padding: 4px } .mattress-selector-wrapper .mattress-questions .question-options .option { display: inline-block; vertical-align: top; width: calc(50% - 3px); font-size: 18px; line-height: 30px; color: rgba(0, 0, 0, .6); text-align: center; text-transform: capitalize; position: relative; font-family: 'avenir_lt_std65_medium'; border-radius: 3px } .mattress-selector-wrapper .mattress-questions .question-options .option+.option { margin: 0 0 0 5px } .mattress-selector-wrapper .mattress-questions .question-options .option input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0 } .mattress-selector-wrapper .mattress-questions .question-options .option:hover { color: #ed1c24 } .mattress-selector-wrapper .mattress-questions .question-options .option.selected { background-color: #ed1c24; color: #fff } .mattress-selector-wrapper .category-products ul.products-grid { margin: 70px 0 0 } .mattress-selector-wrapper .category-products ul.products-grid li { list-style: none } .mattress-selector-wrapper .category-products ul.products-grid li .short-description { border-top: 1px solid #f0f0f0; padding: 14px 0; display: none } .mattress-selector-wrapper .category-products ul.products-grid li .short-description h3 { font-size: 14px; color: #202020; font-family: 'avenir_lt_std65_medium'; text-transform: none; margin: 0px } .mattress-selector-wrapper .category-products ul.products-grid li .short-description .std { color: #202020; font-size: 12px; padding: 0px } .mattress-selector-wrapper .category-products ul.products-grid li .mattress-softness { border-top: 1px solid rgba(0, 0, 0, .1); padding: 30px } .mattress-selector-wrapper .category-products ul.products-grid li .mattress-softness h3 { font-size: 18px; line-height: 20px; color: #000; text-transform: none; margin: 0px } .mattress-softness .scale-container { width: 100%; height: 1px; position: relative; background-color: rgba(0, 0, 0, .1); margin: 42px 0 0 } .mattress-softness .scale-container::before { content: ""; position: absolute; left: 0; top: 50%; margin: -5px 0 0; background-color: rgba(0, 0, 0, .1); width: 1px; height: 10px } .mattress-softness .scale-container::after { content: ""; position: absolute; right: 0; top: 50%; margin: -5px 0 0; background-color: rgba(0, 0, 0, .1); width: 1px; height: 10px } .mattress-softness .scale-container .softness-scale {} .mattress-softness .scale-container .softness-scale::before { content: ""; position: absolute; left: 33.33%; top: 50%; margin: -5px 0 0; background-color: rgba(0, 0, 0, .1); width: 1px; height: 10px } .mattress-softness .scale-container .softness-scale::after { content: ""; position: absolute; right: 33.33%; top: 50%; margin: -5px 0 0; background-color: rgba(0, 0, 0, .1); width: 1px; height: 10px } .mattress-softness .scale-container .softness-scale .softness { background-image: url(../../resources/images/theme/icons/scale-pointer.svg); background-repeat: no-repeat; background-position: center center; width: 11px; height: 16px; position: absolute; left: 0px; top: 0px; margin: -25px 0 0 -5px } .mattress-softness .scale-container .softness-scale .softness.scale1 { left: 0% } .mattress-softness .scale-container .softness-scale .softness.scale2 { left: 33.33% } .mattress-softness .scale-container .softness-scale .softness.scale3 { left: 66.66% } .mattress-softness .scale-container .softness-scale .softness.scale4 { left: 100% } .mattress-softness .softness-labels { font-size: 0; margin: 0 -10px; padding: 22px 0 0 } .mattress-softness .softness-labels label { font-size: 12px; line-height: 20px; color: rgba(0, 0, 0, .8); display: inline-block; vertical-align: top; width: 50%; text-align: left } .mattress-softness .softness-labels label.right { text-align: right } @media only screen and (max-width:767px) { .mattress-selector-wrapper .title-wrapper { background-image: none; padding: 38px 10px 47px; text-align: center } .mattress-selector-wrapper .title-wrapper .title { background-position: center top; padding: 80px 0 0 } .mattress-selector-wrapper .title-wrapper .title h2 { font-size: 32px; line-height: 40px; margin: 0 0 2px } .mattress-selector-wrapper .title-wrapper .title h4 { font-size: 14px; line-height: 20px } .mattress-selector-wrapper .mattress-questions ul li { text-align: right } .mattress-selector-wrapper .mattress-questions { padding: 24px 20px 30px } .mattress-selector-wrapper .mattress-questions .question { display: block; width: 100%; text-align: left } } .not-found-wrapper { text-align: center; padding: 65px 20px 70px } .not-found-wrapper .title { margin: 0 0 30px } .not-found-wrapper h2 { font-size: 40px; line-height: 50px; color: #000; text-transform: none; margin: 0 0 4px } .not-found-wrapper h4 { font-size: 18px; line-height: 20px; color: rgba(0, 0, 0, .6); margin: 0; text-transform: uppercase; font-weight: normal; font-family: 'avenir_lt_std85_heavy' } .not-found-wrapper p { font-size: 16px; line-height: 20px; color: #000; margin: 0 0 65px } .not-found-wrapper p a { font-family: 'avenir_lt_std85_heavy'; color: #000; text-decoration: underline } .not-found-wrapper .not-found-icon { width: 370px; max-width: 100%; display: inline-block } .customer-account .col-left .codnitiveSidenavLeft { display: none } .customer-navigation { border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 0 50px; text-align: center; font-size: 0; margin-top: 67px } .customer-navigation .block-content { margin: 0 } .customer-navigation ul { list-style: none; margin: 0; padding: 0; position: relative; bottom: -1px } .customer-navigation ul li { display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, .8); border-bottom: 1px solid transparent; text-align: center; text-transform: uppercase; margin: 0 20px } .customer-navigation ul li a { color: rgba(0, 0, 0, .8); display: inline-block; vertical-align: top; padding: 10px 0 } .customer-navigation ul li.current { border-color: #221715; color: #000 } .customer-navigation ul li:hover a, .customer-navigation ul li.current a, .customer-navigation ul li.current strong { color: #000; text-decoration: none } .my-account { padding: 0 0 70px } .my-account .fieldset-wrapper { width: 530px; max-width: 100% } .my-account .page-title { text-align: center; margin: 0 0 25px } .my-account .page-title h1 { font-size: 40px; line-height: 50px; color: #000; margin: 0; font-weight: normal; text-transform: none; display: inline-block; border: none } .my-account .title-buttons h1 { display: block; margin: 0 0 20px } .my-account .account-content { font-size: 16px; color: #000; line-height: 20px } .my-account .account-content .box-account { margin: 0 0 35px; border: none; padding: 0 } .my-account .box-reviews { display: none } .my-account .welcome-msg p.hello, body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { font-size: 21px; line-height: 24px; color: #000; margin: 0 0 28px; font-family: 'avenir_lt_std65_medium'; text-transform: none; font-weight: normal } .my-account p, .my-account address, body.customer-account .my-account .addresses-list h3 { font-size: 16px; line-height: 24px; color: #000; margin: 0 0 26px } body.customer-account .my-account .addresses-list h3 { font-weight: normal; margin: 0; text-transform: none; font-family: 'avenir_lt_std85_heavy' } .my-account a { color: #000 } .data-table thead th, .data-table tbody td { border-color: rgba(0, 0, 0, .1); color: #000 } .data-table thead th { background-color: #ed1c24; color: #fff } .order-info-box .box-title h2 { font-size: 16px; line-height: 24px; color: #000; font-family: 'avenir_lt_std85_heavy'; font-weight: normal } .my-account .box-head h2 { font-family: 'avenir_lt_std95_black'; font-weight: normal; color: #202020 } .my-account .box .box-title h3 { font-family: 'avenir_lt_std85_heavy'; font-weight: normal!important; color: #202020 } .my-account .account-content .product-img-box { width: 60% } .my-account .account-content .product-img-box img { width: 100%; height: auto } .my-account .account-content .product-details { float: left; width: 40% } .my-account .account-content .product-details .product-name { display: block; margin: 0px; padding: 0px; font-size: 37px; color: #202020; text-transform: none; font-weight: normal; border: none } .my-account .account-content .product-details h3 { color: #202020; font-size: 16px } .my-account .account-content .product-details .ratings-table tr { display: block; width: 100% } .my-account .account-content .product-details .ratings-table tr th { width: 200px } .my-account .account-content .product-details .ratings-table tr td { width: 70% } .my-account .account-content .product-details dl { margin: 15px 0 0 } @media only screen and (max-width:767px) { .customer-navigation ul li { display: block } } .product-essential .product-img-box .newwhite { position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; background: url(../../resources/images/theme/new-ribbon-big.png.pagespeed.ce.Mf4hJmzlFn.png) no-repeat left top; z-index: 1 } .product-essential .product-img-box .salelime { position: absolute; left: 10px; top: 10px; width: 100px; height: 100px; z-index: 1 } .product-essential .product-img-box .salelime span { display: none } .product-view .product-shop .extra-info { float: none; max-width: 100%; clear: none; padding: 0px; margin: 0px 0 0px } .product-view .product-essential .extra-info .ratings { margin: 0px } .product-view .product-essential .extra-info .ratings .rating-box { margin: 2px 10px 2px 0 } .product-view .product-essential .extra-info .ratings .rating-links { clear: none; margin: 0px } .product-collateral .toggle-tabs { border: 1px solid #ddd; background: #f8f8f8; overflow: hidden } .product-collateral .toggle-tabs li { width: 34.33%; text-align: center; padding: 0 9px 0 0; background: url(../../resources/images/theme/toggle-tab-seprator.png.pagespeed.ce.4Zp_fn5wu4.png) no-repeat right top; position: relative; margin: 0 0 0 -1%; float: left } .product-collateral .toggle-tabs li span { padding: 0 0 0 9px } .product-collateral .toggle-tabs li span span { padding: 0; display: block } .product-collateral .toggle-tabs li+li {} .product-collateral .toggle-tabs li.current { border: none; background: url(../../resources/images/theme/toggle-tab-seprator-right.png.pagespeed.ce.RzUU5jlCSF.png) no-repeat right top } .product-collateral .toggle-tabs li.current>span { background: url(../../resources/images/theme/toggle-tab-seprator-left.png.pagespeed.ce.94G5cvEGDk.png) no-repeat left top } .product-collateral .toggle-tabs li>span { bottom: 0px; font-size: 16px; color: gray; text-transform: none; background: none; display: block } .product-collateral .toggle-tabs li:hover span { color: #3b4fc7 } .product-collateral .toggle-tabs li.current span span { font-size: 21px; color: #fff; background: #3b4fc7 } .product-collateral .toggle-tabs li.last { background: none } .product-collateral .toggle-tabs li.current.last { padding: 0px } .product-collateral .toggle-tabs li.current.last span { padding: 0 0 0 9px } .product-collateral .toggle-tabs li.current.last span span { padding: 0; background: #3b4fc7 } .product-collateral .tab-container { border: none; padding: 38px; min-height: 380px } .product-collateral .tab-container .std h3 { margin: 0px; padding: 0px; font-size: 16px; color: #202020; text-transform: none } .product-collateral .tab-container .std { font-size: 16px; color: gray } .product-collateral .tab-container .std p { margin: 0px; font-size: 16px; color: #444; padding: 0px; display: block } .product-view.accessories .down-panal { display: none } .product-view.accessories .product-information .product-videos-wrapper, .product-view.bundles .down-panal, .product-view.bundles .product-information .product-videos-wrapper {} #customer-reviews .form-add .review-heading { border: none; border-top: 1px dotted #828282; padding: 16px 30px 0; font-size: 14px; color: #075ca0 } #customer-reviews h1 { font-size: 25px; color: #505050; text-transform: capitalize } #customer-reviews .form-add { max-width: 640px } .form-add .form-list { padding: 0 } .form-add .form-list li { margin: 0 0 20px } .form-add .form-list li>label { color: #878379; float: left; font-size: 12px; font-weight: normal; line-height: 30px; text-transform: uppercase } .form-add .form-list li .input-box input, .form-add .form-list li .input-box textarea { border: 1px solid #d7d2cb; height: 30px; resize: none; width: 100%; font-size: 12px } .form-add .form-list li .input-box input:focus, .form-add .form-list li .input-box textarea:focus { border: 2px solid #000 } .form-add .form-list li .input-box textarea { height: 207px } .form-add .form-list li .input-box, .form-add .form-list li .select-box { float: right; width: 375px; padding: 0px } .form-add .form-list li .input-box .review-detail>span { font-size: 11px; color: #919191 } .form-add .form-list li .input-box .review-detail .detail-des { border-radius: 5px; border: 1px solid #c9c9c9; background: #f6f6f6; font-size: 12px; color: #646464; padding: 9px 15px 15px; line-height: 24px; margin: 5px 0 0 } .form-add .form-list li .input-box .review-detail .detail-des .heading-detail { font-size: 13px; color: #075ca0; display: block } .form-add .form-list li .input-box .review-detail .detail-des li { list-style: inside } .form-add .form-list li .input-box .review-detail .detail-des li ul { padding: 0 0 0 33px } .form-add .form-list li .input-box .review-detail .detail-des li ul li { list-style: circle } #customer-reviews .buttons-set { width: 100%; padding: 0 30px } #customer-reviews .rating-area { padding: 0 0 20px } #customer-reviews .rating-area .form-list { padding: 0 } #customer-reviews .rating-area .form-list li label { width: auto; margin: 0 15px 0 0 } #customer-reviews .rating-area .form-list li .input-box { width: auto; float: left; padding: 2px 0; position: relative } #customer-reviews .rating-area .form-list li .input-box label { color: #075ca0; line-height: 1.5; font-size: 12px } #customer-reviews .rating-area .form-list li .input-box label .validation-advice { position: absolute; left: 0px; top: 20px; width: 300px } #customer-reviews .rating-area .form-list li .input-box label input { position: relative; top: 2px } #customer-reviews .rating-area h4 { color: #3b4fc7; font-size: 20px } .product-collateral .collateral-tabs .tab-container #customer-reviews p.no-rating a.add-review-form { display: none } .form-add .form-list li.recommendtofriend .input-box { width: auto; max-width: 375px; padding: 5px 0 0 } .form-add .form-list li.recommendtofriend .input-box label { font-size: 14px; color: #075ca0; width: 26px; text-align: center } .form-add .form-list li.recommendtofriend .input-box label span { display: block } #customer-reviews .rating-bars label { width: 160px; color: #075ca0; font-size: 13px; display: block; font-weight: normal; float: left; line-height: 25px } #customer-reviews .rating-bars .input-box { width: 375px; padding: 10px 0 9px; float: right; position: relative } #customer-reviews .rating-bars .input-box .validation-advice { position: absolute; left: 85px; top: 1px } #customer-reviews .rating-bars .input-box .value { float: left; margin: 0 1px 0 0 } #customer-reviews .rating-bars .input-box .rating-bar { background: url(../../resources/images/theme/rating-bar.png.pagespeed.ce.cFv0oZV5Ef.png) no-repeat left top; height: 6px; width: 14px; cursor: pointer } #customer-reviews .rating-bars .input-box .rating-bar input { position: relative; top: -6px; opacity: 0; cursor: pointer; width: 15px; height: 15px } #customer-reviews .rating-bars .input-box .rating-bar.active, #customer-reviews .rating-bars .input-box .rating-bar:hover { background: url(../../resources/images/theme/rating-bar-active.png.pagespeed.ce.d9pVVJWNNL.png) no-repeat left top } #customer-reviews .button { background: #3b4fc7; height: 40px; float: right; padding: 0px; text-transform: none; text-align: center } #customer-reviews .button span { padding: 0 10px; font-size: 16px; color: #fff; display: block } #customer-reviews .button span span { padding: 0; display: block } #customer-reviews .button:hover { background: #4f62d5 } .rating-box { background: url(../../resources/images/theme/rating-stars.png.pagespeed.ce.y-gxhuRndj.png) no-repeat left top!important; width: 93px!important; height: 12px!important } .rating-box .rating { background: url(../../resources/images/theme/rating-stars-active.png.pagespeed.ce.4bxhCThq4j.png) no-repeat left top!important; max-width: 100%!important; height: 12px!important } #customer-reviews .customer-reviews-list .review-heading { border: none; text-align: center; margin: 0 0 20px; padding: 0 } .review-holder { overflow: hidden; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #e5e5e5 } .review-left { float: left; margin-top: 5px; min-width: 180px; padding-right: 10px; width: 20% } .review-right { float: left; padding-left: 20px; width: 80%; font-size: 20px } .ratings-table { margin: 0 0 20px } .review-meta .meta { display: block; margin: 0 0 10px } #customer-reviews .customer-reviews-list .review-heading h2 { color: #3b4fc7; font-size: 25px; margin: 0px } #customer-reviews .customer-reviews-list .review-heading h2 span { color: #ee2e24; font-size: 12px } #customer-reviews .customer-reviews-list dt { font-size: 17px; color: #075ca0; text-transform: none; padding: 10px 30px 0; margin: 0px } #customer-reviews .customer-reviews-list dt h1 { font-size: 17px; color: #3b4fc7; margin: 0px; font-family: 'avenir_lt_std85_heavy' } #customer-reviews .customer-reviews-list dd { border-bottom: 1px dotted #828282; margin: 0px; font-size: 12px; color: #7a7a7a; line-height: 16px; padding: 0 30px 20px } #customer-reviews .customer-reviews-list dd .review-meta { font-size: 12px; color: #7a7a7a; text-transform: none } #customer-reviews .customer-reviews-list dd table { margin: 11px 0 } #customer-reviews .customer-reviews-list dd table.ratings-table tr { float: none; margin: 0px } #customer-reviews .customer-reviews-list dd table.ratings-table tr th { color: #075ca0; font-size: 13px; width: 160px; text-transform: none; line-height: 25px } #customer-reviews .customer-reviews-list dd table.ratings-table tr .rating-box.rating-bars { background: url(../../resources/images/theme/rating-bar.png.pagespeed.ce.cFv0oZV5Ef.png) repeat-x left top!important; width: 75px!important; height: 6px!important; margin: 10px 0 9px } #customer-reviews .customer-reviews-list dd table.ratings-table tr .rating-box.rating-bars .rating { background: url(../../resources/images/theme/rating-bar-active.png.pagespeed.ce.d9pVVJWNNL.png) repeat-x left top!important } #customer-reviews .customer-reviews-list dd table.ratings-table.overall-rating th {} .mattress-size { width: 100%; margin: 0 0 25px } .mattress-size td, .mattress-size th { padding: 5px 10px; border: 1px solid #ddd } .mattress-size th { font-family: 'avenir_lt_std65_medium'; color: #404040 } .not-found { background: url(../../resources/images/theme/notfound-bg.png.pagespeed.ce.VsVDWAhOXd.png) no-repeat left top; width: 100%; max-width: 679px; min-height: 380px } .not-found .notfound-error { padding: 13px 35px } .not-found h1 { color: #eb1d24!important; font-size: 120px; margin: 0px; font-family: 'avenir_lt_std95_black'; font-weight: normal } .not-found h2 { color: #0e499b!important; font-size: 37px; font-family: 'avenir_lt_std85_heavy'; margin: 0px; line-height: 42px } .not-found h3 { font-size: 21px; color: #0e499b; font-family: 'avenir_lt_std55_roman'; text-transform: none; margin: 0px } .not-found .notfound-msg { padding: 24px 0 } .not-found .notfound-msg p { font-style: normal; font-size: 14px; color: #202020; font-family: 'avenir_lt_std45_book'; margin: 0px; line-height: 20px } .not-found .notfound-msg p a { font-family: 'avenir_lt_std65_medium'; font-size: 14px; color: #0e499b } @media only screen and (max-width:900px) { .review-left { float: none; padding: 0 } .review-right { float: none; padding: 0 } } @media only screen and (max-width:767px) { #customer-reviews h1 { font-size: 20px } .review-right { font-size: 12px } #customer-reviews .rating-area h4 { font-size: 11px } .page-title.category-title { padding: 0 10px; margin: 0 0 30px } .product_filters .block-content p.block-subtitle { margin: 0 5px 0 0 } .product_filters .block-content #narrow-by-list { margin: 0 5px 0 0 } .product_filters .block-content #apply-filters { margin: 0 5px 0 0 } .product_filters .block-content #resetfilter { margin: 0 } .rating-box { background-size: 93px 12px!important } .rating-box .rating { background-size: auto 12px!important } .category-landingpage .category-link { width: 50% } .product-collateral .toggle-tabs li { margin: 0 0 0 -2%; width: 35.33% } .product-collateral .tab-container { padding: 20px } .product-collateral>dl>dt.current { border-bottom-width: 1px; background-color: #3b4fc7; color: #fff; border-color: #3b4fc7 } .product-collateral>dl>dd.current { display: block } #customer-reviews .customer-reviews-list .review-heading { padding: 0 0 5px } #customer-reviews .customer-reviews-list .review-heading h2 { font-size: 20px } #customer-reviews .customer-reviews-list .review-heading h2 span { font-size: 15px } #customer-reviews .customer-reviews-list dt { padding: 10px 0px 0 } #customer-reviews .customer-reviews-list dd { padding: 0 0 20px } #customer-reviews .rating-area { padding: 0px } #customer-reviews .rating-area h4 { font-size: 11px } #customer-reviews .rating-bars label { width: 30% } #customer-reviews .rating-bars .input-box { width: 70%; max-width: 375px } .form-add .form-list { padding: 0px } .form-add .form-list li>label { width: 30% } .form-add .form-list li .input-box, .form-add .form-list li .select-box { width: 70%; max-width: 375px } #customer-reviews .buttons-set { padding: 0px } .header-minicart .minicart-wrapper .cart_header { height: 125px } .header-minicart .minicart-wrapper .cart_header .top-checkout { padding: 20px 20px 10px; min-height: 0px } .header-minicart .block-cart ul li .remove { right: 0px } } .compare { padding-top: 0px!important; padding-bottom: 6px!important } .mattress-detail small { font-size: 12px; font-family: 'avenir_lt_std45_book'; background: url(../../resources/images/down-arrow.png.pagespeed.ce.DN_clkhYh0.png) center bottom no-repeat; padding-bottom: 10px } .down-panal input { background: url(../../resources/images/input.png.pagespeed.ce.ixXLCVUv4X.png) no-repeat scroll right 10px top 9px #fff; border: 2px solid #3b4fc7; padding: 5px 10px; padding-right: 26px; font-size: 10px; color: #3b4fc7; text-transform: uppercase } .down-panal { padding-bottom: 10px } @media only screen and (min-width:768px) and (max-width:1023px) { .product-img-box .product-name { display: none } .cms-page-view .main-container .col-main .std { padding: 0 10px } .static-content .policies-tabs ul li a { font-size: 12px } .static-content .page-title .about-titile h1 { font-size: 88px } } #bubble-image { display: none!important } .opc.opc-firststep-login { padding-bottom: 50px } .Ramadan-Offer-Page { width: 100%; margin-bottom: 60px; background-size: 100%; background: #2561ae url(../../resources/images/ramdan-track.png.pagespeed.ce.GQr5hUR5Gy.png) no-repeat top center; float: left } .Ramadan-Offer-two { width: 100%; padding: 0px 9.5%; background-size: 100%; background: #ec2027 url(../../resources/images/Ramzan-Offer-page_11.png.pagespeed.ce.EeOXeL57JI.png) no-repeat top center; float: left } .Ramadan-Offer-three { width: 100%; padding: 0px 9.5%; background-size: 100%; background: #2561ae url(../../resources/images/Ramzan-offer-bottom-bg.png.pagespeed.ce.WI6XSHWjNQ.png) no-repeat top center; float: left } .Ramadan-Offer-three h2 { padding-top: 40px; text-transform: capitalize; text-decoration: none; letter-spacing: 1px; color: #fff!important; font-family: 'avenir_lt_std95_black'; font-size: 24px } .Ramadan-Offer-three img { width: 70%; margin-top: 40px; margin-left: 30px } .Ramadan-Offer-three h3 { padding-top: 40px; text-transform: capitalize; text-decoration: none; letter-spacing: 1px; color: #fd0!important; font-family: 'avenir_lt_std95_black'; font-size: 24px } .Ramadan-Offer-three p { padding-top: 40px; color: #fff; font-family: 'avenir_lt_std45_book'; font-size: 24px } .Ramadan-Offer-three p a { color: #fd0 } .Ramadan-Offer-two h3 { padding-top: 85px; text-transform: capitalize; text-decoration: underline; letter-spacing: 1px; color: #fff; font-family: 'avenir_lt_std95_black'; font-size: 24px } .Ramadan-Offer-two h4 { text-transform: capitalize; padding: 10px 0px; color: #fddc00; font-family: 'avenir_lt_std95_black'; font-size: 20px } .Ramadan-Offer-two p { text-transform: capitalize; letter-spacing: 0px; padding: 5px 0px; color: #fff; font-family: 'dtl_nobelt_condensed_regular'; font-size: 18px } .Ramadan-Offer-two a { text-transform: capitalize; letter-spacing: 0px; padding: 5px 0px; text-decoration: underline; color: #fff; font-family: 'dtl_nobelt_condensed_regular'; font-size: 18px } .Ramadan-Offer-two a img { width: 40%; display: inline-block } .Ramadan-Offer-one { padding-top: 300px; width: 80%; margin: auto } .Ramadan-Offer-logo img { width: 50% } .Ramadan-Offer-Page .factory-video { height: auto; width: auto; margin-top: 40px; text-align: center } .Ramadan-Offer-one p { padding-top: 40px; color: #fff; font-family: 'avenir_lt_std45_book'; font-size: 24px } .Ramadan-Offer-one h4 { padding-top: 40px; text-transform: capitalize; text-decoration: underline; letter-spacing: 1px; color: #fff; font-family: 'avenir_lt_std95_black'; font-size: 24px } .discount-panel { width: 380px } .discount-panel h1 { background: url(../../resources/images/cupon-code-ramadan.png.pagespeed.ce.Y4mTSInypR.png) no-repeat top center; height: 45px; line-height: 55px; color: #2561ae!important; font-family: 'avenir_lt_std95_black'; padding-left: 20px; background-size: 100%; font-size: 18px; display: block; width: 100% } @media only screen and (min-width:320px) and (max-width:767px) { .Ramadan-Offer-Page { background-size: 100% } .Ramadan-Offer-logo img { width: 100% } .Ramadan-Offer-one p { font-size: 18px } .Ramadan-Offer-one h4 { font-size: 14px; letter-spacing: 1px; padding-top: 0px } .Ramadan-Offer-two { padding: 0px 4.5% } .Ramadan-Offer-two h3 { font-size: 18px; padding-top: 40px } .Ramadan-Offer-two h4 { font-size: 14px } .Ramadan-Offer-two p { font-size: 14px } .Ramadan-Offer-two a img { width: 100% } .Ramadan-Offer-three h2 { font-size: 18px; padding-top: 0px } .Ramadan-Offer-three img { margin-left: 0px; width: 100% } .Ramadan-Offer-three h3 { font-size: 16px } .Ramadan-Offer-three p { font-size: 13px } .Ramadan-Offer-one { margin: auto; padding-top: 236px; width: 95% } .Ramadan-Offer-Page .factory-video { width: 100% } .Ramadan-Offer-Page .factory-video video { height: 250px!important; width: 100% } .discount-panel { width: 215px } .discount-panel h1 { padding-left: 12px; line-height: 44px; font-size: 11px } .Ramadan-Offer-one { margin: auto; padding-top: 80px; width: 95% } .newsletter-popup-new .newsletter-cont { background: rgba(0, 0, 0, 0) url("../../resources/images/pop-up_01.png") no-repeat scroll center top / 100% 100% !important; height: 200px!important; left: 50%; margin-left: -150px!important; margin-top: -100px!important; padding: 0; position: fixed; text-align: center; top: 50%; width: 300px!important } } .Ramadan-Offer-logo { display: none } .newsletter-popup-new { background: rgba(0, 0, 0, .5) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999 } .newsletter-popup-new .newsletter-cont { background: url("../../resources/images/pop-up_01.png") no-repeat scroll center top / 100% auto; height: 270px; left: 50%; margin-left: -250px; margin-top: -135px; padding: 0; position: fixed; text-align: center; top: 50%; width: 500px } .newsletter-popup-new .block-subscribe .block-title { background: rgba(0, 0, 0, 0) url("../../resources/images/be-the-first-new.png") no-repeat scroll center top / 100% auto; display: block!important; font-size: 0; height: 140px; margin-bottom: 0; margin-top: 40px } .newsletter-popup-new .block-subscribe .block-title .be-the-first { display: none } .newsletter-popup-new .block-subscribe #newsletter-validate-detail .input-box { display: inline-block; float: none; margin: auto; width: 50% } .newsletter-popup-new .block .actions { display: inline-block; float: none; height: 39px; letter-spacing: 3px; margin: 12px auto auto -20px; vertical-align: top; width: 30% } .newsletter-popup-new .block-subscribe #newsletter-validate-detail .input-box input { background: #fff; border: 1px solid #999a9a; text-transform: uppercase; border-radius: 0; box-shadow: none; text-align: left; font-family: 'HelveticaNeueLTStd-Roman'; color: #9e9e9e; height: 40px; letter-spacing: 1px; line-height: 40px; margin-top: 10px; font-size: 11px; margin-bottom: -1px; padding: 10px 15px!important; width: 100% } .newsletter-popup-new .form-subscribe-header label { display: none } .newsletter-popup-new .block-subscribe .block-title strong span { color: #313131; display: none; font-size: 18px } .newsletter-popup-new .news-label { display: block!important; padding: 5px 0 10px; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; color: #a3a3a3 } .newsletter-popup-new .block .actions .button { float: none; height: 40px; background: #a5191c; letter-spacing: 1px; font-size: 11px; color: #fff; margin: auto; width: 100% } .newsletter-popup-new .block .actions .button:hover { background: #000; color: #fff } .newsletter-popup-new .block .actions .button:hover span, .newsletter-popup-new .block .actions .button:hover span span { color: #fff } .newsletter-popup-new a { height: 100%; width: 100%; display: block } .newsletter-popup-new .dg-container { display: none } .newsletter-popup-new #bg-popup span { background: url(../../resources/images/close-poppup.png.pagespeed.ce.NE_-vjtoto.png) no-repeat scroll center top; color: #000; background-size: 100%; cursor: pointer; display: block; font-family: 'HelveticaNeueLTStd-Roman'; font-size: 0; height: 40px; width: 40px } .hurry-up-banner { background: rgba(0, 0, 0, 0) url(../../resources/images/hurry-up.png) no-repeat scroll center top; display: inline-block; height: 600px; width: 600px } .newsletter-popup-new #bg-popup { position: absolute; right: 0; top: 3px; z-index: 9 } .newsletter-popup-new .heading-inner-poppup { width: 80%; text-align: center; display: none; margin: auto; padding: 33px 0 15px; border-top: 1px solid #e5e5e5 } .newsletter-popup-new .heading-inner-poppup h3 { font-size: 14px; text-transform: capitalize; color: #000 } body>iframe { display: none!important } .sale-sticker { position: absolute; right: 0; top: 0; width: 75px; padding: 4px 5px; background: red; color: #fff; font-weight: bold; display: none } .motly-video-page { width: 100%; text-align: center } .motly-video-page ul li { list-style: none; width: 100%; float: left; margin-left: 0px; margin-bottom: 30px } .motly-video-page ul li iframe { width: 90%!important; margin: auto } .motly-video-page ul li:last-child { margin-bottom: 100px } .motly-video-page .category-title { background: url(../../resources/images/theme/category-title-bg.png.pagespeed.ce.CZVBS0S61U.png) repeat-x left center; padding: 0px; margin: 0 0 31px; text-align: center } .motly-video-page .category-title h1 { padding: 0 20px; background: #f2f2f2; font-weight: normal; font-size: 28px; color: #202020; text-transform: uppercase; display: inline-block; margin: 0px } @media all and (max-width:767px) { .motly-video-page ul li iframe { width: 100%!important; margin: auto; height: 200px!important } .sale-sticker { font-size: 14px; height: 25px } } .product-view .master-promises-wrapper .promises-wrapper .promise.quality { display: none } .product-view.accessories .master-promises-wrapper .promises-wrapper .promise.quality { display: inline-block } .product-view.accessories .master-promises-wrapper .promises-wrapper .promise.quality p { background-image: url(../../resources/images/theme/promise-icon-quality.svg) } .product-view.accessories .master-promises-wrapper .promises-wrapper .promise.try { display: none } .product-view .master-promises-wrapper .master-promise .block-content .promise.promise-accessories, .product-view.accessories .master-promises-wrapper .master-promise .block-content .promise { display: none } .product-view.accessories .master-promises-wrapper .master-promise .block-content .promise.promise-accessories { display: inline-block } .reward-notification-bar { height: 30px; background: #194785; padding: 0 30px; position: relative; z-index: 9 } .reward-notification-bar p { line-height: 30px; color: #fff; font-size: 13px } .reward-notification-bar p a { color: #fff; text-decoration: underline } .reward-notification-bar .close-bar { position: absolute; right: 20px; top: 8px; color: #fff; font-weight: bold; cursor: pointer; width: 20px } @media all and (max-width:767px) { .reward-notification-bar .close-bar { right: 0 } } .login-container .fieldset-wrapper .form-list li label[for="dob"] { padding-top: 10px } .login-container .fieldset-wrapper .form-list li label[for="anniversary"] { padding-top: 10px } .cms-rewards-point-info .main-container { width: 100%; padding-bottom: 20px } .reward-points, .cms-rewards-point-info .breadcrumbs { width: 80%; max-width: 1920px; margin: 0 auto } .reward-points .main-header { margin-bottom: 70px } .main-header img { width: 100% } .points-table { margin-bottom: 90px } .Rtable { display: flex; flex-wrap: wrap; margin: 0 0 3em 0; padding: 0 } .Rtable-cell { box-sizing: border-box; flex-grow: 1; width: 100%; padding: .8em 1.2em; overflow: hidden; list-style: none; border: solid 1px #dedede; height: 290px; text-align: center; display: flex; justify-content: center; align-items: center } .Rtable-cell>h1, .Rtable-cell>h2, .Rtable-cell>h3, .Rtable-cell>h4, .Rtable-cell>h5, .Rtable-cell>h6 { margin: 0 } .Rtable--2cols>.Rtable-cell { width: 50% } .Rtable--3cols>.Rtable-cell { width: 33.33% } .Rtable--4cols>.Rtable-cell { width: 25% } .Rtable--5cols>.Rtable-cell { width: 20% } .Rtable--6cols>.Rtable-cell { width: 16.6% } .reward-points .Rtable-cell h3 { color: #ee383f; font-size: 40px; margin-bottom: 10px; margin-top: 30px; font-family: 'avenir_lt_std65_medium'; text-transform: none } .reward-points .Rtable-cell p { font-size: 24px; margin: 0 0 20px; font-family: 'avenir_lt_std55_roman'; color: rgba(0, 0, 0, .87); letter-spacing: -.02em; line-height: 35px } .Rtable-cell .icon img { display: inline-block } .reward-points h1, .reward-points h2 { color: #000 } .reward-points h1 { font-size: 40px; font-family: 'avenir_lt_std65_medium'; text-transform: none; margin-bottom: 20px; margin-top: 20px; letter-spacing: .02em } .reward-points h2 { font-size: 21px; font-family: 'avenir_lt_std95_black'; letter-spacing: .05em; line-height: 25px; margin-bottom: 22px } .reward-points p, .reward-points li { font-size: 16px; font-family: 'avenir_lt_std65_medium'; color: rgba(0, 0, 0, .87) } .cms-rewards-point-info .reward-points ol { margin-top: 10px } .cms-rewards-point-info .reward-points li { margin-left: 18px; line-height: 28px } .reward-points .intro { margin-bottom: 52px } .signup-banner { background: #194786; text-align: center; padding: 50px 0; max-height: 252px; margin-bottom: 85px } .signup-banner h1 { color: #fff; font-family: 'avenir_lt_std95_black'; text-transform: uppercase; font-size: 40px; letter-spacing: -.01em; margin-bottom: 34px } .signup-banner button { border: 2px solid #fff; border-radius: 2px; width: 212px; min-width: 200px; background-color: transparent; padding: 14px 5px } .signup-banner button span { color: #fff; font-size: 20px; text-transform: uppercase } @media all and (min-width:768px) and (max-width:992px) { .Rtable--3cols>.Rtable-cell { width: 50% } .signup-banner h1 { font-size: 32px } } @media all and (max-width:921px) { .signup-banner { margin-left: -30px; margin-right: -30px } } @media all and (max-width:767px) { .Rtable--3cols>.Rtable-cell { width: 100% } .signup-banner h1 { font-size: 32px } .reward-notification-bar { padding: 0 20px } } @media all and (min-width:768px) { .hide-mobile { display: block } .show-mobile { display: none } } @media all and (max-width:767px) { .hide-mobile { display: none } .show-mobile { display: block } .show-reward-bar .reward-notification-bar { position: fixed; left: 0; top: 0; width: 100% } .cms-home.show-reward-bar .main-container { padding-top: 105px } } .show-reward-bar .page-header { margin-top: 30px } .rewards-referral-index.customer-account .rewards-social-buttons { display: none } .dashboard .box-account.box-info p { font-size: 18px } .opc-ajax-loader.rewards-loader { display: block!important } body.cms-home .slideshow-container { margin-top: 0 } .slideshow .banner-msg { position: absolute; text-align: center; text-transform: uppercase; width: 100%; top: 30%; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } .slideshow .banner-msg h2 { color: #fff; font-size: 24px; text-shadow: 1px 1px 3px #555 } .slideshow .banner-msg h2 strong { font-weight: bold; display: block; font-size: 36px } @media only screen and (max-width:770px) { .slideshow .banner-msg h2 { font-size: 20px } .slideshow .banner-msg h2 strong { font-size: 24px } } @media only screen and (max-width:479px) { .slideshow .banner-msg { top: 20% } .slideshow .banner-msg h2 { font-size: 14px } .slideshow .banner-msg h2 strong { font-size: 16px } } .promos { margin: 0 0 10px 0; padding: 0; width: 100% } .promos:after { content: ''; display: table; clear: both } body .promos>li { margin: 0 0 10px 0; list-style: none; text-align: center; position: relative; border: 1px solid #ccc; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } .promos>li:last-child { margin-bottom: 0 } .promos img { max-width: 100%; width: 100% } .promos a:hover { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: .8; display: block } .promos span { color: #fff; text-transform: uppercase; position: absolute; display: block; width: 100%; top: 10%; font-weight: 500; font-size: 20px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-shadow: 1px 1px 3px #555 } .promos strong { font-weight: 600; font-size: 26px; display: block } @media only screen and (min-width:771px) { .promos span { font-size: 16px } .promos strong { font-size: 17px } body .promos>li { float: left; width: 31.74603%; margin-right: 2.38095% } .promos > li:nth-child(3n) { margin-right: 0 } } @media only screen and (min-width:880px) { .promos span { font-size: 18px } .promos strong { font-size: 24px } } .cms-index-index .products-grid .ratings, .cms-index-index .products-grid .actions, .cms-index-noroute .products-grid .ratings, .cms-index-noroute .products-grid .actions { display: none } .cms-index-index h2.subtitle { padding: 6px 0; text-align: center; color: #39c; font-weight: 600; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc } .cms-index-noroute h2.subtitle { display: none } .category-image { position: relative } .categorylandingMainblock { border: 1px solid #e2e2e2; padding: 7px } .catblocks { float: left; padding: 0 0 20px 0; width: 100% } .catblocks li { position: relative; float: left!important; width: 23%!important; margin-right: 2.66667%!important; margin-bottom: 10px; border: 1px solid #ccc; padding: 10px } .catblocks li:hover { border-color: #39c } @media only screen and (max-width:770px) { .catblocks li { width: 49%!important; margin-right: 2%!important } .catblocks li:nth-child(even) { margin-right: 0!important } } @media only screen and (max-width:479px) { .catblocks li { width: 100%!important; margin-right: 0!important; float: none } } .catblocks li:last-child { margin-right: 0!important } .catblocks li img { width: 100%; max-width: 100% } .catblocks li a span { color: #fff; position: absolute; background-color: #7b7c7b; font-family: raleway; font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; margin-right: 10px } .catblocklinks a { color: #fff; text-decoration: none } .catlandingbottomPromoblock { float: left; width: 100%; border: 1px solid #e2e2e2; margin-bottom: 100px } .catalog-category-view div.categoryland-caption { display: block; margin: 0; position: absolute; color: #000; font-size: 30px; font-weight: 500; line-height: 36px; text-align: center } .catalog-category-view div.categoryland-caption span.blue-big-text { color: #39c; font-size: 50px; font-weight: 800; padding: 0 0 0 8px } .catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0!important } .catalog-category-view div.categoryland-caption span.three-dots { background: url(../../resources/images/bg_threeDots.png) no-repeat center center; display: block; height: 20px } .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565 } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover, .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover { text-decoration: underline; color: #1189c5 } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text, .catalog-category-view div.categoryland-caption span.blue-big-text { color: #39c; font-size: 50px; font-weight: 800; padding: 0 0 0 8px } .catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0!important } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots, .catalog-category-view div.categoryland-caption span.three-dots { background: url(../../resources/images/bg_threeDots.png) no-repeat center center; display: block; height: 20px } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc, .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565 } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none } .flexslider { margin: 0; padding: 0 } .flexslider ul { list-style: none } .flexslider .slides { list-style: none } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; margin: 0px } .flexslider .slides img { width: 100%; display: block } .flex-pauseplay span { text-transform: capitalize } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides>li:first-child { display: block } .flexslider { margin: 0; position: relative; zoom: 1 } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .flexslider .slides { zoom: 1 } .carousel li { margin-right: 5px } .flex-direction-nav { *height: 0 } .flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../../resources/css/magestore/bannerslider/image/bg_direction_nav.png.pagespeed.ce.9ZVzC7_Jsk.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0 } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px } .flex-direction-nav .flex-prev { left: -36px } .flexslider:hover .flex-next { opacity: 1; right: 100px } .flexslider:hover .flex-prev { opacity: 1; left: 100px } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default } .flex-control-nav { position: absolute; bottom: 0px; right: 0; text-align: center } .flex-control-nav li { margin: 0 14px; display: inline-block; zoom: 1; *display: inline } .flex-control-paging li a { width: 12px; height: 12px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: .5 } .flex-control-paging li a:hover { opacity: 1 } .flex-control-paging li a.flex-active { opacity: 1; cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 24.6%; float: left; margin: 0 .2% } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } @media screen and (max-width:860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0 } .flex-direction-nav .flex-next { opacity: 1; right: 0 } } div.theatre-cover{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.9); z-index: 2000; display: none; } div.theatre-cover a.muje-band-kro{ position: absolute; right: 20px; top: 20px; color: #fff; font-size: 20px; text-decoration: none; } div.theatre-cover iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; width: 70%; height: 70%; } div.theatre-cover img{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; } div.theatre-cover .content{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; padding: 15px; background: #fff !important; margin: 100px auto; overflow: auto; max-height: 500px; } div.theatre-cover .content table tr td img{ width: 100px; position: relative; } .pro-box-img{ width: 100%; height: 200px; overflow: hidden; text-align: center; object-fit: none; -webkit-object-fit: none; -moz-object-fit: none; -o-object-fit: none; -ms-object-fit: none; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; } .pro-box-img img{ cursor: pointer; height: 100%; min-width: 100%; left: 50%; position: relative; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: all 0.65s; -webkit-transition: all 0.65s; -moz-transition: all 0.65s; -o-transition: all 0.65s; -ms-transition: all 0.65s; opacity: 1; } .pro-box-img img:hover{ opacity: .7; transition: all 0.65s; -webkit-transition: all 0.65s; -moz-transition: all 0.65s; -o-transition: all 0.65s; -ms-transition: all 0.65s; }