@charset "UTF-8"; /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: 'Proxima Nova'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regular-webfont.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regular-webfont.woff2") format("woff2"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regular-webfont.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regular-webfont.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regitalic-webfont.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regitalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regitalic-webfont.woff2") format("woff2"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regitalic-webfont.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regitalic-webfont.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-regitalic-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Proxima Nova Semibold'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-semibold.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-semibold.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-semibold.woff2") format("woff2"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-semibold.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-semibold.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-semibold.svg#proxima_nova_rgregular") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova Bold'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima_nova_condensed_bold.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima_nova_condensed_bold.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima_nova_condensed_bold.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima_nova_condensed_bold.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima_nova_condensed_bold.svg#proxima_nova_rgbold") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova Regular Bold'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-bold.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-bold.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-bold.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proximanova-bold.svg#proxima_nova_rgbold") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova Extra Condensed Light'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-extra-condensed-light.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-extra-condensed-light.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-extra-condensed-light.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-extra-condensed-light.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-extra-condensed-light.svg#proxima_nova_rgbold") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova Light Cond'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-light.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-light.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-light.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-light.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-light.svg#proxima_nova_ltcond") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova Regular Cond'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-regular.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-regular.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-regular.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-regular.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/proxima-nova-cond-regular.svg#proxima_nova_rgcond") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ProximaNova-Light'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Light.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Light.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Light.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Light.svg#proxima_nova_rgcond") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ProximaNova-Black'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Black.eot"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Black.woff") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Black.ttf") format("truetype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/ProximaNova-Black.svg#proxima_nova_rgcond") format("svg"); font-weight: 400; font-style: normal; } meta.foundation-version { font-family: "/{{VERSION}}/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:10em)/"; width: 40em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:60.0625em)/"; width: 60.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #fff; color: #3c3e43; padding: 0; margin: 0; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; position: relative; cursor: auto; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1200px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -10px; margin-right: -10px; margin-top: 0; margin-bottom: 0; max-width: none; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 10px; padding-right: 10px; width: 100%; float: left; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } @media only screen { .small-push-0 { position: relative; left: 0%; right: auto; } .small-pull-0 { position: relative; right: 0%; left: auto; } .small-push-1 { position: relative; left: 8.3333333333%; right: auto; } .small-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .small-push-2 { position: relative; left: 16.6666666667%; right: auto; } .small-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.3333333333%; right: auto; } .small-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .small-push-5 { position: relative; left: 41.6666666667%; right: auto; } .small-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.3333333333%; right: auto; } .small-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .small-push-8 { position: relative; left: 66.6666666667%; right: auto; } .small-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.3333333333%; right: auto; } .small-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .small-push-11 { position: relative; left: 91.6666666667%; right: auto; } .small-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 10px; padding-right: 10px; float: left; } .small-1 { width: 8.3333333333%; } .small-2 { width: 16.6666666667%; } .small-3 { width: 25%; } .small-4 { width: 33.3333333333%; } .small-5 { width: 41.6666666667%; } .small-6 { width: 50%; } .small-7 { width: 58.3333333333%; } .small-8 { width: 66.6666666667%; } .small-9 { width: 75%; } .small-10 { width: 83.3333333333%; } .small-11 { width: 91.6666666667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0% !important; } .small-offset-1 { margin-left: 8.3333333333% !important; } .small-offset-2 { margin-left: 16.6666666667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.3333333333% !important; } .small-offset-5 { margin-left: 41.6666666667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.3333333333% !important; } .small-offset-8 { margin-left: 66.6666666667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.3333333333% !important; } .small-offset-11 { margin-left: 91.6666666667% !important; } .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 10em) { .medium-push-0 { position: relative; left: 0%; right: auto; } .medium-pull-0 { position: relative; right: 0%; left: auto; } .medium-push-1 { position: relative; left: 8.3333333333%; right: auto; } .medium-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .medium-push-2 { position: relative; left: 16.6666666667%; right: auto; } .medium-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.3333333333%; right: auto; } .medium-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .medium-push-5 { position: relative; left: 41.6666666667%; right: auto; } .medium-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.3333333333%; right: auto; } .medium-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .medium-push-8 { position: relative; left: 66.6666666667%; right: auto; } .medium-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.3333333333%; right: auto; } .medium-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .medium-push-11 { position: relative; left: 91.6666666667%; right: auto; } .medium-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 10px; padding-right: 10px; float: left; } .medium-1 { width: 8.3333333333%; } .medium-2 { width: 16.6666666667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.3333333333%; } .medium-5 { width: 41.6666666667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.3333333333%; } .medium-8 { width: 66.6666666667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.3333333333%; } .medium-11 { width: 91.6666666667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0% !important; } .medium-offset-1 { margin-left: 8.3333333333% !important; } .medium-offset-2 { margin-left: 16.6666666667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.3333333333% !important; } .medium-offset-5 { margin-left: 41.6666666667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.3333333333% !important; } .medium-offset-8 { margin-left: 66.6666666667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.3333333333% !important; } .medium-offset-11 { margin-left: 91.6666666667% !important; } .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.3333333333%; right: auto; } .pull-1 { position: relative; right: 8.3333333333%; left: auto; } .push-2 { position: relative; left: 16.6666666667%; right: auto; } .pull-2 { position: relative; right: 16.6666666667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333333333%; right: auto; } .pull-4 { position: relative; right: 33.3333333333%; left: auto; } .push-5 { position: relative; left: 41.6666666667%; right: auto; } .pull-5 { position: relative; right: 41.6666666667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333333333%; right: auto; } .pull-7 { position: relative; right: 58.3333333333%; left: auto; } .push-8 { position: relative; left: 66.6666666667%; right: auto; } .pull-8 { position: relative; right: 66.6666666667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333333333%; right: auto; } .pull-10 { position: relative; right: 83.3333333333%; left: auto; } .push-11 { position: relative; left: 91.6666666667%; right: auto; } .pull-11 { position: relative; right: 91.6666666667%; left: auto; } } @media only screen and (min-width: 60.0625em) { .large-push-0 { position: relative; left: 0%; right: auto; } .large-pull-0 { position: relative; right: 0%; left: auto; } .large-push-1 { position: relative; left: 8.3333333333%; right: auto; } .large-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .large-push-2 { position: relative; left: 16.6666666667%; right: auto; } .large-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.3333333333%; right: auto; } .large-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .large-push-5 { position: relative; left: 41.6666666667%; right: auto; } .large-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.3333333333%; right: auto; } .large-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .large-push-8 { position: relative; left: 66.6666666667%; right: auto; } .large-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.3333333333%; right: auto; } .large-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .large-push-11 { position: relative; left: 91.6666666667%; right: auto; } .large-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 10px; padding-right: 10px; float: left; } .large-1 { width: 8.3333333333%; } .large-2 { width: 16.6666666667%; } .large-3 { width: 25%; } .large-4 { width: 33.3333333333%; } .large-5 { width: 41.6666666667%; } .large-6 { width: 50%; } .large-7 { width: 58.3333333333%; } .large-8 { width: 66.6666666667%; } .large-9 { width: 75%; } .large-10 { width: 83.3333333333%; } .large-11 { width: 91.6666666667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0% !important; } .large-offset-1 { margin-left: 8.3333333333% !important; } .large-offset-2 { margin-left: 16.6666666667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.3333333333% !important; } .large-offset-5 { margin-left: 41.6666666667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.3333333333% !important; } .large-offset-8 { margin-left: 66.6666666667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.3333333333% !important; } .large-offset-11 { margin-left: 91.6666666667% !important; } .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.3333333333%; right: auto; } .pull-1 { position: relative; right: 8.3333333333%; left: auto; } .push-2 { position: relative; left: 16.6666666667%; right: auto; } .pull-2 { position: relative; right: 16.6666666667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333333333%; right: auto; } .pull-4 { position: relative; right: 33.3333333333%; left: auto; } .push-5 { position: relative; left: 41.6666666667%; right: auto; } .pull-5 { position: relative; right: 41.6666666667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333333333%; right: auto; } .pull-7 { position: relative; right: 58.3333333333%; left: auto; } .push-8 { position: relative; left: 66.6666666667%; right: auto; } .pull-8 { position: relative; right: 66.6666666667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333333333%; right: auto; } .pull-10 { position: relative; right: 83.3333333333%; left: auto; } .push-11 { position: relative; left: 91.6666666667%; right: auto; } .pull-11 { position: relative; right: 91.6666666667%; left: auto; } } .accordion { margin-bottom: 0; } .accordion:before, .accordion:after { content: " "; display: table; } .accordion:after { clear: both; } .accordion .accordion-navigation, .accordion dd { display: block; margin-bottom: 0 !important; } .accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #ebf8fd; } .accordion .accordion-navigation > a, .accordion dd > a { background: #ebf8fd; color: #ca0000; padding: 10px 10px 10px 56px; display: block; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 15px; } .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #ebf8fd; } .accordion .accordion-navigation > .content, .accordion dd > .content { display: none; padding: 15px 20px; } .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { display: block; background: transparent; } .alert-box { border-style: none; border-width: 0; display: block; font-weight: 400; margin-bottom: 1.25rem; position: relative; padding: 10px 35px 13px 48px; font-size: 13px; transition: opacity 300ms ease-out; background-color: #ca0000; border-color: #ae0000; color: #fff; } .alert-box .close { font-size: 1.25rem; padding: 0; line-height: 0; position: absolute; top: 50%; margin-top: -0.625rem; right: 10px; color: #fff; opacity: 1; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { border-radius: 3px; } .alert-box.round { border-radius: 1000px; } .alert-box.success { background-color: #22b713; border-color: #1d9d10; color: #fff; } .alert-box.alert { background-color: #ed0001; border-color: #cc0001; color: #fff; } .alert-box.secondary { background-color: #89b7ce; border-color: #67a2c0; color: #fff; } .alert-box.warning { background-color: #f08a24; border-color: #de770f; color: #fff; } .alert-box.info { background-color: #a0d3e8; border-color: #74bfdd; color: #224252; } .alert-box.alert-close { opacity: 0; } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -10px; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 10px 20px; } @media only screen { .small-block-grid-1 > li { width: 100%; list-style: none; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.3333333333%; list-style: none; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.6666666667%; list-style: none; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.2857142857%; list-style: none; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.1111111111%; list-style: none; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.0909090909%; list-style: none; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.3333333333%; list-style: none; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 10em) { .medium-block-grid-1 > li { width: 100%; list-style: none; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.3333333333%; list-style: none; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.6666666667%; list-style: none; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.2857142857%; list-style: none; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.1111111111%; list-style: none; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.0909090909%; list-style: none; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.3333333333%; list-style: none; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 60.0625em) { .large-block-grid-1 > li { width: 100%; list-style: none; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.3333333333%; list-style: none; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.6666666667%; list-style: none; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.2857142857%; list-style: none; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.1111111111%; list-style: none; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.0909090909%; list-style: none; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.3333333333%; list-style: none; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } button, .button { border-style: solid; border-width: 0px; cursor: pointer; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; background-color: #ca0000; border-color: #a20000; color: #FFFFFF; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #a20000; } button:hover, button:focus, .button:hover, .button:focus { color: #FFFFFF; } button.secondary, .button.secondary { background-color: #89b7ce; border-color: #5999ba; color: #FFFFFF; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #5999ba; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #FFFFFF; } button.success, .button.success { background-color: #22b713; border-color: #1b920f; color: #FFFFFF; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #1b920f; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; } button.alert, .button.alert { background-color: #ed0001; border-color: #be0001; color: #FFFFFF; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #be0001; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF; } button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF; } button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF; } button.large, .button.large { padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.6875rem; padding-left: 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #ca0000; border-color: #a20000; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #a20000; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #FFFFFF; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #ca0000; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #89b7ce; border-color: #5999ba; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #5999ba; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #FFFFFF; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #89b7ce; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #22b713; border-color: #1b920f; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #1b920f; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #FFFFFF; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #22b713; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #ed0001; border-color: #be0001; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #be0001; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #FFFFFF; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #ed0001; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #FFFFFF; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #FFFFFF; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 10em) { button, .button { display: inline-block; } } /* Foundation Dropdowns */ .f-dropdown { position: absolute; left: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 15px; z-index: 89; margin-top: 2px; max-width: 200px; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 0; border-color: transparent transparent #FFFFFF transparent; border-bottom-style: solid; position: absolute; top: 0; left: 10px; z-index: 89; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 1; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -2; left: 9px; z-index: 88; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown.drop-right { position: absolute; left: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 15px; z-index: 89; margin-top: 0; margin-left: 2px; max-width: 200px; } .f-dropdown.drop-right > *:first-child { margin-top: 0; } .f-dropdown.drop-right > *:last-child { margin-bottom: 0; } .f-dropdown.drop-right:before { content: ""; display: block; width: 0; height: 0; border: inset 0; border-color: transparent #FFFFFF transparent transparent; border-right-style: solid; position: absolute; top: 10px; left: 0; z-index: 89; } .f-dropdown.drop-right:after { content: ""; display: block; width: 0; height: 0; border: inset 1; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; left: -2; z-index: 88; } .f-dropdown.drop-left { position: absolute; left: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 15px; z-index: 89; margin-top: 0; margin-left: -2px; max-width: 200px; } .f-dropdown.drop-left > *:first-child { margin-top: 0; } .f-dropdown.drop-left > *:last-child { margin-bottom: 0; } .f-dropdown.drop-left:before { content: ""; display: block; width: 0; height: 0; border: inset 0; border-color: transparent transparent transparent #FFFFFF; border-left-style: solid; position: absolute; top: 10px; right: 0; left: auto; z-index: 89; } .f-dropdown.drop-left:after { content: ""; display: block; width: 0; height: 0; border: inset 1; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; right: -2; left: auto; z-index: 88; } .f-dropdown.drop-top { position: absolute; left: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 15px; z-index: 89; margin-top: -2px; margin-left: 0; max-width: 200px; } .f-dropdown.drop-top > *:first-child { margin-top: 0; } .f-dropdown.drop-top > *:last-child { margin-bottom: 0; } .f-dropdown.drop-top:before { content: ""; display: block; width: 0; height: 0; border: inset 0; border-color: #FFFFFF transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: 0; left: 10px; right: auto; z-index: 89; } .f-dropdown.drop-top:after { content: ""; display: block; width: 0; height: 0; border: inset 1; border-color: #cccccc transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -2; left: 9px; right: auto; z-index: 88; } .f-dropdown li { font-size: 15px; cursor: pointer; line-height: 1.125rem; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #EEEEEE; } .f-dropdown li.radius { border-radius: 3px; } .f-dropdown li a { display: block; padding: 10px 20px; color: #555555; } .f-dropdown.content { position: absolute; left: -9999px; list-style: none; margin-left: 0; padding: 1.25rem; width: 100%; height: auto; max-height: none; background: #FFFFFF; border: solid 1px #cccccc; font-size: 15px; z-index: 89; max-width: 200px; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } .f-dropdown.mega { width: 100% !important; max-width: 100% !important; } .f-dropdown.mega.open { left: 0 !important; } .dropdown.button, button.dropdown { position: relative; padding-right: 3.5625rem; } .dropdown.button:after, button.dropdown:after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: #FFFFFF transparent transparent transparent; top: 50%; } .dropdown.button:after, button.dropdown:after { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; } .dropdown.button:after, button.dropdown:after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.tiny, button.dropdown.tiny { padding-right: 2.625rem; } .dropdown.button.tiny:before, button.dropdown.tiny:before { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; } .dropdown.button.tiny:after, button.dropdown.tiny:after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.small, button.dropdown.small { padding-right: 3.0625rem; } .dropdown.button.small:after, button.dropdown.small:after { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; } .dropdown.button.small:after, button.dropdown.small:after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.large, button.dropdown.large { padding-right: 3.625rem; } .dropdown.button.large:after, button.dropdown.large:after { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; } .dropdown.button.large:after, button.dropdown.large:after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #333333 transparent transparent transparent; } /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ label { font-size: 13px; color: #3c3e43; cursor: pointer; display: block; font-weight: 400; line-height: 15px; margin-bottom: 0; /* Styles for required inputs */ } label.right { float: none !important; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } label small { text-transform: capitalize; color: #575a61; } select::-ms-expand { display: none; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 13px; height: 2.375rem; line-height: 2.375rem; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } .prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -webkit-border-radius: 0px; background-color: #FFFFFF; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; border: 1px solid #e2e2e2; box-shadow: none; color: #3c3e43; display: block; font-size: 0.9375rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.375rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { box-shadow: 0 0 5px #2ebb1f; border-color: #2ebb1f; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fff; border-color: #2ebb1f; outline: none; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; } input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; } input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0px; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; -webkit-border-radius: 0px; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border: 1px solid #e2e2e2; padding: 0.5rem; font-size: 0.9375rem; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; color: #3c3e43; line-height: normal; border-radius: 0; height: 2.375rem; } select.radius { border-radius: 3px; } select:hover { background-color: #fcfcfc; border-color: #2ebb1f; } select:disabled { background-color: #DDDDDD; cursor: default; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ fieldset { border: 1px solid #DDDDDD; padding: 1.25rem; margin: 1.125rem 0; } fieldset legend { font-weight: bold; background: #FFFFFF; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #ed0001; color: #FFFFFF; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #ed0001; color: #FFFFFF; } .error input, .error textarea, .error select { margin-bottom: 0; } .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } .error label, .error label.error { color: #ed0001; } .error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #ed0001; color: #FFFFFF; } .error > label > small { color: #575a61; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline; } .error span.error-message { display: block; } input.error, textarea.error, select.error { margin-bottom: 0; } label.error { color: #ed0001; } .reveal-modal-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; background: rgba(0, 0, 0, 0.45); z-index: 1004; display: none; left: 0; } .reveal-modal, dialog { visibility: hidden; display: none; position: absolute; z-index: 1005; width: 100vw; top: 0; border-radius: 3px; left: 0; background-color: #FFFFFF; padding: 14px; border: none 0 transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); padding: 21px; } @media only screen and (max-width: 40em) { .reveal-modal, dialog { min-height: 100vh; } } .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns { min-width: 0; } .reveal-modal > :first-child, dialog > :first-child { margin-top: 0; } .reveal-modal > :last-child, dialog > :last-child { margin-bottom: 0; } @media only screen and (min-width: 10em) { .reveal-modal, dialog { width: 80%; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 10em) { .reveal-modal, dialog { top: 6.25rem; } } .reveal-modal.radius, dialog.radius { border-radius: 3px; } .reveal-modal.round, dialog.round { border-radius: 1000px; } .reveal-modal.collapse, dialog.collapse { padding: 0; } @media only screen and (min-width: 10em) { .reveal-modal.tiny, dialog.tiny { width: 30%; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 10em) { .reveal-modal.small, dialog.small { width: 40%; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 10em) { .reveal-modal.medium, dialog.medium { width: 60%; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 10em) { .reveal-modal.large, dialog.large { width: 70%; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 10em) { .reveal-modal.xlarge, dialog.xlarge { width: 95%; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } .reveal-modal.full, dialog.full { top: 0; left: 0; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0 !important; } @media only screen and (min-width: 10em) { .reveal-modal.full, dialog.full { width: 100vw; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } } .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { font-size: 2.5rem; line-height: 1; position: absolute; top: 0.5rem; right: 0.6875rem; color: #AAAAAA; font-weight: bold; cursor: pointer; } dialog { display: none; } dialog::backdrop, dialog + .backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; background: rgba(0, 0, 0, 0.45); z-index: auto; display: none; left: 0; } dialog[open] { display: block; } @media print { dialog, .reveal-modal, dialog { display: none; background: #FFFFFF !important; } } table { background: #FFFFFF; margin-bottom: 1.25rem; border: solid 0 #DDDDDD; table-layout: auto; } table caption { background: transparent; color: #4c4c4c; font-size: 1rem; font-weight: bold; } table thead { background: #fff; } table thead tr th, table thead tr td { padding: 10px 6px; font-size: 12px; font-weight: 400; color: #4c4c4c; } table tfoot { background: #fff; } table tfoot tr th, table tfoot tr td { padding: 10px 6px; font-size: 12px; font-weight: 400; color: #4c4c4c; } table tr th, table tr td { padding: 15px 6px; font-size: 13px; color: #3c3e43; text-align: left; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #fff; } table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } } @media only screen { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40em) and (max-width: 60em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 10em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width: 60.0625em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 60.0625em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) and (max-width: 99999999em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #ca0000; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #ae0000; } a img { border: none; } /* Default paragraph styles */ p { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.8125rem; line-height: 18px; margin-bottom: 1.25rem; text-rendering: auto; } p.lead { font-size: 1.03125rem; line-height: 1.6; } p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #4c4c4c; text-rendering: auto; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #8b8b8b; line-height: 0; } h1 { font-size: 2.125rem; } h2 { font-size: 1.6875rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: #8b8b8b; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #333333; background-color: #dce9f0; border-width: 1px; border-style: solid; border-color: #bbd6e3; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ ul, ol, dl { font-size: 0.8125rem; line-height: 18px; margin-bottom: 1.25rem; list-style-position: outside; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #3c3e43; border-bottom: 1px dotted #DDDDDD; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; } blockquote cite { display: block; font-size: 0.8125rem; color: #757575; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #757575; } blockquote, blockquote p { line-height: 18px; color: #8b8b8b; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width: 10em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } } /* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: #000000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } .tabs { margin-bottom: 0 !important; margin-left: 0; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tabs dd, .tabs .tab-title { position: relative; margin-bottom: 0 !important; list-style: none; float: left; } .tabs dd > a, .tabs .tab-title > a { display: block; background-color: #EFEFEF; color: #222222; padding: 1rem 2rem; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 1rem; } .tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: #e1e1e1; } .tabs dd.active a, .tabs .tab-title.active a { background-color: #FFFFFF; color: #222222; } .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; } .tabs-content { margin-bottom: 1.5rem; width: 100%; } .tabs-content:before, .tabs-content:after { content: " "; display: table; } .tabs-content:after { clear: both; } .tabs-content > .content { display: none; float: left; padding: 10px 0; width: 100%; } .tabs-content > .content.active { display: block; float: none; } .tabs-content > .content.contained { padding: 10px; } .tabs-content.vertical { display: block; } .tabs-content.vertical > .content { padding: 0 10px; } @media only screen and (min-width: 10em) { .tabs.vertical { width: 20%; max-width: 20%; float: left; margin: 0 0 1.25rem; } .tabs-content.vertical { width: 80%; max-width: 80%; float: left; margin-left: -1px; padding-left: 1rem; } } .no-js .tabs-content > .content { display: block; float: none; } /* Tooltips */ .has-tip { border-bottom: none; cursor: pointer; font-weight: normal; color: #fff; } .has-tip:hover, .has-tip:focus { border-bottom: none; color: #fff; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 1006; font-weight: normal; font-size: 0.75rem; line-height: 1.3; padding: 17px; max-width: 300px; left: 50%; width: 100%; color: #fff; background: rgba(66, 66, 66, 0.9); } .tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent rgba(66, 66, 66, 0.9) transparent; top: -10px; pointer-events: none; } .tooltip > .nub.rtl { left: auto; right: 5px; } .tooltip.radius { border-radius: 3px; } .tooltip.round { border-radius: 1000px; } .tooltip.round > .nub { left: 2rem; } .tooltip.opened { color: #fff !important; border-bottom: none !important; } .tap-to-close { display: block; font-size: 0.625rem; color: #777777; font-weight: normal; } @media only screen and (min-width: 10em) { .tooltip > .nub { border-color: transparent transparent rgba(66, 66, 66, 0.9) transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: rgba(66, 66, 66, 0.9) transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent rgba(66, 66, 66, 0.9); right: -10px; left: auto; top: 50%; margin-top: -5px; } .tooltip.tip-right > .nub { border-color: transparent rgba(66, 66, 66, 0.9) transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:10em)/"; width: 40em; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #333333; } .contain-to-grid .top-bar { margin-bottom: 0; } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 45px; } .top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #333333; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: 1.8rem; padding-top: .35rem; padding-bottom: .35rem; font-size: 0.75rem; } .top-bar .button, .top-bar button { padding-top: 0.4125rem; padding-bottom: 0.4125rem; margin-bottom: 0; font-size: 0.75rem; } @media only screen and (max-width: 40em) { .top-bar .button, .top-bar button { position: relative; top: -1px; } } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 45px; margin: 0; font-size: 16px; } .top-bar .name h1 { line-height: 45px; font-size: 1.0625rem; margin: 0; } .top-bar .name h1 a { font-weight: normal; color: #FFFFFF; width: 75%; display: block; padding: 0 15px; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: #FFFFFF; text-transform: uppercase; font-size: 0.8125rem; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; } .top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; } .top-bar .toggle-topbar.menu-icon a { height: 34px; line-height: 33px; padding: 0 40px 0 15px; color: #FFFFFF; position: relative; } .top-bar .toggle-topbar.menu-icon a span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; right: 15px; box-shadow: 0 0px 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; width: 16px; } .top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0px 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #333333; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a::after { box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; } .top-bar-section { left: 0; position: relative; width: auto; transition: left 300ms ease-out; } .top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100%; } .top-bar-section ul li { background: #333333; } .top-bar-section ul li > a { display: block; width: 100%; color: #FFFFFF; padding: 12px 0 12px 0; padding-left: 15px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 0.8125rem; font-weight: normal; text-transform: none; } .top-bar-section ul li > a.button { font-size: 0.8125rem; padding-right: 15px; padding-left: 15px; background-color: #ca0000; border-color: #a20000; color: #FFFFFF; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color: #a20000; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: #FFFFFF; } .top-bar-section ul li > a.button.secondary { background-color: #89b7ce; border-color: #5999ba; color: #FFFFFF; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color: #5999ba; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color: #FFFFFF; } .top-bar-section ul li > a.button.success { background-color: #22b713; border-color: #1b920f; color: #FFFFFF; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color: #1b920f; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color: #FFFFFF; } .top-bar-section ul li > a.button.alert { background-color: #ed0001; border-color: #be0001; color: #FFFFFF; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color: #be0001; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color: #FFFFFF; } .top-bar-section ul li > button { font-size: 0.8125rem; padding-right: 15px; padding-left: 15px; background-color: #ca0000; border-color: #a20000; color: #FFFFFF; } .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #a20000; } .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: #FFFFFF; } .top-bar-section ul li > button.secondary { background-color: #89b7ce; border-color: #5999ba; color: #FFFFFF; } .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: #5999ba; } .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #FFFFFF; } .top-bar-section ul li > button.success { background-color: #22b713; border-color: #1b920f; color: #FFFFFF; } .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #1b920f; } .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: #FFFFFF; } .top-bar-section ul li > button.alert { background-color: #ed0001; border-color: #be0001; color: #FFFFFF; } .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #be0001; } .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: #FFFFFF; } .top-bar-section ul li:hover:not(.has-form) > a { background-color: #555555; background: #272727; color: #FFFFFF; } .top-bar-section ul li.active > a { background: #ca0000; color: #FFFFFF; } .top-bar-section ul li.active > a:hover { background: #ae0000; color: #FFFFFF; } .top-bar-section .has-form { padding: 15px; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; width: 100%; } .top-bar-section .has-dropdown.moved > a:after { display: none; } .top-bar-section .dropdown { padding: 0; position: absolute; left: 100%; top: 0; z-index: 99; display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 15px; } .top-bar-section .dropdown li a.parent-link { font-weight: normal; } .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { margin-bottom: 0; margin-top: 0; font-size: 1.125rem; } .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #FFFFFF; display: block; } .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background: none; } .top-bar-section .dropdown li.has-form { padding: 8px 15px; } .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top: auto; } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; } .js-generated { display: block; } @media only screen and (min-width: 10em) { .top-bar { background: #333333; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; position: relative; top: 7px; } .top-bar.expanded { background: #333333; } .contain-to-grid .top-bar { max-width: 1200px; margin: 0 auto; margin-bottom: 0; } .top-bar-section { transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover > a:not(.button) { background-color: #555555; background: #272727; color: #FFFFFF; } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 45px; background: #333333; } .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555; background: #272727; } .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 45px; color: #FFFFFF; background: #ca0000; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #ae0000; color: #FFFFFF; } .top-bar-section .has-dropdown > a { padding-right: 35px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; right: 5px; line-height: 1.2; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: #FFFFFF; line-height: 45px; white-space: nowrap; padding: 12px 15px; background: #333333; } .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #FFFFFF; background: #333333; } .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { color: #FFFFFF; background-color: #555555; background: #272727; } .top-bar-section .dropdown li label { white-space: nowrap; background: #333333; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4e4e4e; clear: none; height: 45px; width: 0; } .top-bar-section .has-form { background: #333333; padding: 0 15px; height: 45px; } .top-bar-section .right li .dropdown { left: auto; right: 0; } .top-bar-section .right li .dropdown li .dropdown { right: 100%; } .top-bar-section .left li .dropdown { right: auto; left: 0; } .top-bar-section .left li .dropdown li .dropdown { left: 100%; } .no-js .top-bar-section ul li:hover > a { background-color: #555555; background: #272727; color: #FFFFFF; } .no-js .top-bar-section ul li:active > a { background: #ca0000; color: #FFFFFF; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 100%; height: 100%; color: #000; fill: currentColor; } .icon { display: inline-block; fill: currentColor; } #icon-access3 .path4, #icon-access3 .path13, #icon-access3 .path14, #icon-access3 .path15, #icon-access3 .path16, #icon-access3 .path17, #icon-access3 .path18, #icon-access3 .path19, #icon-access3 .path22 { fill: #fff; } #icon-canon2 .path1 { color: #ca0000; fill: currentcolor; } #icon-canon2-nz { color: #ca0000; fill: currentcolor; } #icon-canon1 .path1 { color: #fff; fill: currentcolor; } #icon-logolikeyou .path1, #icon-logolikeyou .path2 { color: #ca0000; fill: currentcolor; } #icon-down2 .path1 { color: #ca0000; fill: currentcolor; } #icon-pricetags .path1 { color: #ca0000; fill: currentcolor; } #icon-trust2 path { color: #000; fill: currentcolor; } #icon-facebook .path1 { color: #395999; fill: currentcolor; } #icon-facebook .path2 { color: #fff; fill: currentcolor; } #icon-done2 .path1 { color: #c0c0c0; fill: currentcolor; } #icon-heard .path1 { color: #fff; fill: currentcolor; } #icon-person .path1 { color: #fff; fill: currentcolor; } #icon-facebook2 .path1 { color: #3c3e43; fill: currentcolor; } #icon-facebook2 .path2 { color: #fff; fill: currentcolor; } #icon-twitter .path1 { color: #3c3e43; fill: currentcolor; } #icon-twitter .path2 { color: #fff; fill: currentcolor; } #icon-youtube2 .path1 { color: #3c3e43; fill: currentcolor; } #icon-youtube2 .path2 { color: #fff; fill: currentcolor; } #icon-linkedin .path1 { color: #3c3e43; fill: currentcolor; } #icon-linkedin .path2 { color: #fff; fill: currentcolor; } #icon-inst .path1 { color: #3c3e43; fill: currentcolor; } #icon-inst .path2 { color: #fff; fill: currentcolor; } #icon-paypal-checkout .path1, #icon-paypal-checkout .path2, #icon-paypal-checkout .path3 { fill: #253b80; } #icon-paypal-checkout .path4, #icon-paypal-checkout .path5, #icon-paypal-checkout .path6 { fill: #179bd7; } #icon-lens-cap .path5, #icon-lens-cap .path6, #icon-lens-cap .path7, #icon-lens-cap .path8, #icon-lens-cap .path9 { fill: #fff; } #icon-accessories-lens .path2 { fill: #fff; } #icon-lens-cap .path1 { fill: #3a3d43; } #icon-batteties .path2, #icon-batteties .path3, #icon-batteties .path4, #icon-batteties .path5 { fill: #fff; } #icon-bags-back-pack .path4, #icon-bags-back-pack .path8 { fill: #fff; } #icon-stamp .path2, #icon-stamp .path3 { fill: #f1f2f2; } #icon-stamp1 .path2, #icon-stamp1 .path3 { fill: #50555E; } #icon-genuine1 .path2 { fill: #fff; } #icon-genuine .path2 { fill: #50555E; } #icon-societyone-colored > .path1 { fill: #2E302D; } #icon-societyone-colored > .path2, #icon-societyone-colored > .path6, #icon-societyone-colored > .path8 { fill: #3ABF56; } #icon-societyone-colored > .path3, #icon-societyone-colored > .path5 { fill: #2F312E; } #icon-societyone-colored > .path4, #icon-societyone-colored > .path7 { fill: #3CC058; } #icon-societyone-colored > .path9 { fill: #F6F6F6; } @-webkit-keyframes zoom { from { width: 0; height: 0; opacity: 1; } 30% { width: 100%; height: 100%; } 90% { width: 100%; height: 100%; } to { opacity: 0; } } @keyframes zoom { from { width: 0; height: 0; opacity: 1; } 30% { width: 100%; height: 100%; } 90% { width: 100%; height: 100%; } to { opacity: 0; } } #loader_img > * { -webkit-animation: zoom 1s cubic-bezier(0.25, 0.1, 0.25, 1) infinite; animation: zoom 1s cubic-bezier(0.25, 0.1, 0.25, 1) infinite; } #loader_img > *:nth-child(1) { background: #36c659; } #loader_img > *:nth-child(2) { background: #d3ec13; -webkit-animation-delay: .2s; animation-delay: .2s; } #loader_img > *:nth-child(3) { background: #f49321; -webkit-animation-delay: .4s; animation-delay: .4s; } #loader_img > *:nth-child(4) { background: #ff443f; -webkit-animation-delay: .6s; animation-delay: .6s; } #loader_img > *:nth-child(5) { background: #fa2a99; -webkit-animation-delay: .6s; animation-delay: .6s; } @-webkit-keyframes dotloader { 0% { top: 0; color: #22b713; } 55% { top: 0; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #ca0000; } 60% { top: -10px; text-shadow: 5px 20px 5px rgba(0, 0, 0, 0.5); } 80% { top: 4px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } 90% { top: -3px; text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5); } 95% { top: 1px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } 100% { top: 0; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #22b713; } } @keyframes dotloader { 0% { top: 0; color: #22b713; } 55% { top: 0; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #ca0000; } 60% { top: -10px; text-shadow: 5px 20px 5px rgba(0, 0, 0, 0.5); } 80% { top: 4px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } 90% { top: -3px; text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5); } 95% { top: 1px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } 100% { top: 0; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #22b713; } } @-webkit-keyframes colorSteps { 0% { color: #22b713; } 55% { text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #ca0000; } 100% { text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #22b713; } } @keyframes colorSteps { 0% { color: #22b713; } 55% { text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #ca0000; } 100% { text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); color: #22b713; } } @-webkit-keyframes circled { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes circled { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .add_cart-loading-block > span { -webkit-animation: colorSteps 2s infinite; animation: colorSteps 2s infinite; } .add_cart-loading-block > span i { /* key up the animations! */ -webkit-animation: dotloader 2s infinite; animation: dotloader 2s infinite; } .add_cart-loading-block > span i + i { -webkit-animation: dotloader 2s 0.15s infinite; animation: dotloader 2s 0.15s infinite; } .add_cart-loading-block > span i + i + i { -webkit-animation: dotloader 2s 0.3s infinite; animation: dotloader 2s 0.3s infinite; } .add_cart-loading-block > span i + i + i + i { -webkit-animation: dotloader 2s 0.45s infinite; animation: dotloader 2s 0.45s infinite; } @-webkit-keyframes mainloader { 0% { box-shadow: 0 10px 5px 5px #387631; } 6% { box-shadow: -2.5px 7.5px 5px 5px #387631; } 12% { box-shadow: -5px 5px 5px 5px #387631; } 18% { box-shadow: -7.5px 2.5px 5px 5px #2ebb1f; } 25% { box-shadow: -10px 0px 5px 5px #2ebb1f; } 31% { box-shadow: -7.5px -2.5px 5px 5px #2ebb1f; } 37% { box-shadow: -5px -5px 5px 5px #43983a; } 43% { box-shadow: -2.5px -7.5px 5px 5px #43983a; } 50% { box-shadow: 0px -10px 5px 5px #43983a; } 56% { box-shadow: 2.5px -7.5px 5px 5px #43983a; } 62% { box-shadow: 5px -5px 5px 5px #43983a; } 68% { box-shadow: 7.5px -2.5px 5px 5px #43983a; } 75% { box-shadow: 10px 0px 5px 5px #2ebb1f; } 81% { box-shadow: 7.5px 2.5px 5px 5px #2ebb1f; } 87% { box-shadow: 5px 5px 5px 5px #2ebb1f; } 93% { box-shadow: 2.5px 7.5px 5px 5px #387631; } 100% { box-shadow: 0 10px 5px 5px #387631; } } @keyframes mainloader { 0% { box-shadow: 0 10px 5px 5px #387631; } 6% { box-shadow: -2.5px 7.5px 5px 5px #387631; } 12% { box-shadow: -5px 5px 5px 5px #387631; } 18% { box-shadow: -7.5px 2.5px 5px 5px #2ebb1f; } 25% { box-shadow: -10px 0px 5px 5px #2ebb1f; } 31% { box-shadow: -7.5px -2.5px 5px 5px #2ebb1f; } 37% { box-shadow: -5px -5px 5px 5px #43983a; } 43% { box-shadow: -2.5px -7.5px 5px 5px #43983a; } 50% { box-shadow: 0px -10px 5px 5px #43983a; } 56% { box-shadow: 2.5px -7.5px 5px 5px #43983a; } 62% { box-shadow: 5px -5px 5px 5px #43983a; } 68% { box-shadow: 7.5px -2.5px 5px 5px #43983a; } 75% { box-shadow: 10px 0px 5px 5px #2ebb1f; } 81% { box-shadow: 7.5px 2.5px 5px 5px #2ebb1f; } 87% { box-shadow: 5px 5px 5px 5px #2ebb1f; } 93% { box-shadow: 2.5px 7.5px 5px 5px #387631; } 100% { box-shadow: 0 10px 5px 5px #387631; } } select, select:hover { background: #fff 92% 50% no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjZENDc1QjNDQTdCMTFFNEJDQUU4M0U4OEIxNENBRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjZENDc1QjRDQTdCMTFFNEJDQUU4M0U4OEIxNENBRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNkQ0NzVCMUNBN0IxMUU0QkNBRTgzRTg4QjE0Q0FGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNkQ0NzVCMkNBN0IxMUU0QkNBRTgzRTg4QjE0Q0FGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJw5wcAAADoSURBVHjajJBPCoJAGMXHTSdw5zpctHHhRhdBB/AK3qE7eIm8kS1ChCxaBAltXCVUoJkv38BM/4Qa+ODjvd/7ZuYT7emEzXSKMo7RH/FPlYuFzDArcs/DUghZxyj6OYSM4nPfhzgnCVamqcXDfA503fegXqOnOGaYleY1z5Faljb3YYiubfUQ9tSUT5YZevqGuiiQ2baGdkGA++Uii73SyZBVubdn3soSa9d9/rHfz+uO6JF5zXwtqa0qbGczHVJFjd4nP7jprq6RjcfPZ/c9tSHWkFMGDpoGa8eR/SRNhTEaGUPcQ4ABANQ4aS7Gl9iGAAAAAElFTkSuQmCC); background-size: 16px 9px; } .collapse-near > .column, .collapse-near > .columns { padding-left: 0; padding-right: 0; } .collapse .column, .collapse .columns { padding-left: 0; padding-right: 0; } .collapse .row { margin-left: 0; margin-right: 0; } .reladden { position: relative; overflow: hidden; } @font-face { font-family: 'icomoon'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.eot?-s3geww"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.eot?#iefix-s3geww") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.svg?-s3geww#icomoon") format("svg"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.woff?-s3geww") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.ttf?-s3geww") format("truetype"); font-weight: normal; font-style: normal; } [class^="im-"], [class*=" im-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .im-arr-b:before { content: ""; } .im-arr-c-b:before { content: ""; } .im-arr-cb-b:before { content: ""; } .im-arr-cb-l:before { content: ""; } .im-arr-cb-r:before { content: ""; } .im-arr-cb-t:before { content: ""; } .im-arr-c-l:before { content: ""; } .im-arr-c-r:before { content: ""; } .im-arr-c-t:before { content: ""; } .im-arr-l:before { content: ""; } .im-arr-r:before { content: ""; } .im-arr-t:before { content: ""; } .im-canon:before { content: ""; } .im-close:before { content: ""; } .im-info:before { content: ""; } .im-m-account:before { content: ""; } .im-mail:before { content: ""; } .im-m-dashboard:before { content: ""; } .im-m-device:before { content: ""; } .im-m-devices:before { content: ""; } .im-m-help:before { content: ""; } .im-m-meter:before { content: ""; } .im-phone:before { content: ""; } .im-plus:before { content: ""; } .im-printer:before { content: ""; } .im-s-bulk:before { content: ""; } .im-search:before { content: ""; } .im-s-meter:before { content: ""; } .im-video:before { content: ""; } .im-success:before { content: ""; } .im-file:before { content: ""; } .im-m-catalog:before { content: ""; } .im-m-orders:before { content: ""; } .im-m-settings:before { content: ""; } .im-eye:before { content: ""; } .im-eye-outline:before { content: ""; } .im-reorder:before { content: ""; } .im-truck:before { content: ""; } .im-australia:before { content: ""; } .im-stamp-14:before { content: ""; } .im-facebook2:before { content: ""; } .im-twitter:before { content: ""; } .im-youtube:before { content: ""; } .im-linkedin:before { content: ""; } .im-instagram:before { content: ""; } .im-phone2:before { content: ""; } .im-up3:before { content: ""; } .im-down2:before { content: ""; } .im-left3:before { content: ""; } .im-right3:before { content: ""; } .im-nz:before { content: ""; } label { margin: 0 0 6px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; } label .required, label em { font-style: normal; color: #cc0001; font-size: 16px; } textarea { margin: 0; resize: vertical; } input[type="radio"] { position: absolute; width: 18px; height: 18px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } input[type="radio"] + label { position: relative; display: inline-block; min-height: 18px; margin: 0; padding: 0 0 0 32px; font: 13px/18px "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: none; vertical-align: top; cursor: pointer; } input[type="radio"] + label::before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #d4d4d4; border-radius: 50%; background-color: #fafafa; } input[type="radio"]:checked + label::after { content: ''; position: absolute; top: 1px; left: 1px; width: 16px; height: 16px; border: 3px solid #fff; border-radius: 50%; background-color: #ca0000; } select { border: 1px solid #e2e2e2; font: 400 16px "Proxima Nova", Arial, Helvetica, sans-serif; line-height: normal; color: #3c3e43; display: block; height: 42px; margin: 0; padding: 7px 30px 5px 12px; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } select::-ms-value { background: none; color: inherit; } select:active, select:focus { outline: none; } select:hover { border: 1px solid #e2e2e2; } select option { font: 400 16px/20px "Proxima Nova", Arial, Helvetica, sans-serif; color: #3c3e43; cursor: default; margin: 0; min-height: 20px; padding: 5px; white-space: nowrap; border-right: 1px solid #e2e2e2; } @-moz-document url-prefix() { .select-container { position: relative; } .select-container:after { content: ''; position: absolute; top: 1px; right: 1px; width: 30px; height: calc(100% - 2px); background: #fff center right no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAeCAYAAABdalL1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAuFJREFUeNrsmclP00EUxz9dqEKhosGDiQl6Nl68qInBogjo0cR9Pam4RSUmFBFwQcAgBMSFi1yMxYUiKtHEfwAvxpMhIcb/QA4uoEjr4TeVJRTedIHpD763dt5MXz79zsvMGwehIYBcoA44AuQAn4AA8A4ztQ64AxQRJpKf7XzbuSGrvHCle9CE5ByEhnzAM6Bkytgf4BTQaRjQzUA3sOr/N2OwYqnja/cm7y5/nntgvhN0AvXTAAXwAI+AEwYB3QL0TQIK4IJvI+G1ZR9/NZuQpBM4MEtMB3DSEKCvgOXTjrocDPwIF5gCNVcQ93CeHTsz0HFlmQL1gzC2Q9XYuVaBCGgEfC7HF1OgVgPfhfEPgLI5zG8r0CtwKIxGOLbG02oK1PeqZo4J59wHTs9Bbn4FNFcCdHe+p7FpfWa7KVABgsBxDbD3gDMpzKsQeAksmzVyLELpak9j10ZvhcdpxhFlYhqPgaMaYNuBsynIaZsYKECYBn+euyLDYc65b+p/+0Tdqv4K598Fzicxn+1AD+ATxterm59Rmm7DBDXBtgLnkuRQHaC3gEoT79CxqlCXKgVSsG0Jgo06NEfDoVcM7UswU2nXdWxbnKWgyC4OlUCNOvYwMKpRCi5o/P4OTYfWmexQKVSAp8AhDbAtwEVBXDEQArKF694AqkgDSU92z4GDWO1AiZqB8hnGSzSBXlc3P+wEFeCFJtimGGBLsfqhXuE614Aa0ki6d5BurFbhbw2wlyd83qkJtAaoJc3kjmNOSIENAksE8beBYeAz1guDtD1Xq7Z92ine23JPHDX2jUYNrVXbnoUENerY/cJSkAFkCtetTmegiUKNOlYKVqKr6ujEQoYKVkdpHzCS4DpVwE1soGR1IHuBvQmArVS3JRahTtZrBXZYc15ANUhYhBob7B4NsBVAAzZTKh4g+oRgA0AjNlSqXnWiYH/GGL9kR4emGmoUbDHQz/i71yBWx6sFG+vfAIHAm1fE+QnrAAAAAElFTkSuQmCC); background-size: 20px 8px; pointer-events: none; } } .custom-select { position: relative; display: block; } .custom-select:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; line-height: 40px; position: absolute; top: 1px; right: 1px; width: 30px; text-align: center; height: 40px; pointer-events: none; background: #fff; color: #ca0000; } .custom-select.required-entry:before { content: ''; border-bottom: 6px solid #cc0001; border-left: 6px outset transparent; margin-right: 6px; position: absolute; right: -5px; top: 35px; z-index: 1; } .custom-dropdown > a { position: relative; display: block; padding: 5px 30px 5px 12px; border: #e2e2e2 1px solid; color: #3c3e43; text-decoration: none; height: 42px; line-height: 32px; font-size: 14px; } .custom-dropdown > a:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; line-height: 40px; position: absolute; top: 0; right: 1px; width: 30px; text-align: center; height: 40px; pointer-events: none; background: #fff; color: #ca0000; } .custom-dropdown > a:hover { border: #e2e2e2 1px solid; color: #3c3e43; } .custom-dropdown .f-dropdown { margin-top: -1px; border-color: #e2e2e2; } .custom-dropdown .f-dropdown li a { padding: 8px 20px; border-bottom-color: #e2e2e2; } input[type="checkbox"] { visibility: hidden; position: absolute; z-index: -1; } input[type="checkbox"] + label { margin: 0; padding: 0 0 0 32px; position: relative; font: 13px "Proxima Nova", Arial, Helvetica, sans-serif; line-height: 20px; min-height: 20px; color: #3c3e43; text-transform: none; } input[type="checkbox"] + label:before { content: ""; width: 20px; height: 20px; border: 1px solid #d7d7d7; position: absolute; top: 0; left: 0; background-color: #fff; } input[type="checkbox"]:checked + label:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; left: 1px; font-size: 16px; top: 3px; text-align: center; width: 20px; color: #ca0000; } input[type="text"], input[type="password"], input[type="email"], textarea { margin: 0; } input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="email"]:focus, input[type="email"]:active, textarea:focus, textarea:active { box-shadow: 0 0 5px #b8b8b8; border-color: #b8b8b8; } input[type="text"] { height: 40px; } textarea, input.input-text { padding: 8px 12px; font-size: 14px; } textarea.validation-error, input.input-text.validation-error { border: #ca0000 2px solid; } input:disabled + label { opacity: 0.3; } .header-search-form { position: relative; margin-bottom: 0; } .header-search-form input { background: #f0f1f2; padding-left: 15px; padding-right: 75px; height: 50px; font-style: italic; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 60em) { .header-search-form input { height: 39px; } } .header-search-form input:-moz-placeholder { opacity: 1; font-style: italic; color: #3c3e43; } .header-search-form input::-moz-placeholder { opacity: 1; font-style: italic; color: #3c3e43; } .header-search-form input::-webkit-input-placeholder { opacity: 1; font-style: italic; color: #3c3e43; } .header-search-form input :-ms-input-placeholder { opacity: 1; font-style: italic; color: #3c3e43; } .header-search-form input:focus { background: #fff; } .header-search-form button { background-color: transparent; border-color: transparent; color: #FFFFFF; position: absolute; top: 50%; right: 0; width: 68px; height: 28px; border-left: 1px solid #e2e2e2; padding: 0; color: #3c3e43; font-size: 26px; outline: none; margin-top: -15px; } .header-search-form button:hover, .header-search-form button:focus { background-color: transparent; } .header-search-form button:hover, .header-search-form button:focus { color: #FFFFFF; } .header-search-form button i { color: #3c3e43; } .form-search { position: relative; } .form-search .input-text { border-width: 0 0 0 1px; height: 45px; margin: 0; padding-right: 75px; color: #89b7ce; } .form-search .button { position: absolute; top: 1px; right: 1px; height: 45px; font: 400 20px/42px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; text-transform: uppercase; width: 65px; margin: 0; color: #ca0000; background: #fff; } .form-search .button:before, .form-search .button:after { content: ''; position: absolute; border-bottom: 16px solid transparent; border-left: 9px solid #ca0000; border-top: 16px solid transparent; height: 0; top: 6px; width: 0; } .form-search .button:before { left: 0; } .form-search .button:after { border-left-color: #fff; left: -1px; } .form-search.apply-block .button { padding-right: 12px; width: 88px; height: 38px; } .form-search.apply-block .button:before, .form-search.apply-block .button:after { top: 3px; } .form-search.apply-block .button:active { color: #fff; background-color: #ca0000; } .form-search.apply-block .input-text { height: 40px; border: 1px solid #e2e2e2; } .text-field-apply { position: relative; } .text-field-apply .input-text-apply { padding-right: 95px; } .text-field-apply .input-text-remove { padding-right: 120px; } .validation-advice { margin-top: 3px; font: 12px/14px "Proxima Nova", Arial, Helvetica, sans-serif; color: #ed0001; } /* Form-list structure styles */ .form-list { margin: 0 0 16px; padding: 0; list-style: none; } .form-list.row { margin: 0; } .form-list li { margin-bottom: 14px; } .form-list .fields .customer-name + .field { margin-top: 14px; } .form-list .fields .field + .field { margin-top: 14px; } .custom-dropdown-options li { margin: 0; } .form-list-2col .field.columns { padding-top: 10px; padding-bottom: 10px; } .form-list-2col .field.columns + .field.columns { margin: 0; } .form-list-2col .fields .field:nth-of-type(odd), .form-list-2col .fields.columns { padding-left: 0; } .form-list-2col .fields.control { margin: 16px 0 8px; } .form-list-2col .control_label { text-transform: uppercase; font-weight: 400; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .fieldset.controlled { margin-top: 10px; } .buttons-set.form-button { margin-top: 10px; } p.required { margin: 0 0 18px; font: 400 11px/13px "Proxima Nova", Arial, Helvetica, sans-serif; color: #d93d07; } .buttons-set.form-buttons .back-link { margin: 11px 0 0; } .buttons-set.form-buttons .back-link:before { content: ''; } .buttons-set.form-buttons .back-link a { position: relative; margin-left: 10px; color: #3c3e43; font-size: 14px; font-weight: 700; line-height: 14px; border-bottom: 0; } .buttons-set.form-buttons .back-link a:hover { color: #898989; } .buttons-set.form-buttons .back-link .sprite-icon-wrap { position: absolute; left: -16px; top: 1px; width: 14px; height: 14px; display: block; } .text-dob { max-width: 315px; margin: 30px 0 0; font-size: 15px; line-height: 17px; color: #3c3e43; font-style: italic; } .dob-day { width: 95px; margin: 0 14px 0 37px; } .dob-day ul, .dob-day li { width: 96px; } .dob-month { width: 93px; margin: 15px 14px 0 0; } .dob-month ul, .dob-month li { width: 94px; } .dob-year { width: 94px; margin-top: 15px; } .dob-year ul, .dob-year li { width: 95px; } .button, button { text-transform: uppercase; height: 40px; font: 400 15px/40px "Proxima Nova", Arial, Helvetica, sans-serif; padding: 0 15px; display: inline-block; background-color: #ca0000; border-color: #a20000; color: #FFFFFF; } .button:hover, .button:focus, button:hover, button:focus { background-color: #fb3939; } .button:hover, .button:focus, button:hover, button:focus { color: #FFFFFF; } .button:hover, button:hover { text-decoration: none; border-bottom: none; } .button.s-hover, button.s-hover { background-color: #fb3939; } .button.s-focus, .button:focus, button.s-focus, button:focus { background-color: #990d0d; } .button.arrow:after, button.arrow:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; vertical-align: top; margin-left: 10px; font-size: 17px; line-height: 40px; } .button.arrow.expand:after, button.arrow.expand:after { margin-left: 0; margin-right: 20px; } .button.arrow-b:after, button.arrow-b:after { content: ""; } .button.type-color-2, .button.btn-cart, .button.buy, button.type-color-2, button.btn-cart, button.buy { background-color: #43983a; border-color: #367a2e; color: #FFFFFF; } .button.type-color-2:hover, .button.type-color-2:focus, .button.btn-cart:hover, .button.btn-cart:focus, .button.buy:hover, .button.buy:focus, button.type-color-2:hover, button.type-color-2:focus, button.btn-cart:hover, button.btn-cart:focus, button.buy:hover, button.buy:focus { background-color: #2ebb1f; } .button.type-color-2:hover, .button.type-color-2:focus, .button.btn-cart:hover, .button.btn-cart:focus, .button.buy:hover, .button.buy:focus, button.type-color-2:hover, button.type-color-2:focus, button.btn-cart:hover, button.btn-cart:focus, button.buy:hover, button.buy:focus { color: #FFFFFF; } .button.type-color-2.s-hover, .button.btn-cart.s-hover, .button.buy.s-hover, button.type-color-2.s-hover, button.btn-cart.s-hover, button.buy.s-hover { background-color: #2ebb1f; } .button.type-color-2.s-focus, .button.type-color-2:focus, .button.btn-cart.s-focus, .button.btn-cart:focus, .button.buy.s-focus, .button.buy:focus, button.type-color-2.s-focus, button.type-color-2:focus, button.btn-cart.s-focus, button.btn-cart:focus, button.buy.s-focus, button.buy:focus { background-color: #387631; } .button.type-color-2.large-12, .button.btn-cart.large-12, .button.buy.large-12, button.type-color-2.large-12, button.btn-cart.large-12, button.buy.large-12 { padding-right: 5px; padding-left: 5px; width: 100%; } .button.type-color-2, .button.btn-cart, .button.btn-view, .button.buy, button.type-color-2, button.btn-cart, button.btn-view, button.buy { white-space: nowrap; } .button.type-color-2.cart_list, .button.btn-cart.cart_list, .button.btn-view.cart_list, .button.buy.cart_list, button.type-color-2.cart_list, button.btn-cart.cart_list, button.btn-view.cart_list, button.buy.cart_list { font-size: 12px; font-weight: 600; height: 31px; line-height: 33px; } @-moz-document url-prefix() { .button.type-color-2.cart_list, .button.btn-cart.cart_list, .button.btn-view.cart_list, .button.buy.cart_list, button.type-color-2.cart_list, button.btn-cart.cart_list, button.btn-view.cart_list, button.buy.cart_list { font-size: 10px; } } .button.type-color-2.cart_list.arrow:after, .button.btn-cart.cart_list.arrow:after, .button.btn-view.cart_list.arrow:after, .button.buy.cart_list.arrow:after, button.type-color-2.cart_list.arrow:after, button.btn-cart.cart_list.arrow:after, button.btn-view.cart_list.arrow:after, button.buy.cart_list.arrow:after { font-size: 15px; line-height: 31px; } @-moz-document url-prefix() { .button.type-color-2.cart_list.arrow:after, .button.btn-cart.cart_list.arrow:after, .button.btn-view.cart_list.arrow:after, .button.buy.cart_list.arrow:after, button.type-color-2.cart_list.arrow:after, button.btn-cart.cart_list.arrow:after, button.btn-view.cart_list.arrow:after, button.buy.cart_list.arrow:after { font-size: 13px; } } .button.btn-view, button.btn-view { min-width: 102px; } .button.btn-update, button.btn-update { padding: 0 13px; } .button.type-color-3, button.type-color-3 { background-color: #8a73b4; } .button.type-color-4, button.type-color-4 { background-color: #3c3e43; } .button.no-wrapp, button.no-wrapp { white-space: nowrap; padding-left: 3px; padding-right: 3px; font-size: 18px; } .button.buy:focus, button.buy:focus { outline: none; } .button.buy.right, button.buy.right { margin-left: 10px; margin-top: 4px; } .button.buy.extnd, button.buy.extnd { color: #fff; background-color: #f99b46; margin-top: 0; margin-bottom: 7px; } .button.shema-out, .button.disabled, button.shema-out, button.disabled { padding-left: 25px; padding-right: 25px; min-width: 180px; color: #4c4c4c; background-color: #e0e0e0; cursor: default; } .button.shema-out:focus, .button.shema-out:active, .button.disabled:focus, .button.disabled:active, button.shema-out:focus, button.shema-out:active, button.disabled:focus, button.disabled:active { background-color: #e0e0e0; color: #4c4c4c; outline: none; } .button.format-b, button.format-b { padding: 4px; background-color: #f99b46; height: 46px; line-height: normal; font-size: 24px; border-radius: 3px; } .button.format-b.medium, button.format-b.medium { padding: 3px 3px 4px; line-height: 33px; height: 40px; font-size: 20px; } .button.format-b span, button.format-b span { border: 2px solid #fff; display: block; border-radius: 4px; height: 100%; width: 100%; white-space: nowrap; line-height: 1.6; } .button.format-b:active, button.format-b:active { background-color: #22b713; } .button.type-3, button.type-3 { border: 1px solid #ca0000; height: 39px; padding-left: 10px; padding-right: 10px; font-size: 15px; color: #ca0000; background-color: #fff; } .button.type-3.large-type, button.type-3.large-type { font: 400 20px/1.6 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .button.type-3:active, button.type-3:active { background-color: #ca0000; color: #fff; } .button[disabled], button[disabled] { border-color: #4c4c4c !important; color: #fff !important; background-color: #4c4c4c !important; } .button.stock-out, .button.stock-out:hover, button.stock-out, button.stock-out:hover { padding: 0 30px; background-color: #fff; border: #3c3e43 1px solid; color: #3c3e43; cursor: default; } .button.btn-none, button.btn-none { width: 100%; margin-left: 20px; background-color: #ca0000; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAZCAYAAAA4/K6pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRDQUU3MjIwOEVFMTFFNUE3OEVEMUZGRjBFRUJFOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRDQUU3MjMwOEVFMTFFNUE3OEVEMUZGRjBFRUJFOTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNENBRTcyMDA4RUUxMUU1QTc4RUQxRkZGMEVFQkU5MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNENBRTcyMTA4RUUxMUU1QTc4RUQxRkZGMEVFQkU5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PluskAEAAAGQSURBVHjalJWxSgNBEIbvkhQxChFEDNqJCtqJoqBIsNVOEARBH0DBQrBKZekraJFGBFGsBEsLiQhiEJRI0miwEuyMmkSz/gNzMGx279aBD3aWmf9ubmf2fKWUZ7AOMAsGwDeogCJoDyYBQQbsgw/Vbi9gCyRkjkyeAW8q2i5Bd5DncwljoADS/GItcAXuQQpkwZB48Wvea5IKidyIJzyAca00ilkHnyJuJyhhUWxWQa+WLFkALY59B520mRcCKyHJAacifjmGOua5rho486LtUKwnSaCfnSqoOwiUxLqPBBrsJDw3S8o2IoFndgZBj4PAhFiXSeCOnTjYiEimmE3h39JXXRNftc4daTuBPRHboI70uC1lg9TAtmxXMAKOtZY+l7OQN/Q8PaEMXi0zsSQFRsGvcrcSiOnTePQPgVXTOA+DL4fkIoibBIjdiGQapDnbhUIkwVOIwIF+tKazngJNQ3IFdLkIEDktmQSnTbE2ATqiCyGQs3Vn2MWRBo/ghK80Y5xv+S8EluJx/7EF/AkwAFIW0HM0IxJ6AAAAAElFTkSuQmCC); background-position: 20% 7px; background-repeat: no-repeat; padding-left: 31px; } .button.-details, button.-details { background-color: #43983a; border-color: #367a2e; color: #FFFFFF; white-space: nowrap; font: 600 12px/33px "Proxima Nova", Arial, Helvetica, sans-serif; height: 31px; } .button.-details:hover, .button.-details:focus, button.-details:hover, button.-details:focus { background-color: #2ebb1f; } .button.-details:hover, .button.-details:focus, button.-details:hover, button.-details:focus { color: #FFFFFF; } @-moz-document url-prefix() { .button.-details, button.-details { font-size: 10px; } } .button.-details.arrow:after, .button.-eventlabel.arrow:after, button.-details.arrow:after, button.-eventlabel.arrow:after { font-size: 15px; line-height: 31px; } .button.-link-disable, button.-link-disable { pointer-events: none; cursor: default; color: #fff; background-color: #4c4c4c; opacity: 0.3; } .button.-grey, button.-grey { background-color: #3c3e43; position: relative; margin-top: 10px; color: #fff; font-size: 15px; line-height: 40px; font-weight: normal; } .button.-grey:hover, button.-grey:hover { background-color: #6f7176; } .products-grid .stock-out, .products-list .stock-out { padding: 0 4px !important; font-size: 12px; height: 31px; line-height: 31px; font-weight: 600; white-space: nowrap; float: right; } @-moz-document url-prefix() { .products-grid .stock-out, .products-list .stock-out { font-size: 10px; } } .btn-apply { position: absolute; top: 1px; right: 1px; height: 38px; margin: 0; padding: 0 0 0 12px; font: 400 22px/38px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ca0000; background: #fff; } .btn-apply:before, .btn-apply:after { content: ''; position: absolute; top: 3px; height: 0; width: 0; border-bottom: 16px solid transparent; border-left: 9px solid #ca0000; border-top: 16px solid transparent; } .btn-apply:before { left: 0; } .btn-apply:after { border-left-color: #fff; left: -1px; } .btn-apply input { display: block; width: 100%; height: 100%; margin: 0; padding: 0 11px; border: 0; text-transform: uppercase; background: none; } .text-field-button-block { position: relative; } a.button { line-height: 40px; } .btn-filter { width: 50%; float: none; display: inline-block; } .btn-paypal-review { background-color: #43983a; border-color: #367a2e; color: #FFFFFF; width: 260px; } .btn-paypal-review:hover, .btn-paypal-review:focus { background-color: #2ebb1f; } .btn-paypal-review:hover, .btn-paypal-review:focus { color: #FFFFFF; } .btn-paypal-review:after { position: absolute; right: 10px; } .-is-safari .products-grid .button { letter-spacing: -1px; } .tab-block { position: relative; min-height: 561px; } @media only screen and (max-width: 60em) { .tab-block { padding: 0 2.4rem; } } .tab-block .tabs { display: table; width: 100%; border-collapse: collapse; } .tab-block .tabs .tab-title { display: table-cell; position: relative; width: auto; float: none; text-align: center; padding: 0; } .tab-block .tabs .tab-title:before { content: ""; display: block; width: 9999%; height: 8px; background-color: #f0f1f2; position: absolute; left: -999%; bottom: -8px; z-index: -1; } .tab-block .tabs .tab-title.active { position: relative; } .tab-block .tabs .tab-title.active:before { background-color: #ca0000; width: 100%; left: 0; z-index: 1; } .tab-block .tabs .tab-title.active:after { content: ""; display: block; width: 29px; height: 24px; border-left: 15px transparent solid; border-right: 15px transparent solid; border-bottom: 12px transparent solid; border-top: 12px #ca0000 solid; position: absolute; bottom: -32px; left: 50%; margin-left: -15px; z-index: 10; } .tab-block .tabs .tab-title a { font-size: 22px; display: block; line-height: 24px; border-bottom: none; background-color: #fff; padding-top: 15px; padding-bottom: 15px; color: #3c3e43; } .tab-block a.minimal-price-link { display: inline-block; border-bottom: none; color: #898989; } .tab-block a.minimal-price-link .label { font-size: 14px; margin-right: 5px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; text-transform: lowercase; } .tab-block .owl-stage { display: -ms-inline-flexbox; } .tab-block .owl-stage:after { \margin-right: -3px; } .section_grey .tab-block .tabs .tab-title:before { content: ""; display: block; width: 100%; height: 8px; background-color: #fff; position: absolute; left: 0; bottom: -8px; } .section_grey .tab-block .tabs .tab-title.active:before { background-color: #ca0000; } .section_grey .tab-block .tabs .tab-title a { background-color: #f0f1f3; } .price-box.-priceruled .old-price .price { color: #3c3e43; } .price-box p { margin: 0; } .price-box .price { color: #e52a47; font: 400 16px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .price-box .price.standard-price { vertical-align: bottom; line-height: 18px; } .price-box .price-label, .price-box > .label { color: #4c4c4c; font: 400 12px/1 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .price-box > .label { display: block; margin-top: -12px; } .price-box .old-price { color: #4c4c4c; font: 400 11px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .price-box .old-price .price { color: #3c3e43; text-decoration: line-through; font: 400 13px/1 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .price-box .special-price .price { color: #e52a47; } .actions .price-box { position: relative; float: left; padding-top: 5px; } .actions .price { font-size: 18px; } .actions .old-price .price { font-size: 11px; } .actions .special-price { position: relative; display: block; } .actions .old-price { position: absolute; top: -5px; display: block; margin-right: 5px; white-space: nowrap; line-height: 1; } .actions .old-price .price-label, .actions .old-price .price { display: inline-block; line-height: 11px; } .actions .add-to-links { clear: both; } /* product listing */ .products-grid.first, .products-list.first { border-top: 1px solid #e4e4e4; } .products-grid .price-box .old-price, .products-list .price-box .old-price { display: block; margin-top: -5px; margin-bottom: -10px; } .products-grid .price-box .old-price .label, .products-list .price-box .old-price .label { color: #898989; text-decoration: line-through; } .products-grid .price-box .old-price .price, .products-list .price-box .old-price .price { color: #3c3e43; } .products-grid .price-box .minimal-price-link .label, .products-list .price-box .minimal-price-link .label { color: #898989; } .products-grid .price-box .minimal-price-link .price, .products-list .price-box .minimal-price-link .price { color: #3c3e43; } .products-grid .price-box .as-low-as-price .price, .products-list .price-box .as-low-as-price .price { color: #e52a47; } .products-grid .price-box.-priceruled .old-price .price, .products-list .price-box.-priceruled .old-price .price { color: #3c3e43; } /* product list */ .products-list .item-home-avail { border: 0 !important; } /* product finder */ .top-products-list .price-box .old-price .price-label, .top-products-list .price-box .old-price .price { color: #898989; text-decoration: line-through; font-size: 14px; } .top-products-list .price-box .price { font-size: 16px; line-height: 16px; } .top-products-list .price-box .minimal-price-link .label { color: #898989; font-size: 14px; } .top-products-list .price-box .minimal-price-link .price { color: #3c3e43; font-size: 16px; } .top-products-list .item_top .price-box .old-price .price-label, .top-products-list .item_top .price-box .old-price .price { color: #898989; text-decoration: line-through; font-size: 18px; } .top-products-list .item_top .price-box .price { font-size: 22px; line-height: 22px; } .top-products-list .item_top .price-box .minimal-price-link .label { color: #898989; font-size: 18px; } .top-products-list .item_top .price-box .minimal-price-link .price { color: #3c3e43; font-size: 22px; } /* Prices in sidebar 'recently viewed products' */ .sidebar-product-viewed { padding-right: 20px; } @media only screen and (max-width: 60em) { .sidebar-product-viewed.sidebar-block, .compare-table-wr.sidebar-block { display: none; } } .sidebar-product-viewed .price-box, .compare-table-wr .price-box { float: right; width: 55%; } .sidebar-product-viewed .price-box .price, .compare-table-wr .price-box .price { color: #e52a47; } .sidebar-product-viewed .price-box .old-price .price, .compare-table-wr .price-box .old-price .price { color: #3c3e43; } .sidebar-product-viewed .as-low-as-price .price, .compare-table-wr .as-low-as-price .price { color: #e52a47; } .sidebar-product-viewed .price-label, .compare-table-wr .price-label { display: none; } .sidebar-product-viewed .minimal-price-link .label, .compare-table-wr .minimal-price-link .label { display: block; margin-top: 4px; text-transform: lowercase; font-size: 14px; } .sidebar-product-viewed .minimal-price-link .price, .compare-table-wr .minimal-price-link .price { display: block; color: #3c3e43; } /* Prices on product detail page */ .catalog-category-view .price-action-block .price-box { display: inline; text-align: right; } .catalog-category-view .price-action-block .price-box .old-price { display: inline-block; text-decoration: line-through; white-space: nowrap; } .catalog-category-view .price-action-block .price-box .old-price .price, .catalog-category-view .price-action-block .price-box .old-price .price-label { color: #898989; text-decoration: none; font-size: 14px; } .catalog-category-view .price-action-block .price-box .special-price { display: inline-block; line-height: 30px; } .catalog-category-view .price-action-block .price-box .special-price .price-label { display: none; } .catalog-category-view .price-action-block .price-box .regular-price .price, .catalog-category-view .price-action-block .price-box .special-price .price { color: #e52a47; font-size: 18px; } /* Price box, style guide version */ .product-cart-box .product-add-button { display: table; width: 100%; border-collapse: collapse; } .product-cart-box .product-add-button.tier-3 .qty-box { padding-top: 20px; } .product-cart-box .price-box { display: table-cell; padding-right: 10px; vertical-align: middle; text-align: right; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .product-cart-box .price-box .current-price { color: #ba0100; font-size: 18px; line-height: 22px; } .product-cart-box .price-box .old-price { color: #898989; text-decoration: line-through; font-size: 14px; } .product-cart-box .price-box .tier-price { white-space: nowrap; font-size: 12px; } .product-cart-box .price-box .tier-price em { color: #ca0000; text-transform: uppercase; font-style: normal; } .product-cart-box .price-box .tier-price + .current-price { margin-top: 6px; } .product-cart-box .addto-box { display: table-cell; width: 150px; text-align: right; } .product-cart-box .product-compare-wishlist { margin-top: 3px; } .product-cart-box .product-compare-wishlist ul { margin: 0; padding: 0; list-style: none; } .product-cart-box .product-compare-wishlist ul li { float: right; margin-left: 10px; padding: 0; } .product-cart-box .product-compare-wishlist ul li a { position: relative; display: inline-block; margin-left: 21px; border-bottom-color: #afb0b1; color: #3c3e43; font-size: 12px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 14px; } .product-cart-box .product-compare-wishlist ul li a.link-wishlist:before { position: absolute; top: 4px; left: -16px; background: none; color: #3c3e43; content: "\e64d"; font: 400 10px/6px "icomoon"; } .product-cart-box .product-compare-wishlist ul li a.link-compare:before { position: absolute; top: 4px; left: -13px; background: none; color: #3c3e43; content: "\e632"; font: 400 10px/6px "icomoon"; } .product-cart-box .tier-3 + .product-compare-wishlist { margin-top: -20px; } .qty-box-wrapper { display: table; } .qty-box-label { display: table-cell; padding-right: 12px; font-size: 12px; } .qty-box { display: table-cell; padding-right: 10px; width: 70px; text-align: right; } .qty-box .qty-custom { position: relative; padding-right: 20px; border: #e2e2e2 1px solid; text-align: center; line-height: 40px; } .qty-box .qty-custom input { display: inline-block; border: none; text-align: center; font-size: 17px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .qty-box .qty-custom .qty-btn { position: absolute; right: 3px; display: inline-block; width: 11px; height: 6px; border: none; text-decoration: none; line-height: 6px; } .qty-box .qty-custom .qty-btn:before { background: none; color: #e52a47; content: "\e619"; font: 400 10px/6px "icomoon"; } .qty-box .qty-custom .qty-btn.qty_high { top: 7px; } .qty-box .qty-custom .qty-btn.qty_high:before { content: "\e619"; } .qty-box .qty-custom .qty-btn.qty_low { bottom: 7px; } .qty-box .qty-custom .qty-btn.qty_low:before { content: "\e61a"; } a.minimal-price-link, a.minimal-price-link:hover { display: inline-block; border-bottom: none; color: #898989; } a.minimal-price-link .label, a.minimal-price-link:hover .label { margin-right: 5px; text-transform: lowercase; font-size: 14px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .regular-price > .label { margin-right: 3px; color: #ca0000; vertical-align: bottom; font: bold 16px/1 "Proxima Nova", Arial, Helvetica, sans-serif; } .alert-box { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 1.5; text-transform: uppercase; text-align: left; padding: 13px 35px 13px 48px; font-size: 14px; } .alert-box .close { border: 1px solid #fff; font: 400 20px/12px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; border-radius: 50%; text-decoration: none; text-transform: uppercase; vertical-align: top; width: 20px; height: 20px; text-align: center; padding: 0; } .alert-box.top-m:before { display: none; } .alert-box.top-m .close { border: 0 none; } .alert-box:before { content: "\e600"; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto 0; padding: 4px; background: none; color: #fff; height: 28px; min-width: 28px; font: 400 16px/18px "icomoon"; } .alert-box.success { border-left: 4px #43983a solid !important; } .alert-box.success:before { content: "\e625"; } .alert-box.error { background-color: #ed0001; border-left: 4px #ca0000 solid !important; padding-left: 100px; } .alert-box.error:before { content: "X"; border: 0 none; font-size: 14px; left: 73px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .alert-box.secondary { background-color: #89b7ce; border-left: 4px #3a87ad solid !important; padding-left: 35px; text-align: center; font-size: 16px; } .alert-box.secondary:before { display: none; } #admin_messages { width: 100%; max-width: 1200px; background-color: #89b7ce; border-left: 4px #3a87ad solid !important; text-align: left; list-style: none; color: #fff; line-height: 1.5; text-transform: uppercase; padding: 13px 35px 13px 48px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; position: relative; margin: 10px auto; } #admin_messages:empty { display: none !important; } .col2-left-layout .col-main #admin_messages { display: block; width: auto; margin-left: 50px; } .messages { margin: 0 0 20px; display: block; list-style: none; padding: 0 !important; } .messages li { margin: 0; } .messages > li { display: block; list-style: none; width: 100%; border: 1px solid; border-right: none; border-left: none; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 13px 35px 13px 48px; font-size: 14px; font-weight: 400; position: relative; margin-top: 12px; background: #fff; } .messages > li:first-of-type { margin-top: 0; } .messages > li:after { content: ''; position: absolute; left: -100%; right: -100%; top: -1px; bottom: -1px; background: inherit; border: inherit; display: inherit; z-index: -1; } .messages > li.success-msg { border-color: #22b713; color: #22b713; } .messages > li.success-msg span:before { content: "\e625"; width: 16px; height: 16px; } .messages > li.error-msg { border-color: #ed0001; color: #ed0001; } .messages > li.error-msg span { display: block; } .messages > li.error-msg span:before { content: "X"; border: 0 none; font-size: 14px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; width: 10px; height: 13px; } .messages > li.notice-msg { color: #3a87ad; border-color: #3a87ad; padding-left: 48px; text-align: left; font-size: 16px; } .messages > li.notice-msg span:before { display: none; } .messages > li a { color: inherit; font-family: inherit; } .messages > li ul { list-style: none; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 14px; width: 100%; max-width: 1200px; margin: 0 auto; } .messages > li ul span { position: relative; } .messages > li ul span:before { content: "\e600"; position: absolute; left: -45px; top: 0; bottom: 0; margin: auto; background: none; color: inherit; font: 400 16px "icomoon"; } body.customer-account-logoutsuccess .messages { margin-top: 20px; } body .messages { position: relative; max-width: 100%; overflow: hidden; z-index: 1; } body .messages .alert-box { width: 100%; margin-left: auto; margin-right: auto; max-width: 1000px; border-left-color: transparent; border-right-color: transparent; } body .messages .alert-box:after { content: ''; position: absolute; left: -100%; right: -100%; top: -1px; bottom: -1px; background: inherit; border: inherit; display: inherit; z-index: -1; } #messages_product_view .messages { margin-bottom: 0; } select, select:hover { background: #fff 92% 50% no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjZENDc1QjNDQTdCMTFFNEJDQUU4M0U4OEIxNENBRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjZENDc1QjRDQTdCMTFFNEJDQUU4M0U4OEIxNENBRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNkQ0NzVCMUNBN0IxMUU0QkNBRTgzRTg4QjE0Q0FGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNkQ0NzVCMkNBN0IxMUU0QkNBRTgzRTg4QjE0Q0FGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJw5wcAAADoSURBVHjajJBPCoJAGMXHTSdw5zpctHHhRhdBB/AK3qE7eIm8kS1ChCxaBAltXCVUoJkv38BM/4Qa+ODjvd/7ZuYT7emEzXSKMo7RH/FPlYuFzDArcs/DUghZxyj6OYSM4nPfhzgnCVamqcXDfA503fegXqOnOGaYleY1z5Faljb3YYiubfUQ9tSUT5YZevqGuiiQ2baGdkGA++Uii73SyZBVubdn3soSa9d9/rHfz+uO6JF5zXwtqa0qbGczHVJFjd4nP7jprq6RjcfPZ/c9tSHWkFMGDpoGa8eR/SRNhTEaGUPcQ4ABANQ4aS7Gl9iGAAAAAElFTkSuQmCC); background-size: 16px 9px; } @media only screen and (max-width: 670px) { .products-grid:not(.owl-carousel) .item { width: 97.5%; width: calc(50% - 16px); } .products-grid:not(.owl-carousel) .item:nth-of-type(2n) { margin-right: 0; } } @media only screen and (min-width: 670px) and (max-width: 749px) { .products-grid:not(.owl-carousel) .item { width: 45.5493741307%; width: calc(50% - 16px); } .products-grid:not(.owl-carousel) .item:nth-of-type(2n) { margin-right: 0; } } @media only screen and (min-width: 750px) and (max-width: 989px) { .products-grid:not(.owl-carousel) .item { width: 28.328119569%; width: calc(33.3333333333% - 16px); } .products-grid:not(.owl-carousel) .item:nth-of-type(3n) { margin-right: 0; } } @media only screen and (min-width: 990px) and (max-width: 1229px) { .products-grid:not(.owl-carousel) .item { width: 19.6622185154%; width: calc(25% - 16px); } .products-grid:not(.owl-carousel) .item:nth-of-type(4n) { margin-right: 0; } } @media only screen and (min-width: 1230px) and (max-width: 10030px) { .products-grid:not(.owl-carousel) .item { width: 19.2%; width: calc(20% - 16px); } .products-grid:not(.owl-carousel) .item:nth-of-type(5n) { margin-right: 0; } } .products-grid:not(.owl-carousel) .item { min-width: 224px; } @media only screen and (max-width: 60em) { .products-grid:not(.owl-carousel).indents { padding: 0 15px; } } .products-list, .products-grid { margin: 0; list-style: none; } .products-list .item, .products-grid .item { display: inline-block; vertical-align: top; } @media only screen and (max-width: 60em) { .products-list .item, .products-grid .item { padding: 0 10px; } } .products-list .item-image, .products-grid .item-image { display: table-cell; width: 224px; height: 224px; vertical-align: middle; text-align: center; } .products-list .item-image a, .products-grid .item-image a { position: relative; display: inline-block; border-bottom: none; } .products-list .item-image a img, .products-grid .item-image a img { display: inline-block; max-width: 100%; width: auto; } .products-list .item-image a .pic-label, .products-grid .item-image a .pic-label { max-width: 40%; } .products-list .short-description, .products-grid .short-description { position: relative; overflow: hidden; margin-bottom: 20px; height: 35px; background-color: #FFFFFF; font-size: 13px; line-height: 18px; } .products-list .short-description.bottom-shadow:after, .products-grid .short-description.bottom-shadow:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; box-shadow: 0 0 8px 6px #FFFFFF; content: ""; } .products-list .short-description:hover, .products-grid .short-description:hover { overflow: visible; } .products-list .short-description:hover:after, .products-grid .short-description:hover:after { display: none; content: ""; } .products-list .short-description p, .products-grid .short-description p { margin-bottom: 0; font-size: 13px; line-height: 18px; } .products-list .short-description a, .products-grid .short-description a { border-bottom: none; color: #3c3e43; word-wrap: break-word; } .products-list .short-description.-bvenabled, .products-grid .short-description.-bvenabled { margin-bottom: 30px; } .products-list .bazaarvoice-container.-enabled, .products-grid .bazaarvoice-container.-enabled { min-height: 20px; } .products-list .price-cond-wrapper, .products-grid .price-cond-wrapper { display: table; width: 100%; height: 44px; } .products-list .price-cond-wrapper .product-condition, .products-grid .price-cond-wrapper .product-condition { display: table-cell; vertical-align: middle; text-align: left; font-size: 13px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 17px; } .products-list .price-cond-wrapper .price-box, .products-grid .price-cond-wrapper .price-box { display: table-cell; float: none; } .products-list .item-avail, .products-grid .item-avail { display: table-cell; min-width: 120px; vertical-align: top; text-align: left; } .products-list .item-avail .availability, .products-grid .item-avail .availability { font-size: 11px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 16px; } .products-list .item-home-avail, .products-grid .item-home-avail { overflow: hidden; padding: 0 0 16px; width: 100%; border-bottom: 1px solid #e2e2e2; } .products-list .item-home-avail.item_nonpurchase, .products-grid .item-home-avail.item_nonpurchase { padding-bottom: 11px; } .products-list .item-home-avail .columns, .products-grid .item-home-avail .columns { padding-right: 0 !important; padding-left: 0 !important; } .products-list .item-home-avail .status-block, .products-grid .item-home-avail .status-block { float: left; width: 52%; } .products-list .item-home-avail .btn-block, .products-grid .item-home-avail .btn-block { float: right; width: 48%; } .products-list .item-home-avail .btn-block .button, .products-grid .item-home-avail .btn-block .button { float: right; } .products-list .item-home-avail .availability, .products-grid .item-home-avail .availability { font-size: 11px; } .products-list .item-home-avail .availability span, .products-grid .item-home-avail .availability span { font-weight: 400; } .products-list .item-home-avail .button, .products-grid .item-home-avail .button { padding: 0 7px; } .products-list .item-home-avail .button:after, .products-grid .item-home-avail .button:after { margin-left: 6px; } .products-list .item-home-avail.item-nonpurchase, .products-grid .item-home-avail.item-nonpurchase { padding-bottom: 11px; } .products-list .label-nonpurchase, .products-grid .label-nonpurchase { display: inline-block; float: left; font-size: 13px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 13px; } .products-list .btn-view, .products-grid .btn-view { height: 31px; font-weight: 600; font-size: 13px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; line-height: 33px; } .products-list .add-to-links, .products-grid .add-to-links { display: block; margin: 0; padding: 0; list-style: none; } .products-list .add-to-links li, .products-grid .add-to-links li { position: relative; display: inline-block; line-height: 11px; } .products-list .add-to-links li:first-of-type, .products-grid .add-to-links li:first-of-type { padding-left: 0; } .products-list .add-to-links li:first-of-type a, .products-grid .add-to-links li:first-of-type a { border-bottom: none; font-size: 11px; } .products-list .add-to-links li:first-of-type a em, .products-grid .add-to-links li:first-of-type a em { font-style: normal; font-size: 12px; } .products-list .add-to-links .separator, .products-grid .add-to-links .separator { display: inline-block; margin: 0 3px; color: #ca0000; } .products-list .add-to-links a, .products-grid .add-to-links a { border-bottom: none; font-size: 11px; } .products-list .price-box { width: 100%; } .products-grid .product-name, .products-list .product-name, .compare-table-wr .product-name { position: relative; z-index: 1; overflow: hidden; margin-bottom: 10px; height: 77px; text-transform: none; } .products-grid .product-name:after, .products-list .product-name:after, .compare-table-wr .product-name:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; box-shadow: 0 0 8px 6px #fff; content: ""; } .products-grid .product-name:hover, .products-list .product-name:hover, .compare-table-wr .product-name:hover { overflow: visible; } .products-grid .product-name:hover:after, .products-list .product-name:hover:after, .compare-table-wr .product-name:hover:after { display: none; } .products-grid .product-name:hover .product-name_holder, .products-list .product-name:hover .product-name_holder, .compare-table-wr .product-name:hover .product-name_holder { max-height: 148px; } .products-grid .product-name a, .products-list .product-name a, .compare-table-wr .product-name a { border-bottom: none; background-color: #fff; color: #3c3e43; word-wrap: break-word; font-weight: normal; font-size: 20px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; line-height: 22px; } .products-grid .price-box, .products-list .price-box, .compare-table-wr .price-box { max-width: none; width: 100%; } .products-grid .price-box .special-price .price-label, .products-list .price-box .special-price .price-label, .compare-table-wr .price-box .special-price .price-label { display: inline-block; color: #e52a47; vertical-align: bottom; } .product-name_holder { overflow: hidden; max-height: 100%; background-color: #fff; box-shadow: 0 0 8px 4px #fff; } .price-box { float: right; margin-top: 10px; min-width: 110px; min-height: 40px; max-width: 70%; text-align: right; } .price-box .old-price { display: inline-block; padding-right: 3px; } .price-box .old-price span { font-size: 14px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .price-box .special-price { display: block; line-height: 30px; } .price-box .special-price .price-label { display: inline-block; margin-right: 7px; color: #e52a47; } .price-box .special-price .price, .price-box .special-price .label { vertical-align: bottom; } .price-box .regular-price { display: block; } .price-box .regular-price.standard-price, .price-box .regular-price.as-low-as-price { line-height: 26px; } .price-box .regular-price.standard-price .price, .price-box .regular-price.standard-price .label, .price-box .regular-price.as-low-as-price .price, .price-box .regular-price.as-low-as-price .label { vertical-align: bottom; } .price-box .minimal-price-link { display: block; } .price-box .minimal-price-link .label { display: inline-block; } .price-box .minimal-price-link .price { display: inline-block; color: #3c3e43; } .price-box.pricingppr .price { display: block; } .off-canvas-content { display: none; } .off-canvas-content.open { display: block; } .off-canvas-content.off-canvas-cart { padding: 10px; color: #fff; } .inner-wrap { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: left 500ms ease; -moz-transition: left 500ms ease; transition: left 500ms ease; } .move-left .inner-wrap { left: -250px; -webkit-transform: none; -ms-transform: none; transform: none; } .move-right .inner-wrap { left: 250px; -webkit-transform: none; -ms-transform: none; transform: none; } .move-right .left-off-canvas-menu { left: 0; } .right-off-canvas-menu { position: fixed; right: -250px; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: right 500ms ease; -moz-transition: right 500ms ease; transition: right 500ms ease; } .move-left .right-off-canvas-menu { right: 0px; } .left-off-canvas-menu { position: fixed; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: left 500ms ease; -moz-transition: left 500ms ease; transition: left 500ms ease; left: -250px; } .top-menu-wrapper { display: table; float: none; } @media only screen and (max-width: 60em) { .top-menu-wrapper { position: absolute; z-index: 20; top: 90px; left: 0; display: none; float: none; width: 100%; border-top: #ca0000 6px solid; background-color: #fff; } } @media only screen and (max-width: 60em) { .top-menu-wrapper.touch-menu { display: block; } } .touch .touch-menu { z-index: 1200; } .top-menu { display: table-cell; list-style: none; text-align: justify; vertical-align: baseline; min-width: 110px; } @media only screen and (max-width: 60em) { .top-menu { display: block; margin: 0; min-width: 0; } } .top-menu.-static { margin: 0; text-align: left; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .top-menu.-static { padding: 0 0 15px 15px; } } .top-menu > .item { display: inline-block; transition: background-color 300ms ease-out; white-space: nowrap; } @media only screen and (max-width: 60em) { .top-menu > .item { display: block; border-bottom: #e2e2e2 1px solid; position: relative; } } .top-menu > .item > .link { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; display: inline-block; padding: 0 15px; text-align: center; text-decoration: none; color: #3c3e43; border-bottom: 0; } @media only screen and (max-width: 60em) { .top-menu > .item > .link { display: block; padding: 12px 20px; text-align: left; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .top-menu > .item > .link { padding: 10px 0 0; } .top-menu > .item > .link.link.-product:after { top: 24px; } } .top-menu > .item > .link > .icon-gift { float: left; width: 17px; height: 20px; margin: -3px 5px 0 0; fill: #ca0000; } .top-menu > .item.active { padding-bottom: 0; } @media only screen and (max-width: 60em) { .top-menu > .item.active { background-color: #3c3e43; } } .top-menu > .item.active.menu_up { position: relative; } .top-menu > .item > .link.-products { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: 600; position: relative; padding: 37px 35px 36px 13px; } .top-menu > .item > .link.-products:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; position: absolute; top: 26px; width: 20px; margin-left: 6px; content: '\e618'; color: #ca0000; } @media only screen and (max-width: 60em) { .top-menu > .item > .link.-products { margin: 0; padding: 12px 20px; display: inline-block; position: static; } .top-menu > .item > .link.-products:after { top: 1px; right: 23px; content: '\e618'; } } .top-menu > .item.-gift > .link.-products { padding: 37px 41px 36px 8px; } @media only screen and (max-width: 60em) { .top-menu > .item.-gift > .link.-products { margin: 0; padding: 12px 20px; } } .top-menu > .item.active > .link.-products { color: #fff; background-color: #ca0000; } .top-menu > .item.active > .link.-products:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; position: absolute; top: 26px; width: 20px; margin-left: 6px; content: '\e61a'; color: #fff; } .top-menu > .item.active > .link.-products > .icon-gift { fill: #fff; } .dropdown-menu, .dropdown-gift-menu { position: absolute; z-index: 21; top: 121px; right: 0; left: 0; display: block; width: 100%; max-width: 1240px; margin: 0 auto; -webkit-box-shadow: 4px 4px 16px 0 rgba(50, 50, 50, 0.4); -moz-box-shadow: 4px 4px 16px 0 rgba(50, 50, 50, 0.4); box-shadow: 4px 4px 16px 0 rgba(50, 50, 50, 0.4); } @media only screen and (min-width: 40em) and (max-width: 60em) { .dropdown-menu, .dropdown-gift-menu { top: 120px; border: none; z-index: 1300; } } .dropdown-menu.hidden, .dropdown-gift-menu.hidden { display: none !important; } .dropdown-menu > .container-menu > .link, .dropdown-gift-menu > .container-menu > .link { color: #3c3e43; border-bottom: 0; } .dropdown-menu > .container-menu > .js-menu-backlink, .dropdown-gift-menu > .container-menu > .js-menu-backlink { position: relative; display: none; padding: 12px 0 12px 25px; color: #3c3e43; border-bottom: 0; font-size: 18px; font-weight: 600; } .dropdown-menu > .container-menu > .js-menu-backlink:after, .dropdown-gift-menu > .container-menu > .js-menu-backlink:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; position: absolute; top: 3px; left: 0; width: 20px; margin-left: 6px; content: '\e617'; color: #ca0000; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .js-menu-backlink:after, .dropdown-gift-menu > .container-menu > .js-menu-backlink:after { top: 5px; } } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .js-menu-backlink, .dropdown-gift-menu > .container-menu > .js-menu-backlink { display: block; background-color: #fff; } } .dropdown-menu > .container-menu > .link.menu-title, .dropdown-gift-menu > .container-menu > .link.menu-title { display: none; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .link.menu-title, .dropdown-gift-menu > .container-menu > .link.menu-title { display: block; padding: 12px 20px; color: white; background-color: #3c3e43; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list { position: relative; display: block; width: 1240px; margin: 0 auto; padding: 25px 20px 20px; border-top: 1px solid #e4e4e4; background-color: #fff; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list:first-child, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list:first-child { border-top: 0; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list { width: 100%; margin: 0; padding-top: 30px; padding-right: 15px; padding-left: 15px; border-top: 0; } } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list { width: 100%; padding: 0; border-top: 0; } } @media only screen and (min-width: 60.0625em) { .dropdown-menu > .container-menu > .wrapper-table, .dropdown-gift-menu > .container-menu > .wrapper-table { display: table; width: 100%; max-width: 1240px; margin: 0 auto; border-top: 1px solid #ca0000; border-bottom: 7px solid #ca0000; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-out, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-out { position: relative; display: table-cell; width: 50%; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-out:first-of-type:before, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-out:first-of-type:before { right: 0; left: inherit; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-out, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-out { display: none; } .dropdown-menu > .container-menu > .wrapper-table, .dropdown-gift-menu > .container-menu > .wrapper-table { display: block; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category { display: block; float: left; width: 14.286%; margin: 25px 0 20px; vertical-align: top; background-color: #fff; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category.cat_open .category-arrow:after, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category.cat_open .category-arrow:after { content: '\e61a'; } } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category { display: block; width: 100%; margin: 0; border-top: 1px solid #e4e4e4; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category { padding: 0; text-align: left; color: #3c3e43; border-bottom: 0; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category { position: relative; display: inline-block; padding: 7px 20px 7px 0; border-bottom: #e2e2e2 1px solid; } } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category.hasList.cat_open:after, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category.hasList.cat_open:after { content: '\e61a'; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap { display: block; width: 110px; height: 80px; text-align: center; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap { display: inline-block; width: 76px; height: 34px; text-align: center; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap > .image, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap > .image { max-height: 80px; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap > .image, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .cat-img-wrap > .image { max-height: 34px; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .item-text, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .item-text { font: 600 15px/1.2 "Proxima Nova", Arial, Helvetica, sans-serif; margin: 10px 10px 0 0; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .item-text, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .top-category > .item-text { display: inline-block; margin: 0 0 0 10px; } } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .category-arrow, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .category-arrow { position: relative; float: right; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .category-arrow:after, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .category-arrow:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; position: absolute; top: 4px; right: 23px; width: 20px; margin-left: 6px; content: '\e618'; color: #ca0000; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category { width: 167px; margin: 5px 0 0; padding: 0; list-style: none; } @media only screen and (min-width: 40em) and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category { display: none; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category { width: 100%; } } @media only screen and (min-width: 40em) and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category.touch-opened, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category.touch-opened { display: block; width: 100%; margin: 0; background-color: #f0f1f2; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li { display: list-item; padding: 5px 0; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li { display: block; padding: 10px 10px 10px 90px; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; display: inline-block; padding: 0; text-align: left; color: #3c3e43; border-bottom: 0; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a:hover, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a:hover { color: #ca0000; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 15px; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a.link-shop-all, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a.link-shop-all { line-height: 16px; color: #ca0000; border-bottom: 1px solid #f3d4d4; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a.link-shop-all:hover, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category > .sub-category > li > a.link-shop-all:hover { color: #fb3939; border-bottom: 1px solid transparent; } .dropdown-menu > .container-menu > .wrapper-table > .viewall, .dropdown-gift-menu > .container-menu > .wrapper-table > .viewall { padding: 14px 0; text-align: center; background-color: #FFFFFF; border-top: 1px solid #e4e4e4; } @media only screen and (max-width: 60em) { .dropdown-menu > .container-menu > .wrapper-table > .viewall, .dropdown-gift-menu > .container-menu > .wrapper-table > .viewall { padding: 8px 20px; text-align: left; } } .dropdown-menu > .container-menu > .viewall > .link, .dropdown-gift-menu > .container-menu > .viewall > .link { font: 400 16px/1 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list > .wrapper-category[class*='cat_gifts'] { display: none; } .menu_up { z-index: 1100; } .menu_up.item { z-index: 1050; } .menu_up.-static { display: block; } .menu-closer { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ .header-container { position: relative; } .header-container .sprite-icon-wrap { display: inline-block; } .header-container .sprite-icon-wrap.canon2 { width: 100px; height: 89px; } .header-container .sprite-icon-wrap.canon2.wrapper-border { width: 136px; height: 34px; margin: 11px 15px 0 0; padding-right: 15px; border-right: 1px solid #ca0000; border-bottom: none; } .header-container .sprite-icon-wrap.canon2.wrapper-border .icon { -webkit-transform: scale(1.0025) translateZ(0); -ms-transform: scale(1.0025) translateZ(0); transform: scale(1.0025) translateZ(0); } .header-container .sprite-icon-wrap.pricetags { float: left; width: 17px; height: 20px; margin: -2px 5px 0 0; } .header-container .sprite-icon-wrap.cart { display: block; width: 39px; height: 34px; } @media only screen and (max-width: 60em) { .header-container .sprite-icon-wrap.cart { width: 33px; height: 28px; } } .header-container .sprite-icon-wrap.cart svg { color: #4b4e57; } .header-container .sprite-icon-wrap.cart:hover { color: #ca0000; } .header-container .sprite-icon-wrap.cart:hover svg { color: #ca0000; } .header-container .header-wrapper { background-color: #3c3e43; position: relative; } .header-container .header-wrapper.light { background-color: #fff; } .icon-canon_collective { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/sprite.png); background-position: 0px 0px; width: 135px; height: 30px; background-position: 48% 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon-canon_collective { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/sprite@2x.png); background-size: 135px 203px; } } .icon-irista { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/sprite.png); background-position: 0px -50px; width: 135px; height: 30px; background-position: 48% -50px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon-irista { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/sprite@2x.png); background-size: 135px 203px; } } .icon-photo_pico { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/sprite.png); background-position: 0px -100px; width: 135px; height: 30px; background-position: 48% -100px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon-photo_pico { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/sprite@2x.png); background-size: 135px 203px; } } .sub-tabs .tabs-company > p { margin: 0; } .sub-tabs .tab-store { font: 400 15px/25px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; color: #fff; padding: 3px 0 0; border: none; display: inline-block; background-color: #50555e; background-position: 50% inherit; width: 130px; max-width: 24%; vertical-align: top; height: 30px; margin-right: 1px; } .sub-tabs .tab-store:first-child { background-color: #fff; color: #50555e; text-align: center; } .sub-tabs ul { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; } .sub-tabs ul :first-child { border-bottom: 0; } .sub-tabs ul li { display: inline-block; border-right: 1px solid #3c3e43; border-bottom: 1px solid #3c3e43; } .sub-tabs ul li a { display: block; width: 131px; height: 28px; background-repeat: no-repeat; border: 0; } .sub-tabs .customer-care { font-size: 11px; color: #fff; } .sub-tabs .customer-care :last-child { padding-right: 0; } .sub-tabs .customer-care li { padding: 0 10px; border-bottom: 0; border-right: 0; font-size: 12px; line-height: 27px; } .sub-tabs .customer-care li:first-child { border-right: 1px solid #505256; } .sub-tabs .customer-care li a { display: inline; color: #fff; border-bottom: 0; } .sub-tabs .customer-care li a.number-phone { font-weight: 600; font-size: 16px; } @media only screen and (max-width: 60em) { .sub-tabs .customer-care li a.number-phone { font-size: 13px; font-weight: normal; } } .header-bar { padding-left: 10px; } .header-bar .columns { padding: 0; position: initial; } .header-bar .left-medium { width: 68%; } @media only screen and (max-width: 60em) { .header-bar .left-medium { width: 30%; } } .header-bar .right-medium { width: 32%; } @media only screen and (max-width: 60em) { .header-bar .right-medium { width: 70%; } } @media only screen and (max-width: 47.9375em) { .header-bar .right-medium { width: 65%; } } .header-bar .header-logos { display: inline; } .header-bar .link-logo { width: 230px; border-bottom: 0; font-size: 0; float: left; } @media only screen and (max-width: 60em) { .header-bar .link-logo { margin-right: 20px; float: none !important; width: auto; } } @media only screen and (max-width: 790px) { .header-bar .link-logo { padding-top: 13px; } } .header-bar .link-logo .company-logo { margin-right: 25px; border-bottom: 0; } .header-bar .link-logo .company-logo.wrapper-border { padding-right: 17px; margin-right: 0; } @media only screen and (max-width: 790px) { .header-bar .link-logo .company-logo.wrapper-border { padding-left: 10px; } } @media only screen and (max-width: 60em) { .header-bar .link-logo .company-logo { margin-right: 10px; } } .header-bar .link-logo .company-logo + a { margin-right: 0; } .header-bar .link-logo.staff_user .logo-store { display: none; } .header-bar .link-logo.staff_user .company-logo { height: 69px; } .isClubUser .header-bar .header-logos { display: table; float: left; margin-top: 11px; } .isClubUser .header-bar .sprite-icon-wrap.canon2 { width: 100px; height: 89px; } .isClubUser .header-bar .sprite-icon-wrap.canon2.wrapper-border { width: 94px; height: 16px; margin-top: 0; border-right: 1px solid #ca0000; } .isClubUser .header-bar .link-logo { border-bottom: 0; font-size: 0; padding: 0 5px; width: auto; float: none; display: table-cell; vertical-align: middle; } @media only screen and (max-width: 60em) { .isClubUser .header-bar .link-logo { margin-right: 20px; float: none !important; width: auto; } } .isClubUser .header-bar .link-logo .company-logo { margin-right: 25px; border-bottom: 0; } .isClubUser .header-bar .link-logo .company-logo.wrapper-border { padding-right: 0; margin-right: 0; } @media only screen and (max-width: 790px) { .isClubUser .header-bar .link-logo .company-logo.wrapper-border { padding: 0 10px; } } @media only screen and (max-width: 60em) { .isClubUser .header-bar .link-logo .company-logo { margin-right: 10px; } } .isClubUser .header-bar .link-logo .company-logo + a { margin-right: 0; } .isClubUser .header-bar .link-logo.logo_canon { width: 150px; } .isClubUser .header-bar .link-logo.staff_user { width: 120px; padding-right: 0; } .isClubUser .header-bar .link-logo.staff_user + .link-logo .corporation-logo { max-width: 90px; } .isClubUser .header-bar .logo-store { width: 42px; height: 52px; padding: 0; margin: 17px 4px 0 7px; } .isClubUser .header-bar .logo-store img { width: 40px; height: 34px; } .isClubUser .header-bar .home-log { width: 103px; } .isClubUser .header-bar .corporation-logo { max-width: 60px; max-height: 77px; margin: 7px 4px 5px 0; } @media only screen and (max-width: 60em) { .isClubUser .header-bar .right-medium { width: 55%; } } @media only screen and (max-width: 60em) { .isClubUser .header-bar .left-medium { width: 45%; } } .header-bar .header-search-form { margin: 22px 0 0; padding: 0; line-height: 0; } .header-bar .header-search-form .link-advance { display: none; } @media only screen and (max-width: 60em) { .header-bar .header-search-form input { height: 44px; } } .header-bar .header-cart { padding: 0; } @media only screen and (max-width: 60em) { .header-bar .header-cart { text-align: right; padding-right: 10px; white-space: nowrap; } } .welcome-block { display: table; float: left; } .welcome-item { display: table-cell; vertical-align: middle; text-align: left; } @media only screen and (max-width: 45.625em) { .welcome-item { display: none; } } .welcome-item.item_logo { padding-left: 35px; padding-top: 4px; } @media only screen and (max-width: 60em) { .welcome-item.item_logo { display: none; } } .top-cart { float: left; position: relative; margin: 0; } @media only screen and (max-width: 60em) { .top-cart { display: inline-block; float: none; } } .top-cart > .block-title { padding: 20px 20px 36px; border: transparent 1px solid; border-bottom: 0; } @media only screen and (max-width: 60em) { .top-cart > .block-title { padding: 20px 18px 36px; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .top-cart > .block-title { padding: 20px 20px 36px 10px; } } .top-cart > .expanded { border: #e2e2e2 1px solid; border-bottom: 0; background-color: #fff; z-index: 1100; position: relative; box-sizing: border-box; } .top-cart > .expanded .cart-amount { color: #ca0000; } .top-cart > .expanded .cart-amount span { top: 7px; right: -15px; } @media only screen and (max-width: 60em) { .top-cart > .expanded .cart-amount span { right: -8px; } } .top-cart > .expanded .cart svg { color: #ca0000; } .top-cart .cart-amount { margin: 0; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 12px; } @media only screen and (max-width: 60em) { .top-cart .cart-amount { font-size: 0.625rem; line-height: 0.75rem; } } .top-cart .cart-amount span { position: absolute; background: #ca0000; padding: 0 12px; color: #fff; top: 8px; right: -14px; font-size: 12px; line-height: 27px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .top-cart .cart-amount span { right: -1px; } } @media only screen and (max-width: 60em) { .top-cart .cart-amount span { right: -7px; } } .top-cart .block-content { position: absolute; top: 55px; background: #fff; width: 200px; padding: 10px; z-index: 1; } .top-cart .block-content .inner-wrapper { position: relative; } .top-cart .block-content .inner-wrapper .close-btn { position: absolute; top: -3px; right: -3px; width: 20px; height: 20px; background-size: contain; cursor: pointer; } .header-menu-alt { text-align: center; font-size: 0.625rem; line-height: 1rem; border-bottom: none; color: #3c3e43; text-transform: uppercase; display: none; margin: 1.75rem 1rem 1rem; } @media only screen and (max-width: 60em) { .header-menu-alt { display: inline-block; } } .header-menu-alt svg { width: 27px; height: 21px; display: block; margin-bottom: 6px; } .header-menu-alt:hover { border-bottom: none; } #topCartContent { right: 0; width: auto; padding: 0; border: #e2e2e2 1px solid; border-bottom: #ca0000 2px solid; z-index: 1000; top: 90px; } @media only screen and (max-width: 60em) { #topCartContent { top: 84px; } } #topCartContent .block-subtitle { font-size: 20px; line-height: 20px; padding: 20px 25px; margin-bottom: 5px; text-align: center; border-bottom: #e2e2e2 1px solid; text-transform: capitalize; white-space: nowrap; } #topCartContent .cart-empty { padding: 20px 20px 0; width: 200px; white-space: normal; } #topCartContent .mini-products-list { list-style: none; display: block; width: 100%; margin: 0 0 20px; } #topCartContent .mini-products-list li { display: table; border-bottom: #e2e2e2 1px solid; width: 100%; margin-top: 10px; } #topCartContent .mini-products-list .product-img { display: table-cell; vertical-align: top; padding-left: 10px; padding-bottom: 10px; width: 60px; } #topCartContent .mini-products-list .product-img .product-image { border-bottom: none; } #topCartContent .mini-products-list .product-details { display: table-cell; vertical-align: top; padding-bottom: 10px; padding-left: 10px; } #topCartContent .mini-products-list .product-details p { line-height: 18px; margin-bottom: 0; font-size: 14px; } #topCartContent .mini-products-list .product-details p a { line-height: 18px; color: #3c3e43; border-bottom: none; } #topCartContent .mini-products-list .product-price { display: table-cell; vertical-align: top; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; text-align: right; } #topCartContent .mini-products-list .product-price .price { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 16px; } #topCartContent .subtotal { padding: 0 10px; display: block; margin-bottom: 5px; line-height: 1.8; } #topCartContent .subtotal.-totalright .cart-total-label { float: none; display: block; text-align: right; } #topCartContent .subtotal .cart-view { font-size: 14px; display: inline-block; float: left; border-bottom: 0; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; margin-right: 29px; vertical-align: bottom; } #topCartContent .subtotal .link-view-cart { line-height: 2.5; } #topCartContent .subtotal .cart-total-label { display: inline-block; float: left; font-size: 18px; vertical-align: bottom; } #topCartContent .subtotal .cart-total { display: inline-block; float: right; font-size: 18px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; vertical-align: bottom; } #topCartContent .actions { padding: 10px; } #topCartContent .actions button { width: 100%; } #topCartContent .item-options .toggler { font-size: 0.8125rem; margin-bottom: 3px; } .nav-container { height: 55px; background-color: #ca0000; } .nav-container .top-bar { background-color: #ca0000; } .nav-container .top-bar .page-welcome { float: left; margin: 12px 0; color: #fff; font: 400 16px/30px "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: none; } .nav-container .top-bar .top-menu { margin-left: 0; } .nav-container .top-bar .top-menu li { float: left; border-left: 1px solid #aa0000; } .nav-container .top-bar .top-menu li:hover { background-color: #aa0000; position: relative; } .nav-container .top-bar .top-menu li a { display: block; padding: 0 15px; font-size: 14px; line-height: 55px; color: #fff; text-decoration: none; border-bottom: 0; } .nav-container .top-bar .top-menu li a.link-to-wishlist { margin-left: 22px; position: relative; } .nav-container .top-bar .top-menu li a.link-to-wishlist:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; content: "\e64d"; top: 19px; left: -8px; color: #fff; font-size: 14px; } .nav-container .top-bar .top-menu li a .person { width: 15px; height: 15px; display: inline-block; float: left; margin: 3px 8px 0 0; } .nav-container .top-bar .top-menu li a.my-canon { padding: 0 25px; background-color: #aa0000; } .nav-container .top-bar .top-menu li a.sign-in { background-color: #aa0000; } .nav-container .top-bar .top-menu li.link-retail a { text-transform: capitalize; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAZCAYAAAA4/K6pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRDQUU3MjIwOEVFMTFFNUE3OEVEMUZGRjBFRUJFOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRDQUU3MjMwOEVFMTFFNUE3OEVEMUZGRjBFRUJFOTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNENBRTcyMDA4RUUxMUU1QTc4RUQxRkZGMEVFQkU5MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNENBRTcyMTA4RUUxMUU1QTc4RUQxRkZGMEVFQkU5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PluskAEAAAGQSURBVHjalJWxSgNBEIbvkhQxChFEDNqJCtqJoqBIsNVOEARBH0DBQrBKZekraJFGBFGsBEsLiQhiEJRI0miwEuyMmkSz/gNzMGx279aBD3aWmf9ubmf2fKWUZ7AOMAsGwDeogCJoDyYBQQbsgw/Vbi9gCyRkjkyeAW8q2i5Bd5DncwljoADS/GItcAXuQQpkwZB48Wvea5IKidyIJzyAca00ilkHnyJuJyhhUWxWQa+WLFkALY59B520mRcCKyHJAacifjmGOua5rho486LtUKwnSaCfnSqoOwiUxLqPBBrsJDw3S8o2IoFndgZBj4PAhFiXSeCOnTjYiEimmE3h39JXXRNftc4daTuBPRHboI70uC1lg9TAtmxXMAKOtZY+l7OQN/Q8PaEMXi0zsSQFRsGvcrcSiOnTePQPgVXTOA+DL4fkIoibBIjdiGQapDnbhUIkwVOIwIF+tKazngJNQ3IFdLkIEDktmQSnTbE2ATqiCyGQs3Vn2MWRBo/ghK80Y5xv+S8EluJx/7EF/AkwAFIW0HM0IxJ6AAAAAElFTkSuQmCC); background-position: 9px 15px; background-repeat: no-repeat; padding-left: 31px; } .nav-container .top-bar .top-menu li.link-retail p { margin: 0; padding: 0; display: inline; } .nav-container .top-bar .top-menu li:hover ul { display: block; } .nav-container .top-bar .top-menu li ul { display: none; list-style: none; margin: 0; z-index: 4; position: absolute; top: 53px; left: 0; border-bottom: 1px solid #aa0000; } .nav-container .top-bar .top-menu li ul li { display: block; width: 100%; background-color: #ca0000; border-top: 1px solid #aa0000; border-left: none; } .nav-container .top-bar .top-menu li ul li:hover { border-top: 1px solid transparent; } .nav-container .top-bar .top-menu li ul li:hover + li { border-top: 1px solid transparent; } .nav-container .top-bar .top-menu li ul li a { color: #fff; text-decoration: none; font-size: 14px; line-height: 16px; padding: 18px 25px 18px 15px; text-align: left; } .nav-container .top-bar .top-menu li ul li:last-of-type a { background-color: #aa0000; } .box-trust { background-color: #50555e; } .box-trust .title-trust { display: none; } .box-trust .list-trust { display: table; width: 100%; margin: 18px 0; } @media only screen and (max-width: 60em) { .box-trust .list-trust { margin: 10px 0; padding-right: 8px; } } .box-trust .list-trust > li { display: table-cell; vertical-align: middle; border-left: 1px solid #96999e; text-align: center; padding: 5px 0; } .box-trust .list-trust > li:first-of-type { padding-left: 0; border-left: 0; } .box-trust .list-trust .trust-link { display: inline-block; position: relative; color: #fff; border: none; padding: 5px 0 0 50px; } @media only screen and (max-width: 60em) { .box-trust .list-trust .trust-link { font-size: 0.6875rem; padding: 0 0 0 39px; } } .box-trust .list-trust .icon { position: absolute; top: -4px; left: 0; } @media only screen and (max-width: 60em) { .box-trust .list-trust .icon { top: -3px; left: 8px; } } .box-trust .list-trust .icon-truck { width: 34px; height: 34px; fill: #fff; } @media only screen and (max-width: 60em) { .box-trust .list-trust .icon-truck { width: 25px; height: 25px; } } .box-trust .list-trust .icon-genuine1, .box-trust .list-trust .icon-stamp { display: none; } .box-trust .list-trust .icon-genuine, .box-trust .list-trust .icon-stamp1 { width: 33px; height: 33px; fill: #fff; } @media only screen and (max-width: 60em) { .box-trust .list-trust .icon-genuine, .box-trust .list-trust .icon-stamp1 { width: 25px; height: 25px; } } .box-trust .list-trust .icon-australia, .box-trust .list-trust .icon-nz { width: 37px; height: 34px; fill: #fff; } @media only screen and (max-width: 60em) { .box-trust .list-trust .icon-australia, .box-trust .list-trust .icon-nz { width: 28px; height: 25px; } } .link-logo { display: table; } .home-log { display: table-cell; vertical-align: middle; } .company-logo { display: table-cell; vertical-align: middle; } .company-logo.multiple-logo .logo-store { padding: 0 !important; } .company-logo.corporation-logo-wrapper { padding-left: 0; } .company-logo .corporation-logo { max-width: 110px; max-height: 77px; margin: 7px 0 5px; } .company-logo .logo-store { width: 76px; height: 70px; padding: 20px 0 0 10px; } .company-logo .logo-store.nz-store { padding: 20px 0 0; } .company-logo .logo-store img { width: 53px; height: 45px; } .company-logo .logo-store img.logo-store-nz { width: 82px; } @media only screen and (max-width: 790px) { .company-logo .logo-store img.logo-store-nz { width: 75px; height: 25px; margin: -4px 0 0; } } @media only screen and (max-width: 790px) { .company-logo .logo-store { height: 43px; padding: 5px 0 0; } .company-logo .logo-store.logo-store-nz { width: 75px; height: 25px; margin-top: -4px; } } @media only screen and (max-width: 40em) { .company-logo .logo-store { padding: 3px; } } @media only screen and (max-width: 790px) { .company-logo { padding-left: 3px; } } .dropdown-menu > .container-menu > .wrapper-table > .wrapper-list:after, .dropdown-gift-menu > .container-menu > .wrapper-table > .wrapper-list:after, .footer-trust:after, .footer-trust .list-trust:after { content: ''; display: block; height: 0; clear: both; font-size: 0; } .footer-container .social { border-bottom: 1px solid #e4e4e4; } .footer-container .social_block { padding: 30px 0; text-align: center; } .footer-container .social_block h2 { margin-bottom: 17px; color: #4c4e57; font-weight: 400; font-size: 22px; line-height: 16px; } .footer-container .social_block ul { margin: 0; line-height: 0; } .footer-container .social_block li { display: inline-block; margin-right: 1px; padding: 0 3px; height: 32px; list-style: none; } .footer-container .social_block li a { border-bottom: 0; font-size: 0; } .footer-container .social_block li .sprite-icon-wrap { display: block; width: 34px; height: 32px; border-bottom: 0; color: #3c3e42; } .form-subscribe { padding: 31px 0; max-width: 100%; background-color: #f0f1f2; } @media only screen and (max-width: 60em) { .form-subscribe { padding: 24px 0; text-align: center; } } .form-subscribe h3 { color: #ca0000; text-transform: none; font-size: 22px; } .form-subscribe p { margin-bottom: 0; font-size: 16px; line-height: 14px; } @media only screen and (max-width: 60em) { .form-subscribe p { margin-bottom: 1.5rem; } } .form-subscribe .v-fix { position: relative; margin: 0 0 0 65px; } @media only screen and (max-width: 60em) { .form-subscribe .v-fix { margin: 0 1rem; } } .form-subscribe .v-fix input { height: 58px; font-size: 18px; } @media only screen and (max-width: 60em) { .form-subscribe .v-fix input { height: 40px; } } .form-subscribe .v-fix button { position: absolute; top: 6px; right: 6px; padding: 0 50px; height: 46px; } @media only screen and (max-width: 60em) { .form-subscribe .v-fix button { height: 28px; line-height: 28px; } } .footer-trust { float: left; padding: 33px 0 40px; width: 367px; } @media only screen and (max-width: 60em) { .footer-trust { float: none; width: 100%; } } @media only screen and (min-width: 75.0625em) and (max-width: 76.875em), only screen and (min-width: 60.0625em) and (max-width: 75em) { .footer-trust { padding-left: 15px; width: 265px; } } .footer-trust .title-trust { color: #ca0000; text-transform: capitalize; font-size: 22px; } @media only screen and (max-width: 60em) { .footer-trust .title-trust { text-align: center; } } .footer-trust .list-trust { margin: 0; } @media only screen and (max-width: 60em) { .footer-trust .list-trust { margin: 0 auto; width: 80%; } .footer-trust .list-trust:after { content: ''; display: block; height: 0; clear: both; font-size: 0; } } .footer-trust li { padding: 15px 0; color: #ca0000; list-style: none; font-size: 14px; } @media only screen and (max-width: 60em) { .footer-trust li { display: inline-block; float: left; width: 50%; } } .footer-trust .trust-link { position: relative; display: block; padding-left: 40px; border: none; text-decoration: none; } .footer-trust .icon { position: absolute; top: -4px; left: 0; border-bottom: 0; } @media only screen and (max-width: 60em) { .footer-trust .icon { top: -1px; } } .footer-trust .text { display: inline-block; padding: 7px 0 0 15px; font-size: 14px; line-height: 15px; } @media only screen and (max-width: 60em) { .footer-trust .text { display: block; margin-left: 26px; } } @media only screen and (max-width: 40em) { .footer-trust .text { display: block; padding-left: 5px; } } .footer-trust .icon-truck { width: 31px; height: 31px; fill: #ca0000; } @media only screen and (max-width: 60em) { .footer-trust .icon-truck { width: 25px; height: 25px; } } .footer-trust .icon-genuine, .footer-trust .icon-stamp1 { display: none; } .footer-trust .icon-genuine1, .footer-trust .icon-stamp { width: 33px; height: 33px; fill: #ca0000; } @media only screen and (max-width: 60em) { .footer-trust .icon-genuine1, .footer-trust .icon-stamp { width: 25px; height: 25px; } } .footer-trust .icon-genuine1 .-genuine, .footer-trust .icon-stamp .-genuine { fill: #fff; } .footer-trust .icon-australia, .footer-trust .icon-nz { width: 37px; height: 34px; fill: #ca0000; } @media only screen and (max-width: 60em) { .footer-trust .icon-australia, .footer-trust .icon-nz { width: 28px; height: 25px; } } .footer-links { position: relative; float: left; padding: 33px 0 40px; max-width: 833px; font-size: 0; } @media only screen and (max-width: 60em) { .footer-links { float: none; padding: 0; max-width: none; border-top: #e2e2e2 1px solid; } } .footer-links h3 { text-transform: capitalize; font-size: 22px; } .footer-links h3:after { display: none; } @media only screen and (max-width: 60em) { .footer-links h3 { display: inline-block; margin: 0; font-size: 17px; line-height: 17px; } .footer-links h3:after { position: absolute; top: 16px; right: 16px; display: block; width: 20px; height: 20px; color: #3c3e43; content: "+"; font-size: 24px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; line-height: 24px; } } .footer-links .list-1, .footer-links .list-2, .footer-links .list-3 { display: inline-block; width: 226px; vertical-align: top; } @media only screen and (max-width: 60em) { .footer-links .list-1, .footer-links .list-2, .footer-links .list-3 { position: relative; float: none; padding: 20px 31px; width: 100%; border-bottom: #e2e2e2 1px solid; } } @media only screen and (min-width: 75.0625em) and (max-width: 76.875em) { .footer-links .list-1, .footer-links .list-2, .footer-links .list-3 { width: 190px; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .footer-links .list-1, .footer-links .list-2, .footer-links .list-3 { width: 170px; } } .footer-links .list-4 { display: inline-block; padding-bottom: 70px; max-width: 155px; vertical-align: top; } @media only screen and (max-width: 60em) { .footer-links .list-4 { position: relative; float: none; padding: 20px 31px; max-width: none; width: 100%; border-bottom: #e2e2e2 1px solid; } } .footer-links .except-products { margin-top: 25px; line-height: 25px; } @media only screen and (max-width: 60em) { .footer-links .except-products { margin: 0; padding: 25px; } } .footer-links ul { margin: 0; list-style: none; } @media only screen and (max-width: 60em) { .footer-links ul { display: none; margin-top: 1rem; } .footer-links ul li { margin: 0.5rem 0; } } .footer-links ul a { border-bottom: 0; color: #3c3e43; font-size: 14px; line-height: 25px; } @media only screen and (max-width: 60em) { .footer-links h3.links-expanded:after { content: "-"; } .footer-links h3.links-expanded + ul { display: block; } } .footer-links .links_nobrands .list-1, .footer-links .links_nobrands .list-2, .footer-links .links_nobrands .list-3 { width: 320px; } @media only screen and (max-width: 60em) { .footer-links .links_nobrands .list-1, .footer-links .links_nobrands .list-2, .footer-links .links_nobrands .list-3 { width: 100%; } } .footer-contact { position: absolute; right: 0; bottom: 60px; } @media only screen and (max-width: 60em) { .footer-contact { display: none; } } .footer-contact:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 5px; left: -28px; display: block; float: left; content: ""; font-size: 25px; } .footer-contact p { margin: 0; padding: 0; color: #3c3e43; text-align: right; font-size: 18px; line-height: 16px; } .footer-contact p + p { font-size: 10px; } .lower-footer { padding: 40px 0; background-color: #4c4e57; color: #fff; text-align: center; font-size: 14px; line-height: 15px; } .lower-footer a { border-bottom: 0; color: #fff; } .lower-footer a:hover { border-bottom: 0; color: #fff; } .lower-footer .logo-wrap { display: table; margin: 0 auto; } .lower-footer .logo-canon { padding-right: 10px; } .lower-footer .logo-canon > .icon-canon1 { width: 105px; height: 105px; } .lower-footer .logo-noone > .icon-logolikeyou { margin: 24px 0 0 10px; width: 72px; height: 60px; } .lower-footer .flag-country { width: 76px; background-color: #656871; font-size: 12px; line-height: 15px; } .lower-footer .flag-country ul { margin: 0; } .lower-footer .flag-country li { display: inline-block; padding: 6px 0; color: #b0afaf; list-style: none; text-transform: uppercase; } .lower-footer .flag-country li .flag { margin: 0 0 0 7px; width: 36px; height: 18px; } .lower-footer .flag-country li.flag_au .flag { background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/australia-f.jpg") no-repeat; } .lower-footer .flag-country li.flag_nz .flag { background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/nz-f.png") no-repeat; } .lower-footer .chose-country { margin: 0 auto 30px; width: 226px; } .lower-footer .country { margin-left: 77px; width: 150px; height: 30px; background-color: #656871; } .lower-footer .country .box-drop { width: 150px; height: 30px; border: 0; color: #fff; font-size: 11px; line-height: 20px; } .lower-footer .country .box-drop:after { height: 30px; background-color: #656871; color: #fff; line-height: 32px; } .lower-footer .country .f-dropdown { width: 150px; border-right: 0; border-bottom: 0; border-left: 0; } .lower-footer .country .f-dropdown li { width: 150px; border-bottom: 1px solid #fff; background-color: #222; } .lower-footer .country .f-dropdown li:hover { background-color: #656871; } .lower-footer .country .f-dropdown li a { border-right: 0; border-left: 0; color: #fff; font-size: 11px; } .lower-footer .link-home { border-bottom-color: #fff; color: #fff; font-size: 14px; } .lower-footer .copyright-list { margin: 25px 0 12px; } .lower-footer .copyright-list li { display: inline-block; padding: 0 10px; border-right: 1px solid #fff; list-style: none; } .lower-footer .copyright-list li a { border-bottom-color: #fff; color: #fff; font-size: 14px; } .lower-footer .copyright-list li:last-child { border-right: 0; } #icon-logolikeyou .path1, #icon-logolikeyou .path2, #icon-logolikeyou .path3 { color: #FFFFFF; fill: #FFFFFF; } .page { width: 978px; margin: 0 auto; } .page-print { background: #fff; padding: 20px; min-width: 1024px; } .page-popup { padding: 20px; } .page-empty { padding: 20px; } .main { margin: 0 auto; min-height: 350px; } .sidebar { min-height: 350px; } /* Base Columns */ .col-left { float: left; width: 182px; } .col-right { float: right; width: 182px; } /* 2 Columns Layout */ .col2-right-layout .col-main { width: 715px; } @media only screen and (max-width: 60em) { .col2-left-layout { padding-left: 15px; padding-right: 15px; } } .col2-left-layout .col-main { float: right; width: 80%; } @media only screen and (max-width: 60em) { .col2-left-layout .col-main { float: none; width: 100%; padding-left: 0; border-left: none; } } /* 3 Columns Layout */ .col3-layout .col-main { width: 532px; display: inline; } .col3-layout .col-wrapper { float: left; width: 755px; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } .breadcrumbs { padding: 10px 0 5px; margin: 10px 0 10px 12px; } @media only screen and (max-width: 60em) { .breadcrumbs { margin-left: 15px; margin-right: 15px; } } .breadcrumbs ul { list-style: none; margin: 0; font-weight: 600; font-size: 13px; color: #3c3e43; padding: 0; } .breadcrumbs ul:before, .breadcrumbs ul:after { content: " "; display: table; } .breadcrumbs ul:after { clear: both; } .breadcrumbs ul li { float: left; padding: 0; line-height: 12px; } .breadcrumbs ul li i { font-size: 8px; vertical-align: middle; margin: 0 5px 0 3px; color: #3c3e43; position: relative; z-index: 1; } .breadcrumbs ul li i.im-arr-r:before { content: "\e618"; } .breadcrumbs ul li a { font-size: 13px; border-bottom: none; line-height: 1; position: relative; opacity: 0.99; z-index: 19; } .breadcrumbs ul li a:hover { border-bottom: none; } .breadcrumbs ul li a, .breadcrumbs ul li strong, .breadcrumbs ul li b { font-weight: normal; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .breadcrumbs ul li.product { position: relative; z-index: 1; } .filters-breadcrumb { margin-top: 13px; padding: 10px 0 5px; border-top: 1px solid #e2e2e2; } @media only screen and (max-width: 60em) { .filters-breadcrumb { padding: 10px 16px 5px; } } .filters-breadcrumb .currently-title { display: block; float: left; white-space: nowrap; margin-right: 10px; font-size: 13px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .filters-breadcrumb .currently ol { margin: 0 0 0 130px; padding: 0; list-style: none; display: block; } .filters-breadcrumb .currently ol li { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 2px; line-height: 17px; } .filters-breadcrumb .currently ol .btn-remove { color: #ca0000; text-transform: uppercase; font-size: 0; line-height: 0; cursor: pointer; padding-left: 20px; border-bottom: none; text-decoration: none; display: inline-block; } .filters-breadcrumb .currently ol .btn-remove:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60b'; color: #ca0000; position: absolute; top: 1px; left: 0; width: 20px; height: 20px; font-size: 14px; } .filters-breadcrumb .currently .actions { display: inline-block; } .filters-breadcrumb .currently .actions .icon-reload { margin: 0 !important; } .filters-breadcrumb .currently .actions a { font-size: 13px; line-height: 17px; color: #4b4e57; border-bottom: none; text-decoration: underline; } .filters-breadcrumb .currently .actions a:hover { border-bottom: none; text-decoration: none; } .filters-breadcrumb .currently .actions a.clear-all-filters { background: none; text-decoration: none; height: auto; line-height: 14px; font-size: 11px; } .filters-breadcrumb + .category-products { margin-top: -127px; } .filters-breadcrumb + .category-products .products-list { padding-top: 42px; border-top: #e2e2e2 1px solid; } .filters-breadcrumb + .category-products .products-grid.first, .filters-breadcrumb + .category-products .products-list.first { border-top: none; } .item-added-modal .alert-box.error .close { opacity: 0; visibility: hidden; } .item-added-modal.reveal-modal, dialog.item-added-modal { width: 100%; } .item-added-modal.success .close-reveal-modal { color: #fff; border-color: #fff; top: 13px; } .item-added-modal .alert-box { margin: 0px 15px; } .item-added-modal .product-thumb { margin: 0 0 14px; } .item-added-modal .personalize-thumb img { margin: 0 0 14px; } .item-added-modal .button-set-column { padding-bottom: 18px; border-bottom: 1px solid #e2e2e2; margin-bottom: 16px; } .item-added-modal .button-set-column .button + .button { margin-top: 10px; } .item-added-modal .promo-message { color: #2ca0e5; font: 400 18px/1.33 "Proxima Nova", Arial, Helvetica, sans-serif; margin: 0 0 15px; text-transform: uppercase; } .pager { margin-bottom: 0; font: 13px/32px "Proxima Nova", Arial, Helvetica, sans-serif; } @media only screen and (max-width: 60em) { .pager { margin-bottom: 16px; } } .pager p { margin-bottom: 0; padding-top: 6px; } @media only screen and (max-width: 60em) { .pager p.tb-hide { display: none; } .pager p.ds-hide { display: block; } } .pager .limiter.right label, .pager .limiter.right select { display: inline-block; width: auto; text-transform: none; } .pager .limiter.right select { height: 32px; } .pager .limiter.right label { font: 13px/32px "Proxima Nova", Arial, Helvetica, sans-serif; margin-right: 10px; margin-bottom: 0; } .pages { float: left; display: block; margin: 8px 15px 0; } @media only screen and (max-width: 60em) { .pages { margin: 8px 3px 0 0; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .pages { margin: 8px 3px 0 0; } } .pages ol { margin: 0; list-style: none; } .pages ol li { display: inline-block; padding: 5px; font-size: 14px; font-weight: 600; } .pages ol li a { border-bottom: 0; font-weight: 600; } .pages ol li .next, .pages ol li .previous { display: block; width: 10px; height: 16px; color: #ca0000; } .pages ol li .next.i-next:before, .pages ol li .previous.i-next:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e618'; } .pages ol li .next.i-previous:before, .pages ol li .previous.i-previous:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e617'; } .pages ol li .next img, .pages ol li .previous img { display: none; } .productfinder-link { display: none; } @media only screen and (max-width: 60em) { .productfinder-link { display: block; text-align: right; margin-right: 16px; } .productfinder-link a { display: inline-block; border: #e2e2e2 1px solid; font-family: "Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size: 15px; color: #3c3e43; line-height: 38px; text-align: center; width: calc(48% - 30px); } .productfinder-link a span { position: relative; display: inline-block; padding: 0 30px; } .productfinder-link a span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e687"; display: block; font-size: 22px; position: absolute; top: 7px; left: 0; } .productfinder-link a span:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e618"; display: block; font-size: 22px; position: absolute; top: 7px; right: 0; color: #ca0000; } .productfinder-link a em { font-style: normal; color: #ca0000; } } @media only screen and (max-width: 60em) { .wrapper-filters { width: 100%; } .pager_tb { margin: 0 16px; width: calc(100% - 32px); } .pager_tb .amount { margin-bottom: 0; padding-top: 7px; } } @font-face { font-family: 'icomoon'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.eot?-s3geww"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.eot?#iefix-s3geww") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.svg?-s3geww#icomoon") format("svg"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.woff?-s3geww") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.ttf?-s3geww") format("truetype"); font-weight: normal; font-style: normal; } [class^="im-"], [class*=" im-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .im-arr-b:before { content: ""; } .im-arr-c-b:before { content: ""; } .im-arr-cb-b:before { content: ""; } .im-arr-cb-l:before { content: ""; } .im-arr-cb-r:before { content: ""; } .im-arr-cb-t:before { content: ""; } .im-arr-c-l:before { content: ""; } .im-arr-c-r:before { content: ""; } .im-arr-c-t:before { content: ""; } .im-arr-l:before { content: ""; } .im-arr-r:before { content: ""; } .im-arr-t:before { content: ""; } .im-canon:before { content: ""; } .im-close:before { content: ""; } .im-info:before { content: ""; } .im-m-account:before { content: ""; } .im-mail:before { content: ""; } .im-m-dashboard:before { content: ""; } .im-m-device:before { content: ""; } .im-m-devices:before { content: ""; } .im-m-help:before { content: ""; } .im-m-meter:before { content: ""; } .im-phone:before { content: ""; } .im-plus:before { content: ""; } .im-printer:before { content: ""; } .im-s-bulk:before { content: ""; } .im-search:before { content: ""; } .im-s-meter:before { content: ""; } .im-video:before { content: ""; } .im-success:before { content: ""; } .im-file:before { content: ""; } .im-m-catalog:before { content: ""; } .im-m-orders:before { content: ""; } .im-m-settings:before { content: ""; } .im-eye:before { content: ""; } .im-eye-outline:before { content: ""; } .im-reorder:before { content: ""; } .im-truck:before { content: ""; } .im-australia:before { content: ""; } .im-stamp-14:before { content: ""; } .im-facebook2:before { content: ""; } .im-twitter:before { content: ""; } .im-youtube:before { content: ""; } .im-linkedin:before { content: ""; } .im-instagram:before { content: ""; } .im-phone2:before { content: ""; } .im-up3:before { content: ""; } .im-down2:before { content: ""; } .im-left3:before { content: ""; } .im-right3:before { content: ""; } .im-nz:before { content: ""; } .owl-stage { -webkit-font-smoothing: subpixel-antialiased; } .category-scroll { background-color: #f0f1f2; } @media only screen and (max-width: 60em) { .category-scroll { padding: 0 1.7rem; } .category-scroll:not(.-rolling) .catalog-category-view .category-scroll { padding-right: 20px !important; } } .carousel-category, .main-category-scroll { background-color: #fff; padding: 0 1px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .carousel-category, .main-category-scroll { border-left: 1px solid #fff; margin: 0 25px; width: calc(100% - 50px) !important; } } .carousel-category .owl-stage, .main-category-scroll .owl-stage { /* hack-fix for owl-carousel only for category-carousel */ } @media only screen and (width: 1001px) { .carousel-category .owl-stage, .main-category-scroll .owl-stage { height: 100px; overflow-y: hidden; } } .carousel-category .owl-item, .main-category-scroll .owl-item { width: 132px; height: 100px; position: relative; background-color: #f0f1f2; margin-right: 1px; overflow: hidden; } .carousel-category .owl-item .item, .main-category-scroll .owl-item .item { width: 100%; height: 100%; } .carousel-category .owl-item .sprite-icon-wrap, .main-category-scroll .owl-item .sprite-icon-wrap { position: relative; width: 100%; } .carousel-category .owl-item .sprite-icon-wrap .icon, .main-category-scroll .owl-item .sprite-icon-wrap .icon { color: #4c4e57; width: 40px; height: 40px; position: absolute; right: 0; left: 0; margin: auto; } .carousel-category .owl-item .sprite-icon-wrap .icon.icon-projector, .main-category-scroll .owl-item .sprite-icon-wrap .icon.icon-projector { width: 48px; height: 48px; } .carousel-category .owl-item .sprite-icon-wrap .icon.icon-all-video, .main-category-scroll .owl-item .sprite-icon-wrap .icon.icon-all-video { width: 50px; height: 50px; } .carousel-category .owl-item .sprite-icon-wrap .icon.icon-acc-merch3, .main-category-scroll .owl-item .sprite-icon-wrap .icon.icon-acc-merch3 { width: 55px; height: 55px; } .carousel-category .owl-item .sprite-icon-wrap .icon.icon-access3, .main-category-scroll .owl-item .sprite-icon-wrap .icon.icon-access3 { width: 45px; height: 45px; } .carousel-category .owl-item .item-text, .main-category-scroll .owl-item .item-text { display: block; width: 100%; height: 22px; padding: 0 0 6px; position: absolute; bottom: 10px; left: 0; text-align: center; font-size: 11px; } .carousel-category .top-category, .main-category-scroll .top-category { text-decoration: none; border-bottom: none; text-align: center; display: inline-block; width: 100%; height: 100%; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; color: #4c4e57; } .carousel-category .top-category:hover, .main-category-scroll .top-category:hover { color: #ca0000; } .carousel-category .top-category img, .main-category-scroll .top-category img { height: 50%; display: inline !important; width: 50% !important; margin-top: 10px; } @media only screen and (max-width: 60em) { .carousel-category .top-category img, .main-category-scroll .top-category img { height: 40%; margin-top: 15px; } } .carousel-category .top-category:hover .icon, .main-category-scroll .top-category:hover .icon { color: #ca0000; fill: #ca0000; } .carousel-category .top-category .sprite-icon-wrap, .main-category-scroll .top-category .sprite-icon-wrap { position: relative; width: 100%; } .carousel-category .top-category .sprite-icon-wrap .icon, .main-category-scroll .top-category .sprite-icon-wrap .icon { color: #4c4e57; width: 40px; height: 40px; position: absolute; right: 0; left: 0; margin: auto; } .carousel-category .top-category .sprite-icon-wrap .icon.icon-projector, .main-category-scroll .top-category .sprite-icon-wrap .icon.icon-projector { width: 48px; height: 48px; } .carousel-category .top-category .sprite-icon-wrap .icon.icon-all-video, .main-category-scroll .top-category .sprite-icon-wrap .icon.icon-all-video { width: 50px; height: 50px; } .carousel-category .top-category .sprite-icon-wrap .icon.icon-acc-merch3, .main-category-scroll .top-category .sprite-icon-wrap .icon.icon-acc-merch3 { width: 55px; height: 55px; } .carousel-category .top-category .sprite-icon-wrap .icon.icon-access3, .main-category-scroll .top-category .sprite-icon-wrap .icon.icon-access3 { width: 45px; height: 45px; } .carousel-category .owl-next, .carousel-category .owl-prev, .main-category-scroll .owl-next, .main-category-scroll .owl-prev { width: 7px; height: 14px; position: absolute; top: 50%; background-color: transparent; border-radius: 0; padding: 0; margin: -7px 0 0; } .carousel-category .owl-next:before, .carousel-category .owl-prev:before, .main-category-scroll .owl-next:before, .main-category-scroll .owl-prev:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; font-weight: 400; top: 0; left: -3px; position: absolute; color: #3c3e43; } .carousel-category .owl-next.disabled, .carousel-category .owl-prev.disabled, .main-category-scroll .owl-next.disabled, .main-category-scroll .owl-prev.disabled { visibility: hidden; } .carousel-category .owl-prev, .main-category-scroll .owl-prev { left: -18px; } .carousel-category .owl-prev:before, .main-category-scroll .owl-prev:before { content: ""; } .carousel-category .owl-next, .main-category-scroll .owl-next { right: -18px; } .carousel-category .owl-next:before, .main-category-scroll .owl-next:before { content: ""; } @media only screen and (max-width: 60em) { .category-box .carousel-category .owl-item, .category-box .main-category-scroll .owl-item { height: 56px; } .category-box .carousel-category .owl-item a, .category-box .main-category-scroll .owl-item a { height: 56px; padding-top: 18px; width: auto; text-align: left; } .category-box .carousel-category .owl-item a img, .category-box .main-category-scroll .owl-item a img { height: 18px; } .category-box .carousel-category .item-text, .category-box .main-category-scroll .item-text { display: inline-block; vertical-align: middle; padding: 0; position: static; width: auto; height: auto; } .category-box .carousel-category .sprite-icon-wrap, .category-box .main-category-scroll .sprite-icon-wrap { height: 18px; margin: 0 !important; display: inline-block; overflow: hidden; position: static; width: auto; max-width: 30px; vertical-align: middle; } .category-box .carousel-category .icon, .category-box .main-category-scroll .icon { height: 18px !important; margin: 0; max-width: 30px; } } .category-box .carousel-category .sprite-icon-wrap, .category-box .main-category-scroll .sprite-icon-wrap { position: absolute; top: 40%; left: 50%; margin-left: -23px; margin-top: -23px; } .category-box .carousel-category .sprite-icon-wrap .icon, .category-box .main-category-scroll .sprite-icon-wrap .icon { color: #4c4e57; width: 46px; height: 46px; } .category-box .carousel-category .sprite-icon-wrap .icon.icon-acc-camera3, .category-box .main-category-scroll .sprite-icon-wrap .icon.icon-acc-camera3 { width: 76px; height: 62px; } .category-box .carousel-category .sprite-icon-wrap .icon.icon-lens-acc, .category-box .main-category-scroll .sprite-icon-wrap .icon.icon-lens-acc { width: 70px; height: 66px; } .category-box .carousel-category .item-text, .category-box .main-category-scroll .item-text { display: block; width: 100%; height: 32px; padding: 0 15px 10px; position: absolute; bottom: 0; left: 0; text-align: center; } .main-banner { text-align: center; } .main-banner .owl-stage-outer { position: relative; } .main-banner .owl-next, .main-banner .owl-prev { width: 41px; height: 40px; position: absolute; top: 50%; background-color: transparent; border-radius: 0; padding: 0; margin: -20px 0 0; color: #fff; font-size: 0; } @media only screen and (max-width: 60em) { .main-banner .owl-next, .main-banner .owl-prev { display: none !important; } } .main-banner .owl-next:before, .main-banner .owl-prev:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 30px; font-weight: 400; top: 0; left: -3px; position: absolute; background-color: rgba(0, 0, 0, 0.2); padding: 5px; } .main-banner .owl-next.disabled, .main-banner .owl-prev.disabled { visibility: hidden; } .main-banner .owl-prev { left: 25px; } .main-banner .owl-prev:before { content: ""; padding: 5px 7px 6px 4px; } .main-banner .owl-next { right: 25px; } .main-banner .owl-next:before { content: ""; padding: 5px 4px 6px 7px; } .main-banner .owl-controls { text-align: center; margin-top: -33px; } .main-banner .owl-dots { z-index: 10; display: inline-block; position: absolute; left: 50%; bottom: 0; opacity: 0.99; padding: 5px 8px; background-color: rgba(0, 0, 0, 0.2); transform: translateX(-50%); } @media only screen and (max-width: 60em) { .main-banner .owl-dots { padding: 1px 2px; } } .main-banner .owl-dots .owl-dot { border: 1px #fff solid; margin: 0 5px; height: 18px; width: 18px; border-radius: 50%; display: inline-block; font-size: 1px; line-height: 1; vertical-align: middle; } @media only screen and (max-width: 60em) { .main-banner .owl-dots .owl-dot { height: 12px; width: 12px; } } .main-banner .owl-dots .owl-dot.active { background-color: #fff; } .main-banner .owl-pagination { text-align: center; z-index: 10; display: inline-block; position: relative; bottom: 20px; opacity: 0.99; padding: 3px 5px 6px; background-color: rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 7px rgba(0, 0, 0, 0.4); border-radius: 2px; } .main-banner .owl-pagination .owl-page { border: 1px #fff solid; width: 16px; height: 16px; margin: 0 5px; border-radius: 50% 50%; display: inline; padding: 0 8px; font-size: 13px; } .main-banner .owl-pagination .owl-page.active { background-color: #fff; } .main-banner .item { position: relative; } .main-banner .item.color_white h2 { text-shadow: 0 0 20px 3px black; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=0); } .main-banner .item.color_colorful h2 { text-shadow: 0 0 10px black; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=0); } .main-banner .item-content { position: absolute; z-index: 2; top: 35%; right: 8%; text-align: center; max-width: 40%; } @media only screen and (max-width: 60em) { .main-banner .item-content { right: 20px; max-width: 50%; top: 25%; } } .main-banner .item-content.content_right { left: 8%; right: inherit; } @media only screen and (max-width: 60em) { .main-banner .item-content.content_right { left: 20px; right: inherit; } } .main-banner .item-content h2 { font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif; font-size: 40px; color: #fff; line-height: 55px; font-weight: 400; text-transform: uppercase; } @media only screen and (max-width: 60em) { .main-banner .item-content h2 { white-space: normal; font-size: 1.75rem; line-height: 2.25rem; } } .main-banner .item-content h2 b, .main-banner .item-content h2 strong { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-weight: 400; } .main-banner-item { position: relative; } .main-banner-item .m_banner-sidebar { display: block; position: absolute; top: 0; right: 0; background-color: rgba(255, 255, 255, 0.6); height: 100%; width: 20%; max-width: 352px; padding: 4% 0 0; text-align: center; } @media only screen and (max-width: 60em) { .main-banner-item .m_banner-sidebar { padding-top: 2%; width: 25%; } } .main-banner-item .m_banner-sidebar img { width: auto !important; height: auto !important; max-height: 100%; margin: 0 auto; } .main-banner-item .m_banner-title { display: block; margin-bottom: 10%; margin-left: 20px; margin-right: 20px; } .main-banner-item .m_banner-img { display: block; margin-bottom: 15%; margin-left: 40px; margin-right: 40px; } @media only screen and (max-width: 60em) { .main-banner-item .m_banner-img { margin-left: 35px; margin-right: 35px; margin-bottom: 10%; } .main-banner-item .m_banner-img img { max-width: 80%; } } .main-banner-item .m_banner-subtitle { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; display: block; margin-bottom: 5%; color: #3c3e43; } @media only screen and (max-width: 60em) { .main-banner-item .m_banner-subtitle { margin-bottom: 3%; } } .main-banner-item .m_banner-btn { display: block; text-align: center; margin: 0 20px; } .main-banner-item .m_banner-btn .btn { background-color: #43983a; font-family: "Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size: 100%; line-height: 100%; padding: 4% 10%; display: inline-block; color: #fff; text-transform: uppercase; white-space: nowrap; } @media only screen and (max-width: 60em) { .main-banner-item .m_banner-btn .btn { padding: 5% 10%; } } .main-banner-item .m_banner-btn .btn:hover { background-color: #2ebb1f; } .main-banner-item.item_white .m_banner-title { margin-bottom: 4%; } .main-banner-item.item_white .m_banner-btn .btn { padding: 2% 5%; } .carousel-loader { width: 100%; position: relative; z-index: 10; } .carousel-loader:before { content: ""; display: block; background: transparent url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif") 0 0 no-repeat; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; } .carousel-loader + div { visibility: hidden; height: 0; overflow: hidden; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .carousel-loader.loader_category { height: 132px; } .carousel-loader.loader_mainbanner { height: 160px; } .carousel-loader.loader_mainbanner.-loaded { display: none; } .carousel-loader.loader_mainbanner.-loaded + .owl-carousel { visibility: visible; height: auto; overflow: visible; } .carousel-loader.loader_giftguide { height: 160px; } .carousel-loader.loader_featured { height: 460px; } .tabs-content .carousel-loader { min-height: 100px; } .detailGallery { padding: 30px 0; } .detailGallery .owl-next, .detailGallery .owl-prev { width: 15px; height: 30px; position: absolute; top: 50%; background-color: transparent; border-radius: 0; padding: 0; margin: -15px 0 0; color: #3c3e43; } .detailGallery .owl-next:before, .detailGallery .owl-prev:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 30px; font-weight: 400; top: 0; left: -3px; position: absolute; } .detailGallery .owl-next.disabled, .detailGallery .owl-prev.disabled { visibility: hidden; } .detailGallery .owl-prev { left: 18px; } .detailGallery .owl-prev:before { content: ""; } .detailGallery .owl-next { right: 18px; } .detailGallery .owl-next:before { content: ""; } .detailGallery + .close-reveal-modal { position: absolute; top: 20px; right: 20px; display: block; border: none !important; } .detailGallery + .close-reveal-modal:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 20px; font-weight: 400; top: 0; left: 0; position: absolute; color: #4c4e57; content: ""; display: block; } .detailGallery.load-progress { min-height: 600px; } .detailGallery.load-progress:before { content: ""; display: block; background: transparent url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif") 50% 50% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .shotsGallery + .close-reveal-modal { position: absolute; top: 20px; right: 20px; display: block; border: none !important; } .shotsGallery + .close-reveal-modal:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 20px; font-weight: 400; top: 0; left: 0; position: absolute; color: #4c4e57; content: ""; display: block; } .shotsGallery .carousel-image { width: auto !important; margin: 0 auto; } .shotsGallery .owl-item { min-height: 200px; } .shotsGallery.load-progress { min-height: 600px; } .shotsGallery.load-progress:before { content: ""; display: block; background: transparent url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif") 50% 50% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 60em) { .products-list.owl-carousel .owl-prev { left: -30px; } } @media only screen and (max-width: 60em) { .products-list.owl-carousel .owl-next { right: -20px; } } .video-overlay { position: absolute; top: 0; left: 0; z-index: 1000; display: block; width: 100%; height: 100%; border-bottom: none; text-decoration: none; font-size: 0; line-height: 0; } .video-overlay:hover { border-bottom: none; text-decoration: none; } /* general */ .bubble-box { position: absolute; background: #fff; box-shadow: 0 8px 52px rgba(82, 85, 94, 0.67); width: 156px; padding: 10px 8px; font-weight: 600; color: #43983a; z-index: 1; } .bubble-box.insideModal { z-index: 9999; } .bubble-box.insideSticky { position: fixed; z-index: 99; } .bubble-box:before { content: ''; border-top: 14px #fff solid; border-left: 14px transparent solid; border-right: 14px transparent solid; border-bottom: 14px transparent solid; position: absolute; left: 50%; margin-left: -14px; bottom: -28px; } .bubble-box.bubble-left:before { left: 25%; right: auto; } .bubble-box.bubble-top:before { top: -28px; bottom: auto; border-top: 14px transparent solid; border-bottom: 14px #fff solid; } .bubble-box.bubble-right:before { left: auto; right: 25%; } .bubble-box.bubble-processing .processing { display: block; padding-left: 40px; } .bubble-box.bubble-success .success { display: block; } .bubble-box.bubble-warning .warning { display: block; padding-left: 35px; } .bubble-box.bubble-error .error { display: block; } .bubble-box .compareBubble-inner, .bubble-box .addToCartBubble-inner, .bubble-box .wishlistBubble-inner { display: none; } .bubble-box.compareBubble .compareBubble-inner { display: block; } .bubble-box.addToCartBubble .addToCartBubble-inner { display: block; } .bubble-box.wishlistBubble .wishlistBubble-inner { display: block; } .bubble-box .success-msg { list-style: none; margin: 0 0 10px 5px; padding: 0; background: #fff; border-left: 0 !important; font-size: 12px; } .bubble-box .success-msg li { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-size: 12px; line-height: 12px; } .bubble-box .button { width: 100%; } .bubble-block { display: none; margin-bottom: 3px; padding: 5px 0 5px 25px; min-height: 36px; font-size: 13px; line-height: 13px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; } .bubble-block:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit; position: absolute; top: 18px; left: 10px; font-size: 18px; } .bubble-block.processing { color: #4b4e57; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/ajax-s-loader.gif") no-repeat; } .bubble-block.success { color: #43983a; } .bubble-block.success:before { content: '\e610'; } .bubble-block.warning { color: #e1791b; } .bubble-block.warning:before { content: '\e61b'; } .bubble-block.warning.redirect { background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/ajax-s-loader.gif") no-repeat; } .bubble-block.warning.redirect:before { content: ''; } .bubble-block.error { color: #ca0000; } .bubble-block.error:before { content: '\e60b'; } .bazaarvoice-container .bv-cleanslate { float: none !important; display: block !important; text-align: right !important; } .bazaarvoice-container .bv-cleanslate .bv-core-container-151 .bv-inline-rating-container .bv-stars-container dd { padding: 0 !important; } .bazaarvoice-container .bv-cleanslate .bv-core-container-151 .bv-inline-rating-container .bv-stars-container dd.bv-rating-ratio-count { display: none !important; } .bazaarvoice-container .bv-cleanslate .bv-core-container-174 .bv-inline-rating-container .bv-stars-container dd { display: inline-block !important; padding-right: 0 !important; } .bazaarvoice-container .bv-cleanslate .bv-core-container-174 .bv-inline-rating-container .bv-stars-container .bv-rating-label { margin: 0 !important; } .bazaarvoice-container.-details .bv-cleanslate { float: none !important; } .bazaarvoice-container.-details .bv-cleanslate .bv-core-container-151 .bv-primarySummary-rating-container { padding: 0 !important; margin: 0 0 10px !important; text-align: left !important; } .bazaarvoice-container.-details .bv-cleanslate .bv-primarySummary-rating-container { text-align: left !important; padding: 0 0 10px !important; margin: 0 !important; } .bazaarvoice-container.-details .bv-cleanslate .bv-core-container-151 .bv-stars-container { margin-bottom: 10px !important; } .bazaarvoice-container.-details .bv-cleanslate .bv-core-container-151 .bv-summary-bar-minimalist-vertical .bv-action-bar { display: none !important; } .bazaarvoice-container.-details .bv-cleanslate .bv-action-bar .bv-write-container.bv-write-review-container .bv-submission-button, .bazaarvoice-container.-details .bv-cleanslate .bv-action-bar .bv-write-container.bv-write-review-container .bv-submission-button:hover { background-color: #ca0000 !important; color: #d2d2d2 !important; font-size: 12px !important; text-transform: uppercase !important; border-radius: 3px !important; padding: 6px 12px !important; font-weight: bold !important; } .bazaarvoice-container.-top-finder .bv-cleanslate { float: left !important; padding-top: 10px !important; } .input-box.-password { position: relative; } .input-box.-password .input-text { padding-right: 93px; } .input-box.-password .strength-label { position: absolute; top: 0; right: 0; padding: 2px; width: 90px; height: 2.375rem; line-height: 2rem; } .strength-label > .text { display: block; border: 1px solid; text-align: center; text-transform: capitalize; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .strength-label > .text:before { margin-right: 5px; color: inherit; } .strength-label > .text.-weak { border-color: #ed0001; color: #ed0001; } .strength-label > .text.-weak:before { border: 0 none; content: "X"; font-size: 14px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .strength-label > .text.-medium { border-color: #ffa500; color: #ffa500; } .strength-label > .text.-strong { border-color: #008000; color: #008000; } .strength-label > .text.-medium:before, .strength-label > .text.-strong:before { display: inline-block; padding-bottom: 2px; content: "\e625"; vertical-align: middle; font: 400 16px "icomoon"; } .strength-rules { clear: both; } .strength-rules > .example { margin-bottom: 10px; line-height: normal; } .strength-rules > .list { margin: 10px 0 20px; list-style: circle; } .strength-rules .rule { margin: 0 0 5px 20px; } .strength-rules .rule.-success { color: #008000; } .strength-rules .rule.-error { color: #ed0001; } .activity-feed { position: fixed; bottom: 33px; left: 69px; z-index: 999; padding: 39px 15px 15px 25px; background: #fff; box-shadow: -0.3px 5px 13px rgba(0, 0, 0, 0.42); } .activity-feed > .image { float: left; margin-top: -18px; margin-right: 18px; max-width: 100px; } .activity-feed > .image > a { border: none; } .activity-feed > .info { overflow: hidden; color: #4c4e57; font-weight: 600; font-size: 13px; line-height: 14px; } .activity-feed .state { color: #000; } .activity-feed .name { margin: 4px 0 8px; font-weight: 700; font-size: 20px; line-height: normal; } .activity-feed .close { position: absolute; top: 15px; right: 15px; cursor: pointer; } .activity-feed .close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #4b4e57; content: "\e60b"; font-size: 16px; } .activity-feed-wrapper > .activity-feed { -webkit-transition: transform 800ms ease; -moz-transition: transform 800ms ease; transition: transform 800ms ease; transform: translateX(0); } .activity-feed-wrapper.-hidden > .activity-feed { transform: translateX(-200%); } * { -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; tap-highlight-color: transparent; } :focus { outline: 0; } select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .wrapper { max-width: 100%; min-width: 40em; margin: 0 auto; position: relative; overflow: hidden; } .inner-wr { padding-right: 20px; padding-left: 20px; } a { text-decoration: none; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; color: #ca0000; border-bottom: #f3d4d4 1px solid; } a strong, a b, a.bold { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } a:hover, a.s-hover { color: #fb3939; border-bottom: #fed9d9 1px solid; } a.body-color { color: #3c3e43; border-color: #d9dada; } a.link { font-size: 18px; font-weight: 600; text-decoration: none; border-bottom: none; } a.link:hover, a.link.s-hover { border-bottom: none; } a.link.arrow:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; vertical-align: middle; margin-left: 9px; font-size: 30px; line-height: 30px; font-weight: 400; } @media only screen and (min-width: 40em) and (max-width: 60em) { a.link.arrow:after { font-size: 24px; line-height: 24px; } } a.link.arrow.expand:after { margin-left: 0; margin-right: 20px; } a.link.arrow-b:after { content: ""; } .touch a:active { color: #fb3939; border-bottom: #fed9d9 1px solid; } h1 { margin: 18px 0; font: 400 24px/26px "Proxima Nova", Arial, Helvetica, sans-serif; } h2 { margin: 0 0 8px; font: 600 19px/30px "Proxima Nova", Arial, Helvetica, sans-serif; color: #3c3e43; } h3 { margin: 8px 0; font: 400 17px/22px "Proxima Nova", Arial, Helvetica, sans-serif; color: #4c4c4c; text-transform: uppercase; } h3 > a { font-size: 76%; } /* Heading types */ .h-type1 { font-size: 30px; font-weight: 400; } .h-type2 { font-size: 25px; font-weight: 400; } .h-type3 { font-size: 20px; font-weight: 400; } .h-type3-1 { font-size: 37px; font-weight: 400; } .h-semi { font-weight: 600; } p { font: 400 16px/30px "Proxima Nova", Arial, Helvetica, sans-serif; } .note-msg { margin-top: 20px; } .page-title { padding: 0 20px; } .page-title h1 { margin: 18px 0 12px; line-height: 30px; } .page-title.title_gift { font-size: 30px; padding-left: 10px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: normal; margin: 10px 0 20px; } .validation-failed { border-color: #ed0001 !important; } #sln-indicator { background-color: rgba(255, 255, 255, 0.6); } #sln-indicator, .loader-indicator { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif"); background-repeat: no-repeat; background-position: 50% 50%; width: 100% !important; height: 100% !important; margin: 0 !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; } .loader-indicator { display: none; position: fixed; z-index: 1005; background-color: transparent; } .loader-indicator--on { display: block; } .product-name_holder a:hover, .product-name_holder a:active, .product-name_holder a:focus { border: none; color: inherit; } table { width: 100%; } table tr td, table tr th { border-bottom: 1px solid #e2eaec; } table tr td:first-child, table tr th:first-child { padding-left: 0; } table tr td:last-child, table tr th:last-child { padding-right: 0; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { line-height: 14px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; text-transform: uppercase; } table thead tr th, table thead tr td { border-top: 1px solid #4c4c4c; border-bottom-color: #4c4c4c; } table tfoot tr th, table tfoot tr td { color: #3c3e43; } table tfoot tr:first-child th, table tfoot tr:first-child td { border-top: 1px solid #4c4c4c; } table .product-name { margin: 0; padding: 0; font: 400 14px/17px "Proxima Nova", Arial, Helvetica, sans-serif; color: #4c4c4c; text-decoration: none; } table .item-options { display: table; margin: 5px 0 0; padding: 0; list-style: none; } table .item-options li { display: table-row; } table .item-options li > div { display: table-cell; padding: 3px 0; font-size: 12px; line-height: 16px; } table .item-options li > div:first-child { padding-right: 20px; } table tfoot td, table tfoot th { border-bottom: 0; border-top: 1px solid #e2eaec; } table tfoot tr:first-child td, table tfoot tr:first-child th { border-top-color: #4c4c4c; } table tfoot .a-right:first-child { text-align: left; } table tfoot .price { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; } table .grand-total td { padding-top: 17px; padding-bottom: 17px; border-top-color: #4c4c4c; border-bottom: 4px solid #ca0000; text-transform: none; } table .grand-total td strong { font-weight: 400; } table .grand-total td, table .grand-total .price { font: 400 18px/20px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; color: #4c4c4c; } .item-options { font-size: 12px; } .item-options .toggler { cursor: pointer; color: #ca0000; border-bottom: #f3d4d4 1px solid; display: inline-block; } .item-options .toggler:hover, .item-options .toggler.s-hover { color: #fb3939; border-bottom: #fed9d9 1px solid; } .item-options .toggler:before { content: "+ " attr(data-expand-text); } .item-options.-showall .toggler:before { content: "- " attr(data-collapse-text); } .item-options.-showall .optblock.-hidden { display: block; } .optblock { margin: 5px 0; } .optblock.-hidden { display: none; } .optblock > .optlabel { display: inline-block; margin: 0 4px 0 0; clear: left; } .optblock > .optvalue { display: inline-block; clear: right; margin: 0; } .optblock > .optvalue .special { color: #ca0000; font-weight: 600; } .rating-box { height: 20px; line-height: 0; overflow: hidden; width: 100px; } .rating-box .rating { font-size: 0; height: 20px; -webkit-background-size: auto 20px; background-size: auto 20px; } .availability { margin: 0; font: 600 13px "Proxima Nova", Arial, Helvetica, sans-serif; color: #3c3e43; } .availability.in-stock span { color: #43983a; } .availability.out-of-stock span { color: #b8b8b8; } .pic-label { position: absolute; top: 0; left: 0; max-width: 30%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pic-label.top-right { left: auto; right: 0; } .pic-label.under-product { position: relative; } .back-link { font: 400 15px "Proxima Nova", Arial, Helvetica, sans-serif; color: #3c3e43; text-transform: capitalize; } .back-link:before { content: "< "; position: relative; } .buttons-set .required { padding-right: 10px; font-size: 13px; line-height: 15px; } .buttons-set .required i { color: #cc0001; } .buttons-set button { font-size: 14px; } .button-full-width { width: 100%; } .owl-controls .sprite-icon { width: 30px; height: 30px; fill: rgba(0, 0, 0, 0.4); } .accordion .accordion-navigation > a { position: relative; margin-bottom: 1px; line-height: 15px; text-transform: uppercase; text-decoration: none; } .accordion .accordion-navigation > a:after { content: '+'; position: absolute; top: 0; left: 0; width: 35px; height: 100%; font: 15px/35px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; text-align: center; color: #ca0000; background-color: #d3f0fc; } .accordion .accordion-navigation.active > a:after { content: '-'; } .collapse-container > .collapse-title { position: relative; display: block; text-transform: uppercase; } .collapse-container .content { display: none; } .collapse-container .content.active { display: block; } .dropdown-title { position: relative; display: block; padding: 13px 10px 13px 56px; background: #ebf8fd; color: #ca0000; text-transform: uppercase; font: 15px/1 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .dropdown-title:before { content: '\e603'; position: absolute; top: 0; left: 0; height: 100%; padding: 6px; background-color: #b6e7f9; color: #ca0000; font: 30px "icomoon"; } .dropdown-content { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; } .dropdown-content ul { margin: 0; list-style: none; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; } .dropdown-content li a { text-decoration: none; } .dropdown-content .current strong, .dropdown-content .active { display: block; padding: 10px 20px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; font-weight: 400; } .reveal-modal, dialog { min-height: 0; } .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { border: 0; top: 1.3rem; right: 2.5rem; z-index: 50; } .reveal-modal .close-reveal-modal:before, dialog .close-reveal-modal:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60b'; color: #3c3e43; font-size: 18px; } .reveal-modal.open ~ .bubble-box, dialog.open ~ .bubble-box { z-index: 1006; } #addressBookModal .close-reveal-modal { top: 0.2rem; right: 1rem; } .modal-title { margin: 0 0 6px; font: 400 28px/1.4em "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: none; color: #ca0000; } .loader-box { position: fixed; top: 50%; left: 50%; width: 250px; height: 135px; margin: auto; z-index: 1001; font: 400 30px/1 "Proxima Nova", Arial, Helvetica, sans-serif; color: #ca0000; text-align: center; background: #fff url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif") 50% 21% no-repeat; padding: 86px 0 0; box-shadow: 3px 3px 3px #3c3e43; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0); transform: translateX(-50%) translateY(-50%) translateZ(0); -webkit-transition: transform 500ms ease; -moz-transition: transform 500ms ease; transition: transform 500ms ease; } .loader-box-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); } .move-right ~ .loader-box { left: 250px; right: 0; margin: auto; -webkit-transform: translateX(0) translateY(-50%) translateZ(0); -ms-transform: translateX(0) translateY(-50%) translateZ(0); transform: translateX(0) translateY(-50%) translateZ(0); } .add_cart-loading-block { position: absolute; left: 0; top: 0; padding: 5px; min-width: 80px; font: 400 16px/1.2em "Proxima Nova Semibold", Arial, Helvetica, sans-serif; color: #22b713; } .add_cart-loading-block > span i { display: inline-block; position: relative; font-size: 1.5em; } #icon-paypal .path1, #icon-paypal .path4, #icon-paypal .path6, #icon-paypal .path7, #icon-paypal .path8 { fill: #336699; } #icon-paypal .path2, #icon-paypal .path3, #icon-paypal .path5 { fill: #1c3664; } #icon-ink-toner3 .path5, #icon-ink-toner3 .path6, #icon-ink-toner3 .path7, #icon-ink-toner3 .path8, #icon-ink-toner3 .path9, #icon-ink-toner3 .path10, #icon-ink-toner3 .path12 { fill: white; } .sidebar { width: 20%; } @media only screen and (max-width: 60em) { .col2-left-layout .sidebar { width: 100%; height: 50px; margin-bottom: 20px; min-height: 0; float: none !important; } } .sidebar .title-bar { margin-bottom: 20px; font-size: 25px; line-height: 15px; text-transform: none; } @media only screen and (max-width: 60em) { .sidebar .title-bar { display: none; } } .sidebar ul { margin: 0; } .sidebar li { padding: 10px 0; font-size: 16px; list-style: none; } .sidebar li a { font-size: 16px; border-bottom: 0; color: #3c3e43; } .sidebar li a:hover, .sidebar li a:active { color: #ca0000; } .sidebar li a.active { color: #ca0000; } .sidebar h3 + ul { margin-bottom: 20px; } .sidebar ul + h3 { margin-top: 0; padding-top: 20px; border-top: 1px solid #e2e2e2; } @media only screen and (max-width: 60em) { .sidebar .customer-service-block { display: none; } } .sidebar .customer-service li { padding: 7px 0; } .sidebar .customer-service .sprite-icon-wrap { width: 21px; height: 18px; } .sidebar .customer-service p { margin: 0; padding-left: 27px; font-size: 18px; line-height: 19px; } .sidebar .group-buttons .btn-sign { margin-right: 25px; background-color: #3c3e43; } .sidebar .group-buttons .button { width: 252px; } .anth-color { color: #ca0000; font-weight: 600; } .user-logged .std .group-buttons .btn-sign { display: none; } .loading-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(176, 175, 175, 0.6); z-index: 1005; } .loading-mask .loader { width: 350px; height: 150px; border-top: 4px solid #ca0000; border-bottom: 4px solid #b0afaf; background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif") center no-repeat #fff; position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -175px; z-index: 1006; } .loading-mask .im-close { color: #4b4e57; cursor: pointer; position: absolute; right: 10px; top: 10px; font-size: 18px; } .owl-next, .owl-prev { width: 15px; height: 30px; position: absolute; top: 50%; background-color: transparent; border-radius: 0; padding: 0; margin: -15px 0 0; color: #ca0000; } .owl-next:before, .owl-prev:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 30px; font-weight: 400; top: 0; left: -3px; position: absolute; } .owl-next.disabled, .owl-prev.disabled { visibility: hidden; } .owl-prev { left: -35px; } .owl-prev:before { content: ""; } .owl-next { right: -20px; } .owl-next:before { content: ""; } @media only screen and (max-width: 1280px) { .owl-next { right: -25px; } } @media only screen and (min-width: 60em) and (max-width: 1280px) { .owl-prev, .owl-next { top: 50%; } .owl-prev { left: -25px; } .owl-next { right: -20px; } .tabs-content > .content.active, .recently_wanted_widget { padding-left: 25px; padding-right: 25px; } } .gift-guide + .box-trust { display: none; } .compare-modal { padding: 46px 3px 3px; height: 80%; border: 20px solid #fff; border-top-width: 80px; overflow: visible; } .compare-modal.reveal-modal, dialog.compare-modal { padding: 0; } .compare-modal .compare-toolbar { position: absolute; top: -40px; z-index: 2; width: 100%; height: 25px; background-color: #fff; } .compare-modal .compare-toolbar .page-title { margin: 0; font-size: 30px; line-height: 15px; color: #3c3e43; font-weight: 400; } .compare-modal .compare-toolbar .link-print-wr { position: relative; right: 50px; top: -5px; } .compare-modal .compare-toolbar .link-print { position: relative; font-size: 14px; } .compare-modal .compare-toolbar .link-print:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60a'; position: absolute; font-size: 20px; color: #ca0000; left: -29px; } .compare-modal .compare-toolbar .close-reveal-modal { border: 0; top: -16px; right: 20px; } .compare-modal .compare-toolbar .close-reveal-modal:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60b'; color: #3c3e43; font-size: 18px; } .compare-modal .ps-scrollbar-y { z-index: 1; } .compare-table-wr { background-color: #fff; height: 100%; width: 100%; padding: 0 20px; position: absolute; top: 0; } .compare-table-wr .columns, .compare-table-wr .column { padding: 0; } .compare-table-wr .data-table { margin-bottom: 10px; margin-right: 0; width: auto; min-width: 100%; } .compare-table-wr .data-table td, .compare-table-wr .data-table th { border: 1px solid #e4e4e4; color: #3c3e43; font-size: 14px; line-height: 18px; padding: 10px; vertical-align: top; width: 340px; } .compare-table-wr .data-table td p, .compare-table-wr .data-table th p { font-size: 14px; line-height: 18px; } .compare-table-wr .data-table td p.availability, .compare-table-wr .data-table th p.availability { font-size: 11px; } .compare-table-wr .data-table .label_cell { padding-top: 20px; vertical-align: top; width: 170px; } .compare-table-wr .data-table .link { font-size: 14px; font-weight: 400; } .compare-table-wr .data-table .std { border: 0; margin: 0; padding: 10px; } .compare-table-wr .data-table .main-product-data { position: relative; padding: 0 5px; min-width: 265px; } .compare-table-wr .data-table .main-product-data .a-center { display: inline-block; border-bottom: 0; position: relative; margin-bottom: 12px; } .compare-table-wr .data-table .main-product-data .a-center .pic-label { max-width: 40%; } .compare-table-wr .data-table .main-product-data .short-description { margin-bottom: 10px; min-height: 54px; font-size: 14px; line-height: 18px; } .compare-table-wr .data-table .main-product-data .item-image { text-align: center; } .compare-table-wr .data-table .tr_price { display: none; } .compare-table-wr .wrapper-scroll { position: relative; } .compare-table-wr .availability { font-size: 11px; } .compare-table-wr .product-name { z-index: auto; } .toggle-modal-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; background: rgba(0, 0, 0, 0.45); z-index: 1004; display: none; } .bg_white .toggle-modal-bg { background-color: rgba(255, 255, 255, 0.7); } .tip-info { display: inline-block; width: 14px; height: 14px; margin-left: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkRDNUMwNDJGODc0MTFFNEFGRThENkI5NzhGOEExQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkRDNUMwNDNGODc0MTFFNEFGRThENkI5NzhGOEExQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCREM1QzA0MEY4NzQxMUU0QUZFOEQ2Qjk3OEY4QTFCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCREM1QzA0MUY4NzQxMUU0QUZFOEQ2Qjk3OEY4QTFCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgfjnxsAAAEASURBVHjanJIxCsJAEEWzSwprrSwUtbCwEyJewDaHEKysvIF4gzRa6iHEE1iISbCx0yboDURQEI1/YALjYCz88Fh2Z36yOzMmTVMnUxzHFSwj4IMaHydgCQLP885ZrsmMMPWxzECBYy9wEh+4gyHMC9pYYZoLE2kCGiDkPcXmnOuYKIroegdlIq3BlG9RFOf056blN2nTA5RBD9xUjHJHLhdC6wjGYAUuX+K+FY+XaoEqaAP3S7xmnXxtQTcvaLlPWk+w+2FMLDdXa49+UVE6OcYlGQMusVSIfpW4j1qUG1geo6EKUiWvYAA2KkbTc84buScPRV30+GPkzL9D/hZgAB8BVn/wZbdfAAAAAElFTkSuQmCC); } .tooltip { margin-top: -13px; width: 182px !important; margin-left: -84px; text-align: center; } .tooltip .nub { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; line-height: 0; border-top: 8px solid rgba(66, 66, 66, 0.9); border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 0; } .tooltip.tooltip_detail { margin-top: 0 !important; width: auto !important; margin-left: -91px !important; text-align: center; } .tooltip.tooltip_detail:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; line-height: 0; border-top: 8px solid rgba(66, 66, 66, 0.9); border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 0; display: none; } .quotaPopup { padding: 0; width: 490px; } .quotaPopup span.close-reveal-modal { top: 20px; right: 20px; } .quotaPopup .quota-title { padding-right: 44px; font-size: 24px; line-height: 30px; margin: 30px 0 20px 30px; text-transform: none; } .quotaPopup .alert-box { padding-left: 40px; padding-top: 10px; padding-bottom: 10px; background-color: #ed0001; border-left: 4px #ca0000 solid !important; } .quotaPopup .alert-box:before { content: "X"; border: 0 none; font-size: 14px; left: 17px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; margin-top: 0; top: 7px; } .quotaPopup .quota-actions { padding: 30px 20px; } .quotaPopup .quota-actions .back-link { border-bottom: none; text-decoration: underline; padding-left: 0; line-height: 42px; color: #3c3e43; text-transform: none; } .quotaPopup .quota-actions .back-link:before { display: none; } .quotaPopup .close-reveal-modal { border: none; color: #3c3e43; } .quotaPopup .close-reveal-modal:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60b'; color: #3c3e43; font-size: 18px; } .quotaPopup .close-reveal-modal:after { display: none; } .nav-container + .box-trust ul { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .crosssell h2 { font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 24px; text-transform: capitalize; } .print-invoice h3 { font-size: 24px; } .print-invoice p { margin-bottom: 0; line-height: 24px; } .print-invoice p:last-of-type { margin-top: 12px; } .has-tip { cursor: default; } .js-close-filter { position: absolute; top: 0; left: 0; z-index: 4; } .customer-menu .faq-topics { display: none; } @media only screen and (max-width: 60em) { .customer-menu { display: block; list-style: none; border: #ca0000 1px solid; height: 50px; box-sizing: border-box; padding: 50px 0 0 0; font-size: 1.5rem; line-height: 1.5rem; position: relative; overflow: hidden; } .customer-menu:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; line-height: 40px; position: absolute; top: 5px; right: 5px; width: 30px; text-align: center; font-size: 1rem; height: 40px; pointer-events: none; background: #fff; color: #ca0000; } .customer-menu li { margin: 0; padding: 0; } .customer-menu li a { padding: 15px 18px; display: block; font-size: 1.5rem; line-height: 1.5rem; } .customer-menu li a.active, .customer-menu li a.current { position: absolute; top: 0; left: 0; width: 100%; } .customer-menu.menu_expanded { overflow: visible; height: auto; background-color: #fff; position: absolute; z-index: 1; width: calc(100% - 30px); } } .agree-terms { font-size: 13px; padding-top: 10px; text-align: right; } .agree-terms span { text-transform: uppercase; } .text_notice + .agree-terms { text-align: left; padding: 3px 0 0 30px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em), only screen and (min-width: 75.0625em) and (max-width: 76.875em), only screen and (max-width: 60em) { .indents { padding: 0 15px; } } .privacy-notice-wrap { padding-top: 8px; } .privacy-notice-wrap .agree-terms { padding-top: 2px; } .response-msg { margin: 18px 0; font-size: 21px; font-weight: 400; line-height: 23px; } [id^='turpentine-esi-'], [id*=' turpentine-esi-'] { display: inline; } .stock-check-message { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background-color: rgba(255, 255, 255, 0.5); } .stock-check-message > .content { position: fixed; margin: auto; top: 35%; right: 0; left: 0; padding: 30px 20px 50px; background: rgba(255, 255, 255, 0.9); color: #ca0000; text-align: center; font: 18px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; width: 50%; height: auto; z-index: 9998 !important; } .stock-check-message > .content > .title { margin: 0 0 40px; text-transform: capitalize; font: 18px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; color: inherit; } .stock-check-message > .content > .text { font: 18px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .stock-check-message > .content > .loader { display: block; height: 60px; width: 60px; margin: 30px auto 0; background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif"); background-repeat: no-repeat; } .link-compare, .link-wishlist { text-decoration: underline; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; border: none; } .link-compare:hover, .link-wishlist:hover { text-decoration: none; } #notifyModal { max-width: 500px; padding: 40px; top: 50% !important; margin-top: -90px !important; position: fixed; } #notifyModal .close-reveal-modal { top: 0; right: 15px; } /* Notify me button*/ .products-grid .alert-notice, .product-shop .alert-notice, .compare-table-wr .alert-notice { display: none; } .products-grid .alert-stock, .product-shop .alert-stock, .compare-table-wr .alert-stock { padding: 0; margin: 0; line-height: 0; height: 30px; text-align: right; } .products-grid .alert-stock a, .product-shop .alert-stock a, .compare-table-wr .alert-stock a { line-height: 32px; padding: 0 4px !important; white-space: nowrap; height: 30px; font-size: 13px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: 600; } @-moz-document url-prefix() { .products-grid .alert-stock a, .product-shop .alert-stock a, .compare-table-wr .alert-stock a { font-size: 10px; } } .products-grid .alert-stock a:after, .product-shop .alert-stock a:after, .compare-table-wr .alert-stock a:after { line-height: 30px; font-size: 13px; } .products-grid .alert-stock .-eventlabel, .product-shop .alert-stock .-eventlabel, .compare-table-wr .alert-stock .-eventlabel { font-size: 12px; } @-moz-document url-prefix() { .products-grid .alert-stock .-eventlabel, .product-shop .alert-stock .-eventlabel, .compare-table-wr .alert-stock .-eventlabel { font-size: 10px; } } .products-grid .col_stock, .product-shop .col_stock, .compare-table-wr .col_stock { text-align: right; } .products-grid .col_stock > .availability, .products-grid .col_stock > .add-to-links, .product-shop .col_stock > .availability, .product-shop .col_stock > .add-to-links, .compare-table-wr .col_stock > .availability, .compare-table-wr .col_stock > .add-to-links { text-align: left; } .compare-table-wr .alert-notice { display: none; } .grid_promo { margin-bottom: 20px; } .grid_promo .item { margin: 16px 16px 0 0; } .grid_promo .item:nth-of-type(5n) { margin-right: 0; } .track-shipment-modal { max-width: 500px; } .track-shipment-modal .close-reveal-modal { top: 0; right: 15px; } .track-shipment-modal .tracking-number { white-space: nowrap; } .track-shipment-modal .modal-title { color: #3c3e43; } .track-shipment-modal .modal-subtitle { padding: 10px; background: #f0f1f2; } .trackorder-form { padding: 20px 10px 30px; } .trackorder-form .modal-title { color: #3c3e43; } .trackorder-form .col_submit { padding-top: 21px; } .js-req-html { padding: 0 12px; } .js-req-html .modal-title, .js-req-html .close-reveal-modal { display: none; } .tracking-table-popup { margin-top: 25px; } .tracking-table-popup tr, .tracking-table-popup tr.even, .tracking-table-popup tr.odd, .tracking-table-popup td { background-color: transparent; } .tracking-table-popup .label { padding: 14px 10px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: 400; } .tracking-table-popup .value, .tracking-table-popup .error { padding: auto 10px auto 30px; border: none; text-align: right; font: 400 13px "Proxima Nova", Arial, Helvetica, sans-serif; } .tracking-table-popup .error { color: #ed0001; } .tracking-table-popup .error.full-width { text-align: center; padding: 35px 10px 10px; } .tracking-table-popup .error.full-width.alone { padding: 10px 0; } .tracking-table-popup .error.error-black { color: #ca0000; } .tracking-table-popup tr { border-bottom: 1px solid #f0f1f2; } .tracking-table-popup tr:last-of-type { border: none; } .tracking-contact { font-size: 13px; text-align: center; padding: 0 20px; } .grid_promo { margin-bottom: 20px; } .grid_promo .item { margin: 16px 16px 0 0; } .grid_promo .item:nth-of-type(5n) { margin-right: 0; } @media only screen and (max-width: 60em) { .tb-hide { display: none; } } .js-hide-element { display: none; } .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .rel { position: relative !important; } ._left { float: left !important; } ._right { float: right !important; } ._toggle-overflow { overflow: hidden; padding-right: 17px; } .touch ._toggle-overflow { padding-right: 0; } ._toggle-overflow:before { position: absolute; top: 0; right: 0; width: 17px; height: 100%; background: #f1f1f1; content: ""; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .v-bottom { vertical-align: bottom; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none !important; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .ov-hdn { overflow: hidden; } .w-auto { width: auto !important; } .tb { display: table; width: 100%; } .tb-cell { display: table-cell; vertical-align: middle; } .pos-r { position: relative; } .no-under { text-decoration: none !important; } .upc { text-transform: uppercase !important; } .tt-none { text-transform: none !important; } .fws { font-weight: 600 !important; } .fwb { font-weight: 700 !important; } .fs15 { font-size: 15px !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .clearfix { clear: both; } .pt0 { padding-top: 0 !important; } .pt1 { padding-top: 1px !important; } .pt2 { padding-top: 2px !important; } .pt3 { padding-top: 3px !important; } .pt4 { padding-top: 4px !important; } .pt5 { padding-top: 5px !important; } .pt6 { padding-top: 6px !important; } .pt7 { padding-top: 7px !important; } .pt8 { padding-top: 8px !important; } .pt9 { padding-top: 9px !important; } .pt10 { padding-top: 10px !important; } .pt11 { padding-top: 11px !important; } .pt12 { padding-top: 12px !important; } .pt13 { padding-top: 13px !important; } .pt14 { padding-top: 14px !important; } .pt15 { padding-top: 15px !important; } .pt16 { padding-top: 16px !important; } .pt17 { padding-top: 17px !important; } .pt18 { padding-top: 18px !important; } .pt19 { padding-top: 19px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt45 { padding-top: 45px !important; } .pt50 { padding-top: 50px !important; } .pt60 { padding-top: 60px !important; } .pr0 { padding-right: 0 !important; } .pr1 { padding-right: 1px !important; } .pr2 { padding-right: 2px !important; } .pr3 { padding-right: 3px !important; } .pr4 { padding-right: 4px !important; } .pr5 { padding-right: 5px !important; } .pr6 { padding-right: 6px !important; } .pr7 { padding-right: 7px !important; } .pr8 { padding-right: 8px !important; } .pr9 { padding-right: 9px !important; } .pr10 { padding-right: 10px !important; } .pr11 { padding-right: 11px !important; } .pr12 { padding-right: 12px !important; } .pr13 { padding-right: 13px !important; } .pr14 { padding-right: 14px !important; } .pr15 { padding-right: 15px !important; } .pr16 { padding-right: 16px !important; } .pr17 { padding-right: 17px !important; } .pr18 { padding-right: 18px !important; } .pr19 { padding-right: 19px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; } .pr50 { padding-right: 50px !important; } .pr60 { padding-right: 60px !important; } .pb0 { padding-bottom: 0 !important; } .pb1 { padding-bottom: 1px !important; } .pb2 { padding-bottom: 2px !important; } .pb3 { padding-bottom: 3px !important; } .pb4 { padding-bottom: 4px !important; } .pb5 { padding-bottom: 5px !important; } .pb6 { padding-bottom: 6px !important; } .pb7 { padding-bottom: 7px !important; } .pb8 { padding-bottom: 8px !important; } .pb9 { padding-bottom: 9px !important; } .pb10 { padding-bottom: 10px !important; } .pb11 { padding-bottom: 11px !important; } .pb12 { padding-bottom: 12px !important; } .pb13 { padding-bottom: 13px !important; } .pb14 { padding-bottom: 14px !important; } .pb15 { padding-bottom: 15px !important; } .pb16 { padding-bottom: 16px !important; } .pb17 { padding-bottom: 17px !important; } .pb18 { padding-bottom: 18px !important; } .pb19 { padding-bottom: 19px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb45 { padding-bottom: 45px !important; } .pb50 { padding-bottom: 50px !important; } .pb60 { padding-bottom: 60px !important; } .pl0 { padding-left: 0 !important; } .pl1 { padding-left: 1px !important; } .pl2 { padding-left: 2px !important; } .pl3 { padding-left: 3px !important; } .pl4 { padding-left: 4px !important; } .pl5 { padding-left: 5px !important; } .pl6 { padding-left: 6px !important; } .pl7 { padding-left: 7px !important; } .pl8 { padding-left: 8px !important; } .pl9 { padding-left: 9px !important; } .pl10 { padding-left: 10px !important; } .pl11 { padding-left: 11px !important; } .pl12 { padding-left: 12px !important; } .pl13 { padding-left: 13px !important; } .pl14 { padding-left: 14px !important; } .pl15 { padding-left: 15px !important; } .pl16 { padding-left: 16px !important; } .pl17 { padding-left: 17px !important; } .pl18 { padding-left: 18px !important; } .pl19 { padding-left: 19px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl29 { padding-left: 29px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; } .pl50 { padding-left: 50px !important; } .pl60 { padding-left: 60px !important; } .ma { margin: auto; } .mt0 { margin-top: 0 !important; } .mt1 { margin-top: 1px !important; } .mt2 { margin-top: 2px !important; } .mt3 { margin-top: 3px !important; } .mt4 { margin-top: 4px !important; } .mt5 { margin-top: 5px !important; } .mt6 { margin-top: 6px !important; } .mt7 { margin-top: 7px !important; } .mt8 { margin-top: 8px !important; } .mt9 { margin-top: 9px !important; } .mt10 { margin-top: 10px !important; } .mt11 { margin-top: 11px !important; } .mt12 { margin-top: 12px !important; } .mt13 { margin-top: 13px !important; } .mt14 { margin-top: 14px !important; } .mt15 { margin-top: 15px !important; } .mt16 { margin-top: 16px !important; } .mt17 { margin-top: 17px !important; } .mt18 { margin-top: 18px !important; } .mt19 { margin-top: 19px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; } .mt50 { margin-top: 50px !important; } .mr0 { margin-right: 0 !important; } .mr1 { margin-right: 1px !important; } .mr2 { margin-right: 2px !important; } .mr3 { margin-right: 3px !important; } .mr4 { margin-right: 4px !important; } .mr5 { margin-right: 5px !important; } .mr6 { margin-right: 6px !important; } .mr7 { margin-right: 7px !important; } .mr8 { margin-right: 8px !important; } .mr9 { margin-right: 9px !important; } .mr10 { margin-right: 10px !important; } .mr11 { margin-right: 11px !important; } .mr12 { margin-right: 12px !important; } .mr13 { margin-right: 13px !important; } .mr14 { margin-right: 14px !important; } .mr15 { margin-right: 15px !important; } .mr16 { margin-right: 16px !important; } .mr17 { margin-right: 17px !important; } .mr18 { margin-right: 18px !important; } .mr19 { margin-right: 19px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mr50 { margin-right: 50px !important; } .mb0 { margin-bottom: 0 !important; } .mb1 { margin-bottom: 1px !important; } .mb2 { margin-bottom: 2px !important; } .mb3 { margin-bottom: 3px !important; } .mb4 { margin-bottom: 4px !important; } .mb5 { margin-bottom: 5px !important; } .mb6 { margin-bottom: 6px !important; } .mb7 { margin-bottom: 7px !important; } .mb8 { margin-bottom: 8px !important; } .mb9 { margin-bottom: 9px !important; } .mb10 { margin-bottom: 10px !important; } .mb11 { margin-bottom: 11px !important; } .mb12 { margin-bottom: 12px !important; } .mb13 { margin-bottom: 13px !important; } .mb14 { margin-bottom: 14px !important; } .mb15 { margin-bottom: 15px !important; } .mb16 { margin-bottom: 16px !important; } .mb17 { margin-bottom: 17px !important; } .mb18 { margin-bottom: 18px !important; } .mb19 { margin-bottom: 19px !important; } .mb20 { margin-bottom: 20px !important; } .mb21 { margin-bottom: 21px !important; } .mb22 { margin-bottom: 22px !important; } .mb23 { margin-bottom: 23px !important; } .mb24 { margin-bottom: 24px !important; } .mb25 { margin-bottom: 25px !important; } .mb26 { margin-bottom: 26px !important; } .mb27 { margin-bottom: 27px !important; } .mb28 { margin-bottom: 28px !important; } .mb29 { margin-bottom: 29px !important; } .mb30 { margin-bottom: 30px !important; } .mb33 { margin-bottom: 33px !important; } .mb34 { margin-bottom: 34px !important; } .mb35 { margin-bottom: 35px !important; } .mb36 { margin-bottom: 36px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .mb95 { margin-bottom: 95px !important; } .ml0 { margin-left: 0 !important; } .ml1 { margin-left: 1px !important; } .ml2 { margin-left: 2px !important; } .ml3 { margin-left: 3px !important; } .ml4 { margin-left: 4px !important; } .ml5 { margin-left: 5px !important; } .ml6 { margin-left: 6px !important; } .ml7 { margin-left: 7px !important; } .ml8 { margin-left: 8px !important; } .ml9 { margin-left: 9px !important; } .ml10 { margin-left: 10px !important; } .ml11 { margin-left: 11px !important; } .ml12 { margin-left: 12px !important; } .ml13 { margin-left: 13px !important; } .ml14 { margin-left: 14px !important; } .ml15 { margin-left: 15px !important; } .ml16 { margin-left: 16px !important; } .ml17 { margin-left: 17px !important; } .ml18 { margin-left: 18px !important; } .ml19 { margin-left: 19px !important; } .ml20 { margin-left: 20px !important; } .ml23 { margin-left: 23px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; } .fs0 { font-size: 0 !important; } .fs1 { font-size: 1px !important; } .fs8 { font-size: 8px !important; } .fs9 { font-size: 9px !important; } .fs10 { font-size: 10px !important; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; } .fs14 { font-size: 14px !important; } .fs15 { font-size: 15px !important; } .fs16 { font-size: 16px !important; } .fs17 { font-size: 17px !important; } .fs18 { font-size: 18px !important; } .fs19 { font-size: 19px !important; } .fs20 { font-size: 20px !important; } .fs25 { font-size: 25px !important; } .fs30 { font-size: 30px !important; } .top1 { top: 1px !important; } .top2 { top: 2px !important; } .top3 { top: 3px !important; } .top4 { top: 4px !important; } .top5 { top: 5px !important; } .topm1 { top: -1px !important; } .topm2 { top: -2px !important; } .topm3 { top: -3px !important; } .topm4 { top: -4px !important; } .topm5 { top: -5px !important; } .left1 { left: 1px !important; } .left2 { left: 2px !important; } .left3 { left: 3px !important; } .left4 { left: 4px !important; } .left5 { left: 5px !important; } .leftm1 { left: -1px !important; } .leftm2 { left: -2px !important; } .leftm3 { left: -3px !important; } .leftm4 { left: -4px !important; } .leftm5 { left: -5px !important; } .addedproduct-modal { padding: 0; max-width: 993px; width: 90%; border-radius: 0; line-height: normal; } .addedproduct-modal .close-reveal-modal { top: -2px; right: 10px; } .addedproduct-modal .message { font-size: 22px; } .addedproduct-modal .message > div { margin: 0 auto 15px; } .addedproduct-modal .message > div:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; bottom: -3px; display: inline-block; margin-right: 10px; font-size: 26px; } .addedproduct-modal .message > .success:before { color: green; content: "\e610"; } .addedproduct-modal .message > .error:before { color: red; content: "\e60b"; } .addedproduct-modal > .info { padding: 30px 30px 13px; width: 100%; text-align: center; } .addedproduct-modal .product-buttons > .button { margin: 0 17px 17px 0; } .addedproduct-modal > .related { overflow: hidden; border-top: 1px solid #eaeaea; } .addedproduct-modal .related > .subtitle { padding: 15px 30px 10px; color: #4c4e57; text-align: center; font-size: 28px; } .addedproduct-modal .tab-block { padding: 0 !important; min-height: 476px; } .addedproduct-modal .tab-block .tabs .tab-title:nth-child(4) ~ .tab-title { display: none; } .addedproduct-modal .tab-block .tabs .tab-title a { font-size: 20px; } .addedproduct-modal .tab-block .tabs .tab-title.active a { color: #cc0001; } @media only screen and (max-width: 60em) { .addedproduct-modal .tab-block .tabs .tab-title { display: block; float: left; width: 50%; border: 1px solid transparent; } .addedproduct-modal .tab-block .tabs .tab-title:before { display: none; } .addedproduct-modal .tab-block .tabs .tab-title:nth-child(odd) { clear: left; } .addedproduct-modal .tab-block .tabs .tab-title.active { border-color: #cc0001; } .addedproduct-modal .tab-block .tabs .tab-title.active:after { display: none; } } .addedproduct-modal .tabs-content { margin-bottom: 0; } .addedproduct-modal .tabs-content > .content { padding: 10px 8px 0; } .addedproduct-modal .products-grid > .item { margin: 0 8px !important; } .addedproduct-modal .products-grid .product-name { height: 64px; } .addedproduct-modal .products-grid .product-image { max-width: 180px; } .addedproduct-modal .products-grid .item-home-avail { padding-top: 10px; border-top: 1px solid #e2e2e2; border-bottom: none; } .addedproduct-modal .products-grid .add-to-links { display: none; } .addedproduct-modal .products-grid .col_stock > .availability { display: table-cell; height: 31px; vertical-align: middle; } .addedproduct-modal .products-grid .col_stock > .availability:before { content: attr(data-label) ":"; } .recently_wanted_widget { /*need to replace .std styles*/ } .recently_wanted_widget { margin-bottom: 20px; margin-top: 20px; } .recently_wanted_widget .tab-block { min-height: 100%; } .recently_wanted_widget .tab-block .tab-title { padding-top: 15px; padding-bottom: 15px; width: 40%; border-bottom: none; background-color: #fff; color: #3c3e43; font-size: 22px; line-height: 24px; } .recently_wanted_widget ul { font-size: 0.8125rem !important; line-height: 18px !important; } .recently_wanted_widget .products-grid { margin-top: 25px; } .recently_wanted_widget .products-grid .item { margin-right: 0; } .recently_wanted_widget .products-grid .product-name_holder { background: none; } .recently_wanted_widget .products-grid .short-description { background-color: transparent; } .recently_wanted_widget .products-grid .button:after { margin-left: 4px; } .collapsed-category .content.-active, .collapsed-category > .title:hover + .content, .collapsed-category > .content:hover { -webkit-transition: max-height 0.5s ease-in; -moz-transition: max-height 0.5s ease-in; transition: max-height 0.5s ease-in; max-height: 300px; } .collapsed-category > .title.-active > .icon, .collapsed-category > .title:hover > .icon, .collapsed-category.-hover > .title > .icon { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .category-scroll { padding: 0; } .collapsed-category { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background: #fff; text-align: center; } .collapsed-category > .title { display: inline-block; background: #fff; color: #4c4e57; text-align: center; text-transform: uppercase; font: 600 12px/30px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; cursor: pointer; } .collapsed-category > .title > .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; position: relative; top: -1px; width: 20px; height: 18px; color: #ca0000; vertical-align: middle; } .collapsed-category .content { -webkit-transition: max-height 0.5s ease-out; -moz-transition: max-height 0.5s ease-out; transition: max-height 0.5s ease-out; overflow: hidden; max-height: 0; height: auto; background: #f0f1f2; text-align: left; } @media only screen and (max-width: 60em) { .collapsed-category .content { padding: 0 1.7rem; } } .header-container .category-scroll.-rolling .content.-loaded { position: absolute; left: 50%; z-index: 100; transform: translateX(-50%); } .header-container .category-scroll.-rolling .content.-loaded::after { position: absolute; bottom: 0; z-index: 100; width: 100%; height: 5px; background: #ca0000; content: ""; } .header-container .category-scroll.-rolling .content.-loaded > .row { padding-bottom: 5px; } .header-container .category-scroll.-rolling .owl-next { right: 5px; } .header-container .category-scroll.-rolling .owl-prev { left: 5px; } .subscribe-popup { padding: 40px; min-width: 608px; max-width: 688px; width: 95%; border: 10px solid #ca0000; background: #fff; color: #000; text-align: center; } .subscribe-popup.-background { border: none; background: transparent; box-shadow: none; } .subscribe-popup > .background { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; max-width: 1200px; } .subscribe-popup > .content { margin-bottom: 20px; } .subscribe-popup > .content > .title { color: #ca0000; font: 400 50px "ProximaNova-Light", Arial, Helvetica, sans-serif; } .subscribe-popup > .content > .subtitle { font: 400 25px/35px "ProximaNova-Light", Arial, Helvetica, sans-serif; } .subscribe-popup > .content > .icons { margin: 30px 0; } .subscribe-popup > .content > .icons > .item { display: inline-block; margin: 1%; width: 30%; vertical-align: top; } .subscribe-popup > .content > .icons .icon { width: 50px; height: 50px; fill: #ca0000; } .subscribe-popup > .content > .icons .title { display: block; margin: 15px auto 0; max-width: 160px; font: 400 18px "Proxima Nova Regular Bold", Arial, Helvetica, sans-serif; } .subscribe-popup > .controls-wrapper { display: table; width: 100%; height: 200px; } .subscribe-popup > .controls-wrapper > .controls { display: table-cell; vertical-align: middle; } .subscribe-popup > .controls-wrapper > .controls > .input-box { margin: 0 auto; max-width: 480px; } .subscribe-popup > .controls-wrapper > .controls > .input-box + .input-box { margin-top: 10px; } .subscribe-popup > .controls-wrapper > .controls .input-text { padding: 17px 25px; height: 60px; color: #000; font-size: 19px; } .subscribe-popup > .controls-wrapper > .controls .input-text::-webkit-input-placeholder { color: #000; } .subscribe-popup > .controls-wrapper > .controls .input-text:-moz-placeholder { color: #000; } .subscribe-popup > .controls-wrapper > .controls .input-text::-moz-placeholder { color: #000; } .subscribe-popup > .controls-wrapper > .controls .input-text:-ms-input-placeholder { color: #000; } .subscribe-popup > .controls-wrapper > .controls > .button { margin: 20px 0 0; width: 368px; height: 59px; font-size: 20px; line-height: 59px; } .subscribe-popup > .controls-wrapper > .controls .message { margin: 0; text-transform: uppercase; font-size: 22px; } .subscribe-popup > .controls-wrapper > .controls .message:before { margin-right: 30px; color: inherit; content: "\e625"; vertical-align: middle; font-weight: 400; font-family: "icomoon"; } .subscribe-popup > .controls-wrapper > .controls .message.-success { color: #22b713; } .subscribe-popup > .controls-wrapper > .controls .message.-error { color: #ed0001; font-size: 15px; } .subscribe-popup .close-reveal-modal { top: -2px; right: 15px; } .subscribe-popup.toback { z-index: 1003; } /* Overlay */ #ampromo-items-add { border: 1px solid #ededed; padding: 7px; text-align: center; margin-bottom: 12px; } #ampromo-items-add a { text-decoration: none; border-bottom: 1px dashed; } .amscheckout #ampromo-items-add { margin: 7px 10px; } #ampromo-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); top: 0; left: 0; z-index: 10000; text-align: center; direction: ltr; overflow: scroll; } #ampromo-overlay .close { position: absolute; top: 7px; right: 7px; background: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/amasty/ampromo/close_icon.png) no-repeat; width: 16px; height: 16px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } #ampromo-overlay .close:hover { opacity: 1; transition: opacity 0.2s ease; } @media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } } @media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 100%; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } body .ampromo-carousel-control.prev { left: 0px; } body .ampromo-carousel-control.next { right: 0px; } body .ampromo-carousel-control { z-index: 10001; } } @media only screen and (max-width: 340px) { body #ampromo-items .ampromo-item { border: none; } } @media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; } body #ampromo-items { padding-top: 0; } body #ampromo-items>h4 { display: none; } } /* Items */ #ampromo-items { border: 1px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 24px; display: inline-block; box-sizing: border-box; } #ampromo-items.amcarousel { display: block; width: 685px; } #ampromo-items .ampromo-item { box-sizing: border-box; margin-bottom: 7px; padding: 20px; width: 250px; border: 1px solid #ededed; position: relative; margin-right: 12px; } #ampromo-items .ampromo-item-options { margin-bottom: 12px; text-align: left; } #ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 160px; height: 160px } /* Carousel */ .amcarousel #ampromo-carousel-wrapper { width: 520px; } #ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; } .amcarousel #ampromo-carousel-content { width: 4500px; height: 1px; } #ampromo-carousel-content .ampromo-slide { float: left; } .amcarousel .ampromo-carousel-control { display: block; } .ampromo-carousel-control { position: absolute; top: 260px; background: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/amasty/ampromo/buttons_next_prev.png) no-repeat; width: 48px; height: 45px; font-size: 0; display: none; } .ampromo-carousel-control.carousel-disabled.prev { background-position: 0 0 !important; } .ampromo-carousel-control.amcarousel-disabled.next { background-position: -46px 0 !important; } .ampromo-carousel-control.prev { background-position: 0 -45px; left: 20px; } .ampromo-carousel-control.next { background-position: -46px -45px; right: 20px; } .ampromo-carousel-control.prev:hover { background-position: 0 -91px; } .ampromo-carousel-control.next:hover { background-position: -46px -91px; } .ampromo-item .qty-holder { display: none; } .ampromo-item-options select, .ampromo-item-options input { max-width: 210px; } .ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; } .ampromo_items_form h4 { line-height: 50px; } .ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: 14px; } .ampromo-label{ float: right; position: absolute; z-index: 500; } .ampromo-gift .product-image{ float: left; } .ampromo-gift li{ margin: 10px 10px; float: left; } .ampromo-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:300px; position:absolute; z-index: 10001; } .ampromo-product-name{ font-weight: bold; } .ampromo-short-description{ } .ampromo-img img{ width: 100%; } .reservationCalendarDiv .shipMethods .additional-shipping, .reservationCalendarDiv .shipMethods .additional-zip, .reservationCalendarDiv .shipMethods .additional-shipping-methods{ margin: 5px 0; } @media only screen and (max-width: 47.9375em) { .header-bar .right-medium { width: 62%; } } @media only screen and (max-width: 56.875em) { .welcome-item { display: none; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .welcome-item.item_logo { display: none; } } @media only screen and (max-width: 40em) { .sub-tabs { position: relative; } } .sub-tabs .tabs-company > p { margin: 0; } .sub-tabs .tab-store { font: 400 15px/25px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; color: #fff; padding: 3px 0 0; border: none; display: inline-block; background-color: #50555e; background-position: 50% inherit; width: 130px; max-width: 24%; vertical-align: top; height: 30px; margin-right: 1px; } .sub-tabs .tab-store:first-child { background-color: #fff; color: #50555e; text-align: center; } @media only screen and (max-width: 60em) { .sub-tabs .tab-store { max-width: 36%; } } .sub-tabs ul { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; } .sub-tabs ul :first-child { border-bottom: 0; } .sub-tabs ul li { display: inline-block; border-right: 1px solid #3c3e43; border-bottom: 1px solid #3c3e43; } .sub-tabs ul li a { display: block; width: 131px; height: 28px; background-repeat: no-repeat; border: 0; } .sub-tabs .customer-care { font-size: 11px; color: #fff; } .sub-tabs .customer-care :last-child { padding-right: 0; } .sub-tabs .customer-care li { padding: 0 10px; border-bottom: 0; border-right: 0; font-size: 12px; line-height: 27px; } .sub-tabs .customer-care li:first-child { border-right: 1px solid #505256; } .sub-tabs .customer-care li a { display: inline; color: #fff; border-bottom: 0; } .sub-tabs .customer-care li a.number-phone { font-weight: 600; font-size: 16px; } @media only screen and (max-width: 60em) { .sub-tabs .customer-care li a.number-phone { font-size: 13px; font-weight: normal; } } /* perfect-scrollbar v0.6.2 */ .ps-container { overflow: hidden !important } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; opacity: 1; } .ps-container.ps-in-scrolling { pointer-events: none } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9 } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999 } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9 } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999 } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /*-webkit-border-radius: 4px;*/ /*-moz-border-radius: 4px;*/ /*-ms-border-radius: 4px;*/ /*border-radius: 4px;*/ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; height: 8px } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: #ca0000; /*-webkit-border-radius: 4px;*/ /*-moz-border-radius: 4px;*/ /*-ms-border-radius: 4px;*/ /*border-radius: 4px;*/ -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; height: 8px } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /*-webkit-border-radius: 4px;*/ /*-moz-border-radius: 4px;*/ /*-ms-border-radius: 4px;*/ /*border-radius: 4px;*/ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 8px } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #ca0000; /*-webkit-border-radius: 4px;*/ /*-moz-border-radius: 4px;*/ /*-ms-border-radius: 4px;*/ /*border-radius: 4px;*/ -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 8px } .ps-container:hover.ps-in-scrolling { pointer-events: none } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9 } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #ca0000; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9 } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #ca0000; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6 } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9 } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #ca0000; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9 } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #ca0000; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-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 { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/vendor/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: 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; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * MageWorx * CustomOptions Extension * * @category MageWorx * @package MageWorx_CustomOptions * @copyright Copyright (c) 2015 MageWorx (http://www.mageworx.com/) */ .option a {text-decoration: none;} .option .special-price {color: #CD5033;} .option .small-image-preview {padding:3px;} .option li.swatch {display: inline-block; margin: 1px; text-align: center; } .option li.swatch-disabled {opacity: 0.3;} .option img.swatch, .option div.swatch {margin: 1px 1px 5px 1px;} .option img.swatch-selected, .option div.swatch-selected {border: 1px solid #000000; margin-bottom:4px;} .option div.swatch-color { display:inline-block; width:100%; height:100%; } .option .limit-holder { display: block; padding: 10px 0 0; } .option .radio-checkbox-img { float:left; } .product-options ul.options-list label.radio-checkbox-label-1 { padding:6px; width:330px; } .product-options ul.options-list label.radio-checkbox-label-2 { padding:6px; width:400px; } .option .radio-checkbox-text { display:inline-block; float:left; width:200px; margin: 2px 5px; } .option .radio-checkbox-label-1 .label-qty, .option .radio-checkbox-label-2 .label-qty { display:inline-block; float:right; padding:5px; } .product-options ul.options-list .radio-checkbox-label-1 input.product-custom-option, .product-options ul.options-list .radio-checkbox-label-2 input.product-custom-option { margin:5px; } .product-options ul.options-list span.radio-checkbox-label { display: inline-block; } .product-options ul.tier-prices {display: block;} .tagtip-question { background: url(https://shop.canon.co.nz/skin/frontend/base/default/images/mageworx/customoptions/question.png) 0 0 no-repeat; width: 16px; height: 16px; display: inline-block; margin-left: 5px; } .tagtip { background: #fff; border: 1px solid #c7c7c7; color: #505050; padding: 2px; min-width: 100px; max-width: 500px; text-align: center; z-index: 9999; } .tagtip .content { padding: 5px 5px 0px 5px; text-align:left; } .tagtip .content p {margin: 0;} .product-options span.required { color: #df280a; } .product-options span.required::after { content: ""; } @charset "UTF-8"; .waitlist-block:after, .detail-addlayout .list-trust:after { content: ''; display: block; height: 0; clear: both; font-size: 0; } /** Swiper 3.1.0 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2015, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: July 14, 2015 */ /** This file was mofified in the following way: all style (except keyframe) declarations were wrapped by .slider_swiper to provide compability with another fallback slider for IE9 and lower. */ .slider_swiper { /* a11y */ /* IE10 Windows Phone 8 Fixes */ /* Arrows */ /* Pagination Styles */ /* 3D Container */ /* Coverflow */ /* Fade */ /* Cube */ /* Scrollbar */ /* Preloader */ } .slider_swiper .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .slider_swiper .swiper-container .top-left { left: 35px; } .slider_swiper .swiper-container .top-right { right: 35px; } .slider_swiper .swiper-container .pic-label { z-index: 500; } .slider_swiper .swiper-container-no-flexbox .swiper-slide { float: left; } .slider_swiper .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .slider_swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .slider_swiper .swiper-container-android .swiper-slide, .slider_swiper .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .slider_swiper .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .slider_swiper .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .slider_swiper .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .slider_swiper .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .slider_swiper .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .slider_swiper .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .slider_swiper .swiper-button-prev, .slider_swiper .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .slider_swiper .swiper-button-prev.swiper-button-disabled, .slider_swiper .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .slider_swiper .swiper-button-prev, .slider_swiper .swiper-container-rtl .swiper-button-next { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/arrow-left.svg"); left: 10px; right: auto; } .slider_swiper .swiper-button-prev.swiper-button-black, .slider_swiper .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/arrow-left_black.svg"); } .slider_swiper .swiper-button-prev.swiper-button-white, .slider_swiper .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/arrow-left_white.svg"); } .slider_swiper .swiper-button-next, .slider_swiper .swiper-container-rtl .swiper-button-prev { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/arrow-right.svg"); right: 10px; left: auto; } .slider_swiper .swiper-button-next.swiper-button-black, .slider_swiper .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/arrow-right_black.svg"); } .slider_swiper .swiper-button-next.swiper-button-white, .slider_swiper .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/arrow-right_white.svg"); } .slider_swiper .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .slider_swiper .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .slider_swiper .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .slider_swiper button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .slider_swiper .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .slider_swiper .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .slider_swiper .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .slider_swiper .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .slider_swiper .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .slider_swiper .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .slider_swiper .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .slider_swiper .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .slider_swiper .swiper-container-3d .swiper-wrapper, .slider_swiper .swiper-container-3d .swiper-slide, .slider_swiper .swiper-container-3d .swiper-slide-shadow-left, .slider_swiper .swiper-container-3d .swiper-slide-shadow-right, .slider_swiper .swiper-container-3d .swiper-slide-shadow-top, .slider_swiper .swiper-container-3d .swiper-slide-shadow-bottom, .slider_swiper .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .slider_swiper .swiper-container-3d .swiper-slide-shadow-left, .slider_swiper .swiper-container-3d .swiper-slide-shadow-right, .slider_swiper .swiper-container-3d .swiper-slide-shadow-top, .slider_swiper .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .slider_swiper .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .slider_swiper .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .slider_swiper .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .slider_swiper .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .slider_swiper .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .slider_swiper .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .slider_swiper .swiper-container-fade .swiper-slide { pointer-events: none; } .slider_swiper .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .slider_swiper .swiper-container-fade .swiper-slide-active, .slider_swiper .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .slider_swiper .swiper-container-cube { overflow: visible; } .slider_swiper .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; } .slider_swiper .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .slider_swiper .swiper-container-cube .swiper-slide-active, .slider_swiper .swiper-container-cube .swiper-slide-next, .slider_swiper .swiper-container-cube .swiper-slide-prev, .slider_swiper .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .slider_swiper .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); } .slider_swiper .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow { z-index: 0; } .slider_swiper .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .slider_swiper .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .slider_swiper .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .slider_swiper .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .slider_swiper .swiper-scrollbar-cursor-drag { cursor: move; } .slider_swiper .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .slider_swiper .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/lazy-loader.svg"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .slider_swiper .swiper-lazy-preloader-white:after { background-image: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/css/images/svg/lazy-loader_white.svg"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /*Society one paylater block*/ .paylater-block { position: absolute; top: 3.4375rem; right: 0; z-index: 999; padding: 0.625rem 1.5625rem 0.3125rem; background: #43a6dd; box-shadow: 2px 6px 0 -2px #467e9a; color: #fff; text-align: center; cursor: pointer; min-height: 83px; } .paylater-block > .logo { padding: 0 1.25rem; height: 1.4375rem; border-bottom: 1px solid #fff; } .paylater-block > .logo > .icon { width: 5.625rem; height: 1.125rem; } .paylater-block > .from { margin-top: 0.125rem; font-size: 16px; line-height: 19px; } .paylater-block > .from > .permonth { font-weight: bold; font-size: 21px; letter-spacing: -1px; } .paylater-block > .price { font-weight: bold; font-size: 21px; line-height: 18px; } .paylater-block > .price > .price { position: relative; padding-left: 5px; } .paylater-block > .price > .tip-info { margin-left: 5px; } .paylater-block > .price .currency-symbol { position: absolute; top: 0; left: -2px; font-size: 10px; } .paylater-block > .link { color: #fff; text-decoration: underline; font-weight: 300; font-size: 13px; } .paylater-block > .link:hover { text-decoration: none; } .paylater-block.-fixed { top: auto; } .paylater-block.-fixed-top { position: fixed; top: 0; } /** ** paylater tooltip ** Need to rewrite product page tooltip */ .paylater-tooltip { width: 300px !important; margin-top: 25px !important; margin-left: -281px !important; } .paylater-tooltip > .nub { top: -35px !important; left: 95% !important; border-width: 0 11px 35px 11px !important; border-style: solid !important; border-color: transparent transparent rgba(66, 66, 66, 0.9) transparent !important; } .paylater-tooltip p { margin-bottom: 10px !important; text-align: left !important; } /*Society one pop-up*/ .so-popup { /*crosssell pop-up*/ /*login pop-up*/ /*iframe pop-up*/ } .so-popup { max-width: 31.25rem; } .so-popup.-crosssell { max-width: 51.25rem; } @media only screen and (min-width: 60.0625em) { .so-popup.-crosssell { top: 6.25rem; } } .so-popup.-crosssell > .sowrap { padding-top: 0.625rem; } .so-popup.-crosssell .title, .so-popup.-crosssell .content { text-align: center; } .so-popup.-crosssell .title { margin: 0; font-size: 32px; } .so-popup.-crosssell .content { margin-bottom: 1.25rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e2e2e2; } .so-popup.-crosssell .content .bold { color: #ca0000; font-weight: bold; } .so-popup.-login { min-width: 41.875rem; max-width: 59.375rem; } .so-popup.-login .topcontent { padding: 0 0.625rem 0.625rem; } .so-popup.-login .topcontent > .title { margin-bottom: 20px; text-align: center; font: 600 18px/1 "Proxima Nova", Arial, Helvetica, sans-serif; } .so-popup.-login .title { margin-bottom: 0.9375rem; font-weight: 400; font-size: 25px; } .so-popup.-login .benefits { margin-left: 0; padding: 1.5625rem 0; padding-left: 20px; background: #f9f9fa; list-style-type: none; } .so-popup.-login .sprite-icon-wrap { display: inline-block; } .so-popup.-login .done2 { margin-right: 17px; width: 16px; height: 12px; } .so-popup.-login p { font-size: 14px; line-height: 20px; } .so-popup.-login .blockreg { padding-right: 4.375rem; } .so-popup.-login .blocklogin { padding-left: 5.625rem; border-left: 1px solid #e2e2e2; } .so-popup.-login .-fullwidth { width: 100%; } .so-popup.-login .-fullwidth:after { position: absolute; right: 0.9375rem; } .so-popup.-login .forgotlink { color: #3c3e42; font-weight: 600; } .so-popup.-login .forgotmessage { float: right; color: #ca0000; } .so-popup.-login .required { font-size: 14px; } .so-popup.-iframe { top: 6.25rem; min-width: 41.875rem; max-width: 69.5rem; height: 100%; text-align: center; } .so-popup.-iframe > .sowrap { padding: 1.25rem; height: 100%; } .so-popup.-iframe .soiframe { width: 100%; height: 100%; border: 0; } .so-popup.-iframe .close-reveal-modal { right: 0.8125rem; } .so-popup > .sowrap { padding: 1.25rem 0.625rem 0; } .so-popup > .sowrap > .sadface { margin-bottom: 0.9375rem; height: 2.8125rem; } .so-popup > .sowrap .icon-sadface { height: 2.8125rem; } .so-popup > .sowrap > .title { margin-bottom: 0.9375rem; font-size: 28px; } .so-popup > .sowrap > .title.-center, .so-popup > .sowrap > .content.-center { text-align: center; } .so-popup > .sowrap > .ctotal { margin-bottom: 0.625rem; padding: 0.9375rem; background: #f0f1f2; text-align: center; font-weight: bold; font-size: 18px; line-height: 16px; } .so-popup .ctotal .price { color: #ca0000; } .so-popup .ctotal .cartlink { margin-left: 0.9375rem; font-size: 13px; } .so-popup > .sowrap > .content, .so-popup .content p { line-height: 18px; } .so-popup > .sowrap > .content ol { margin-left: 33px; list-style-type: none; } .so-popup > .sowrap > .content li { margin-bottom: 0.9375rem; } .so-popup > .sowrap > .content li:before { position: absolute; left: 30px; margin-top: 2px; padding: 2px 0; width: 23px; border-radius: 15px; background: #ca0000; color: #fff; content: attr(data-num); text-align: center; font-weight: bold; font-size: 17px; } .so-popup > .sowrap .controls { text-align: center; } .so-popup .controls .button.-long { width: 60%; } .so-popup .controls .button.-long:after { float: right; } .so-popup .controls .button.-long + .button.-long { margin-top: 15px; } .so-popup .controls > .close-link { position: static; display: block; margin-top: 10px; border: 0; background-color: transparent; color: #ae0000; text-decoration: underline; font-weight: normal; font-size: 15px; line-height: 40px; } .so-popup .controls > .close-link:hover { color: #fb3939; text-decoration: none; } .so-popup .controls .check { margin: 0 auto; margin-bottom: 1.375rem; width: 81%; text-align: left; } .so-popup .controls .validation-advice { position: absolute; left: 14%; } .so-popup .controls.-fullwidth > .button { width: 47%; } .so-popup .controls.-fullwidth > .button:after { position: absolute; right: 0.9375rem; } .so-popup .controls .privacy { margin-top: 0.4375rem; } .so-popup .controls .privacy p { text-align: left; font-size: 11px; line-height: 17px; } .so-popup .close-reveal-modal { top: 0; right: 1.5625rem; } .so-popup .controls > .close-reveal-modal { right: 0; } .so-popup .controls > .close-reveal-modal:before { content: ""; } .so-popup.compare-modal { padding: 1.25rem 1.875rem; min-width: 820px; height: auto; border: 0; } @font-face { font-family: 'icomoon'; src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.eot?-s3geww"); src: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.eot?#iefix-s3geww") format("embedded-opentype"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.svg?-s3geww#icomoon") format("svg"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.woff?-s3geww") format("woff"), url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/fonts/icomoon.ttf?-s3geww") format("truetype"); font-weight: normal; font-style: normal; } [class^="im-"], [class*=" im-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .im-arr-b:before { content: ""; } .im-arr-c-b:before { content: ""; } .im-arr-cb-b:before { content: ""; } .im-arr-cb-l:before { content: ""; } .im-arr-cb-r:before { content: ""; } .im-arr-cb-t:before { content: ""; } .im-arr-c-l:before { content: ""; } .im-arr-c-r:before { content: ""; } .im-arr-c-t:before { content: ""; } .im-arr-l:before { content: ""; } .im-arr-r:before { content: ""; } .im-arr-t:before { content: ""; } .im-canon:before { content: ""; } .im-close:before { content: ""; } .im-info:before { content: ""; } .im-m-account:before { content: ""; } .im-mail:before { content: ""; } .im-m-dashboard:before { content: ""; } .im-m-device:before { content: ""; } .im-m-devices:before { content: ""; } .im-m-help:before { content: ""; } .im-m-meter:before { content: ""; } .im-phone:before { content: ""; } .im-plus:before { content: ""; } .im-printer:before { content: ""; } .im-s-bulk:before { content: ""; } .im-search:before { content: ""; } .im-s-meter:before { content: ""; } .im-video:before { content: ""; } .im-success:before { content: ""; } .im-file:before { content: ""; } .im-m-catalog:before { content: ""; } .im-m-orders:before { content: ""; } .im-m-settings:before { content: ""; } .im-eye:before { content: ""; } .im-eye-outline:before { content: ""; } .im-reorder:before { content: ""; } .im-truck:before { content: ""; } .im-australia:before { content: ""; } .im-stamp-14:before { content: ""; } .im-facebook2:before { content: ""; } .im-twitter:before { content: ""; } .im-youtube:before { content: ""; } .im-linkedin:before { content: ""; } .im-instagram:before { content: ""; } .im-phone2:before { content: ""; } .im-up3:before { content: ""; } .im-down2:before { content: ""; } .im-left3:before { content: ""; } .im-right3:before { content: ""; } .im-nz:before { content: ""; } .slider_carousel { /******************** FEATURE CAROUSEL * */ } .slider_carousel .product-images { list-style: none; padding: 0 100px; } .slider_carousel .owl-stage { display: table; } .slider_carousel .owl-next, .slider_carousel .owl-prev { width: 15px; height: 30px; position: absolute; top: 50%; background-color: transparent; border-radius: 0; padding: 0; margin: -15px 0 0; color: #fff; } .slider_carousel .owl-next:before, .slider_carousel .owl-prev:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 30px; font-weight: 400; top: 0; left: -3px; } .slider_carousel .owl-prev { left: 18px; } .slider_carousel .owl-prev:before { content: ""; } .slider_carousel .owl-next { right: 18px; } .slider_carousel .owl-next:before { content: ""; } .slider_carousel .owl-dots { margin: 0 auto 16px; width: 600px; text-align: center; position: relative; z-index: 10; } .slider_carousel .owl-dots .owl-dot { border: 1px #fff solid; width: 16px; height: 16px; display: inline-block; margin: 0 5px; border-radius: 50% 50%; } .slider_carousel .owl-dots .owl-dot.active { background-color: #fff; } .slider_carousel .owl-carousel .owl-item { text-align: center; vertical-align: middle; display: table-cell; border-collapse: collapse; float: none; position: relative; height: 450px; } .slider_carousel .owl-carousel .owl-item img { width: 60%; display: inline-block; } .slider_carousel .owl-carousel .owl-item a { border-bottom: none; } .slider_carousel .owl-item.active:not(.cloned) img { transform: scale(1) !important; width: 80%; position: relative; z-index: 10; transition: all 0.3s ease-in-out; } .slider_carousel .owl-item.active + .active img { transform: scale(1.3) !important; width: 100%; position: relative; z-index: 20; } .slider_carousel .owl-item.active + .active + .active img { transform: scale(1) !important; width: 80%; position: relative; z-index: 10; transition: all 0.3s ease-in-out; } .slider_carousel .carousel-container { position: relative; max-width: 1000px; width: 100%; margin: 0 auto; opacity: 0; visibility: hidden; } .slider_carousel .carousel-container.loaded { opacity: 1; visibility: visible; } .slider_carousel .carousel-container.loaded .carousel-image { display: block; } .slider_carousel .carousel-container #carousel { height: 480px; max-width: 1000px; width: 100%; margin: 0 auto; position: relative; font-size: 12px; } .slider_carousel .carousel-container .carousel-image { border: 0; display: none; } .slider_carousel .carousel-container .carousel-feature { position: absolute; top: -1000px; left: -1000px; cursor: pointer; } .slider_carousel .carousel-container .carousel-feature .carousel-caption { position: absolute; bottom: 0; width: 100%; } .slider_carousel .carousel-container .carousel-feature .carousel-caption p { margin: 0; padding: 5px; font-weight: bold; font-size: 12px; color: white; } .slider_carousel .carousel-container .tracker-summation-container { display: none; position: absolute; color: white; right: 48px; top: 230px; padding: 3px; margin: 3px; background-color: #000; } .carousel-container .carousel-image { display: none; } .slider_swiper .swiper-container .carousel-image { display: block; } .carousel-container .tracker-individual-container, .swiper-container .tracker-individual-container { position: absolute; color: white; bottom: -44px; left: 50%; margin: 0; text-align: center; padding: 8px; background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%; transform: translateX(-50%); } .carousel-container .tracker-individual-container .tracker-individual-blip, .swiper-container .tracker-individual-container .tracker-individual-blip { border: 1px #fff solid; width: 16px; height: 16px; display: inline-block; margin: 0 5px; border-radius: 50% 50%; font-size: 0; } .carousel-container .tracker-individual-container .tracker-individual-blip-selected, .swiper-container .tracker-individual-container .tracker-individual-blip-selected { border: 1px #fff solid; width: 16px; height: 16px; display: inline-block; margin: 0 5px; border-radius: 50% 50%; background-color: #fff; } .carousel-container .carousel-left, .carousel-container .carousel-right, .swiper-container .carousel-left, .swiper-container .carousel-right { width: 15px; height: 30px; position: absolute; top: 50%; background-color: transparent; border-radius: 0; padding: 0; margin: -15px 0 0; color: #fff; cursor: pointer; } .carousel-container .carousel-left:before, .carousel-container .carousel-right:before, .swiper-container .carousel-left:before, .swiper-container .carousel-right:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 30px; font-weight: 400; top: 0; left: -3px; padding: 6px 5px; background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%; position: absolute; } .carousel-container .carousel-left, .swiper-container .carousel-left { left: 0; } .carousel-container .carousel-left:before, .swiper-container .carousel-left:before { content: ""; } .carousel-container .carousel-right, .swiper-container .carousel-right { right: 5px; } .carousel-container .carousel-right:before, .swiper-container .carousel-right:before { content: ""; } .slider_swiper .swiper-container { overflow: visible !important; } .slider_swiper .circle-flow_slide { text-align: center; height: 430px; } .slider_swiper .circle-flow_slide img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; height: auto; } .slider_swiper .swiper-slide { opacity: 0; } .slider_swiper .swiper-slide-prev, .slider_swiper .swiper-slide-active, .slider_swiper .swiper-slide-next { opacity: 1; } .slider_swiper .swiper-left, .slider_swiper .swiper-right { display: block; width: 100px; height: 100px; z-index: 20; top: 165px; position: absolute; } .slider_swiper .swiper-left .arrow-wrap, .slider_swiper .swiper-right .arrow-wrap { background: rgba(0, 0, 0, 0.2); width: 40px; height: 40px; display: block; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; } .slider_swiper .swiper-left .arrow-wrap:before, .slider_swiper .swiper-right .arrow-wrap:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 14px; height: 16px; color: #fff; opacity: 1; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; } .slider_swiper .swiper-left { left: 0; } .slider_swiper .swiper-left .arrow-wrap:before { content: "\e617"; } .slider_swiper .swiper-left:before { top: 50%; left: 5px; margin-top: -15px; } .slider_swiper .swiper-right { right: 0; z-index: 800; } .slider_swiper .swiper-right .arrow-wrap:before { content: "\e618"; } .slider_swiper .swiper-right:before { top: 50%; right: 5px; left: inherit; margin-top: -15px; } .slider_swiper .swiper-pagination { z-index: 20; bottom: -55px; position: absolute; color: white; width: auto; margin: 0; text-align: center; left: 50%; padding: 8px 8px 8px; background: rgba(0, 0, 0, 0.2); transform: translateX(-50%); } .slider_swiper .swiper-pagination-bullet-active { background: #fff !important; } /* Product alerts */ .alert-notice { display: none; } .product-buy-btn.alert_enabled { padding-left: 6px; padding-right: 6px; padding-top: 14px; } .product-buy-btn.alert_enabled .button.stock-out { display: none; } .product-buy-btn.alert_enabled .alert-stock.link-stock-alert { display: block; height: 58px; } .product-buy-btn.alert_enabled .alert-stock a.button { width: 100%; padding: 0 15px 0 30px !important; line-height: 40px !important; height: 40px !important; font-size: 15px; } .product-buy-btn.alert_enabled .alert-stock a.button:after { float: right; font-size: 17px; line-height: 40px; } .product-buy-btn.alert_enabled .alert-notice { display: block; text-align: center; font-size: 13px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 14px; margin-bottom: 5px; margin-top: 3px; } .waitlist-block { display: table-cell; vertical-align: middle; min-width: 320px; padding: 0.625rem 0 0.625rem 0.625rem; border-left: 1px solid #e2e2e2; } @media only screen and (max-width: 60em) { .waitlist-block { display: block; min-width: 320px; padding: 0.625rem 0 0.625rem 0.625rem; border-left: none; } .waitlist-block:after { content: ''; display: block; height: 0; clear: both; font-size: 0; } } .waitlist-block > .button { min-width: 15.625rem; float: right; } .waitlist-block > .button:after { float: right; } .waitlist-block > .note { font: 400 13px/1.3 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; text-align: right; white-space: nowrap; margin-bottom: 0.375rem; } @media only screen and (min-width: 40em) and (max-width: 60em) { .waitlist-block > .note { text-align: right; white-space: normal; } } .waitlist-modal { min-width: 600px; max-width: 41%; padding: 1.875rem; } .waitlist-modal .input-box.-email { margin-bottom: 0.625rem; } .waitlist-modal .title { font: 400 30px/1 "Proxima Nova", Arial, Helvetica, sans-serif; margin-bottom: 2.5rem; text-transform: capitalize; } .waitlist-modal .button { position: relative; min-width: 11.5625rem; margin-top: 1.5625rem; } .waitlist-modal .button:after { position: absolute; top: 50%; right: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .waitlist-modal .fields { overflow: hidden; padding-bottom: 0.625rem; } .waitlist-modal .fields > .field { width: 47%; } .participate-productdata { float: right; display: table; } .participate-productdata.-nooptions { padding-top: 20px; } .participate-productdata > .price-action-block.detail-header-block { padding-top: 0; padding-right: 10px; } .participate-productdata > .detail-header-block { vertical-align: top; } .participate-productdata > .avail-block { border-right: none; } .participate-productdata > .product-price-box > .product-buy-btn { padding: 0 0 10px; } .participate-productdata > .product-price-box > .product-buy-btn.-config-event { min-width: 160px; } .participate-productdata .add-to-box .add-to-cart { float: right; margin-bottom: 6px; } .participate-productdata > .price-action-block.detail-header-block { padding-top: 5px; padding-right: 10px; } .participate-productdata.-outofstock > .price-action-block.detail-header-block { padding-top: 23px; } .participate-productdata.-outofstock > .avail-block.detail-header-block { padding-top: 38px; } .actions.-events .product-options > .item { width: 200px; } .event-product { display: block; overflow: hidden; } .event-product > .product-main-info { display: block; width: 47%; padding-top: 3.5625rem; } .event-product > .actions { width: 52%; padding-left: 1.25rem; border-left: 1px solid #e2e2e2; } .event-product .product-options { overflow: hidden; float: right; margin-top: 23px; } .event-product .product-options > .item { float: left; width: 190px; margin: 0 0 10px 10px; } .event-product .product-options > .item:nth-child(3n+3) { margin-right: 0; } .event-product .product-options > .item:only-of-type { margin: 0; } .event-product .product-options > .item:nth-child(3n+1) { clear: left; } @media only screen and (max-width: 76.875em) { .event-product .product-options > .item { width: 159px; } .event-product .product-options > .item:nth-child(2n+1) { clear: left; } .event-product .product-options > .item:nth-child(3n+1) { clear: none; } .event-product .product-options > .item:nth-child(even) { margin-right: 0; } } /*! Pikaday Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #e2e2e2; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); } .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; opacity: 0; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; color: #333; background-color: #fff; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); } .pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); } .pika-select { display: inline-block; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-table abbr { border-bottom: none; cursor: help; } .pika-button { cursor: pointer; display: block; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .is-today .pika-button { color: #43983a; font-weight: bold; } .is-selected .pika-button { color: #fff; font-weight: bold; background: #43983a; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #c0c0c0; opacity: .3; } .pika-button:hover { color: #fff; background: #2ebb1f; box-shadow: none; border-radius: 3px; } .pika-week { font-size: 11px; color: #999; } .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .pika-button { text-align: center; background: #fff; color: #3c3e43; height: auto; border-radius: 0; } .pika-lendar { margin: 0; border: 0; } .pika-lendar > .pika-table { margin: 0; } .pika-lendar .is-empty { background: #a6a7aa; } .pika-lendar > td > .is-disabled { background: #f0f1f3; opacity: 1; } .pika-lendar tr { border-top: 1px solid #e2e2e2; } .pika-lendar tr:first-child { border-top: 0; } .pika-lendar tr > td { border-right: 1px solid #e2e2e2; } .pika-lendar tr > th { border: 0; } .pika-lendar .pika-button { height: auto; border-radius: 0; } .pika-lendar .is-disabled > .pika-button { background: #f0f1f3; opacity: 1; } .pika-table abbr { cursor: default; } .rentals-price { margin: 0 0 18px; min-width: 165px; color: #ca0000; text-align: right; line-height: 15px; } @media only screen and (max-width: 60em) { .rentals-price { float: left; } } .rentals-price > .pricingppr { font-weight: bold; font-size: 18px; line-height: 3px; } .rentals-price > .pricingppr > .price { font-weight: bold; } .rentals-price > .pricingppr.price-box > .price { line-height: 30px; } .rentals-price > .deposit { margin: 0; font-size: 12px; } .rentals-price > .deposit > .label { color: #b8b8b8; } .rentals-price .discount-message { display: block; font: 400 12px/1 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .rentals-price .old-price { margin: 0; line-height: 20px; } .rentals-price .old-price > .price { margin: 0; color: #2ebb1f; text-decoration: line-through; font: 400 11px/1 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 20px; } .rentals-price .price { margin: 0; } .rentals-price .special-price > .price { color: #e52a47; font: 400 16px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .rentals-price .special-price { margin-bottom: 0; } .rentals-wrapper { display: table-cell; padding-right: 10px; min-width: 155px; } .rentals-wrapper .selectdate { margin-top: 6px; min-width: 150px; text-align: left; } .rentals-wrapper .selectdate > .input { margin: -4px 0 0 0; border-color: #222; background: #fff; text-align: center; cursor: pointer; } .rentals-wrapper .selectdate > .input:-moz-placeholder { color: #222; } .rentals-wrapper .selectdate > .input::-moz-placeholder { color: #222; } .rentals-wrapper .selectdate > .input::-webkit-input-placeholder { color: #222; } .rentals-wrapper .selectdate > .input:-ms-input-placeholder { color: #222; } .rentals-wrapper .selectdate > .input.-selected { background: #fff; } .rentals-wrapper .selectdate > .label { font-weight: bold; } .rentals-wrapper .selectdate > .label.-underfield { margin-top: 7px; } .rentals-wrapper .validation-advice { position: absolute; top: -18px; left: 0; width: 135px; } .rentals-wrapper .timeinputcls { display: none; } .calendar-container { position: relative; } .calendar-container > .pika-single { position: absolute !important; top: auto; right: 0; } .rental-information > .title { margin: 0 0 0.625rem; } .rental-information > .data-table .label { padding-left: 0.625rem; } .rental-information > .data-table .even { background: #f0f1f3; } .configurable-product { overflow: hidden; } @media only screen and (max-width: 60em) { .configurable-product .product-main-info { width: 100%; border-bottom: 1px solid #e2e2e2; max-width: none !important; } .configurable-product .price-action-block.detail-header-block { padding: 0 0 0; width: auto; } .configurable-product .detail-header-block { display: table-cell; float: none; } .configurable-product .avail-block { padding: 0 20px 0; } } .configurable-product .price-action-block.detail-header-block { padding: 0 0 0 20px; width: 12%; } .configurable-product .price-action-block .price-box { padding-top: 3px; } .configurable-product .product-name { float: left; overflow: hidden; } @media only screen and (max-width: 76.875em) { .configurable-product .product-name { width: 100%; max-width: none; float: none; } } .configurable-product .product-price-box { width: 20%; } .configurable-options { /*selects*/ } .configurable-options { color: #4c4c4c; border-top: 1px solid #e2e2e2; } @media only screen and (min-width: 40em) and (max-width: 60em) { .configurable-options { padding: 0 20px; } } @media only screen and (max-width: 76.875em) { .configurable-options { padding: 0 20px; } } .configurable-options .title { font: 400 18px/1.2 "Proxima Nova", Arial, Helvetica, sans-serif; margin: 40px 0 10px; text-transform: capitalize; color: inherit; } .configurable-options .label { font: 400 17px/42px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; margin: 0; padding-right: 20px; color: inherit; } .configurable-options .optionset-table td { padding: 0 0 10px; border: none; } .configurable-options .optionset-table td:first-child { width: 1%; white-space: nowrap; } .configurable-options .validation-advice { position: absolute; } .configurable-options .item { display: inline-block; margin: 0 20px 20px 0; } .configurable-options .item .select { min-width: 200px; cursor: pointer; } .configurable-options .item .label { font-size: 17px; } .participate-options .label { font-size: 16px; font-weight: bold; } .participate-options .input:disabled { background: #fff; } .option-set { font-size: 0; margin: 0; } tr:first-child .option-set > .option, tr .option-set.-active > .option { pointer-events: auto; background: #fff; } .option-set .confinput:checked + .option { color: #fff; background: #ca0000; } .option-set .confinput:checked + .option:after { display: none; } .option-set .option { font: 400 18px/42px "Proxima Nova", Arial, Helvetica, sans-serif; display: inline-block; width: auto; min-width: 148px; margin: 0 0 10px 22px; list-style: none; text-align: center; pointer-events: none; border: 1px solid #e2e2e2; background: #e2e2e2; padding: 0 15px; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .option-set .option:hover { cursor: pointer; color: #fff; background: #ca0000 !important; } .option-set .option:before, .option-set .option :after { display: none; } .option-set > .validation-advice { padding-left: 22px; } .participate-productdata { float: right; display: table; } .participate-productdata.-nooptions { padding-top: 20px; } .participate-productdata > .price-action-block.detail-header-block { padding-top: 0; padding-right: 10px; } .participate-productdata > .detail-header-block { vertical-align: top; } .participate-productdata > .avail-block { border-right: none; } .participate-productdata > .product-price-box > .product-buy-btn { padding: 0 0 10px; } .participate-productdata > .product-price-box > .product-buy-btn.-config-event { min-width: 160px; } .participate-productdata .add-to-box .add-to-cart { float: right; margin-bottom: 6px; } .participate-productdata > .price-action-block.detail-header-block { padding-top: 5px; padding-right: 10px; } .participate-productdata.-outofstock > .price-action-block.detail-header-block { padding-top: 23px; } .participate-productdata.-outofstock > .avail-block.detail-header-block { padding-top: 38px; } .actions.-events .product-options > .item { width: 200px; } .event-product { display: block; overflow: hidden; } .event-product > .product-main-info { display: block; width: 47%; padding-top: 3.5625rem; } .event-product > .actions { width: 52%; padding-left: 1.25rem; border-left: 1px solid #e2e2e2; } .event-product .product-options { overflow: hidden; float: right; margin-top: 23px; } .event-product .product-options > .item { float: left; width: 190px; margin: 0 0 10px 10px; } .event-product .product-options > .item:nth-child(3n+3) { margin-right: 0; } .event-product .product-options > .item:only-of-type { margin: 0; } .event-product .product-options > .item:nth-child(3n+1) { clear: left; } @media only screen and (max-width: 76.875em) { .event-product .product-options > .item { width: 159px; } .event-product .product-options > .item:nth-child(2n+1) { clear: left; } .event-product .product-options > .item:nth-child(3n+1) { clear: none; } .event-product .product-options > .item:nth-child(even) { margin-right: 0; } } .custom_images svg { margin: 0 10px; width: 25px; height: 35px; vertical-align: middle; position: absolute; } .addthis_toolbox .addthis { display: block; margin: 0; padding: 5px 0; border-bottom: 1px solid #e2e2e2; text-align: right; } .addthis_toolbox .addthis.pin { display: block; } .addthis_toolbox .addthis:last-child { border: none; } .addthis_toolbox .icon-pinterest use { fill: #cc0001; } .addthis_toolbox .icon-twitter_colorful use { fill: #43a6dd; } .pin_it_iframe_widget { display: none; } .share-block { position: relative; float: left; min-width: 140px; } @media only screen and (max-width: 60em) { .share-block { padding-bottom: 20px; } } .share-block .sharesymbol { margin-right: 4px; width: 15px; height: 21px; vertical-align: text-bottom; } .share-block a { border-bottom: none; color: #000; } .share-block .share { position: relative; display: inline-block; margin-right: 7px; } .share-block .share + a { display: inline-block; vertical-align: bottom; line-height: 32px; } .share-block .share a { text-decoration: underline; } .share-block .share a:hover { text-decoration: none; } .share-block .share .addthis { text-decoration: none; position: relative; padding-right: 50px; } .share-block span { font: 600 15px/36px "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .share-product.open { margin-top: 5px; max-width: 245px; width: 245px; } @media only screen and (min-width: 60.0625em) { .share-product.open { right: 0; left: auto !important; } } .addbox-wrapper { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 60em) { .addbox-wrapper { float: left; padding-top: 30px; } } .configurable-product { overflow: initial; } .configurable-product .share-block { display: block; clear: both; } .configurable-product .share-block.-centered { float: none; text-align: center; } @media only screen and (min-width: 60.0625em) { .configurable-product .share-block { float: right; } } @media only screen and (max-width: 60em) { .not-avail { clear: both; position: relative; } } @media only screen and (max-width: 60em) { .not-avail .share-block { position: absolute; bottom: -85px; } } @media only screen and (min-width: 60.0625em) { .not-avail .share-block { margin-top: 60px; float: right; padding-right: 40px; } } @media only screen and (min-width: 60.0625em) { .not-avail .share-block ~ .not-in-shop-note { bottom: 60px; } } .share-mail { max-width: 650px; } .share-mail .add-row.fields { position: relative; padding-right: 5%; } .share-mail .close-reveal-modal { top: 15px; right: 20px; } .share-mail .close-reveal-modal::before { font-size: 20px; } .share-mail .removebtn { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 0; margin: 0; margin-top: 8px; height: 22px; } .share-mail .removelink { border: none; } .share-mail .removelink > img { width: 17px; height: 16px; } .share-mail .removelink > span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #4c4e57; content: ""; font-size: 20px; } .breadcrumbs ul li, .breadcrumbs ul li i { color: #fff; } .giftcard-product .product-img-box { padding: 0; } .giftcard-product .product-images-wrapper { float: left; height: auto; } .giftcard-product .gift-cart-min-price { position: relative; } .giftcard-product .gift-cart-min-price .price { position: relative; } .giftcard-product .gift-cart-min-price .price:before { position: absolute; top: 10px; right: 0; color: #4c4e57; content: attr(data-note); font-size: 11px; } .product-img-box { position: relative; z-index: 1; overflow: hidden; background: transparent url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/prod-scroll-bg.jpg") no-repeat scroll center center; background-size: cover; } .product-images-wrapper { margin-top: -47px; padding-top: 40px; height: 531px; background-size: 100% auto; } @media only screen and (max-width: 1600px) { .product-images-wrapper { background-size: auto 100%; } } .circle-flow--need-loader { position: relative; } .circle-flow--need-loader:before { position: absolute; display: block; width: 100%; height: 100%; background: transparent url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader-128.gif") no-repeat center center; background-size: 40px auto; content: ""; } .circle-flow--need-loader.loaded:before { display: none; } .product-shop { display: table; width: 100%; } @media only screen and (max-width: 60em) { .product-shop { display: block; } } .product-main-info { position: relative; display: table-cell; padding-top: 20px; max-width: 600px; width: 100%; vertical-align: top; text-align: left; } @media only screen and (max-width: 60em) { .product-main-info { display: block; padding: 20px 23px 0; max-width: 100%; border-bottom: #e2e2e2 1px solid; } } .product-main-info h1 { margin: 0 0 20px; font-size: 37px; line-height: 1em; } @media only screen and (max-width: 60em) { .product-main-info h1 { float: left; width: 48%; font-size: 22px; } } .product-main-info .product-name p { clear: left; color: #000; font-size: 13px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 15px; } .product-main-info .product-name p + p { margin-top: 15px; } .product-main-info .product-name p:not([class^="product-detail_"]) { clear: none; } @media only screen and (max-width: 60em) { .product-main-info .product-name p:not([class^="product-detail_"]) { float: right; width: 48%; text-align: right; } } .product-name { overflow-y: visible; height: auto; } .product-name:after { display: none; } .product-name .font-small { font-size: 30px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em), only screen and (min-width: 40em) and (max-width: 60em) { .product-name .font-small { font-size: 20px; } } .product-name .font-extra-small { font-size: 24px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em), only screen and (min-width: 40em) and (max-width: 60em) { .product-name .font-extra-small { font-size: 18px; } } .product-name.not-in-shop { float: left; padding-right: 20px; width: 70%; } .not-in-shop-note { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 40px; text-align: center; font-size: 15px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 40px; } @media only screen and (max-width: 60em) { .not-in-shop-note { position: static; line-height: 1.3; } } .product-detail_short-description { overflow: hidden; max-height: 30px; text-overflow: ellipsis; } .product-detail_short-description.-nomargin { margin-bottom: 0; } .product-detail_second-short-description { margin-top: 10px; } @media only screen and (max-width: 60em) { .product-price-wrapper { display: block; } } @media only screen and (max-width: 60em) { .product-price-inner-wrapper { display: table; width: 100%; border-top: #e2e2e2 1px solid; } } .detail-header-block { display: table-cell; padding: 26px 10px 20px 20px; vertical-align: middle; } @media only screen and (max-width: 60em) { .detail-header-block { display: block; float: left; } } .detail-header-block:last-of-type { padding-right: 0; } .detail-header-block:empty { display: none; } .detail-header-block .product-options { margin: 0; padding: 0; border: 0; } .detail-header-block .product-condition { margin-top: 10px; text-align: right; font-size: 13px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .detail-header-block .price, .detail-header-block .price-notice { font-weight: normal; } .detail-header-block .price { line-height: 1; } .detail-header-block .datetime-picker { float: left; margin-right: 10px; } .detail-header-block b { float: left; padding: 12px 10px 0 0; } .detail-header-block .time-picker.type_date_time { display: block; margin-top: 35px; } .detail-header-block .multiselect { padding: 1px 0 0 10px; height: 32px; background: transparent; } .detail-header-block .multiselect:hover { background: transparent; } .avail-block { padding-right: 20px; padding-bottom: 24px; border-right: 1px solid #e2e2e2; white-space: nowrap; } .avail-block .out-of-stock { padding-left: 9px; text-align: center; } @media only screen and (max-width: 60em) { .avail-block { padding: 20px 15px 0 0; } .avail-block .availability { line-height: 50px; } } .avail-block .retail-or { padding: 8px 0 4px 10px; text-align: center; text-transform: lowercase; font-size: 12px; } .avail-block .retail-link { display: inline-block; padding-left: 18px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REU0OTcxQzIwOEVFMTFFNTk4NjdFNjM0RkYzNTA5QjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REU0OTcxQzMwOEVFMTFFNTk4NjdFNjM0RkYzNTA5QjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERTQ5NzFDMDA4RUUxMUU1OTg2N0U2MzRGRjM1MDlCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERTQ5NzFDMTA4RUUxMUU1OTg2N0U2MzRGRjM1MDlCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PknscFkAAAE3SURBVHjafJMxSwNBEIU3GysNAVOIP0Ebm3QhmCKtiBaCjcbCxiqQMpAuVRA7oygipBSDBGy0s1YQAilSptHGKCgENAq+B29llPMefLczc/N27273EvnFopMmwDbYAAuqdUELnIDP0ERlQAfk3W/lxCZYBkOPCzlTM2c5BCuiCcYytdnLFdZAUc1L4Mqs0BGXoADWOXtJNw/+NAddayWq5LUcde7+V1tjloYpJS8xhieN0zQMlMzHGOY0PtBwp6QMkhHNrFUU33t9gfDNT0HKNDM+NvtzkcBOTyJ4BGkVn8GN4oI2lRqBWa+gaWZlw6rImPoRePNKdsFrzEtz0obTsaCGoBZjqOuxfwzUPriNaO6BvZBYw5eO9sjUPsAWeI8yUH2wY/Kq2Sdn/werln6gGfsoQd8CDAAJBDuM29dqMwAAAABJRU5ErkJggg==); background-position: 0 6px; background-repeat: no-repeat; } .avail-block .retail-link p { display: inline; margin: 0; padding: 0; } .avail-block .retail-link a { border-color: #3c3e43; color: #3c3e43; text-transform: capitalize; font-size: 14px; line-height: 14px; } .avail-block .availability { padding-left: 9px; text-align: center; } @media only screen and (max-width: 60em) { .avail-block .availability { line-height: 20px; } } @media only screen and (max-width: 60em) { .avail-block.detail-header-block > .availability { padding-top: 26px; padding-bottom: 20px; } } .price-action-block { padding-left: 20px; min-width: 105px; } @media only screen and (max-width: 60em) { .price-action-block { padding-top: 15px; width: calc(100% - 495px); text-align: right; } } .price-action-block .tier-prices { display: block; clear: both; margin: 0 0 10px; padding: 0; } .price-action-block .tier-prices li { list-style: none; white-space: nowrap; } .price-action-block .tier-prices li .benefit { color: #ca0000; font-weight: normal; } .price-action-block .price-box { text-align: center; } .price-action-block .price-box:not(.-priceruled) { float: none; margin-top: 0; margin-bottom: 5px; max-width: none; } .price-action-block .price-box:not(.-priceruled) .special-price { margin-bottom: 25px; } .price-action-block .price-box:not(.-priceruled) .old-price .price { color: #e52a47; } .price-action-block .price-box .standard-price { line-height: 27px; } .price-action-block .price-box .special-price { line-height: 18px; } .price-action-block .price-box .old-price { position: static; margin-right: 0; vertical-align: top; line-height: 18px; } .price-action-block .price-box.-priceruled { font-size: 0; } .price-action-block .price-box.-priceruled .special-price .price { font-size: 19px; } .price-action-block .price-box.-priceruled .discount-message { margin-right: 0; margin-bottom: 5px; } .price-action-block .price-box.-priceruled .discount-message + .price { display: block; } @media only screen and (min-width: 60.0625em) { .price-action-block .price-box.-priceruled .discount-message + .price { display: inline-block; margin-bottom: 30px; } } .price-action-block .price-box.-priceruled .old-price .price { font-size: 15px; } .price-action-block .price-box.-priceruled .price-label { line-height: 1.6; } .price-action-block .save-percent { color: #ca0000; text-align: right; font-weight: bold; } .price-action-block.detail-header-block { padding: 15px 0 0 15px; } .price-action-block.detail-header-block.-paddingright { padding-right: 15px; } .product-price-box { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 60em) { .product-price-box { display: block; float: right; } } .product-price-box.price_na { border-left: #e2e2e2 1px solid; } .product-buy-btn { padding: 30px 10px 10px; min-width: 267px; vertical-align: middle; text-align: right; } .product-buy-btn.out-of-stock-block { padding: 0; } @media only screen and (max-width: 60em) { .product-buy-btn.out-of-stock-block { width: auto; } } @media only screen and (max-width: 60em) { .product-buy-btn { padding: 15px 10px 10px; } } .product-buy-btn .products-list { position: relative; float: right; margin-bottom: 3px; } .product-buy-btn .qty-box { display: table-cell; padding-right: 10px; min-width: 90px; vertical-align: middle; text-align: right; } .product-buy-btn .qty-box .qty-custom { position: relative; overflow: hidden; padding-right: 20px; border: #e2e2e2 1px solid; text-align: center; line-height: 40px; } .product-buy-btn .qty-box .qty-custom .validation-advice { position: absolute; bottom: 45px; left: 0; width: 250px; } .product-buy-btn .qty-box .qty-custom input { display: inline-block; margin: 0; padding-right: 5px; padding-left: 5px; width: 173%; height: 40px; border: none; text-align: center; font-size: 17px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .product-buy-btn .qty-box .qty-custom .qty.-readonly { background-color: #fff; } .product-buy-btn .qty-box .qty-custom .qty.-readonly:-moz-placeholder { color: #3c3e43; } .product-buy-btn .qty-box .qty-custom .qty.-readonly::-moz-placeholder { color: #3c3e43; } .product-buy-btn .qty-box .qty-custom .qty.-readonly::-webkit-input-placeholder { color: #3c3e43; } .product-buy-btn .qty-box .qty-custom .qty.-readonly :-ms-input-placeholder { color: #3c3e43; } .product-buy-btn .qty-box .qty-custom input[type=tel]::-webkit-outer-spin-button, .product-buy-btn .qty-box .qty-custom input[type=tel]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .product-buy-btn .qty-box .qty-custom input[type=tel] { -webkit-appearance: textfield; -moz-appearance: textfield; } .product-buy-btn .qty-box .qty-custom .qty-btn { position: absolute; right: 0; display: inline-block; width: 14px; height: 17px; border: none; text-decoration: none; line-height: 17px; } .product-buy-btn .qty-box .qty-custom .qty-btn:before { position: absolute; right: 3px; background: none; color: #ca0000; content: "\e619"; font: 400 10px/6px "icomoon"; } .product-buy-btn .qty-box .qty-custom .qty-btn.qty_high { top: 0; } .product-buy-btn .qty-box .qty-custom .qty-btn.qty_high:before { top: 5px; content: "\e619"; } .product-buy-btn .qty-box .qty-custom .qty-btn.qty_low { bottom: 0; } .product-buy-btn .qty-box .qty-custom .qty-btn.qty_low:before { bottom: 5px; content: "\e61a"; } .product-buy-btn .qty-box.-small { min-width: 60px; } .product-buy-btn .addto-box { display: table-cell; width: 160px; vertical-align: middle; text-align: right; } .product-buy-btn .opt-staff { margin: 5px 0 0 0 !important; } @media only screen and (max-width: 60em) { .product-buy-btn.-rental { margin: 0; padding: 0; } } .product-buy-btn.-rental .qty-box { display: none; } .product-compare-wishlist, .product-buy-btn { margin-top: 6px; } @media only screen and (max-width: 60em) { .product-compare-wishlist, .product-buy-btn { margin-right: 8px; } } .sharing-links { list-style: none; } .product-compare-wishlist, .product-buy-btn, .sharing-links { position: relative; } .product-compare-wishlist .add-to-links, .product-buy-btn .add-to-links, .sharing-links .add-to-links { position: relative; margin: 0; padding: 0; list-style: none; } .product-compare-wishlist .add-to-links > li, .product-buy-btn .add-to-links > li, .sharing-links .add-to-links > li { display: block; float: none; margin-bottom: 2px; padding: 0; } .product-compare-wishlist .add-to-links > li span.link-add-item, .product-buy-btn .add-to-links > li span.link-add-item, .sharing-links .add-to-links > li span.link-add-item { text-decoration: underline; opacity: 0.5; } .product-compare-wishlist .add-to-links > li span.link-add-item.link-wishlist, .product-buy-btn .add-to-links > li span.link-add-item.link-wishlist, .sharing-links .add-to-links > li span.link-add-item.link-wishlist { text-decoration: underline; } .product-compare-wishlist .add-to-links > li span.link-add-item.link-wishlist:hover, .product-buy-btn .add-to-links > li span.link-add-item.link-wishlist:hover, .sharing-links .add-to-links > li span.link-add-item.link-wishlist:hover { text-decoration: underline; } .product-compare-wishlist .add-to-links > .opt-staff, .product-buy-btn .add-to-links > .opt-staff, .sharing-links .add-to-links > .opt-staff { position: absolute; bottom: 0; left: -100px; } .product-compare-wishlist .add-to-links > .opt-staff label, .product-buy-btn .add-to-links > .opt-staff label, .sharing-links .add-to-links > .opt-staff label { padding-left: 25px; font-size: 12px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 18px; } .product-compare-wishlist .add-to-links > .opt-staff label:before, .product-buy-btn .add-to-links > .opt-staff label:before, .sharing-links .add-to-links > .opt-staff label:before { width: 18px; height: 18px; } .product-compare-wishlist .add-to-links > .opt-staff label:hover, .product-buy-btn .add-to-links > .opt-staff label:hover, .sharing-links .add-to-links > .opt-staff label:hover { color: #3c3e43; } .product-compare-wishlist .add-to-links > .opt-staff label:after, .product-buy-btn .add-to-links > .opt-staff label:after, .sharing-links .add-to-links > .opt-staff label:after { top: 1px; width: 18px; } .product-compare-wishlist .add-to-links > li .link-add-item, .product-compare-wishlist > li .sharefriends, .product-buy-btn .add-to-links > li .link-add-item, .product-buy-btn > li .sharefriends, .sharing-links .add-to-links > li .link-add-item, .sharing-links > li .sharefriends { position: relative; display: inline-block; margin-left: 21px; border-bottom-color: #fff; color: #3c3e43; font-size: 12px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 13px; } .product-compare-wishlist .add-to-links > li .link-add-item.link-wishlist, .product-compare-wishlist > li .sharefriends.link-wishlist, .product-buy-btn .add-to-links > li .link-add-item.link-wishlist, .product-buy-btn > li .sharefriends.link-wishlist, .sharing-links .add-to-links > li .link-add-item.link-wishlist, .sharing-links > li .sharefriends.link-wishlist { margin-left: 24px; text-decoration: underline; } .product-compare-wishlist .add-to-links > li .link-add-item.link-wishlist:before, .product-compare-wishlist > li .sharefriends.link-wishlist:before, .product-buy-btn .add-to-links > li .link-add-item.link-wishlist:before, .product-buy-btn > li .sharefriends.link-wishlist:before, .sharing-links .add-to-links > li .link-add-item.link-wishlist:before, .sharing-links > li .sharefriends.link-wishlist:before { position: absolute; top: 3px; left: -21px; background: none; color: #3c3e43; content: "\e64d"; font: 400 15px/3px "icomoon"; } .product-compare-wishlist .add-to-links > li .link-add-item.link-wishlist:hover, .product-compare-wishlist > li .sharefriends.link-wishlist:hover, .product-buy-btn .add-to-links > li .link-add-item.link-wishlist:hover, .product-buy-btn > li .sharefriends.link-wishlist:hover, .sharing-links .add-to-links > li .link-add-item.link-wishlist:hover, .sharing-links > li .sharefriends.link-wishlist:hover { text-decoration: none; } .product-compare-wishlist .add-to-links > li .link-add-item.link-compare:before, .product-compare-wishlist > li .sharefriends.link-compare:before, .product-buy-btn .add-to-links > li .link-add-item.link-compare:before, .product-buy-btn > li .sharefriends.link-compare:before, .sharing-links .add-to-links > li .link-add-item.link-compare:before, .sharing-links > li .sharefriends.link-compare:before { position: absolute; top: 2px; left: -18px; background: none; color: #3c3e43; content: "\e632"; font: 400 14px/6px "icomoon"; } @media only screen and (max-width: 60em) { .product-compare-wishlist .add-to-links > .opt-staff, .product-buy-btn .add-to-links > .opt-staff { left: -180px; } } @media only screen and (max-width: 60em) { .wishlist-index-configure .product-buy-btn { padding-bottom: 20px; } } .wishlist-index-configure .product-buy-btn .add-to-links > .opt-staff { bottom: -15px; } @media only screen and (max-width: 60em) { .wishlist-index-configure .product-buy-btn .add-to-links > .opt-staff { bottom: -20px; } } .tier-3 + .product-compare-wishlist { margin-top: -20px; } .sticky.fixed { box-shadow: 0 0 3px #b8b8b8; } .sticky-bar { background-color: #fff; } .product-progressbar { position: relative; z-index: 1; overflow: hidden; min-width: 640px; width: 100%; background-color: #f0f1f3; } .product-progressbar:before { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 50%; height: 50px; background-color: #ca0000; content: ""; } .product-progressbar ul { position: relative; z-index: 2; overflow: hidden; margin: 0; padding: 0; width: 100%; background: #f0f1f3; list-style: none; } .product-progressbar ul li { display: table; float: left; box-sizing: border-box; padding-left: calc(100% - 95%); min-width: 16.6%; width: auto; height: 50px; background-color: #f0f1f3; text-align: center; } @media only screen and (max-width: 60em) { .product-progressbar ul li { padding-left: calc(100% - 96%); min-width: 0; width: 16.3%; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .product-progressbar ul li { padding-left: calc(100% - 96%); min-width: 0; width: 16.3%; } } .product-progressbar ul li:nth-child(2) { padding-left: 0; } .product-progressbar ul li:first-child { padding-right: calc(100% - 95%); padding-left: 0; min-width: 0; width: auto; text-align: left; } .product-progressbar ul li a { display: table-cell; border-bottom: none; color: #3c3e43; vertical-align: middle; font-size: 17px; line-height: 1; } @media only screen and (max-width: 60em) { .product-progressbar ul li a { font-size: 15px; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .product-progressbar ul li a { font-size: 15px; } } .product-progressbar ul li.prev-current { background-color: #ca0000; } .product-progressbar ul li.prev-current a { color: #fff; } .product-progressbar ul li.current { position: relative; background-color: #ca0000; } .product-progressbar ul li.current:before { position: absolute; top: 0; right: -30px; width: 0; height: 0; border-style: solid; border-color: #ca0000 transparent transparent #ca0000; border-top-width: 18px; border-right-width: 11px; border-bottom-width: 33px; border-left-width: 20px; content: ""; font-size: 0; line-height: 0; } .product-progressbar ul li.current a { color: #fff; } .detail-subtitle { margin: 0 0 30px; padding-top: 30px; color: #3c3e43; font-weight: normal; font-size: 30px; } @media only screen and (max-width: 60em) { .detail-subtitle { margin: 0 16px 30px; padding-top: 30px; } } .detail-features { margin: 0; padding: 0; list-style: none; } .detail-features .detail-features-item { display: inline-block; padding: 10px 15px; max-width: 80px; vertical-align: middle; text-align: center; } @media only screen and (max-width: 60em) { .detail-features .detail-features-item { width: 19%; } } .catalog-product-view .tooltip { margin-top: 0; margin-left: 0; } .catalog-product-view .tooltip p { margin-bottom: 0; text-align: center; font-size: 12px; line-height: 18px; } .catalog-product-view .tooltip .nub { position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid rgba(66, 66, 66, 0.9); border-right: 8px solid transparent; border-bottom: 0; border-left: 8px solid transparent; content: ""; line-height: 0; } .detail-pagelayout { display: table; width: 100%; } @media only screen and (max-width: 60em) { .detail-pagelayout { display: block; } } .section-overview { padding-top: 30px; } .detail-description { display: table-cell; padding-bottom: 30px; width: 33%; vertical-align: top; text-align: left; font-size: 13px; } @media only screen and (max-width: 60em) { .detail-description { display: block; padding: 0 16px 16px; width: 100%; } } .section-overview.-bundle-overview { border-bottom: 1px solid #e4e4e4; } .section-overview.-bundle-overview > .detail-description { width: 80%; } .bundleRow .tabs .tab-title:before { z-index: 1; } .bundleRow .tabs .tab-title.active:before { z-index: 2; } .bundleRow .selectedshots-carousel .owl-next, .bundleRow .selectedshots-carousel .owl-prev { top: 46%; color: #939393; } .bundleRow .selected_shots.section_grey:before { position: absolute; top: 0; left: -100%; z-index: -1; width: 300%; height: 100%; background: #f0f1f3; content: ""; } .specific-wrapper.-filled { background: #f0f1f3; } .specific-wrapper.-filled .tabs .tab-title { background: #f0f1f3; } .specific-wrapper.-filled .tabs .tab-title:not(.active):before { background: #fff; } .specific-wrapper.-filled .tabs .tab-title > a { background: #f0f1f3; } .specific-wrapper.-filled .tabs-content { background: #f0f1f3; } .detail-addlayout { display: table-cell; vertical-align: top; text-align: left; } @media only screen and (max-width: 60em) { .detail-addlayout { display: block; width: 100%; } } .detail-addlayout:empty { display: none; } .detail-addlayout.selected_shots { display: block; padding-bottom: 30px; background-color: #f0f1f3; text-align: left; } .detail-addlayout .title-trust { text-transform: capitalize; font-size: 22px; } @media only screen and (max-width: 60em) { .detail-addlayout .title-trust { text-align: center; } } .detail-addlayout .list-trust { margin: 0; } @media only screen and (max-width: 60em) { .detail-addlayout .list-trust { margin: 0 auto; width: 80%; } .detail-addlayout .list-trust:after { content: ''; display: block; height: 0; clear: both; font-size: 0; } } .detail-addlayout li { padding: 15px 0; list-style: none; font-size: 14px; } @media only screen and (max-width: 60em) { .detail-addlayout li { display: inline-block; float: left; width: 50%; } } .detail-addlayout .trust-link { position: relative; display: block; padding-left: 40px; border: none; text-decoration: none; } .detail-addlayout .icon { position: absolute; top: -4px; left: 0; border-bottom: 0; } @media only screen and (max-width: 60em) { .detail-addlayout .icon { top: -1px; } } .detail-addlayout .text { display: inline-block; padding: 7px 0 0 15px; color: black; font-size: 14px; line-height: 15px; } @media only screen and (max-width: 60em) { .detail-addlayout .text { display: block; margin-left: 26px; } } @media only screen and (max-width: 40em) { .detail-addlayout .text { display: block; padding-left: 5px; } } .detail-addlayout .icon-truck, .detail-addlayout .icon-genuine, .detail-addlayout .icon-genuine1, .detail-addlayout .icon-stamp, .detail-addlayout .icon-stamp1 { width: 31px; height: 31px; } @media only screen and (max-width: 60em) { .detail-addlayout .icon-truck, .detail-addlayout .icon-genuine, .detail-addlayout .icon-genuine1, .detail-addlayout .icon-stamp, .detail-addlayout .icon-stamp1 { width: 25px; height: 25px; } } .detail-addlayout .icon-truck .-genuine, .detail-addlayout .icon-genuine .-genuine, .detail-addlayout .icon-genuine1 .-genuine, .detail-addlayout .icon-stamp .-genuine, .detail-addlayout .icon-stamp1 .-genuine { fill: #fff; } .detail-addlayout .icon-australia, .detail-addlayout .icon-nz { width: 37px; height: 34px; } @media only screen and (max-width: 60em) { .detail-addlayout .icon-australia, .detail-addlayout .icon-nz { width: 28px; height: 25px; } } .pagelayout_3 .detail-description { width: 100%; } .pagelayout_1 .detail-description, .pagelayout_2 .detail-description { padding-right: 30px; width: 33%; } @media only screen and (max-width: 60em) { .pagelayout_1 .detail-description, .pagelayout_2 .detail-description { display: block; padding-right: 16px; width: 100%; } } .pagelayout_1 .detail-addlayout, .pagelayout_2 .detail-addlayout { padding-left: 30px; } @media only screen and (max-width: 60em) { .pagelayout_1 .detail-addlayout, .pagelayout_2 .detail-addlayout { padding: 0 16px; } } .pagelayout_4 { margin-bottom: 30px; } .pagelayout_4 .detail-description { padding-right: 30px; padding-bottom: 0; width: 33%; border-right: 1px #e2e2e2 solid; } @media only screen and (max-width: 60em) { .pagelayout_4 .detail-description { display: block; width: 100%; } } .pagelayout_4 .detail-addlayout { padding-left: 30px; } @media only screen and (max-width: 60em) { .pagelayout_4 .detail-addlayout { padding: 0; } } .pagelayout_4 .detail-addlayout p, .pagelayout_4 .detail-addlayout ul { font-size: 13px; line-height: 1.5; } @media only screen and (max-width: 60em) { .product-access { padding-right: 0 !important; padding-left: 0 !important; } } .product-access .block-title h2 { margin: 40px 0; color: #3c3e43; font-weight: normal; font-size: 30px; } .addlayout-glances ul { display: table; margin: 0 0 10px; padding: 0; width: 100%; } .addlayout-glances ul li { display: table-cell; padding-left: 55px; width: 33%; vertical-align: top; text-align: left; } .addlayout-glances ul li:first-of-type { padding-left: 0; } .addlayout-glances ul li h3 { margin: 0; color: #3c3e43; text-transform: none; font-weight: bold; font-size: 12px; } .addlayout-glances ul li p { font-size: 12px; line-height: 16px; } .addlayout-glances .glance-img { overflow: hidden; margin-bottom: 15px; padding: 2px; width: 212px; height: 122px; background-color: #fff; -webkit-box-shadow: 0 0 3px 1px rgba(12, 13, 13, 0.13); -moz-box-shadow: 0 0 3px 1px rgba(12, 13, 13, 0.13); box-shadow: 0 0 3px 1px rgba(12, 13, 13, 0.13); } @media only screen and (max-width: 60em) { .addlayout-glances .glance-img { height: auto; } } .addlayout-glances .glance-img > .img { max-height: 100%; width: 100%; } .addlayout-glances .empty .glance-img { visibility: hidden; } .specific-wrapper { padding-bottom: 40px; } @media only screen and (max-width: 60em) { .specific-wrapper { padding: 0 16px; } .specific-wrapper .detail-subtitle { margin-right: 0; margin-left: 0; } .specific-wrapper .tab-block { padding: 0; } } .specific-wrapper .bundleCarousel .tabs-content { margin-bottom: 0; } .specific-wrapper .bundleCarousel .tabs-content .specific-wrapper { padding-bottom: 0; } .specific-title { position: relative; min-height: 20px; } @media only screen and (max-width: 60em) { .specific-title { margin: 0; } } .specific-title h3 { margin-bottom: 16px; color: #3c3e43; text-transform: capitalize; font-size: 20px; line-height: 20px; } .specific-toggle { position: absolute; top: 0; right: 0; display: inline-block; padding-right: 30px; border-bottom: none; color: #3c3e43; font-size: 15px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .specific-toggle em { display: none; font-style: normal; } .block_open .specific-toggle em { display: inline; } .specific-toggle em:before { position: absolute; top: 0; right: 0; color: #ca0000; content: ""; font-weight: 400; font-size: 20px; font-family: "icomoon"; line-height: 20px; } .specific-toggle span { display: inline; } .block_open .specific-toggle span { display: none; } .specific-toggle span:before { position: absolute; top: 0; right: 0; color: #ca0000; content: ""; font-weight: 400; font-size: 20px; font-family: "icomoon"; line-height: 20px; } .specific-toggle.toggle_all { position: absolute; top: -10px; left: 50%; margin-left: -62px; width: 124px; background-color: #f0f1f3; text-align: center; } .specific-toggle.toggle_all span:before, .specific-toggle.toggle_all em:before { right: 12px; } .specific-toggle.toggle_all.all_open em { display: inline-block; } .specific-toggle.toggle_all.all_open span { display: none; } .specific-toggle:hover { border-bottom: none; } .specific-content { display: none; } .block_open .specific-content { display: block; } .specific-content .data-table tr:nth-child(even) { background-color: #f0f1f3; } .specific-content .data-table tr:nth-child(even) td { border-left: #f0f1f3 1px solid; } .specific-content .data-table th, .specific-content .data-table td { padding: 8px 21px; border-bottom: none; font-size: 13px; line-height: 15px; } .specific-content .data-table th { font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .specific-content .data-table td { border-left: #e4e4e4 1px solid; color: inherit; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; } .specific-line { position: relative; border-top: #cfd0d3 1px solid; text-align: center; } .selected_shots { margin-top: 30px; } .selectedshots-carousel ul { display: table; margin: 0; padding: 0 50px; width: 100%; list-style: none; text-align: left; } .selectedshots-carousel ul li { display: table-cell; overflow: hidden; margin-bottom: 24px; padding: 12px 15px; width: 25%; vertical-align: middle; text-align: center; } .selectedshots-carousel .owl-dots { position: relative; z-index: 10; margin: 10px auto 16px; width: 600px; text-align: center; } .selectedshots-carousel .owl-dots .owl-dot { display: inline-block; margin: 0 5px; width: 16px; height: 16px; border: 1px #4c4e57 solid; border-radius: 50% 50%; } .selectedshots-carousel .owl-dots .owl-dot.active { background-color: #4c4e57; } #shotsModal { padding: 64px 67px; } #shotsModal .owl-next, #shotsModal .owl-prev { color: #3c3e43; } .detail-attach { overflow: hidden; padding-bottom: 20px; } @media only screen and (max-width: 60em) { .detail-attach { padding: 0 16px; } } .detail-attach h2 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: #e2e2e2 1px solid; color: #4c4e57; font-weight: normal; font-size: 25px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; line-height: 1.5em; } .detail-attach p, .detail-attach a { font-size: 13px; line-height: 22px; } .detail-attach h4 { margin-top: 10px; margin-bottom: 0; font-size: 25px; } .detail-attach ul { display: block; margin: 0; padding: 0; list-style: none; } .detail-attach li { text-align: left; } .detail-attach li div { margin-bottom: 30px; padding: 30px 0 0 125px; height: 151px; background-color: transparent; background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-download.svg); background-position: left center; background-repeat: no-repeat; } .detail-attach li div.ext_default { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-download.svg); background-position: 12px 50%; background-size: 70px; } .detail-attach li div.ext_link { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-download.svg); background-position: 12px 50%; background-size: 70px; } .detail-attach li div.ext_pdf { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-pdf.svg); background-position: 12px 50%; background-size: 100px; } .detail-attach li div.ext_doc, .detail-attach li div.ext_docx { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-download.svg); } .detail-attach li div.ext_xls, .detail-attach li div.ext_xlsx { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-download.svg); } .detail-attach li div.ext_jpg, .detail-attach li div.ext_png, .detail-attach li div.ext_gif { background-image: url(https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/svg/not-sprite/icon-download.svg); } @media only screen and (max-width: 60em) { .detail-attach li div[class^="ext_"] { padding-left: 110px; height: auto; background-size: 50px; } } .simple-feature { position: relative; margin-top: 50px; text-align: center; } .simple-feature a { border-bottom: none; } .simple-image.image_default { margin-top: 85px; } .single-modal-wrapper { position: relative; padding: 30px; text-align: center; } .single-modal-wrapper .close-reveal-modal { position: absolute; top: 0; right: 20px; display: block; border: none !important; } .single-modal-wrapper .close-reveal-modal:before { position: absolute; top: 0; left: 0; display: block; color: #4c4e57; content: ""; font-weight: 400; font-size: 20px; font-family: "icomoon"; line-height: 20px; } .stock-box { float: right; padding: 10px 0; } @media only screen and (max-width: 60em) { .stock-box { float: none; } } .view-section.section_grey { background-color: #f0f1f3; } .view-section.section_grey table { background-color: transparent; } .view-section.section_grey .specific-content .data-table tr:nth-child(even) { background-color: #fff; } .view-section.section_grey.section_white { background-color: #fff; } .view-section.section_grey.section_white .tab-block .tabs .tab-title a { background-color: #fff; } .row .view-section > .row { margin-right: 0; margin-left: 0; } .view-section .row { margin-right: auto; margin-left: auto; } @media only screen and (max-width: 60em) { #compatible .detail-subtitle { margin-right: 0; margin-left: 0; padding: 20px 16px 0; } #compatible .tab-block { padding: 0; } } .compatible-block { margin-bottom: 20px; } .compatible-block h2 { margin-bottom: 20px; padding: 10px 0; border-bottom: #e2e2e2 1px solid; color: #4b4e57; font-weight: normal; font-size: 25px; } .compatible-block p { margin: 0; color: #000; font-size: 13px; line-height: 22px; } .compatible-block table { border-bottom: none; background-color: transparent; } .compatible-block table tr td { border-bottom: none; } .compatible-block.block_support { margin-bottom: 0; background-color: #ccccca; } .compatible-block.block_support p { margin-top: 10px; font-size: 20px; } .compatible-block.block_support img { display: block; margin: 0 auto; max-width: 100%; } .compatible-block.block_awards ul { list-style: none; } .compatible-block.block_awards li { display: inline-block; padding: 10px; } .grouped-items-table { margin: 0; } .grouped-items-table tr td { padding-top: 7px; padding-bottom: 7px; border-bottom: 0; } .grouped-items-table .product-name { padding-right: 60px; text-align: left; font-size: 16px; line-height: 16px; } @media only screen and (max-width: 60em) { .grouped-items-table .product-name { padding-right: 16px; } } .grouped-items-table .product-desc { font-size: 12px; line-height: 15px; } @media only screen and (max-width: 60em) { .grouped-items-table .product-desc { min-width: 200px; } } .group-table-item { border-top: #e2e2e2 1px solid; } .sticky.fixed .group-table-item { display: none; } .group-table-item .opt-staff input + label { padding-left: 25px; font-size: 12px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 20px; } .group-table-item .opt-staff input + label:before { width: 18px; height: 18px; } .group-table-item .opt-staff input + label:after { top: 1px; width: 18px; } .group-table-item .qty-box-wrapper { width: 100%; } .group-table-item .qty-box-label { text-align: right; } .group-table-item .qty-box-label span { display: inline-block; padding-left: 15px; font-size: 17px; } .group-table-item .tier-prices { display: block; list-style: none; } .group-table-item .tier-price { white-space: nowrap; font-size: 12px; } .group-table-item .tier-price .benefit { color: #ca0000; text-transform: uppercase; font-style: normal; } .product-buy-btn .alert-stock.link-stock-alert { margin: 0; padding: 0; } .container_scroll { position: relative; margin: 0 auto; padding-right: 20px; max-width: 1200px; max-height: 300px; } .bundleCarousel .owl-next, .bundleCarousel .owl-prev { top: 33px; } .bundleCarousel .tabs-content { padding-top: 20px; background-color: #fff; } .bundleRow { margin: 0 !important; } .tab-block { min-height: 0; } .tabs-content .owl-stage { display: -ms-inline-flexbox; } .tabs-content .owl-stage:after { \margin-right: -3px; } .selectedshots-carousel .owl-item img { display: inline-block; width: auto; } .detailGallery .owl-stage { display: table; } .detailGallery .owl-item { display: table-cell; float: none; background-color: #fff; vertical-align: middle; text-align: center; } .detailGallery .owl-item .item { display: block; margin: 0 50px; } .detailGallery .owl-item .item img { display: block; max-width: 820px; width: 100%; height: auto; } .detailGallery > .owl-stage-outer._loader .owl-item.active .item:before { position: absolute; top: 50%; left: 50%; z-index: 100; display: block; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/loader.gif") no-repeat; content: ""; } .detailGallery > .owl-stage-outer._loader .owl-item.active .item img { z-index: 90; } .detailGallery > .owl-stage-outer .owl-item.active .item:before { display: none; } .product-essential { position: relative; } .breadcrumbs { position: absolute; z-index: 2; padding-right: 10px; max-width: 1160px; width: 100%; } .product-images-wrapper { margin-top: 0; } .custom-options .options-container-small select { width: 194px; } @media only screen and (max-width: 60em) { .custom-options .options-container-small select { width: 244px; } } .custom-options .options-container-small dl { overflow: hidden; margin-bottom: 0; max-width: 410px; font-size: 0; } .custom-options .options-container-small dd { display: inline-block; margin-right: 20px; } .custom-options .options-container-small dd:last-child { margin-right: 0; } @media only screen and (max-width: 60em) { .custom-options .options-container-small dd { display: block; margin: 0 0 10px; } .custom-options .options-container-small dd select { width: 244px; } .custom-options .options-container-small dd .validation-advice { position: static; } } .custom-options .options-container-small .validation-advice { position: absolute; } .custom-options .options-container-small label { font: 14px "Proxima Nova", Arial, Helvetica, sans-serif; } .custom-options .availability { float: right; } .options-container-small + .availability { width: 120px; text-align: center; } a.button:hover { border-bottom: none; } .btn-none + .product-compare-wishlist ul { display: table; margin-left: 14px; width: 100%; } .btn-none + .product-compare-wishlist ul li { display: table-cell; float: none; white-space: nowrap; } .has_options { float: right; width: 120px; text-align: center; } #BVRRContainer .bv-header .bv-action-bar .bv-write-review-container.bv-write-container { float: left !important; clear: both !important; margin: 10px 0 0 !important; } .toolbar { margin: 15px 0 20px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .toolbar { padding: 0 15px; } } @media only screen and (min-width: 75.0625em) and (max-width: 76.875em) { .toolbar { padding: 0 15px; } } @media only screen and (max-width: 60em) { .toolbar { position: relative; z-index: 3; } } .toolbar .tb-hide { display: block; } .toolbar .ds-hide { display: none; } @media only screen and (max-width: 60em) { .toolbar .tb-hide { display: none; } .toolbar .ds-hide { display: block; margin-left: 28px; } } .toolbar .column { padding: 0; } .toolbar .limiter, .toolbar .sort-by { margin-right: 10px; } @media only screen and (max-width: 60em) { .toolbar .limiter, .toolbar .sort-by { margin-right: 3px; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .toolbar .limiter, .toolbar .sort-by { margin-right: 3px; } } .toolbar .limiter select, .toolbar .sort-by select { width: 140px; font-size: 16px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .toolbar .limiter select, .toolbar .sort-by select { width: 130px; } } .toolbar .allveiw-box { margin: 8px 18px; } @media only screen and (max-width: 60em) { .toolbar .allveiw-box { margin: 8px 10px; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .toolbar .allveiw-box { margin: 6px; } } .toolbar .allveiw-box a { font-size: 14px; text-transform: uppercase; } .toolbar .allveiw-box a:after { top: -2px; font-size: 14px; } .toolbar .allveiw-box .viewall { color: #000; } .toolbar .view-mode { margin-bottom: 0; padding-top: 10px; } .toolbar .view-mode .grid, .toolbar .view-mode .list, .toolbar .view-mode .list-fix, .toolbar .view-mode .grid-fix { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 25px; height: 25px; position: relative; display: inline-block; font-size: 26px; margin-right: 10px; } @media only screen and (max-width: 60em) { .toolbar .view-mode .grid, .toolbar .view-mode .list, .toolbar .view-mode .list-fix, .toolbar .view-mode .grid-fix { font-size: 20px; border-bottom: none; width: 20px; margin-right: 7px; } } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .toolbar .view-mode .grid, .toolbar .view-mode .list, .toolbar .view-mode .list-fix, .toolbar .view-mode .grid-fix { font-size: 20px; border-bottom: none; width: 20px; margin-right: 2px; } } .toolbar .view-mode .list-fix, .toolbar .view-mode .grid-fix { margin-right: 20px; } .toolbar .view-mode strong.grid, .toolbar .view-mode strong.grid-fix { color: #ca0000; } .toolbar .view-mode strong.grid:before, .toolbar .view-mode strong.grid-fix:before { content: '\e65e'; position: absolute; } .toolbar .view-mode strong.list, .toolbar .view-mode strong.list-fix { color: #ca0000; } .toolbar .view-mode strong.list:before, .toolbar .view-mode strong.list-fix:before { content: '\e65f'; position: absolute; } .toolbar .view-mode a.grid, .toolbar .view-mode a.grid-fix { color: #3c3e43; } .toolbar .view-mode a.grid:before, .toolbar .view-mode a.grid-fix:before { content: '\e65e'; position: absolute; } .toolbar .view-mode a.list, .toolbar .view-mode a.list-fix { color: #3c3e43; } .toolbar .view-mode a.list:before, .toolbar .view-mode a.list-fix:before { content: '\e65f'; position: absolute; } .toolbar .sorter { padding-bottom: 10px; } .toolbar .btn-filter { margin: 0 15px 0 0; border: 1px solid #ca0000; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTg5N0I2NzZFQThFMTFFNEIzN0ZGMDlCNkQzRTcwMzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTg5N0I2NzdFQThFMTFFNEIzN0ZGMDlCNkQzRTcwMzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFODk3QjY3NEVBOEUxMUU0QjM3RkYwOUI2RDNFNzAzMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFODk3QjY3NUVBOEUxMUU0QjM3RkYwOUI2RDNFNzAzMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmhbIgsAAAD0SURBVHjaYvj//z/DKQYGfiA+CMSpID4xGKg2DaqHH8SHCR4D4v9QXE2EIdVI6o+CxBhBxGlGRjMGBoatQCzCAAH9QFxsCrYKAYDqGIFULxAXQoXeALE3UN0pRphaoCJNILUbiKWhihYBcRJQ0V+oPDOQmgfEcVD5p0DsCpS/DuIwIlsKVCwLNUwdKrQZiCOg7BVA7Atl34Qa8himlxHN9SDDRIHUNiA2gQodh9KWUPoMEHsBDXmNrA/DIKhhfEBqAxA7okntB+IAoCGf0PVgNQhqGBuQugLEqlCh20CsAzTkFzb1OA1CMuwClGuAyxAQAAgwALcnoqXQVXj3AAAAAElFTkSuQmCC) no-repeat; background-position: 94% 14px; cursor: pointer; } .toolbar .btn-filter span { display: block; position: relative; padding: 4px 0; text-align: center; font-size: 16px; color: #ca0000; border-bottom: 0; transition: background-color 300ms ease-out; white-space: nowrap; font-weight: bold; } .toolbar .btn-filter span:after { content: attr(data-show); } @media only screen and (max-width: 60em) { .toolbar .btn-filter span { text-align: center; } } @media only screen and (min-width: 961px) and (max-width: 1024px) { .toolbar .btn-filter span { font-size: 13px; } } .toolbar .btn-filter span.active { padding: 4px 0; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDFCQ0Y2RUZFQThGMTFFNDk4RjREOEY2Njk2MUFEMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDFCQ0Y2RjBFQThGMTFFNDk4RjREOEY2Njk2MUFEMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MUJDRjZFREVBOEYxMUU0OThGNEQ4RjY2OTYxQUQxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MUJDRjZFRUVBOEYxMUU0OThGNEQ4RjY2OTYxQUQxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp3mqqAAAADwSURBVHjarJRNDoJADIUBVyasWWBgAbeQO+jShC0Lf+6g59ENaNRg4tXU8Y12TJnMKEQm+QKdtg8o7bhCCOff5RpEPDADU7p/xYE7OIAdeDQypAgjAWewAkPNJ+0l+RPu40EpqMFIS9YJwYXiGyIeOIHgh4AioHiPi+RgwYLWINISI9pX9pzyPiIV8LWEKxNSdsxifMpriDiGJ8vEzCCg2HOR0vLtY/FemcVfdn2TyBBTtalJ3KUmOVVb2RtDDSLat/6dXvqEd2zYomNrU8dyITkbhWV2CvKn3PdtiidgQBMrrzdwBFt9it0+zpOnAAMAF0vLNOew3h0AAAAASUVORK5CYII=) no-repeat; background-color: #ca0000; background-position: 94% 10px; } .toolbar .btn-filter span.active:after { content: attr(data-hide); } @media only screen and (min-width: 961px) and (max-width: 1024px) { .toolbar .btn-filter { background-size: 13px; background-position: 96% 18px; } } .toolbar .sort-by .v-middle { display: none; } .toolbar-bottom .btn-filter { display: none; } .toolbar-bottom .productfinder-link { display: none; } .ClassyCountdown-wrapper { margin: 0 auto; max-width: 640px; width: 100%; } .ClassyCountdown-wrapper:after { display: table; clear: both; content: ""; } .ClassyCountdown-wrapper > div { position: relative; display: inline-block; float: left; margin: 0 5px; width: calc(25% - 10px); } .ClassyCountdown-wrapper canvas { vertical-align: top; } .ClassyCountdown-value { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; display: block; padding-bottom: 0.6em; width: 100%; color: #990d0d; text-align: center; text-transform: uppercase; line-height: 1; } .ClassyCountdown-value > span { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0.4em; } .countdown-banner { margin-top: 15px; margin-bottom: 15px; font-size: 100px; } @media only screen and (max-width: 75em) { .countdown-banner { font-size: 90px; } } @media only screen and (max-width: 60em) { .countdown-banner { font-size: 80px; } } .countdown-banner .breadcrumbs { margin: 40px 0 0 0 !important; padding-top: 0 !important; } .countdown-banner .title { overflow: hidden; margin: 0 0 4px; color: #3c3e43; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font: 400 0.62em/1.2 "Proxima Nova Light Cond", Arial, Helvetica, sans-serif; } @media only screen and (max-width: 60em) { .countdown-banner .title { font-size: 0.5em; } } .countdown-banner .event { text-align: center; text-transform: uppercase; } .countdown-banner .status { display: block; margin-top: 18px; margin-bottom: 20px; color: #990d0d; font-size: 0.25em; } .countdown-banner .desc { margin-top: 40px; font: 400 0.18em/1.2 "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .countdown-banner .image-wrapper { text-align: center; } .countdown-banner .image { max-height: 250px; } .ewave-catalogevent .category-title-image { display: none !important; } .products-grid .item { margin-right: 16px; padding: 0; } .products-grid .rentals-price .price { display: inline-block; line-height: 13px; } .products-grid + .row-banner { margin: 35px 0 -35px; } .products-grid.-afterbanner { min-height: 35px; } .products-list .rentals-price, .products-grid .rentals-price { min-height: 48px; } .category-products .products-grid .item { margin-top: 70px; } .category-products .products-grid .product-image { position: relative; display: inline-block; } .category-products .products-grid .product-image + img { width: 200px; } .category-products .products-list { font-size: 0; } .category-products .products-list .item { margin-left: 0; padding: 30px 0; width: 49%; border-top: 1px solid #e4e4e4; } @media only screen and (max-width: 60em) { .category-products .products-list .item { width: 98%; } .category-products .products-list .item:first-child { border-top: 0; } } .category-products .products-list .product-name { min-height: 40px; color: #3c3e43; text-transform: none; line-height: 22px; } @media only screen and (max-width: 60em) { .category-products .products-list .product-name { margin-top: 10px; min-height: 30px; } } .category-products .products-list .product-wrapper-image { text-align: center; } .category-products .products-list .product-image { position: relative; display: inline-block; border-bottom: 0; text-align: center; } .category-products .products-list .product-image + img { width: 200px; } .category-products .products-list .product-image .pic-label { max-width: 40%; } .category-products .products-list .key_features { margin-bottom: 14px; min-height: 30px; height: 100%; } .category-products .products-list .key_features ul { margin: 0; list-style: none; float: left; } .category-products .products-list .key_features ul li { display: inline-block; margin-bottom: 10px; padding: 0 5px; } .category-products .products-list .key_features img { height: 30px; } .category-products .products-list .actions-btn button { float: right; } @media only screen and (max-width: 76.875em) { .category-products .products-list.-events { padding: 0 15px; } } .category-products .products-list.-events > .item { padding: 20px 0; } .category-products .products-list.-events > .item:first-child { border-top: none; } .category-products .products-list.-events .product-wrapper-image { float: left; min-width: 180px; max-width: 224px; width: 40%; } .category-products .products-list.-events .product-shop { overflow: hidden; padding-left: 20px; } .category-products .products-list.-events .product-shop .col_stock { float: right; } .category-products .products-list.-events .product-shop .col_stock + .col_stock { margin-right: 15px; } .category-products .products-list.-events .product-name { display: table-cell; vertical-align: bottom; } .category-products .products-list.-events .product-name:after { display: none; } .category-products .products-list.-events .short-description { margin-top: 5px; min-height: 53px; height: auto; } .category-products .products-list.-events .item-home-avail { padding-bottom: 0; } .category-products .products-list.-events.-list > .item { width: 100%; } .category-products .products-list.-events.-grid > .item { width: calc(50% - 20px); } @media only screen and (max-width: 60em) { .category-products .products-list.-events.-grid > .item { width: 100%; } } .category-products .products-list.-events.-grid > .item:nth-child(even) { margin-left: 40px; } @media only screen and (max-width: 60em) { .category-products .products-list.-events.-grid > .item:nth-child(even) { margin-left: 0; } } .category-products .products-list.-events.-grid > .item:nth-child(2) { border-top: none; } .category-products .availability { font-size: 11px; } .category-products .availability span { font-weight: 400; } @media only screen and (max-width: 60em) { .products-list.-beforebanner .item.-switchable { display: none; } } .products-list.-afterbanner .item.-switchable { display: none; } @media only screen and (max-width: 60em) { .products-list.-afterbanner .item.-switchable { display: inline-block; } } .catalogsearch-result-index .products-list .wrapper-btn .column { padding-left: 0; } .catalogsearch-result-index .products-list .wrapper-btn .column.add-to-cart-btn { padding-right: 0; padding-left: 10px; } .catalog-category-view .category-image-block { text-align: center; } .catalog-category-view .category-image-block .title-image { margin-top: -100px; max-width: none; max-height: 100%; } @media only screen and (max-width: 60em) { .catalog-category-view .wrapper-filters { padding-left: 15px; } } .catalog-category-view .breadcrumbs { margin-left: 0; padding-top: 80px; padding-left: 0; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .catalog-category-view .breadcrumbs { margin-left: 30px; } } .catalog-category-view .category-title { padding-left: 0; min-height: 122px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .catalog-category-view .category-title { padding-left: 30px; } } .catalog-category-view .category-title h1 { color: #3c3e43; text-transform: uppercase; font-size: 46px; line-height: 46px; } @media only screen and (max-width: 60em) { .catalog-category-view .category-title h1 { font-size: 35px; line-height: 35px; } } .catalog-category-view .category-title-image { display: block; margin-top: -248px; height: 267px; background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/banner-product.jpg") center center no-repeat; background-size: 100% auto !important; } @media only screen and (max-width: 1910px) { .catalog-category-view .category-title-image { background-size: auto 100% !important; } } .catalog-category-view .category-title-image + .messages { margin-bottom: 0; } .catalog-category-view .category-all { padding: 0; } .catalog-category-view .category-all a { position: relative; display: block; padding: 4px 0 0; height: 132px; border-bottom: 0; background: #fff; color: #ca0000; text-align: center; } @media only screen and (max-width: 60em) { .catalog-category-view .category-all a { padding-top: 18px; height: 56px; } } .catalog-category-view .category-all a img { margin-bottom: 10px; padding-top: 10px; height: 84px; } @media only screen and (max-width: 60em) { .catalog-category-view .category-all a img { height: 18px; } } .catalog-category-view .category-all a:hover { color: #ca0000; } .catalog-category-view .category-all a:hover .icon-cameras { color: #ca0000; } .catalog-category-view .category-all .item-text { bottom: 0; left: 0; display: block; margin-bottom: 0; padding: 0 1px 10px; height: 32px; text-align: center; font-size: 12px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; line-height: 16px; } @media only screen and (max-width: 60em) { .catalog-category-view .category-all .item-text { display: inline-block; padding-top: 4px; padding-bottom: 0; vertical-align: middle; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-all .item-text { font-size: 13px; } } @media only screen and (max-width: 60em) { .catalog-category-view .category-all .sprite-icon-wrap { display: inline-block; overflow: hidden; margin: 0; height: 18px; } } .catalog-category-view .category-all .top_all .icon, .catalog-category-view .category-all .top_all .item-text { color: #4c4e57; } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-all .top_all .sprite-icon-wrap { display: none; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-all .top_all .item-text { margin-left: 0; } } .catalog-category-view .category-all .icon { margin: 13px 0 6px; width: 67px; height: 67px; color: #ca0000; } @media only screen and (max-width: 60em) { .catalog-category-view .category-all .icon { margin: 0; max-width: 30px; height: 18px; widows: 18px; } } .catalog-category-view .category-all .cat_gifts .icon { margin-left: 10px; } .catalog-category-view .category-box { background-color: #f0f1f2; } .catalog-category-view .category-box .cat-carousel { width: 72%; } .catalog-category-view .category-box .cat-carousel .icon-projector { width: 90px; } @media only screen and (max-width: 60em) { .catalog-category-view .category-box .cat-carousel .category-scroll { padding: 0 10px; } .catalog-category-view .category-box .cat-carousel .category-scroll .icon { position: static; } } @media only screen and (max-width: 60em) { .catalog-category-view .category-box .cat-carousel { width: 100%; } .catalog-category-view .category-box .cat-carousel .owl-item a { display: table; width: 100%; } } .catalog-category-view .category-box .category-scroll .owl-item .sprite-icon-wrap { top: 20%; right: 0; left: 0; margin: auto; width: 80px; height: 60px; text-align: center; } @media only screen and (max-width: 60em) { .catalog-category-view .category-box .category-scroll .owl-item .sprite-icon-wrap { position: static; display: block; float: left; margin-left: 0; width: auto; height: 20px; vertical-align: top; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-box .category-scroll .owl-item .sprite-icon-wrap { display: none; } } .catalog-category-view .category-box .tablet_product-finder { margin-top: 38px; margin-left: 30px; padding: 0; max-width: 285px; border: 1px solid #4b4e57; background-color: #4b4e57; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAhCAYAAADDAmudAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoFJREFUeNqs1ktIVUEYwPHjTdEsS0uTiigrhaA3EfSgLhH2WAhBCSVkIFJh0GsV1KY2QZsWUas2EbkoqIw2PciNRRS1UGhRQgkhZRQoWBZx+s/tGxqnmXOO594PfnDvnMd3ZuY7371BGIZBhFo8xhecQR0+4Q32x1yb4xosx3ncwiSsQKl1zjxJvhM9WDORBFdxEdOSPCEa0YtZcQkWoTnhTV3m4qA9ngn+Rjnu4keQPr7hEHabgzpBFnfQFXGDShxGI0odx0fRjKZxo0xjMmo8056Ne7iESpzCTRyNWCpVGPXmHpzEOc/JnbKuRY5jZ9HhGJ+JAWR0ggfIOk5cG7Op1XKjOsexl1iuE7ShxDpBLdl7a+wArmChVaINjgRbMUcnWO854bbxfX74LwaxTMbVg21xXK+SLtYJPns2d7PxfWU4PoYkiVqGh47rVVs5pt+DEmHGIGpQ5CnZanTjCPo8x4d0me7yVEkXWj0zMGOP49p1uvQD2YztjpMWoF/WOSrBsLUP07HXfA9UD/kgL5ydRNVylXTMqBg1kpzGBbvZXUZ7RM23hPGhkjRJedfaCdQyTJHqcSXIhsnip92RdbP7hQo8x6Y8OqqqxutoMZudaTXeOppf0hno+C3LGhRbT/AK9fL5Ee7jRoqZqJW5hrJc/XtCJWrDCHrwJEWi71EJzMimTPC0OChc7JMWo2NMLXk+CfrlhhvlewM6/zsr4T8Gu4p6pdJ2GGMfHb8riRMsMW70wihj1UreRTW+ifzv2YbjqLDGTxgJuvNJ4DND+pCOpa5WkU98tV7GjjSbHGeVMYMR839tpkDvwGs8k89TsaHQMwjkB0c9fZ/sS278jwADAEUr0RN2mcMaAAAAAElFTkSuQmCC); background-position: 12px 12px; background-repeat: no-repeat; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .catalog-category-view .category-box .tablet_product-finder { margin: 38px 15px 0; max-width: 225px; } } .catalog-category-view .category-box .finder-wrapper { margin-left: 53px; padding: 9px 9px 5px 0; background-color: #f0f1f3; text-align: center; } .catalog-category-view .category-box .finder-wrapper .finder-text { display: block; color: #4b4e57; font-size: 14px; line-height: 14px; } .catalog-category-view .category-box .finder-wrapper .finder-link { position: relative; border: none; color: #4b4e57; font-size: 18px; font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif; } .catalog-category-view .category-box .finder-wrapper .finder-link span { color: #ca0000; } .catalog-category-view .category-box .finder-wrapper .finder-link:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 2px; right: -25px; color: #ca0000; content: "\e618"; } .catalog-category-view .category-box .finder-wrapper .finder-link:hover { color: #ca0000; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .catalog-category-view .category-box .finder-wrapper { padding-right: 2px; padding-left: 3px; text-align: left; } .catalog-category-view .category-box .finder-wrapper .finder-text { font-size: 12px; } .catalog-category-view .category-box .finder-wrapper .finder-link { font-size: 13px; } } @media only screen and (max-width: 60em) { .catalog-category-view .category-box .tablet_product-finder { display: none; } } @media only screen and (min-width: 60.0625em) { .catalog-category-view .category-box .top-category { height: 132px; } .catalog-category-view .category-box .top-category.cat_gifts .sprite-icon-wrap { right: -8px; } } .catalog-category-view .category-box .category-all .top-category { float: left; width: 50%; } .catalog-category-view .category-box .category-all .top-category.top_all { border-right: #fff 1px solid; background-color: #f0f1f2; } .catalog-category-view .category-box .cat_single .top-category { float: none; width: 100%; } .catalog-category-view .category-box .cat_single .top-category .top_all .icon { color: #ca0000; } .catalog-category-view .category-box .category_all { width: 30%; } .catalog-category-view .category-box .category_all .sprite-icon-wrap .icon-enthusiast, .catalog-category-view .category-box .category_all .sprite-icon-wrap .icon-student, .catalog-category-view .category-box .category_all .sprite-icon-wrap .icon-professional { width: 110px; } @media only screen and (max-width: 60em) { .catalog-category-view .category-box .category_all .sprite-icon-wrap { float: left; } .catalog-category-view .category-box .category_all .item-text { display: block; margin-left: 30px; padding-top: 0; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-box .category_all .item-text { margin-left: 0; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-box .category_all .cat_gifts > .sprite-icon-wrap { display: none; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .category-box .category_all .cat_gifts > .item-text { margin-left: 0; } } .catalog-category-view .category-box .category_slider { width: 70%; } .catalog-category-view .category-box .category_slider .sprite-icon-wrap .icon-enthusiast, .catalog-category-view .category-box .category_slider .sprite-icon-wrap .icon-student, .catalog-category-view .category-box .category_slider .sprite-icon-wrap .icon-professional { width: 85px; } .catalog-category-view .carousel-category { margin: 0; padding: 0; background: #f0f1f2; } @media only screen and (max-width: 60em) { .catalog-category-view .carousel-category { padding-left: 10px; } } .catalog-category-view .carousel-category .item-text { font-size: 12px; } @media only screen and (max-width: 60em) { .catalog-category-view .carousel-category .item-text { position: static; float: left; margin-left: 10px; padding: 0; width: 65%; vertical-align: top; text-align: left; } } @media only screen and (max-width: 47.9375em) { .catalog-category-view .carousel-category .item-text { text-align: center; font-size: 13px; } } .catalog-category-view .carousel-category .owl-item { margin-right: 0; padding: 0 10px; border-right: 1px solid #fff; } .catalog-category-view .carousel-category .owl-item:first-child { border-left: 1px solid #fff; } .catalog-category-view .carousel-category .owl-item .icon-dv-cams, .catalog-category-view .carousel-category .owl-item .icon-pv-cams, .catalog-category-view .carousel-category .owl-item .icon-cinema-eos { width: 80px; height: 65px; } @media only screen and (max-width: 60em) { .catalog-category-view .carousel-category .owl-item .icon-dv-cams, .catalog-category-view .carousel-category .owl-item .icon-pv-cams, .catalog-category-view .carousel-category .owl-item .icon-cinema-eos { width: 20px; height: 20px; } } @media only screen and (min-width: 60.0625em) { .catalog-category-view .carousel-category .owl-item { height: 132px; } } .catalog-category-view .carousel-category .owl-nav > * { position: absolute; top: 0; margin: 0; width: 20px; height: 100%; background: #e8e8e8; } .catalog-category-view .carousel-category .owl-nav > *:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 14px; } .catalog-category-view .carousel-category .owl-prev { left: 0; border-right: 1px solid #fff; color: #3c3e43; } @media only screen and (min-width: 40em) and (max-width: 60em) { .catalog-category-view .carousel-category .owl-prev { left: -7px; } } .catalog-category-view .carousel-category .owl-next { right: -20px; color: #3c3e43; } .catalog-category-view .carousel-category .owl-next:before { left: 5px; } .catalog-category-view .arrows-present .carousel-category { padding-left: 20px; } .catalog-category-view .add-to-links li { margin-left: 0; } .catalog-category-view .products-grid.first, .catalog-category-view .products-list.first { border-top: 1px solid #e4e4e4; } .catalog-category-view .block-content + .primary-filters { display: none; } .catalog-category-view .block-content.hidden + .primary-filters { display: block; } @media only screen and (max-width: 60em) { .catalog-category-view .block-content.hidden + .primary-filters { position: relative; z-index: 2; padding-top: 65px; } } .filter-wrapper { margin: auto 45px 30px auto; padding-top: 15px; min-height: 185px; max-height: 185px; height: auto; } .filter-wrapper .filter-title { margin-bottom: 5px; } .filter-wrapper ol { margin: 0; list-style: none; } .filter-wrapper ol li { padding: 4px 0; width: 195px; } .filter-wrapper .wrapper-scroll { position: relative; padding-right: 10px; max-height: 140px; } .filter-wrapper .wrapper-scroll .ps-scrollbar-y-rail { background-color: #d4d4d4; opacity: 1; } .block-layered-nav { position: absolute; z-index: 1; margin-top: 57px; width: 100%; background: #fff; } @media only screen and (max-width: 60em) { .block-layered-nav { z-index: 1; } } .block-layered-nav .block-content { padding: 40px 20px; border-top: 4px solid #ca0000; border-bottom: 1px solid #ca0000; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .block-layered-nav .block-content { padding: 40px 15px; } } .block-layered-nav .block-content .sln-type-checkbox { margin: 0; list-style: none; } .block-layered-nav .block-content .sln-type-checkbox li { padding: 4px 0; } .block-layered-nav .block-content .sln-type-checkbox li a { display: inline-block; padding-left: 30px; border-bottom: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzVFQzcwODNFNzU3MTFFNEE3QTBBMEFBRDRFM0YzQjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzVFQzcwODRFNzU3MTFFNEE3QTBBMEFBRDRFM0YzQjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNUVDNzA4MUU3NTcxMUU0QTdBMEEwQUFENEUzRjNCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNUVDNzA4MkU3NTcxMUU0QTdBMEEwQUFENEUzRjNCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PseWbbMAAAAGUExUReLi4vv7+7Q/kZkAAAAWSURBVHjaYmDAAhjRwKgQfiEMABBgAKxWAQGFp40dAAAAAElFTkSuQmCC) no-repeat; color: #3c3e43; } .block-layered-nav .block-content .sln-type-checkbox li a.checked { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM1NzBCNEVFNzU3MTFFNDg4MUNDRjIxQzMwNkM1QjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM1NzBCNEZFNzU3MTFFNDg4MUNDRjIxQzMwNkM1QjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzU3MEI0Q0U3NTcxMUU0ODgxQ0NGMjFDMzA2QzVCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzU3MEI0REU3NTcxMUU0ODgxQ0NGMjFDMzA2QzVCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk+KdLMAAAB4UExURcwMDOqlpd1fX84TE/PQ0OiZmfr4+NEkJPr19fjt7dlMTNdFRfv5+dIrK9Y9PeaOjvTZ2eBvb+SFhffl5dtVVdAgINtWVs8XF/DBwdQ0NO66uu2xsffo6M0PD9EiIvny8vbh4dAdHeaPj/HIyPDExMwKCuLi4vv7+zmClVcAAABySURBVHjanI9HDoAwEANDDb333gz//yFBAkTCAQkfZ6X1mKyvkHUT8gtNqSogDeh4JBEg5FDNiOw8UdUCiX6+Vw1GCgWwjLNRIpm+zTlg95cEO8vLCHjm7XUUsZTNQ1U7iBtz9j5AB2FQRIOP2a/sAgwA8FYsKwCZeNkAAAAASUVORK5CYII=) no-repeat; } .block-layered-nav .block-content .wrapper-column { display: inline-block; margin-right: -60px; } .block-layered-nav .block-content .advanced-filter-wrapper { margin: 15px 0 25px; } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter { cursor: pointer; } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter span { position: relative; display: inline-block; margin-right: 5px; border-bottom: 1px solid #d9dada; text-transform: uppercase; font-size: 14px; line-height: 14px; } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter span:after { content: attr(data-show); } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter .icon-arrow { display: inline-block; width: 18px; height: 18px; color: #ca0000; font-size: 16px; } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter .icon-arrow:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61a"; } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter.active span:after { content: attr(data-hide); } .block-layered-nav .block-content .advanced-filter-wrapper .bth-advanced-filter.active .icon-arrow:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e619"; } .block-layered-nav .currently .actions { padding: 0; background: transparent; } .block-layered-nav .currently .actions a { margin-left: 5px; width: auto; height: auto; border-bottom: 1px solid #d9dada; background: transparent; color: #3c3e43; text-transform: uppercase; font-size: 15px; line-height: 14px; } .block-layered-nav .currently .actions .icon-reload { display: inline-block; width: 14px; height: 14px; } .block-layered-nav .currently .actions .icon-reload:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e665"; } .block-layered-nav .wrapper-close { position: relative; } .block-layered-nav .icon-close { position: absolute; top: -26px; right: 0; width: 70px; height: 15px; color: #ca0000; text-transform: uppercase; font-size: 14px; line-height: 14px; cursor: pointer; } .block-layered-nav .icon-close:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ca0000; content: "\e60b"; } .filter-clear { margin-top: -50px; text-align: right; } .filter-clear a { display: inline-block; margin-left: 10px; padding-top: 10px; width: auto; height: auto; border-bottom: 1px solid #d9dada; background: transparent; color: #3c3e43; text-transform: uppercase; font-size: 15px; line-height: 16px; } .filter-clear .icon-reload { display: inline-block; margin-top: 10px; width: 14px; height: 14px; content: "Proxima Nova", Arial, Helvetica, sans-serif; } .filter-clear .icon-reload:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e665"; } .block-viewed { margin: 0 auto; padding: 40px 0 25px; max-width: 1200px; border-top: 1px solid #e2e2e2; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .block-viewed { padding-right: 15px; padding-left: 15px; } } .block-viewed .block-title span { font-size: 20px; } .recently-viewed { margin: 0; list-style: none; } .recently-viewed .item { display: inline-block; padding: 0 18px; } .recently-viewed .item:first-child { padding-left: 0; } .recently-viewed .item .item-image .product-image { position: relative; display: inline-block; border-bottom: 0; } .recently-viewed .item .item-image .product-image .pic-label { max-width: 40%; } .recently-viewed .item .item-text { display: none; } .recently-viewed .item img { width: 75px; } @media only screen and (min-width: 60.0625em) and (max-width: 75em) { .pager_tb { width: 59.33333%; } .wrapper-filters { width: 40.66667%; } } @media only screen and (min-width: 961px) and (max-width: 995px) { .pager_tb { width: 62.33333%; } .wrapper-filters { width: 37.66667%; } .filters-breadcrumb { margin-top: 45px; } .filters-breadcrumb .currently-title { padding-left: 15px; } } .btn-filter { display: inline-block; float: none; width: 50%; } .catalog-category-view.student .category-title-image, .catalog-category-view.professional .category-title-image, .catalog-category-view.enthusiast .category-title-image { background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/white-ribbon.png") center center no-repeat; } .catalog-category-view.under-100 .category-title-image, .catalog-category-view.under-800 .category-title-image, .catalog-category-view.under-1200 .category-title-image, .catalog-category-view.color-ribbon .category-title-image, .catalog-category-view.under-250 .category-title-image, .catalog-category-view.under-500 .category-title-image, .catalog-category-view.under-2000 .category-title-image { background: url("https://shop.canon.co.nz/skin/frontend/enterprise-foundation/estore/images/color-ribbon.jpg") center center no-repeat; } .block_advanced .filter-wrapper { margin-bottom: 15px; min-height: 100px; max-height: 185px; height: auto; } .bazaarvoice-container .bv-rating-label.bv-text-link { display: none; }