/* Minification failed. Returning unminified contents. (1491,1): run-time error CSS1019: Unexpected token, found '''' */ /* Minification failed. Returning unminified contents. (1488,1): run-time error CSS1019: Unexpected token, found '''' */ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * 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; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * 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 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * 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 Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ 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. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */ .cc-cookies { position:fixed; width: 100%; left: 0; bottom: 0; padding: 0.5em 5%; background: black; background: rgba(15, 15, 15, 0.58); color: #fff; font-size: 13px; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; } .cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; } .cc-cookies a:hover { text-decoration: none; } .cc-overlay { height: 100%; padding-top: 25%; } .cc-cookies-error { float: left; width: 100%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; } .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; } .cc-cookies a.cc-cookie-reset { background: #f15b00; } .cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; } .cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; } .cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; } .cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; } @media screen and (max-width: 768px) { .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; } } @media screen and (max-width: 480px) { .cc-cookies { position: relative; float: left; } } .container { clear: both; margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; letter-spacing: -4px; } .container > * { letter-spacing: 0; } @media (min-width: 500px) { .container { width: 960px; } } .container-fluid { clear: both; margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; letter-spacing: -4px; /*min-width: 980px;*/ } @media (max-width: 700px) { .container-fluid { padding-left: 0; padding-right: 0; } } .container-fluid > * { letter-spacing: 0; } .container-fluid > .row { max-width: 960px; margin: auto; } .full-width { overflow: hidden; padding: 0; } .full-width > .row { width: auto; max-width: 100%; } .full-width > .row > div { padding-left: 0; padding-right: 0; } .full-width > .row > header{ padding: 0; } .lt-ie9 body > .header-area { position: relative; width: 980px; } body .row { margin-left: -5px; margin-right: -5px; letter-spacing: -5px; } .row > * { letter-spacing: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { display: inline-block; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 500px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { display: inline-block; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: 0%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: 0%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 700px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { display: inline-block; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: 0%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: 0%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { display: inline-block; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: 0%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: 0%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } '' /* HTML5 Boilerplate - What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */ .scfHiddenFieldBorder { display: none; visibility: hidden; } .scfHiddenFieldBox { display: none; } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; -webkit-text-shadow: none; text-shadow: none; } /* Remove text-shadow in selection highlight: h5bp.com/i. Customize the background color to match your design. */ ::selection { background: #b3d4fc; -webkit-text-shadow: none; text-shadow: none; } h1, h2, h3, h4, h5, h6, .category { font-family: "Myriad W08 light", arial, sans-serif; font-weight: 500; line-height: 1; } h1, h2 { letter-spacing: -1px; } h1:first-child, h2:first-child, h3:first-child { margin-top: 0; } /* -"- */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* better looking default horizontal rule */ audio, canvas, img, video { vertical-align: middle; } /*Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */ fieldset { border: 0; margin: 0; padding: 0; } /* Remove default fieldset styles. */ textarea { resize: vertical; } /* Allow only vertical resizing of textareas. */ /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== KAN's custom styles ========================================================================== */ /* FONTS USED font-family:"Myriad W08 Light", arial, sans-serif; font-family:"Myriad W08 Regular", arial, sans-serif; font-family:"Myriad W08 Semibold", arial, sans-serif; */ /* ========================================================================== Base ========================================================================== */ body { background: #fff; color: #000; font-family: "Myriad W08 Regular", arial, sans-serif; font-size: 16px; line-height: 1.19; -webkit-font-smoothing: antialiased; } .corners { -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; } .box-shadow-br { -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px rgba(0,0,0,0.4); } nav ul { margin: 0; padding: 0; } nav ul li { display: inline-block; list-style-type: none; margin: 0; padding: 0; } nav ul li a { color: #fff; text-decoration: none; } h1 { font-size: 39px; margin-bottom: 0.4em; } h2 { font-size: 30px; margin-bottom: 0.6em; } h3 { font-family: "Myriad W08 Semibold", arial, sans-serif; font-size: 16px; margin-bottom: 0; } h4 { font-size: 22px; margin-bottom: 0.6em; } p { margin-top: 0; } a { color: #0095d6; text-decoration: none; } ul, ol { padding: 0 0 0 20px; } blockquote { font-family: "Myriad W08 Light", arial, sans-serif; font-size: 22px; line-height: 28px; margin: 1em 40px 1em 0; } img { max-width: 100%; height: auto; } .info-text { color: #807f83; } .category { font-size: 22px; color: #807f83; } .category time { float: right; } h1, h2, h3, h4, h5, p, ul, ol, nav { text-rendering: optimizeLegibility; } /* equal-columns */ /*.equal-columns { overflow: hidden; } .equal-columns .col { margin-bottom: -10000px; padding-bottom: 10000px; }*/ /* ========================================================================== Layout ========================================================================== */ .page-header + .container-fluid, .page-header + script + .container-fluid { margin-top: 36px; } .page-header + .full-width, .page-header + .full-width-section, .page-header + .top-gradient { margin-top: 0; } .header-area { margin: 0 auto; overflow: hidden; position: relative; } @media only screen and (min-width:960px) { .header-area { width: 960px; } } .section { margin: 0 auto; max-width: 980px; position: relative; } .footer-area { margin: 0 auto; max-width: 980px; padding: 60px 0 200px 0; position: relative; } .row { clear: both; margin: 40px 0; } .col-md-8 + .col-md-4 { padding-left: 15px; } .text-content { margin-right: 80px; } @media only screen and (max-width: 960px) { table.layout th, table.layout td { width: auto; } } @media only screen and (max-width: 600px) { table.layout tr, table.layout th, table.layout td { display: block; } } /* ========================================================================== Modules ========================================================================== */ body > header { background: #e31937; min-height: 116px; position: relative; } body > footer { background: #e31937 url(../images/footer-floor.png) 50% 100% no-repeat; clear: both; /*margin-top: 40px;*/ position: relative; z-index: 1000; } .full-width-section + footer, .full-width + footer, .container-fluid[class*=color] + footer, .container-fluid[class*=color] + script + footer, .container-fluid[class*=color] + script + script + footer { margin-top: 0; } /* Logo */ .logo { position: relative; z-index: 100; } .logo img { display: block; height: 48px; position: absolute; margin-top: 32px; left: 10px; max-width: none; vertical-align: top; } /* Navigation */ .primary-navigation { display: block; padding-top: 42px; vertical-align: top; } .primary-navigation ul { display: block; margin: 0 0 0 auto; vertical-align: top; text-align: right; } .primary-navigation .primary-navigation-highlight { display: inline-block; margin-bottom: 15px; margin-left: 30%; position: relative; text-align: left; z-index: 100; white-space: nowrap; } .primary-navigation .primary-navigation-highlight li a { background: #fff; font-size: 22px; padding: 7px 17px; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; white-space: nowrap; } .primary-navigation .primary-navigation-highlight li.is-current a, .primary-navigation .primary-navigation-highlight li:hover a { background: #0096D7; color: #fff; } .primary-navigation .primary-navigation-highlight li#products-toggler.is-current a, .primary-navigation .primary-navigation-highlight li#products-toggler:hover a { background: #7bc043; color: #fff; } .primary-navigation-standard { letter-spacing: -0.31em; } .primary-navigation-standard li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABNCAQAAADJcxYoAAAAOElEQVR4XmPSYGJg+M8EJECAfIoVSLJSbAoXkOQiSiU7kGSnWAknkOSkUAnlTiJMsQFJNiiPbhQAq+gCTNunOHsAAAAASUVORK5CYII=) 0% 100% no-repeat; background-position: 0% 100%; -moz-background-size: 2px 100%; -o-background-size: 2px 100%; -webkit-background-size: 2px 100%; background-size: 2px 100%; display: block; left: -2px; letter-spacing: 0; padding: 7px 10px 7px 12px; position: relative; white-space: nowrap; } .primary-navigation-standard li:hover, .primary-navigation-standard li.is-current { background-color: #0096d7; } .primary-navigation-standard li:first-child a { background: none; } .primary-navigation-highlight li a { background: none; color: #000; } .secondary-navigation { background: #0096d7; letter-spacing: -0.31em; } .secondary-navigation li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABNCAQAAADJcxYoAAAAKElEQVR4XmPQcGFg+O8ydChDIGVIR0oeSMlTTAkCKUGiKHYgxT4oKAC26XB058/0LwAAAABJRU5ErkJggg==) 0% 0% no-repeat; background-position: 0% 100%; -moz-background-size: 2px 100%; -o-background-size: 2px 100%; -webkit-background-size: 2px 100%; background-size: 2px 100%; display: block; left: -1px; letter-spacing: 0; padding: 10px 8px; position: relative; white-space: nowrap; } .secondary-navigation li:hover, .secondary-navigation li.is-current { background-color: #8cd0f2; } .secondary-navigation li:first-child a { background: none; } .product-navigation { background: #fff; border-bottom: solid 1px #c2c2c2; display: none; overflow: hidden; } .product-navigation-main { float: left; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABNCAQAAADJcxYoAAAAOElEQVR4XmPSYGJg+M8EJECAfIoVSLJSbAoXkOQiSiU7kGSnWAknkOSkUAnlTiJMsQFJNiiPbhQAq+gCTNunOHsAAAAASUVORK5CYII=) 0% 100% no-repeat; background-position: 0% 100%; -moz-background-size: 2px 100%; -o-background-size: 2px 100%; -webkit-background-size: 2px 100%; background-size: 2px 100%; letter-spacing: -0.31em; } .product-navigation-main li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABNCAQAAADJcxYoAAAAOElEQVR4XmPSYGJg+M8EJECAfIoVSLJSbAoXkOQiSiU7kGSnWAknkOSkUAnlTiJMsQFJNiiPbhQAq+gCTNunOHsAAAAASUVORK5CYII=) 0% 100% no-repeat; background-position: 100% 100%; -moz-background-size: 2px 100%; -o-background-size: 2px 100%; -webkit-background-size: 2px 100%; background-size: 2px 100%; letter-spacing: 0; position: relative; white-space: nowrap; } .product-navigation-main li.is-current, .product-navigation-main li:hover { background-color: #c7df8d; } .product-navigation-main li.is-current a span, .product-navigation-main li:hover a span { background-position: 100% 50%; } .product-navigation-main li a { color: #000; display: block; padding-bottom: 10px; padding-top: 10px; text-align: center; } .product-navigation-main li a span { display: block; background-position: 0% 50%; background-repeat: no-repeat; background-size: 200% auto; margin: auto; width: 85%; } .product-navigation-main li:hover { background-color: #c7df8d; } .product-navigation-main li:hover a span { background-position: 100% 50%; } .product-navigation-extra-wrapper { } .product-navigation-extra { width: 20%; right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .no-csstransforms .product-navigation-extra { top: auto; bottom: 5px; } .product-navigation-extra li { display: block; } .product-navigation-extra li.is-current { background: #c7df8d; } .product-navigation-extra li.is-current a { color: #000; } .product-navigation-extra li a { color: #000; } .in-page-navigation { display: block; letter-spacing: -0.31em; margin-bottom: 33px; } .in-page-navigation li { background: #0096d7; margin-bottom: 10px; } .in-page-navigation li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABNCAQAAADJcxYoAAAAOElEQVR4XmPSYGJg+M8EJECAfIoVSLJSbAoXkOQiSiU7kGSnWAknkOSkUAnlTiJMsQFJNiiPbhQAq+gCTNunOHsAAAAASUVORK5CYII=) 0% 100% no-repeat; background-position: 0% 100%; -moz-background-size: 2px 100%; -o-background-size: 2px 100%; -webkit-background-size: 2px 100%; background-size: 2px 100%; display: block; left: -1px; letter-spacing: 0; min-width: 135px; padding: 4px 8px; position: relative; text-align: center; white-space: nowrap; } .in-page-navigation li:hover, .in-page-navigation li.is-current { background-color: #8cd0f2; } .in-page-navigation li:first-child a { background: none; } .tools { left: 0; right: 6px; text-align: right; top: -118px; margin-bottom: -66px; } .tools-navigation { font-size: 12px; margin: 8px 0 13px; } .tools-navigation > ul > li > a { padding: 2px 6px; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomright: 9px; border-top-left-radius: 9px; border-bottom-right-radius: 9px; } .tools-navigation > ul > li:hover > a, .tools-navigation > ul > li.is-open > a { background: #e8465e; } .tools .search .text { min-width: 100px; width: 160px; } .tools .search .button { background: url(../images/icon-magnifying-glass.png) 4px -33px no-repeat #fff; border: 0; display: inline-block; height: 31px; text-indent: -9999px; width: 31px; } .markets-header-area { margin: 0 auto; overflow: hidden; position: relative; display: none; width: 960px; } .markets-header-area.is-open { display: block; } .markets-navigation-header { font-size: 12px; margin-top: 3px; } .markets-toggler { position: relative; } .markets-navigation { background: #e8465e; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomright: 9px; border-top-left-radius: 9px; border-bottom-right-radius: 9px; display: inline-block; /* right: 90%; */ opacity: 1; overflow: hidden; padding: 0 6px 0 2px; position: relative; top: -3px; white-space: normal; -webkit-transition: all 250ms cubic-bezier(0,.6,.69,2.1); -webkit-transition: all 250ms cubic-bezier(0,.6,.69,2.1); -moz-transition: all 250ms cubic-bezier(0,.6,.69,2.1); -o-transition: all 250ms cubic-bezier(0,.6,.69,2.1); transition: all 250ms cubic-bezier(0,.6,.69,2.1); z-index: 0; max-width: 100%; overflow: visible; } .markets-navigation a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABNCAQAAADJcxYoAAAAOElEQVR4XmPSYGJg+M8EJECAfIoVSLJSbAoXkOQiSiU7kGSnWAknkOSkUAnlTiJMsQFJNiiPbhQAq+gCTNunOHsAAAAASUVORK5CYII=) 0% 100% no-repeat; -moz-background-size: 2px 100%; -o-background-size: 2px 100%; -webkit-background-size: 2px 100%; background-size: 2px 100%; display: inline-block; padding: 3px 2px 4px 6px; } .markets-navigation li:first-child a { background: none; } @media only screen and (max-width:600px) { .markets-header-area { width: 960px; } markets-navigation { display: none; } .markets-navigation-header { display: none; } } .markets-toggler.is-open .markets-navigation { opacity: 1; right: 105%; max-width: 900px; } .markets-toggler.is-open > a { opacity: 1; right: 105%; } /* Mobile visability .. */ @media only screen and (min-width:700px) { .mobile-only { display: none !important; } } /* Mobile navigation .. */ @media only screen and (min-width:700px) { .mobile-navigation { display: none !important; } } @media only screen and (max-width:700px) { .page-header > .product-navigation { display: none !important; } body > header { min-height: 50px; } /* logo */ .logo img { left: auto; margin: 0 auto; padding: 10px 0; position: relative; top: auto; } /* mobile-navigation */ .tools, .primary-navigation, .secondary-navigation, .product-navigation, .product-navigation-extra, .mobile-navigation { display: none; } .navigation-toggler { background: url(../images/navigation-toggler.png) center center no-repeat; display: block; height: 40px; left: 13px; position: absolute; top: 13px; width: 40px; z-index: 100; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .navigation-toggler { background-image: url(../images/navigation-toggler@2X.png); background-size: 30px 30px; } } .mobile-navigation { background: #d01732; border-top: 1px solid #fff; display: block; position: relative; width: 100%; z-index: 10; } .mobile-navigation ul { float: none; width: 100%; } .mobile-navigation ul li { background-image: none; display: block; left: auto; list-style-type: none; padding: 0; position: relative; width: auto; } .mobile-navigation ul a { background: #d01732; border-bottom: 1px solid #b60f28; color: #fff; display: block; font-family: "Myriad W08 Semibold", arial, sans-serif; font-size: 18px; left: auto; padding: 10px; position: relative; text-align: left; } .mobile-navigation ul li:hover, .mobile-navigation ul a:hover { background-color: none; } .mobile-navigation ul .is-current a { border-bottom: 1px solid #007eb5; } .mobile-navigation ul ul a { background: #0095d6; border-bottom: 1px solid #007eb5; font-family: "Myriad W08 Regular", arial, sans-serif; font-size: 14px; padding-left: 20px; } .mobile-navigation ul ul a:before { content: "-"; padding: 0 5px 0 0; } .mobile-navigation .has-children > ul { display: none; } .mobile-navigation .has-children.is-current > ul { display: block; } .products-toggler:after { color: #fff; content: "+"; font-size: 30px; position: absolute; text-align: center; top: 0; right: 10px; width: 20px; } .products-toggler.is-open:after { content: "-"; } .mobile-navigation ul.product-navigation-main a { background: #7bc043; border-color: #64a52f; } .product-navigation-main li { width: 50%; border-bottom: 1px solid #c2c2c2; } .mobile-navigation ul.product-navigation-main span { background: none !important; display: inline; padding: 0; width: auto; } .markets-toggler > ul { display: none; } .markets-toggler:after { color: #fff; content: "+"; font-size: 30px; position: absolute; text-align: center; top: 0; right: 10px; width: 20px; } .markets-toggler.is-open:after { content: "-"; } .markets-toggler a:hover + .markets-navigation { opacity: 1; right: auto; } .markets-navigation { background: #e8465e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; opacity: 1; position: relative; right: auto; top: auto; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } .mobile-navigation ul.markets-navigation a { background: #e8465e; border-color: #d73e55; } .mobile-navigation ul.markets-navigation { right: auto; max-width: none; } /* search */ .mobile-navigation .search { background: #b60f28; clear: both; padding: 10px 0; text-align: center; } .mobile-navigation .search .text { background: #fff; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0; padding: 6px 5px; width: 70%; } .mobile-navigation .search .button { background: #0095d6; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0; color: #fff; padding: 6px 10px; } } .mobile-navigation { display: none; } .back-button { margin-bottom: 30px; } .back-button a { background: #0096d7; color: #fff; padding: 4px 50px; } .back-button a:before { content: '‹ '; } /* Content Boxes */ .content-box { margin-bottom: 20px; } .content-box p { margin: 0; } .content-box .content-box-image { margin: 0 4% 5px 4%; } .content-box .content-box-text { margin: 0 4%; } .content-box.l-highlight { background: #e8f6fc; clear: both; padding: 25px 25px 25px 35px; margin-bottom: 20px; margin-left: -30px; } .content-box.l-highlight .content-box-image { margin-left: -10px; } .content-box.l-highlight .content-box-image img { width: 100%; } .content-box.l-horizontal { clear: both; margin-bottom: 12px; overflow: hidden; } .content-box.l-horizontal .content-box-image { clear: left; float: left; margin-bottom: 10px; margin-right: 10px; } /* Cart */ .cart-container .container-fluid.disclaimer { background-color: #0096d7; color: white; padding: 20px 0; } .cart-container .container-fluid.cart { padding: 20px 0; } .header-cart { background-color: #7bc143; color: #fff; border-top-left-radius: 15px; } .mobile-navigation .header-cart a { background-color: transparent; } .mobile-navigation .header-cart { border-top-left-radius: 0px; } .shptrn_product_option label, .shptrn_quantity label { width: 30%; display: block; float: left; } .shptrn_product_option, .shptrn_quantity { line-height: 30px; margin-bottom: 10px; display: block; float: left; width: 100%; background-color: #E31937; color: #fff; border: none; border-bottom-right-radius: 15px; border-top-left-radius: 15px; padding: 30px 15px; } .shptrn_product_option select, .shptrn_quantity input { width: 10%; float: left; padding: 2px; font-family: 'Myriad W08 Regular', arial, sans-serif; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #full_cart_div_id { margin-top: 20px; } .shptrn_atc_button button { padding: 0; float: right; background-color: #7bc143; color: #fff; border: none; border-bottom-right-radius: 15px; border-top-left-radius: 15px; line-height: 19px; padding: 8px 18px; margin-top: -7px; } #shptrn_cart_items_header label { display: block; float: left; font-weight: bold; } #shptrn_cart_items_header #shptrn_ch_item, .shptrn_ci_item { width: 60%; } #shptrn_cart_items_header #shptrn_ch_part_num, .shptrn_ci_part_num { width: 10%; } #shptrn_cart_items_header #shptrn_ch_item_qty, .shptrn_ci_qty { width: 20%; } #shptrn_cart_items_header #shptrn_ch_item_price, .shptrn_ci_price { width: 10%; } .shptrn_ci_image { width: 20%; } .shptrn_ci_details { width: 40%; } .shptrn_ci_qty input { width: 70%; } .shptrn_ci_qty { padding-right: 10px; } #shptrn_cart_items td { vertical-align: top; padding-bottom: 30px; } #shptrn_cart_items tr { padding-bottom: 20px; } .shptrn_ci_qty input, .shptrn_ci_qty button { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .shptrn_cart_price_row.total { text-align: right; } .shptrn_disclaimer_button button { padding: 0; float: left; background-color: #fff; color: #000; border: none; border-bottom-right-radius: 15px; border-top-left-radius: 15px; line-height: 19px; padding: 8px 18px; margin-top: 10px; } .shptrn_checkout_button button { padding: 0; float: right; background-color: #7bc143; color: #fff; border: none; border-bottom-right-radius: 15px; border-top-left-radius: 15px; line-height: 19px; padding: 8px 18px; margin-top: 10px; } .shptrn_ci_qty button { border: 0px none; background-color: #7bc143; padding: 4px 9px; font-size: 12px; color: #fff; margin-top: 5px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; width: 70%; float: left; } .shptrn_ci_details ul { padding: 0px; margin: 10px 0px 0px 0px; } .shptrn_ci_details li { list-style: none; padding: 0px; } @media (min-width: 1200px) { #shptrn_cart_items { width: 80%; } } @media (max-width: 767px) { #shptrn_cart_items_header label#shptrn_ch_part_num { display: none; } #shptrn_cart_items_header #shptrn_ch_item_qty, .shptrn_ci_qty { width: 30%; } td.shptrn_ci_part_num { display: none; } .shptrn_ci_qty button { width: 80%; } } /* Boxes */ .box { background-position: center center; background-repeat: no-repeat; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 20px; overflow: hidden; padding: 20px 20px 20px 20px; position: relative; vertical-align: top; } .box.l-tall { min-height: 370px; padding: 20px 20px 50px 20px; } .box.l-medium-tall { min-height: 280px; padding: 20px 20px 50px 20px; } .box.l-horizontal { padding: 0; } .box.l-horizontal img { margin: 0 0 0 20px; } .box.l-horizontal .box-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0 40px; } .box.l-horizontal .cta { padding: 0; position: static; text-align: left; } .box-content { padding-bottom: 30px; } .box h2:first-child { margin-top: 0; } .box .cta { position: absolute; bottom: 0; left: 20px; right: 20px; text-align: center; } .box .cta.l-left { text-align: left; } .box .cta a { font-family: "Myriad W08 Semibold", arial, sans-serif; min-width: 160px; text-decoration: none; } /* square-box */ .square-box { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* faq-box */ .faq-box nav { background: #0095d6; margin-left: -20px; padding: 0 20px; width: 100%; } .faq-box li { display: block; } .faq-box nav a { color: #fff; display: block; font-family: "Myriad W08 Semibold", arial, sans-serif; padding: 6px 0; position: relative; } .faq-box nav a:after { background: url(../images/horizontal-list-separator.png) 0 0 no-repeat; bottom: -2px; content: ""; height: 3px; left: -20px; position: absolute; width: 100%; z-index: 10; } .box-area .box { margin-right: 3px; margin-left: 3px; vertical-align: top; } @media only screen and (min-width: 500px) { .box-area .box { display: inline-block; width: 260px; } } .color-DarkGreen { background-color: #008a49; color: #fff; } .color-DarkGreen .cta a, .cta.color-DarkGreen a, .color-DarkGreen .new { background: #7bc043; color: #fff; } .color-Green { background-color: #7bc043; color: #fff; } .color-Green .cta a, .cta.color-Green a, .color-Green .new, .color-Green nav, .color-Green nav li a { background: #c7de8d; color: #000; } .color-LightGreen { background-color: #c7de8d; color: #000; } .color-LightGreen .cta a, .cta.color-LightGreen a, .color-LightGreen .new { background: #7bc143; color: #fff; } .color-MenuBlue { background-color: #0095d6; color: #fff; } .color-MenuBlue .cta a, .cta.color-MenuBlue a, .color-MenuBlue .new { background: #11b5e9; color: #fff; } .color-LightBlue { background-color: #8dd1f3; color: #000; } .color-LightBlue .cta a, .cta.color-LightBlue a, .color-LightBlue .new { background: #11b5e9; color: #000; } .color-Brown { background-color: #53301a; color: #fff; } .color-Brown .cta a, .cta.color-Brown a, .color-Brown .new { background: #948671; color: #fff; } .color-WarmGrey { background-color: #d8cebf; color: #000; } .color-WarmGrey .cta a, .cta.color-WarmGrey a, .color-WarmGrey .new { background: #948671; color: #fff; } .color-Orange { background-color: #f37021; color: #fff; } .color-Orange .cta a, .cta.color-Orange a, .color-Orange .new { background: #fab062; color: #fff; } .color-LightOrange { background-color: #fab062; color: #fff; } .color-LightOrange .cta a, .cta.color-LightOrange a, .color-LightOrange .new { background: #f37021; color: #fff; } .color-Red { background-color: #e31937; color: #fff; } .color-Red .cta a, .cta.color-Red a, .color-Red .new { background: #fff; color: #000; } /**/ .color-Red .new { background: #7bc143; color: #fff; } .color-Yellow { background-color: #ffe514; color: #000; } .color-Yellow .cta a, .cta.color-Yellow a { background: #fff696; color: #000; } .color-Yellow .new { background: #7bc143; color: #fff; } .color-LightYellow { background-color: #fff696; color: #000; } .color-LightYellow .cta a, .cta.color-LightYellow a, .color-LightYellow .new { background: #ffe514; color: #000; } .color-Purple { background-color: #782b90; color: #fff; } .color-Purple .cta a, .cta.color-Purple a, .color-Purple .new { background: #9e7fba; color: #fff; } .color-LightPurple { background-color: #9e7fba; color: #fff; } .color-LightPurple .cta a, .cta.color-LightPurple a, .color-LightPurple .new { background: #782b90; color: #fff; } .color-DarkBlue { background-color: #0a386b; color: #fff; } .color-DarkBlue .cta a, .cta.color-DarkBlue a, .color-DarkBlue .new { background: #4f89bd; color: #fff; } .color-Pink { background-color: #ec83b5; color: #000; } .color-Pink .cta a, .cta.color-Pink a, .color-Pink .new { background: #f8c6dc; color: #000; } .color-LightPink { background-color: #f8c5db; color: #000; } .color-LightPink .cta a, .cta.color-LightPink a, .color-LightPink .new { background: #ec83b5; color: #000; } .color-Black { background-color: #000; color: #fff; } .color-Black .cta a, .cta.color-Black a, .color-Black .new { background: #807f83; color: #fff; } /* Links */ .link { color: #fff; } .link a, .link span { color: #0095D6; cursor: pointer; display: inline-block; font-family: "Myriad W08 Semibold", arial, sans-serif; position: relative; text-decoration: none; padding-left: 0.5em; } .link a:before, .link span:before { content: "›"; display: inline-block; font-size: 16px; padding: 0 5px 0 0; position: absolute; left: 0; } .color-DarkGreen .link a { color: #fff; } .color-Green .link a { color: #fff; } .color-MenuBlue .link a { color: #fff; } .color-Brown .link a { color: #fff; } .color-WarmGrey .link a { color: #000; } .color-Orange .link a { color: #fff; } .color-Red .link a { color: #fff; } .color-LightBlue .link a { color: #000; } .color-LightGreen .link a { color: #000; } .color-Yellow .link a { color: #000; } .color-Black .link a { color: #fff; } .top-gradient { background-image: url(../images/top-gradient.png); background-repeat: repeat-x; } .white-text { color: #fff; } /* document link */ .link.document { margin: 0; } .link.document a { font-family: "Myriad W08 Regular", arial, sans-serif; padding-left: 1.2em; } .link.document a:before { background: url(../images/icon-document-link.png) 0 center no-repeat; content: ""; display: inline-block; padding: 9px 0; width: 15px; } /* .link-button-list */ .link-button-list { background: none; clear: both; font-size: 0; padding: 0; } .link-button-list li { background: #7bc143; display: inline-block; list-style-type: none; margin: 0 5px 5px 0; padding-left: 13px; padding-right: 13px; } .categories .link-button-list li { background: transparent; padding-left: 0; padding-right: 0; } .categories .link-button-list li a { padding-left: 13px; padding-right: 13px; } .link-button-list li.is-current { background: #c7de8d; } .link-button-list li.is-current a { color: #000; margin-right: 5px; } .link-button-list li.is-current div { display: inline-block; } .link-button-list li.is-current div a { font-size: 12px; text-decoration: underline; } .link-button-list a { color: #fff; display: inline-block; font-size: 16px; line-height: 35px; text-align: center; text-decoration: none; } .link-button-list.color-WarmGrey li a { background-color: #d8cebf; color: #000; } /* .image-link-list */ .image-link-list { font-size: 0; } .image-link-list li { margin: 0 3% 15px 0; width: 25%; } .image-link-list a { color: #000; display: block; font-family: "Myriad W08 Semibold", arial, sans-serif; font-size: 15px; } .image-link-list img { display: block; margin: 0 0 5px; max-width: 100%; } .image-link-list span:before { content: "›"; display: inline-block; font-size: 14px; font-weight: bold; padding: 0 5px 0 0; } /* Press Page */ .press-search { margin-bottom: 15px; } .press-search-form { float: right; min-width: 100px; text-align: right; white-space: nowrap; width: 60%; } .press-search-form .input-search { width: 76%; width: calc(100% - 48px); min-width: 0; } /* New splash */ .new { background: #7bc143; border-radius: 50%; color: #fff; font-size: 24px; height: 65px; line-height: 65px; position: absolute; right: 10px; text-align: center; text-transform: uppercase; top: -20px; width: 65px; } /* Image/Text List */ .image-text-list { } /* Pagination */ .pagination { clear: both; margin: 40px 0; text-align: center; } .pagination a { color: #0095d6; padding: 0 3px; text-decoration: none; } .pagination a.is-current { color: #000; } .pagination a.pagination-prev { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAjUlEQVR4Xq3MQQ2EQADAwDsRqCBBCS4wgRGE8UEEJmB51cA06Xd+rOOaxqvEzvEusScQYIEEC0RYIMICERaIsECEBSIsEGGBCAtEWCDCAhEWiLBAhAVCLHAe3xL8XkIJGArBUAiGQjAUgqEQDIVgKARDIRgKwVAIhkIwFIKhEAyFYCgEQwMdugWY/wHoF5os4p61EyTFAAAAAElFTkSuQmCC) 50% 50% no-repeat; display: inline-block; height: 40px; overflow: hidden; text-indent: -2000em; vertical-align: middle; width: 20px; } .pagination a.pagination-next { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAm0lEQVR4Xs3PMQ3DYBQD4VcQRVEpSMoiJEKkwLIEREi0/3aDx/NQS7d+kmc+13v1nNYWdqxO0A74Ba2BoEUQtAmCetCjgB5N0KMJehTQowl6FFCjCXo0QY8CajRBjyboUcAW2gTv1QvQYxuXaxigxzwIFqDDPAjmQTAFJuZBMA+CKTAxD4J5EEyBHgNMzINgGgxMgjtYB3zMP+8H1zm4yYbb2PMAAAAASUVORK5CYII=) 50% 50% no-repeat; display: inline-block; height: 40px; overflow: hidden; text-indent: -2000em; vertical-align: middle; width: 20px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .pagination a.pagination-prev { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5Nzk3MzQ3REMxNEIxMUUzQjEyQUFCQTAwNzQ3RUNDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5Nzk3MzQ3RUMxNEIxMUUzQjEyQUFCQTAwNzQ3RUNDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk3OTczNDdCQzE0QjExRTNCMTJBQUJBMDA3NDdFQ0NCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk3OTczNDdDQzE0QjExRTNCMTJBQUJBMDA3NDdFQ0NCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CQnhVAAAAWVJREFUeNrs20sOgkAMgGEwxLt4Ne8giXbO4NU8DupCg4o4jz7+hU0gLL8MmdBpSz9NU0eOTQeP4X7rzxeibZz2uxN1BcfbdaS+4ieOCHzB0YAfOBJwEUcBfsURgKu4aOBPXCQwCxcFzMZFAItw3sBinCewCucFrMZ5AJtw1sBmnCVQBWcFVMNZAFVx2kB1nCbQBKcFNMNpAE1xrUBzXAvQBVcLPHjhaoB33MkzgdyQcSXAEFwuMAyXAwzF/QKG49aACNw3IAa3BETh3oE43ByIxM2B2w4a8xVMZCAWubSLExmIQ659SRIZiEHmZDOJDAxHlmTUiQwMQ9ac6oQMfBzahQx0RbbWZoQMdEFq1QeFDDRFateohQw0QVr1SYQMVEVa9+qEDFRBevWLhQxsQnrPLAgZWIWMmpsRMrAIGT27JWRgFpIyPyhk4CqSNsMqZOAikjpH/UQOHTPGx0P//xuiMa4CDACbY1Qe6ZWkuwAAAABJRU5ErkJggg==) 50% 50% no-repeat; background-size: 100% 100%; } .pagination a.pagination-next { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAMAAABcUcfzAAAAElBMVEUAAAAAldYAldYAldYAldYAldakLwCTAAAABXRSTlMAfX6Cg3hVE/kAAACPSURBVHhejcqxDYMAAASxg+T3X5kaJIRdO+bO0HRO53RO53RO53RO53RO53RO53RO53RO53RO53RO53RO53RO53Tu1fGIOqdzOqdzOqdzOqdzOqdzOif+lb70pS996Utf+tKXvj6exF83+tKXvvSlL33pS1/60pe+9KUvfelLX/rSl770pS996Utf+qLn3AXnwBw0miKLJgAAAABJRU5ErkJggg==) 50% 50% no-repeat; background-size: 100% 100%; } } /* Product categories */ .product-category { position: relative; overflow: hidden; } .product-category h2 { clear: both; color: #fff; margin-bottom: 10px; padding: 20px 0; text-align: center; } .product-category h2 a { color: #fff; display: block; font-size: 16px; text-decoration: underline; } .product-category h2 + .row { margin-top: 0; } .product-category .cta { clear: both; text-align: center; } .product-category .new { font-size: 20px; height: 50px; line-height: 50px; width: 50px; } .age-badge { margin: 30px 0 0; max-width: 45%; position: relative; z-index: 2; } .age-image { margin: -20% 0 0 35%; max-width: 60%; position: relative; z-index: 1; } /* Product category carousel */ .product-category-carousel { padding-bottom: 20px; } .lt-ie9 .product-category-carousel { width: 750px; margin: auto; } .lt-ie9 .product-category-carousel { width: 750px; margin: auto; } @media only screen and (max-width: 750px) { .lt-ie9 .product-category-carousel { width: 100%; } } .product-category-carousel .swiper-slide { position: relative; max-width: 750px; } .product-category-carousel .swiper-slide img { max-width: 100%; } .product-category-carousel .carousel-slide-text h2 { margin-top: 0; } .product-category-carousel .carousel-slide-text .cta { margin-bottom: 0; } .product-category-carousel-arrows { margin: auto; position: relative; width: 750px; } .product-category-carousel-prev, .product-category-carousel-next { background-color: #fff; background-color: rgba(255,255,255,0.8); background-repeat: no-repeat; background-size: 100% 100%; bottom: 0; cursor: pointer; display: block; height: 450px; position: absolute; right: 100%; width: 2000px; z-index: 100; } .product-category-carousel-next { right: auto; left: 100%; } .product-category-carousel-arrows span:before { background-size: 100% 100%; content: ''; display: block; height: 145px; position: absolute; top: 50%; left: 32px; width: 73px; margin-top: -72px; } .lt-ie9 .product-category-carousel-arrows span:before { height: 145px; width: 73px; } span.product-category-carousel-next:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAACRAgMAAADycH0NAAAADFBMVEUAAAB7wEN7wEN7wEM1gOCSAAAAA3RSTlMAf4C/aSLHAAABA0lEQVR4Xm3RMREAMQgEwEiLtJcWCUihoITJC8heucUNc6y93gSsYAO7Gxawgg3sbljACjawu2EBK9jA7oYFrGADuxsWsIIN7G5YwAo2sLthASvYwO6GBaxgA7sbFrCCDexuWMAKNrC7YQEr2MDuhgWsYAO7Gxawgg3sbljACjawu2EBK9jA7oYFrGADuxsWsIIN7H6vNfoSdmC4uWEJOzBs2rCEHRh+3rCEHdh6rWEJO7D1WsMSdmDrtYYl7MDWaw1L2IGt1xqWsANbrzUsYQe2XmtYwg5svdawhB3Yeq1hCTuw9VrDEnZg67WGJezA1msNS9iBrdcalrADW28aljDUKT/YdzwcVd9qNwAAAABJRU5ErkJggg==); } span.product-category-carousel-prev:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAACRAgMAAADycH0NAAAADFBMVEV7wEN7wEP///97wENFiN0AAAAABHRSTlP/gAB/TBkXRgAAAPhJREFUeF5tzDFVBUAQwMBIQ9pJ2XLfQoEEpCHgT8op0n3092nffdoP7LewC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7uwC7u+YANb2MkebGALO9mDDWxhJ3uwgS3sZA82sIWd7MEGtrCTPdjAFnayBxvYwk72YANb2MkebGALO9mDDWxhJ3uwgS3sZA82sIWd7MEGtrCTPdjAFnayBxvYwk72YANb2MkebGALO9n7B5ceoyhVqXtDAAAAAElFTkSuQmCC); left: auto; right: 35px; } /* next 2 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJIAAAEiAgMAAABvqGPcAAAADFBMVEUAAAB7wEN7wEN7wEM1gOCSAAAAA3RSTlMAf4C/aSLHAAACKUlEQVR4Xo3OMWEDMBDAQEF7aIVoCAHhIcvHpXCab1CTdJJu0ia9IXVIXVJL6g2pQ+qSWlJvSB1Sl9SSekPqkLqkltQbUofUJbWk3pA6pC6pJfWG1CF1SS2pN6QOqUtqSb0hdUhdUkvqDalD6pJaUm9IHVKX1JJ6Q+qQuqSW1BtSh9QltaTekDqkLqkl9YbUIXVJLak3pA6pS2pJvSF1SF1SS+oNqUPqklpSb0gdUpfUknpD6pC6pJbUG1KH1CW1pN6QOqQuqSX1htQhdUktqTekDqlLakm9IXVIXVJL6g2pQ+qSWlJvSB1Sl9SSekPqkLqkltQbUofUJbWk3pA6pC6pJfWG1CF1SS2pN6QOqUtqSb0hdUhdUkvqDalD6pJaUm9IHVKX1JJ6Q+pP1C9RX1Kfoq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairWgr2oq2oq1oK9qKtqKtaCvairairX+Qosox2vm4NwAAAABJRU5ErkJggg==); prev2 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJIAAAEiAgMAAABvqGPcAAAADFBMVEV7wEP///97wEN7wEM0/WD9AAAAA3RSTlOAAH/b+bPzAAACN0lEQVR4Xo3KMYEDMAgAwJfwjiIhQwILIrBSR1ioo9TC3Xx/AT6y8iuraDWtkZVPVtFqWiMrn6yi1bRGVj5ZRatpjax8sopW0xpZ+WQVraY1svLJKlpNa2Tlk1W0mtbIyieraDWtkZVPVtFqWiMrn6yi1bRGVj5ZRatpjax8sopW0xpZ+WQVraY1svLJKlpNa2Tlk1W0mtbIyieraDWtkZVPVtFqWiMrn6yi1bRGVj5ZRatpjax8sopW0xpZ+WQVraY1svLJKlpNa2Tlk1W0mtbIyieraDWtkZVPVtFqWiMrn6yi1bRGVj5ZRatpjax8sopW0xpZ+WQVraY1svLJKlpNa2Tlk1W0mtbIyieraDWtkZVPVtFqWiMrn6yi1bRGVj5ZRatpDa1Fa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0opFa9M6tC6tWLQ2rUPr0or/H1B1mK5kJL7/AAAAAElFTkSuQmCC); */ @media only screen and (max-width: 980px) { .product-category-carousel-arrows .product-category-carousel-prev:before { right: -80px; } .product-category-carousel-arrows .product-category-carousel-next:before { left: -80px; } .product-category-carousel .carousel-slide-text { left: 15%; right: auto; } .product-category-carousel .carousel-slide-text.l-right { left: auto; right: 15%; } } @media only screen and (max-width: 766px) { .product-category-carousel-arrows { position: static; width: 100%; } .product-category-carousel-prev, .product-category-carousel-next { background: none; height: 100%; width: 10%; } .product-category-carousel-prev { left: 10px; right: auto; } .product-category-carousel-next { left: auto; right: 10px; } .product-category-carousel-arrows .product-category-carousel-prev:before { height: 35%; left: 0; margin-top: -100%; right: auto; width: 100%; } .product-category-carousel-arrows .product-category-carousel-next:before { height: 35%; left: auto; margin-top: -100%; right: 0; width: 100%; } .carousel-slide-text h1 { font-size: 26px !important; } } @media only screen and (max-width: 600px) { .carousel-slide-text { top: 10% !important; width: 45% !important; } .carousel-slide-text h1, .carousel-slide-text h2, .carousel-slide-text .cta { font-size: 16px !important; } } .carousel-slide-text { position: absolute; left: 7%; opacity: 0; padding: 20px; top: 20%; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; width: 190px; } .carousel-slide-text-page-editor { float: left; opacity: 1; padding: 20px; top: 20%; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; width: 190px; } .carousel-slide-text.l-right { left: auto; right: 7%; } .swiper-slide-active .carousel-slide-text { opacity: 1; } .swiper-slide-active .carousel-slide-text h1 { margin-top: 0; } .startpage-carousel .swiper-wrapper, .product-category-carousel .swiper-wrapper { height: 0; overflow: hidden; } .startpage-carousel .swiper-slide iframe, .product-category-carousel .swiper-slide iframe { width: 100%; height: 100%; } .startpage-carousel .swiper-slide img { max-width: 100%; } /* Startpage carousel */ .lt-ie9 .startpage-carousel { width: 980px; margin: auto; } .startpage-carousel .swiper-slide { position: relative; max-width: 980px; } .startpage-carousel-covers { margin: auto; position: relative; width: 980px; } .startpage-carousel-cover-left, .startpage-carousel-cover-right { background-color: #fff; background-color: rgba(255,255,255,0.8); background-repeat: no-repeat; background-size: 100% 100%; bottom: 0; display: block; height: 430px; position: absolute; right: 100%; width: 2000px; z-index: 100; } .startpage-carousel-cover-right { right: auto; left: 100%; } .startpage-carousel-pagination { float: right; height: 100px; margin: 0 0 0 24px; position: relative; text-align: right; width: 50%; z-index: 5000; } .startpage-carousel-pagination div { box-shadow: 2px 2px 2px #ddd; display: inline-block; height: 0; padding-bottom: 15%; margin: 2px; overflow: hidden; position: relative; text-align: center; width: 23%; width: calc(25% - 4px); max-height: 64px; max-width: 114px; } .startpage-carousel-pagination img { bottom: 0; display: block; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } .startpage-carousel-pagination div.is-current, .startpage-carousel-pagination div:hover { border: solid 2px #0a376a; margin: 0; } /* Startpage header */ .recall-alert { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAABCAIAAAAAZCoRAAAAHklEQVR4XmP89+8fAxL4//8/fi5BNqYUMpOgFvyCAJB8I9u27t5qAAAAAElFTkSuQmCC) 100% 0% repeat-y; bottom: 0; left: -2px; padding-top: 15px; position: absolute; top: 0; width: 125px; } .startpage-header h1 { margin: 40px 20px 40px 40px; } .startpage-header .recall-alert ~ h1 { margin-left: 130px; } @media only screen and (max-width: 600px) { .recall-alert { background: none; position: static; width: 100%; } .recall-alert img { float: left; margin-right: 10px; } .startpage-carousel-pagination { float: none; clear: both; height: auto; margin: 0; padding-top: 15px; width: 100%; } .startpage-header .recall-alert ~ h1 { margin: 10px 0 20px 0; } } .product-image { background: #fff; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; height: 130px; overflow: hidden; position: relative; text-align: center; } .product-image img { position: absolute; bottom: 0; left: 0; margin: auto; right: 0; top: 0; } .link-box { background-color: #008948; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; display: table; padding: 0 30px; } .link-box .link { display: table-cell; height: 130px; vertical-align: middle; } .related-products { background-color: #92c959; margin: 0 -37px 70px -37px; padding: 0 37px; overflow: hidden; } /* Product page */ .product-info-box { background: #f7f5f2; padding: 10px 0; margin-bottom: 12px; overflow: hidden; } .product-info-box h3 { text-align: center; margin: 0; } .product-info-box table { float: left; margin: 0 0.8% 12px 0.8%; width: 48.3%; } .product-info-box th, .product-info-box td { font-size: 14px; font-weight: normal; padding: 2px 10px; text-align: left; vertical-align: top; } .product-info-box tr:nth-child(2n+1) { background: #e7e1d8; } .product-info-box-content { margin-top: 12px; } .product-info-box .documents { letter-spacing: -0.31em; } .product-info-box .document { display: inline-block; letter-spacing: 0; margin: 0 3% 10px 3%; vertical-align: top; width: 27%; } .product-info-box .documents a { -ms-word-break: break-all; word-break: break-all; // Non standard for webkit word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .product-info-box .cta { margin: 0; text-align: center; clear: both; } .product-info-box .cta a { background-color: #e7e1d8; color: #000; font-size: 14px; min-width: 100px; text-align: center; } .product-info-box .cta a:before { content: "+ "; } .product-info-box .cta.expanded a:before { content: "- "; } .main-product-image { width: 100%; } .product-image-area { margin-bottom: 20px; text-align: center; } .product-image-area img { max-width: 100%; } .product-image-area .video-wrapper { padding-bottom: 57%; height: 0; position: relative; } .product-image-area .video-wrapper iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .product-nav-carousel { margin-bottom: 40px; padding: 0 25px; position: relative; width: 90%; width: calc(100% - 48px); } .product-nav-carousel .swiper-slide { white-space: nowrap; } .product-nav-carousel .swiper-slide span { cursor: pointer; display: block; width: 95%; padding-bottom: 52%; margin: 2px; position: relative; overflow: hidden; box-shadow: 2px 2px 2px #ddd; } .product-nav-carousel img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } .product-nav-carousel .is-current span, .product-nav-carousel .swiper-slide:hover span { border: solid 2px #7bc043; margin: 0; } .product-nav-carousel-prev, .product-nav-carousel-next { background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; display: block; height: 41px; left: 0px; margin-top: -20px; position: absolute; top: 50%; width: 21px; z-index: 100; } .product-nav-carousel-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAApCAMAAADtcZJyAAAAD1BMVEX////p5uHj4Nvg29WUhXCvCIKtAAAAV0lEQVR42o3TIRLAAAgDQQj3/zfX1LRzIsg1DBBmbqxQRhlllFEGgKj+GWWUUUYZZZRR/iqr+jLKKKPc6tbdtp4i9XZSbz31NVOnJHX6rk711d/in2X1AGGNBkMw/NV7AAAAAElFTkSuQmCC); left: auto; right: 0px; } .product-nav-carousel-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAApCAMAAADtcZJyAAAAD1BMVEX////p5uHj4Nvg29WUhXCvCIKtAAAAUUlEQVR4Xm3SMQqAQAADwVXz/zcL14mz5XSBhB7iiCOOuD9C752II4444ogjjjjiOl37RhxxxBGtixw5cmQvjhw5cuTIkSNH9vsiR44cOXLuBT0BBkMz9Yw0AAAAAElFTkSuQmCC); } /* next 2 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABSBAMAAADQnFvEAAAAFVBMVEX////p5uHi39jf2tSbjHmYiXaXhnIEA4EwAAAAvUlEQVR4Xo3VwRHDIAwFUSZpICVQAiVEKUFqwdB/Cbkwswf9w+f4Zg+2MWLo9VpK3yV1L6WnpO6l9JTUvZSelLqnUmL0xk2J0RsLJUaJUeKuxCgxSowSCyVGiVFilFjqM5WekPp80BajxCgx2mOUGCW+KmKUGIXjao9R4qstRuGv34b/DOG/W/jfLPy9CH+Pw/93fkPonkrT/9fTP0Ppn830z3z6syT9GZX+7Et/ppY/q8u/A8q/W8q/s/w1/viHOCrC74WxAAAAAElFTkSuQmCC); prev2 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABSBAMAAADQnFvEAAAAFVBMVEX////p5uHi39jf2tSbjHmYiXaWh3Ic2tpGAAAArklEQVR4Xo3VwQkCUQxF0fi1BAtQ0P2oOCX9bp0OFBsQbEAUV3fh0+tbhkMIIZAikvkqgXFItA/tkx4q0rdNtP03wLaHDm2XKVYpVilWKVYpVinWKdZosG2d6BKJne2FYoVijWKdYp1inWIzXfRkH9dA23NK1bqBsZVwK7DvwTHWMdYx9hfeJFuXO8Lut86CsYaxjrGOsY6xjrGOsY6PydZUMWOydfqGsY4H+1meF6vAtINtFNgpAAAAAElFTkSuQmCC); */ @media only screen and (min-width: 600px) { .col-sm-4 .product-main-content { display: block; } .col-sm-8 .product-main-content { display: none; } } @media only screen and (max-width: 600px) { .col-sm-4 .product-main-content { display: none; } .col-sm-8 .product-main-content { display: block; } } #hatch { background-color: #f7f6f4; margin-bottom: 16px; } #hatch h3 { padding-top: 10px; padding-left: 5px; margin-bottom: 10px; } #hatch .row { margin: 0; } #hatch .row .hatch-link { margin-bottom: 16px; } .product-details { color: #b5b7b9; margin-top: -1em; } .product-ctas .cta { display: inline-block; margin-right: 2%; vertical-align: top; width: 47%; } .product-ctas .cta a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .social-buttons, .age-info, .categories, .awards { margin-bottom: 30px; } .age-info-splash { background: url(/static/images/green-circle.png) no-repeat; color: #fff; height: 150px; float: right; font-family: "Myriad W08 Semibold", arial, sans-serif; font-size: 100px; line-height: 140px; margin: 0 0 10px 10px; text-align: center; width: 150px; } .age-info-splash span { font-size: 70px; line-height: 140px; vertical-align: bottom; } .age-info-splash.medium-font { font-size: 70px; } .age-info-splash.medium-font span { font-size: 50px; } .age-info-splash.small-font { font-size: 60px; } .age-info-splash.small-font span { font-size: 44px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .age-info-splash { background: url(../images/green-circle@2X.png) no-repeat; background-size: 100% 100%; } } .wide-carousel .swiper-slide { text-align: center; } .carousel-pagination { margin: 25px 0; text-align: center; } .carousel-pagination .swiper-pagination-switch { background: #fff; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; box-shadow: 1px 1px 2px #7e7e7e inset; cursor: pointer; display: inline-block; height: 16px; margin: 0 2px; width: 16px; } .carousel-pagination .swiper-active-switch { background: #0099cc; box-shadow: none; } /* Buttons */ .cta { background-color: transparent; } .cta a { background: #0096d7; color: #fff; display: inline-block; padding: 8px 18px; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; text-align: center; -webkit-transition: all 200ms cubic-bezier(0,.6,.69,2.1); /* older webkit */ -webkit-transition: all 200ms cubic-bezier(0,.6,.69,2.1); -moz-transition: all 200ms cubic-bezier(0,.6,.69,2.1); -o-transition: all 200ms cubic-bezier(0,.6,.69,2.1); transition: all 200ms cubic-bezier(0,.6,.69,2.1); /* custom */ } .cta a:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* Full width section (startpage) */ .full-width-section { background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; } .full-width-section .section { background-position: 50% 50%; background-repeat: no-repeat; height: 580px; position: relative; padding-top: 1px; } .section .text-area { margin: 100px 35px; position: relative; width: 43%; opacity: 1; } @media only screen and (max-width: 600px) { .section .text-area { opacity: 1 !important; } } .section.l-text-right .text-area { margin-left: 54%; } .section-image { height: 130%; left: 42%; top: -50px; position: absolute; max-width: none !important; } .section.l-text-right .section-image { left: auto; right: 42%; top: -50px; position: absolute; } .section.l-text-right .section-image + .text-area { margin-left: 64%; } .section-image + .text-area { margin-left: 0; width: 35%; } @media only screen and (max-width: 600px) { .section-image { max-width: 100% !important; height: auto; position: static; } .section.l-text-right .section-image { margin-top: -40% !important; position: static; } .section.l-text-right .section-image + .text-area { margin-left: 0; } .section-image + .text-area { width: 100%; } } .text-area .new { font-size: 24px; height: 65px; line-height: 65px; top: -60px; right: -10px; width: 65px; } .train-sketch-hand { position: absolute; bottom: 0; right: 0; margin: 0 !important; -webkit-transform-origin: 8px 315px; -moz-transform-origin: 8px 315px; -ms-transform-origin: 8px 315px; transform-origin: 8px 315px; opacity: 0; } .train-sketch-hand-shadow { position: absolute; bottom: 0; right: 0; margin: 0 !important; -webkit-transform-origin: 8px 315px; -moz-transform-origin: 8px 315px; -ms-transform-origin: 8px 315px; transform-origin: 8px 315px; opacity: 0; } @media only screen and (max-width:700px) { .full-width-section { background-position: 50% 0% !important; background-size: 120% auto; margin: 0; padding-top: 40%; width: 100%; } .full-width-section .section { height: auto; } .full-width-section .text-area { margin: 0 !important; width: 100%; } } /* Error page */ .error-page-box { padding: 50px 0 70px; } /* Modal Content */ .modal-content { background: #fff; height: auto; } .modal-content .content { padding: 15px; } .modal-content-item { display: none; } .modal-content-item.is-current { display: block; } /* Text */ img.fullwidth { display: block; margin-left: -23px; max-width: 105%; margin-bottom: 30px; } img[style*=left] { margin: 0 10px 10px 0; } img[style*=right] { margin: 0 0 10px 10px; } .image-text-left { float: left; margin: 0 10px 10px 0; } .image-text-right { float: right; margin: 0 0 10px 10px; } .image-text-left p, .image-text-right p { margin-top: 0.5em; color: #807f83; } /* Footer-items */ .footer-items { text-align: center; } .footer-item { background: url(../images/shadow-footer-item.png) center 100px no-repeat; display: inline-block; margin: 0 40px 40px 40px; text-align: left; vertical-align: top; width: 230px; } .footer-item .link a { font-family: "Myriad W08 Regular", arial, sans-serif; color: #fff; display: block; } .footer-item img { display: block; margin: 0 auto 10px; } .footer-nav li { display: block; } @media (max-width: 625px) { .footer-items { margin-bottom: 20px; } .footer-item { margin: 0 auto; } } .anim-element.train { position: absolute; left: -285px; bottom: 79px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .anim-element.train.skrollable-between, .anim-element.train.skrollable-after { bottom: 40px; left: -60px; } @media only screen and (max-width: 600px) { .anim-element.train { left: -45px; bottom: 30px; } } /* Store Locator */ .map-canvas { text-align: left; margin-bottom: 20px; } @media only screen and (max-width: 600px) { .map-canvas { height: 300px !important; } } .map-canvas img { max-width: none; } .map-info { min-width: 200px; } .link a:before { font-size: inherit; } /* Video player */ .video-player { padding-bottom: 57%; position: relative; width: 100%; margin-bottom: 20px; } .video-player iframe { position: absolute; bottom: 0; height: 100%; left: 0; right: 0; top: 0; width: 100%; } /* ========================================================================== Specific ========================================================================== */ /* ========================================================================== Modernizr ========================================================================== */ /* ========================================================================== Media queries Base Layout Modules specific Modernizr ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } /* Image replacement */ .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .clearfix:before, .clearfix:after { content: " "; display: table; } /* Clearfix: contain floats */ .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ .box-4, .box-8, .box-12 { background: #c0c0c0; height: 160px; margin-bottom: 10px; } .box-8 { height: 320px; } .box-12 { height: 480px; } @media only screen and (min-width: 500px) and (max-width: 700px) { /* Style adjustments for viewports that meet the condition */ aside { margin-top: 1em; } aside .box, .box-area .box { display: inline-block; margin-left: 5px; margin-right: 5px; width: calc(50% - 55px); } } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; -webkit-text-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) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; 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; } } /* Forms .. */ .forms { max-width: 320px; } /* sitecore css */ .scChromeDataHolder { display: block; } /* Form */ .scfForm { height: 100%; width: 100%; text-align: left; line-height: 1.4em; } /* Form Title*/ .scfTitleBorder { margin-top: 0px; margin-bottom: 0px; color: #000000; font-size: 1.8em; line-height: 1.1em; margin: 5px 0pt; text-decoration: none; font-weight: bold; } /* Validation */ .scfValidationSummary { margin-left: 20px; } .scfValidatorRequired, .scfRequired { margin: 0px 0px; position: absolute; right: -25px; } .scfValidator { margin: 0px; display: block; float: left; } /* Forms section*/ .scfSectionBorderAsFieldSet { padding: 0px; border: 0px; border-top: solid 2px; margin: 0px; } .scfSectionLegend { padding: 7px 13px 8px 13px; font-weight: bold; text-decoration: none; margin-left: 20px; } .scfSectionBorder { margin: 0px; padding: 0px; width: 100%; } .scfSectionContent { width: 95%; width: calc(100% - 25px); float: left; } .scfSectionUsefulInfo { width: 100%; vertical-align: top; display: inline; } /* Form fields */ /* Checkbox */ .scfCheckboxBorder { clear: left; text-align: left; display: block; margin: 5px 0px; width: 100%; } .scfCheckbox { width: 90%; display: block; padding: 0px 0px; margin: 0px; } .scfCheckbox input { margin-right: 5px; } .scfCheckboxUsefulInfo { font-size: 0.9em; display: block; width: 90%; padding: 0px 3px; } /* Label */ .scfLabel { width: 100%; display: block; } .scfListBox, .scfDropList, .select { margin: 0px; padding-right: 40px; -webkit-appearance: none !important; } .scfListBoxGeneralPanel, .scfDropListGeneralPanel { display: inline-block; } .scfMultipleLineTextBox { width: 100%; margin: 0px; } .scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDatePickerBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder { float: left; clear: left; text-align: left; display: block; margin: 0 0 10px; position: relative; width: 100%; vertical-align: top; } .scfEmailTextBox, .scfSingleLineTextBox, .scfPasswordTextBox, .scfNumberTextBox, .scfDatePickerTextBox, .scfDateTextBox, .scfRadioButtonList, .scfListBox, .scfCheckBoxList, .scfFileUpload, .scfCreditCardTextBox, .scfCreditCardType, .scfConfirmPasswordTextBox, .scfTelephoneTextBox, .scfSmsTelephoneTextBox { width: 100%; margin: 0px; } .form-row label, .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel { padding: 3px 0px; width: 100%; display: block; } .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel { padding: 0px 2px 0px 0px; width: 100%; display: block; float: left; } .scfDropListUsefulInfo, .scfEmailUsefulInfo, .scfMultipleLineTextUsefulInfo, .scfSingleLineTextUsefulInfo, .scfPasswordUsefulInfo, .scfNumberUsefulInfo, .scfDatePickerUsefulInfo, .scfDateUsefulInfo, .scfRadioButtonListUsefulInfo, .scfListBoxUsefulInfo, .scfCheckBoxListUsefulInfo, .scfFileUploadUsefulInfo, .scfDateSelectorUsefulInfo, .scfCreditCardTextUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfCaptchaUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo { padding-left: 3px; font-size: 0.9em; width: 100%; display: block; float: left; } .scfDateSelectorDay, .scfDateSelectorMonth, .scfDateSelectorYear { width: 33%; margin: 0 0.3% 0 0; } .scfDateSelectorLabel { margin-top: 7px; } .scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear { padding: 0px 0px 1px 0px; margin-right: 0.3%; display: block; float: left; font-size: 10px; line-height: 10px; width: 33%; } .scfCreditCardType { width: 100%; } .scfCaptchaLabelText { width: 180px; } .scfCaptcha img { border: 1px solid black; } .scfCaptchaTextBox { width: 100%; } .scfCaptchStrongTextPanel { width: 180px; display: block; float: left; } .scfCaptchaLimitGeneralPanel { width: 215px; } .scfCaptchaLimitGeneralPanel .scfRequired, .scfCaptchaLimitGeneralPanel .scfValidatorRequired { float: right; } .scfCaptchaGeneralPanel embed { position: absolute; z-index: -10; } .scfCaptchaGeneralPanel td br { margin-top: 3px; margin-bottom: 5px; } .scfCaptchaGeneralPanel td input { margin-left: 20px; } .scfCaptchaGeneralPanel table { margin-top: 30px; } .scfShortDate { clear: left; text-align: left; display: block; margin: 5px 0px; vertical-align: top; width: 60%; } .scfShortText { margin: 0px; float: right; width: 40%; } .scfShortDate .scfDateSelectorLabel { width: 50%; margin-top: 0px; } .scfShortDate .scfDateSelectorGeneralPanel { width: 46%; } .scfShortDate .scfDateSelectorDay, .scfShortDate .scfDateSelectorShortLabelDay, .scfShortDate .scfDateSelectorShortLabelMonth, .scfShortDate .scfDateSelectorShortLabelYear { display: none; } .scfShortDate .scfDateSelectorShortLabelMonth, .scfShortDate .scfDateSelectorShortLabelYear, .scfShortDate .scfDateSelectorMonth, .scfShortDate .scfDateSelectorYear { width: 49%; } .scfShortText .scfSingleLineTextLabel { width: 15%; } .scfShortText .scfSingleLineGeneralPanel { width: 60%; } .scfShortText .scfSingleLineTextUsefulInfo { } .scfShortText .scfSingleLineTextBox { width: 100%; margin: 0px; } .scWfmPassword { behavior: url(/sitecore%20modules/shell/Web%20Forms%20for%20Marketers/themes/autocomplete.htc?v=17072012); } .scfDatePickerGeneralPanel .ui-icon { float: right; position: relative; top: -20px; display: block; } .scfCheckBoxList td, .scfRadioButtonList td { padding: 2px 0; } .scfCheckBoxList input, .scfRadioButtonList input { margin-right: 5px; } .scfSubmitButtonBorder { text-align: right; } /* form elements */ .form-row { padding: 10px 0; } .scfForm input, .scfForm select, .scfForm textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* input-text / textareas */ .search .text, .scfEmailTextBox, .scfSingleLineTextBox, .scfPasswordTextBox, .scfNumberTextBox, .scfDatePickerTextBox, .scfDateTextBox, .scfListBox, .scfFileUpload, .scfCreditCardTextBox, .scfCreditCardType, .scfConfirmPasswordTextBox, .scfTelephoneTextBox, .scfSmsTelephoneTextBox, textarea, .input-text { background: #f2f2f2; border-top: 1px solid #aeaeae; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 1px solid #aeaeae; -moz-box-shadow: inset 2px 2px 3px #ddd; -webkit-box-shadow: inset 2px 2px 3px #ccc; min-width: 200px; box-shadow: inset 2px 2px 3px #ddd; outline: none; padding: 5px; resize: none; } .input-search { width: 90%; } .input-search { width: 90%; width: calc(100% - 48px); min-width: 0; } @media only screen and (max-width:600px) { .input-search { width: 84%; } } /* customSelect */ .customSelect { background: url(../images/select-icon.png) right center no-repeat #0095d7; color: #fff; display: inline-block; *display: inline; left: 0; padding: 6px 0; text-indent: 5px; top: 0; *zoom: 1; } .customSelectHover, .customSelectOpen { background-color: #0087c2; } /* submit button */ .scfSubmitButton, .submit-button { background: #0095d7; border: 0; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; color: #fff; display: inline-block; *display: inline; padding: 12px 25px; *zoom: 1; } /* search button */ .search-button { background: url(../images/icon-magnifying-glass.png) 4px 4px no-repeat #e31937; border: 0; display: inline-block; *display: inline; height: 31px; text-indent: -9999px; width: 31px; *zoom: 1; } .search-button:hover { background-color: #0095d7; } .select-boxes label { display: block; font-weight: bold; margin-bottom: 5px; } .select-box { display: inline-block; position: relative; margin-bottom: 10px; margin-right: 15px; } /* search-results */ .search-results a { color: #000; display: block; margin: 0 0 35px; padding: 0 20px 0 50px; } .search-results li { background-position: 0 0; background-repeat: no-repeat; } .search-results a span { display: block; } .search-results a .result-title { font-family: "Myriad W08 Semibold", arial, sans-serif; } .search-results a .result-url { color: #0495d8; } /* icon backgrounds */ .bg-icon-product { background-image: url(../images/icon-train.png); } .bg-icon-press { background-image: url(../images/icon-press.png); } .bg-icon-page { background-image: url(../images/icon-page.png); } /* Skrollable */ .is-mobile .skrollable { /*transition: all 0.5s;*/ } .fancybox-inner .content { width: 540px; } p#description { text-align: center; font-size: 24px; font-family: "Myriad W08 light", arial, sans-serif; } .product-category.color-LightGreen h2, .product-category.color-LightGreen h2 a { color: #000; } .grey-text { color: #a5a5a5; } .red-text { color: red; } .red-header { padding-bottom: 10px; font-size: 18px; line-height: 20px; color: #ed1c24; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { background: url('../images/icon-close.png') 0 0 no-repeat; position: absolute; top: -15px; right: -15px; width: 56px; height: 65px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ .fancybox-close { background-image: url('../images/icon-close@2X.png'); background-size: 56px 56px; } #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-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; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ }