/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change,without disabling * user zoom. */ html{font-family:sans-serif;/* 1 */  -ms-text-size-adjust:100%;/* 2 */  -webkit-text-size-adjust:100%;/* 2 */ } /** * Remove default margin. */ body{margin:0;} /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;} /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome,Firefox,and Opera. */ audio,canvas,progress,video{display:inline-block;/* 1 */  vertical-align:baseline;/* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]){display:none;height:0;} /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11,Safari,and Firefox < 22. */ [hidden],template{display:none;} /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a{background-color:transparent;} /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active,a:hover{outline:0;} /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11,Safari,and Chrome. */ abbr[title]{border-bottom:1px dotted;} /** * Address style set to `bolder` in Firefox 4+,Safari,and Chrome. */ b,strong{font-weight:700;} /** * Address styling not present in Safari and Chrome. */ dfn{font-style:italic;} /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+,Safari,and Chrome. */ h1{font-size:2em;margin:0.67em 0;} /** * Address styling not present in IE 8/9. */ mark{background:#ff0;color:#000;} /** * Address inconsistent and variable font size in all browsers. */ small{font-size:80%;} /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img{border:0;} /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root){overflow:hidden;} /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure{margin:1em 40px;} /** * Address differences between Firefox and other browsers. */ hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} /** * Contain overflow in all browsers. */ pre{overflow:auto;} /** * Address odd `em`-unit font size rendering in all browsers. */ code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;} /* Forms ========================================================================== */ /** * Known limitation:by default,Chrome and Safari on OS X allow very limited * styling of `select`,unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue:affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+,Safari,and Chrome. */ button,input,optgroup,select,textarea{color:inherit;/* 1 */  font:inherit;/* 2 */  margin:0;/* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button{overflow:visible;} /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox,IE 8/9/10/11,and Opera. * Correct `select` style inheritance in Firefox. */ button,select{text-transform:none;} /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;/* 2 */  cursor:pointer;/* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled],html input[disabled]{cursor:default;} /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input{line-height:normal;} /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing,padding,or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"],input[type="radio"]{box-sizing:border-box;/* 1 */  padding:0;/* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`,it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;} /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"]{-webkit-appearance:textfield;/* 1 */  -moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */  box-sizing:content-box;} /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} /** * Define consistent border,margin,and padding. */ fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend{border:0;/* 1 */  padding:0;/* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea{overflow:auto;} /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE:the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup{font-weight:bold;} /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table{border-collapse:collapse;border-spacing:0;} td,th{padding:0;}/* ------------------------ BASE ELEMENTS ------------------------ */ *,*:before,*:after{/* Apply a natural box layout model to all elements */  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} /*For IE 10 (desktop) to work in it's new "snap mode" you need to use this */ @-moz-viewport{width:device-width;zoom:1.0;} @-ms-viewport{width:device-width;zoom:1.0;} @-o-viewport{width:device-width;zoom:1.0;} @-webkit-viewport{width:device-width;zoom:1.0;} @viewport{width:device-width;zoom:1.0;} html,body{/* Set <html> and <body> to inherit the height of the viewport */  min-height:100%;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);} html{background:#fff;font-size:100%;overflow-y:scroll;-ms-touch-action:manipulation;touch-action:manipulation;} /* ------------------------ boxed layout ------------------------ */  .boxed,.boxed .stuck{border:solid #ebebeb;border-width:0 1px;margin:0 auto;max-width:1600px} /* ------------------------ set conditional content based on browser width for pairing CSS and JavaScript breakpoints ------------------------ */  body:after{content:'nano';display:none} @media screen and (min-width:480px){body:after{content:'x-small'}} @media screen and (min-width:640px){body:after{content:'small'}} @media screen and (min-width:768px){body:after{content:'medium'}} @media screen and (min-width:960px){body:after{content:'large'}} @media screen and (min-width:1170px){body:after{content:'x-large'}} /* ------------------------ global elements ------------------------ */ address,blockquote,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,menu,ol,p,pre,summary,table,ul{margin:0;margin-bottom:1rem;} ::-moz-selection{background:#b3d4fc;text-shadow:none;} ::selection{background:#b3d4fc;text-shadow:none;} ::selection:window-inactive{background:#dedede;} img::selection{background:transparent;} img::-moz-selection{background:transparent;} [disabled]{cursor:not-allowed;}/* ------------------------ =SCAFFOLDING ------------------------ */ .wrap{clear:both;display:block;margin:0 auto;position:relative;width:auto;max-width:1170px;zoom:1;} /* ------------------------ row structure ------------------------ */  .row{clear:both;display:block;margin:0 auto;position:relative;width:auto;zoom:1} /*.row .row{margin-right:-0.75rem;margin-left:-0.75rem}*/  .row .row.maintain-structure{margin-right:0.75rem;margin-left:0.75rem} .wrap:before,.wrap:after,.row:before,.row:after{content:" ";display:table} .wrap:after,.row:after{clear:both} /* ------------------------ column structure ------------------------ */  .column{float:left;padding-right:0.75rem;padding-left:0.75rem;position:relative;width:100%;min-height:1px} .column.centered{float:none;margin:0 auto;overflow:hidden} .column.no-padding{padding-right:0;padding-left:0} /* ------------------------ column widths [nano+] ------------------------ */  .row .whole,.row .two-halves,.row .three-thirds,.row .four-fourths,.row .five-fifths,.row .six-sixths,.row .eight-eights,.row .ten-tenths,.row .twelve-twelfths{width:100%} .row .half,.row .two-fourths,.row .three-sixths,.row .four-eights,.row .five-tenths,.row .six-twelfths{width:50%} .row .one-third,.row .two-sixths,.row .four-twelfths{width:33.3332%} .row .two-thirds,.row .four-sixths,.row .eight-twelfths{width:66.6665%} .row .one-fourth,.row .two-eighths,.row .three-twelfths{width:25%} .row .three-fourths,.row .six-eighths,.row .nine-twelfths{width:75%} .row .one-fifth,.row .two-tenths{width:20%} .row .two-fifths,.row .four-tenths{width:40%} .row .three-fifths,.row .six-tenths{width:60%} .row .four-fifths,.row .eight-tenths{width:80%} .row .one-sixth,.row .two-twelfths{width:16.6665%} .row .five-sixths,.row .ten-twelfths{width:83.3332%} .row .one-eighth{width:12.5%} .row .three-eighths{width:37.5%} .row .five-eighths{width:62.5%} .row .seven-eighths{width:87.5%} .row .one-tenth{width:10%} .row .three-tenths{width:30%} .row .seven-tenths{width:70%} .row .nine-tenths{width:90%} .row .one-twelfth{width:8.3332%} .row .five-twelfths{width:41.6665%} .row .seven-twelfths{width:58.332%} .row .eleven-twelfths{width:91.6665%} .row .golden-small{width:38.2716%} .row .golden-large{width:61.7283%} .row .width-auto{width:auto} /* ------------------------ column push ------------------------ */  .row .push-half,.row .push-two-fourths,.row .push-three-sixths,.row .push-four-eights,.row .push-five-tenths,.row .push-six-twelfths{left:50%} .row .push-one-third,.row .push-two-sixths,.row .push-four-twelfths{left:33.3332%} .row .push-two-thirds,.row .push-four-sixths,.row .push-eight-twelfths{left:66.6665%} .row .push-one-fourth,.row .push-two-eighths,.row .push-three-twelfths{left:25%} .row .push-three-fourths,.row .push-six-eighths,.row .push-nine-twelfths{left:75%} .row .push-one-fifth,.row .push-two-tenths{left:20%} .row .push-two-fifths,.row .push-four-tenths{left:40%} .row .push-three-fifths,.row .push-six-tenths{left:60%} .row .push-four-fifths,.row .push-eight-tenths{left:80%} .row .push-one-sixth,.row .push-two-twelfths{left:16.6665%} .row .push-five-sixths,.row .push-ten-twelfths{left:83.3332%} .row .push-one-eighth{left:12.5%} .row .push-three-eighths{left:37.5%} .row .push-five-eighths{left:62.5%} .row .push-seven-eighths{left:87.5%} .row .push-one-tenth{left:10%} .row .push-three-tenths{left:30%} .row .push-seven-tenths{left:70%} .row .push-nine-tenths{left:90%} .row .push-one-twelfth{left:8.3332%} .row .push-five-twelfths{left:41.6665%} .row .push-seven-twelfths{left:58.332%} .row .push-eleven-twelfths{left:91.6665%} .row .push-golden-small{left:38.2716%} .row .push-golden-large{left:61.7283%} .row .push-none{left:auto} /* ------------------------ column pull ------------------------ */  .row .pull-half,.row .pull-two-fourths,.row .pull-three-sixths,.row .pull-four-eights,.row .pull-five-tenths,.row .pull-six-twelfths{right:50%} .row .pull-one-third,.row .pull-two-sixths,.row .pull-four-twelfths{right:33.3332%} .row .pull-two-thirds,.row .pull-four-sixths,.row .pull-eight-twelfths{right:66.6665%} .row .pull-one-fourth,.row .pull-two-eighths,.row .pull-three-twelfths{right:25%} .row .pull-three-fourths,.row .pull-six-eighths,.row .pull-nine-twelfths{right:75%} .row .pull-one-fifth,.row .pull-two-tenths{right:20%} .row .pull-two-fifths,.row .pull-four-tenths{right:40%} .row .pull-three-fifths,.row .pull-six-tenths{right:60%} .row .pull-four-fifths,.row .pull-eight-tenths{right:80%} .row .pull-one-sixth,.row .pull-two-twelfths{right:16.6665%} .row .pull-five-sixths,.row .pull-ten-twelfths{right:83.3332%} .row .pull-one-eighth{right:12.5%} .row .pull-three-eighths{right:37.5%} .row .pull-five-eighths{right:62.5%} .row .pull-seven-eighths{right:87.5%} .row .pull-one-tenth{right:10%} .row .pull-three-tenths{right:30%} .row .pull-seven-tenths{right:70%} .row .pull-nine-tenths{right:90%} .row .pull-one-twelfth{right:8.3332%} .row .pull-five-twelfths{right:41.6665%} .row .pull-seven-twelfths{right:58.332%} .row .pull-eleven-twelfths{right:91.6665%} .row .pull-golden-small{right:38.2716%} .row .pull-golden-large{right:61.7283%} .row .pull-none{right:auto} /* ------------------------ column offset ------------------------ */  .row .offset-half,.row .offset-two-fourths,.row .offset-three-sixths,.row .offset-four-eights,.row .offset-five-tenths,.row .offset-six-twelfths{margin-left:50%} .row .offset-one-third,.row .offset-two-sixths,.row .offset-four-twelfths{margin-left:33.3332%} .row .offset-two-thirds,.row .offset-four-sixths,.row .offset-eight-twelfths{margin-left:66.6665%} .row .offset-one-fourth,.row .offset-two-eighths,.row .offset-three-twelfths{margin-left:25%} .row .offset-three-fourths,.row .offset-six-eighths,.row .offset-nine-twelfths{margin-left:75%} .row .offset-one-fifth,.row .offset-two-tenths{margin-left:20%} .row .offset-two-fifths,.row .offset-four-tenths{margin-left:40%} .row .offset-three-fifths,.row .offset-six-tenths{margin-left:60%} .row .offset-four-fifths,.row .offset-eight-tenths{margin-left:80%} .row .offset-one-sixth,.row .offset-two-twelfths{margin-left:16.6665%} .row .offset-five-sixths,.row .offset-ten-twelfths{margin-left:83.3332%} .row .offset-one-eighth{margin-left:12.5%} .row .offset-three-eighths{margin-left:37.5%} .row .offset-five-eighths{margin-left:62.5%} .row .offset-seven-eighths{margin-left:87.5%} .row .offset-one-tenth{margin-left:10%} .row .offset-three-tenths{margin-left:30%} .row .offset-seven-tenths{margin-left:70%} .row .offset-nine-tenths{margin-left:90%} .row .offset-one-twelfth{margin-left:8.3332%} .row .offset-five-twelfths{margin-left:41.6665%} .row .offset-seven-twelfths{margin-left:58.332%} .row .offset-eleven-twelfths{margin-left:91.6665%} .row .offset-golden-small{margin-left:38.2716%} .row .offset-golden-large{margin-left:61.7283%} .row .offest-none{margin-left:0} /* ------------------------ Mobile Landscape [480+] ------------------------ */ @media screen and (min-width:480px){.column.x-small-centered{float:none;margin:0 auto;overflow:hidden} /* ------------------------ column widths ------------------------ */  .row .x-small-whole,.row .x-small-two-halves,.row .x-small-three-thirds,.row .x-small-four-fourths,.row .x-small-five-fifths,.row .x-small-six-sixths,.row .x-small-eight-eights,.row .x-small-ten-tenths,.row .x-small-twelve-twelfths{width:100%} .row .x-small-half,.row .x-small-two-fourths,.row .x-small-three-sixths,.row .x-small-four-eights,.row .x-small-five-tenths,.row .x-small-six-twelfths{width:50%} .row .x-small-one-third,.row .x-small-two-sixths,.row .x-small-four-twelfths{width:33.3332%} .row .x-small-two-thirds,.row .x-small-four-sixths,.row .x-small-eight-twelfths{width:66.6665%} .row .x-small-one-fourth,.row .x-small-two-eighths,.row .x-small-three-twelfths{width:25%} .row .x-small-three-fourths,.row .x-small-six-eighths,.row .x-small-nine-twelfths{width:75%} .row .x-small-one-fifth,.row .x-small-two-tenths{width:20%} .row .x-small-two-fifths,.row .x-small-four-tenths{width:40%} .row .x-small-three-fifths,.row .x-small-six-tenths{width:60%} .row .x-small-four-fifths,.row .x-small-eight-tenths{width:80%} .row .x-small-one-sixth,.row .x-small-two-twelfths{width:16.6665%} .row .x-small-five-sixths,.row .x-small-ten-twelfths{width:83.3332%} .row .x-small-one-eighth{width:12.5%} .row .x-small-three-eighths{width:37.5%} .row .x-small-five-eighths{width:62.5%} .row .x-small-seven-eighths{width:87.5%} .row .x-small-one-tenth{width:10%} .row .x-small-three-tenths{width:30%} .row .x-small-seven-tenths{width:70%} .row .x-small-nine-tenths{width:90%} .row .x-small-one-twelfth{width:8.3332%} .row .x-small-five-twelfths{width:41.6665%} .row .x-small-seven-twelfths{width:58.332%} .row .x-small-eleven-twelfths{width:91.6665%} .row .x-small-golden-small{width:38.2716%} .row .x-small-golden-large{width:61.7283%} .row .x-small-width-auto{width:auto} /* ------------------------ column push ------------------------ */  .row .x-small-push-half,.row .x-small-push-two-fourths,.row .x-small-push-three-sixths,.row .x-small-push-four-eights,.row .x-small-push-five-tenths,.row .x-small-push-six-twelfths{left:50%} .row .x-small-push-one-third,.row .x-small-push-two-sixths,.row .x-small-push-four-twelfths{left:33.3332%} .row .x-small-push-two-thirds,.row .x-small-push-four-sixths,.row .x-small-push-eight-twelfths{left:66.6665%} .row .x-small-push-one-fourth,.row .x-small-push-two-eighths,.row .x-small-push-three-twelfths{left:25%} .row .x-small-push-three-fourths,.row .x-small-push-six-eighths,.row .x-small-push-nine-twelfths{left:75%} .row .x-small-push-one-fifth,.row .x-small-push-two-tenths{left:20%} .row .x-small-push-two-fifths,.row .x-small-push-four-tenths{left:40%} .row .x-small-push-three-fifths,.row .x-small-push-six-tenths{left:60%} .row .x-small-push-four-fifths,.row .x-small-push-eight-tenths{left:80%} .row .x-small-push-one-sixth,.row .x-small-push-two-twelfths{left:16.6665%} .row .x-small-push-five-sixths,.row .x-small-push-ten-twelfths{left:83.3332%} .row .x-small-push-one-eighth{left:12.5%} .row .x-small-push-three-eighths{left:37.5%} .row .x-small-push-five-eighths{left:62.5%} .row .x-small-push-seven-eighths{left:87.5%} .row .x-small-push-one-tenth{left:10%} .row .x-small-push-three-tenths{left:30%} .row .x-small-push-seven-tenths{left:70%} .row .x-small-push-nine-tenths{left:90%} .row .x-small-push-one-twelfth{left:8.3332%} .row .x-small-push-five-twelfths{left:41.6665%} .row .x-small-push-seven-twelfths{left:58.332%} .row .x-small-push-eleven-twelfths{left:91.6665%} .row .x-small-push-golden-small{left:38.2716%} .row .x-small-push-golden-large{left:61.7283%} .row .x-small-push-none{left:auto} /* ------------------------ column pull ------------------------ */  .row .x-small-pull-half,.row .x-small-pull-two-fourths,.row .x-small-pull-three-sixths,.row .x-small-pull-four-eights,.row .x-small-pull-five-tenths,.row .x-small-pull-six-twelfths{right:50%} .row .x-small-pull-one-third,.row .x-small-pull-two-sixths,.row .x-small-pull-four-twelfths{right:33.3332%} .row .x-small-pull-two-thirds,.row .x-small-pull-four-sixths,.row .x-small-pull-eight-twelfths{right:66.6665%} .row .x-small-pull-one-fourth,.row .x-small-pull-two-eighths,.row .x-small-pull-three-twelfths{right:25%} .row .x-small-pull-three-fourths,.row .x-small-pull-six-eighths,.row .x-small-pull-nine-twelfths{right:75%} .row .x-small-pull-one-fifth,.row .x-small-pull-two-tenths{right:20%} .row .x-small-pull-two-fifths,.row .x-small-pull-four-tenths{right:40%} .row .x-small-pull-three-fifths,.row .x-small-pull-six-tenths{right:60%} .row .x-small-pull-four-fifths,.row .x-small-pull-eight-tenths{right:80%} .row .x-small-pull-one-sixth,.row .x-small-pull-two-twelfths{right:16.6665%} .row .x-small-pull-five-sixths,.row .x-small-pull-ten-twelfths{right:83.3332%} .row .x-small-pull-one-eighth{right:12.5%} .row .x-small-pull-three-eighths{right:37.5%} .row .x-small-pull-five-eighths{right:62.5%} .row .x-small-pull-seven-eighths{right:87.5%} .row .x-small-pull-one-tenth{right:10%} .row .x-small-pull-three-tenths{right:30%} .row .x-small-pull-seven-tenths{right:70%} .row .x-small-pull-nine-tenths{right:90%} .row .x-small-pull-one-twelfth{right:8.3332%} .row .x-small-pull-five-twelfths{right:41.6665%} .row .x-small-pull-seven-twelfths{right:58.332%} .row .x-small-pull-eleven-twelfths{right:91.6665%} .row .x-small-pull-golden-small{right:38.2716%} .row .x-small-pull-golden-large{right:61.7283%} .row .x-small-pull-none{right:auto} /* ------------------------ column offset ------------------------ */  .row .x-small-offset-half,.row .x-small-offset-two-fourths,.row .x-small-offset-three-sixths,.row .x-small-offset-four-eights,.row .x-small-offset-five-tenths,.row .x-small-offset-six-twelfths{margin-left:50%} .row .x-small-offset-one-third,.row .x-small-offset-two-sixths,.row .x-small-offset-four-twelfths{margin-left:33.3332%} .row .x-small-offset-two-thirds,.row .x-small-offset-four-sixths,.row .x-small-offset-eight-twelfths{margin-left:66.6665%} .row .x-small-offset-one-fourth,.row .x-small-offset-two-eighths,.row .x-small-offset-three-twelfths{margin-left:25%} .row .x-small-offset-three-fourths,.row .x-small-offset-six-eighths,.row .x-small-offset-nine-twelfths{margin-left:75%} .row .x-small-offset-one-fifth,.row .x-small-offset-two-tenths{margin-left:20%} .row .x-small-offset-two-fifths,.row .x-small-offset-four-tenths{margin-left:40%} .row .x-small-offset-three-fifths,.row .x-small-offset-six-tenths{margin-left:60%} .row .x-small-offset-four-fifths,.row .x-small-offset-eight-tenths{margin-left:80%} .row .x-small-offset-one-sixth,.row .x-small-offset-two-twelfths{margin-left:16.6665%} .row .x-small-offset-five-sixths,.row .x-small-offset-ten-twelfths{margin-left:83.3332%} .row .x-small-offset-one-eighth{margin-left:12.5%} .row .x-small-offset-three-eighths{margin-left:37.5%} .row .x-small-offset-five-eighths{margin-left:62.5%} .row .x-small-offset-seven-eighths{margin-left:87.5%} .row .x-small-offset-one-tenth{margin-left:10%} .row .x-small-offset-three-tenths{margin-left:30%} .row .x-small-offset-seven-tenths{margin-left:70%} .row .x-small-offset-nine-tenths{margin-left:90%} .row .x-small-offset-one-twelfth{margin-left:8.3332%} .row .x-small-offset-five-twelfths{margin-left:41.6665%} .row .x-small-offset-seven-twelfths{margin-left:58.332%} .row .x-small-offset-eleven-twelfths{margin-left:91.6665%} .row .x-small-offset-golden-small{margin-left:38.2716%} .row .x-small-offset-golden-large{margin-left:61.7283%} .row .x-small-offset-none{margin-left:0}} /* ------------------------ Small Tablets [640+] ------------------------ */ @media screen and (min-width:640px){.column.small-centered{float:none;margin:0 auto;overflow:hidden} /* ------------------------ column widths ------------------------ */  .row .small-whole,.row .small-two-halves,.row .small-three-thirds,.row .small-four-fourths,.row .small-five-fifths,.row .small-six-sixths,.row .small-eight-eights,.row .small-ten-tenths,.row .small-twelve-twelfths{width:100%} .row .small-half,.row .small-two-fourths,.row .small-three-sixths,.row .small-four-eights,.row .small-five-tenths,.row .small-six-twelfths{width:50%} .row .small-one-third,.row .small-two-sixths,.row .small-four-twelfths{width:33.3332%} .row .small-two-thirds,.row .small-four-sixths,.row .small-eight-twelfths{width:66.6665%} .row .small-one-fourth,.row .small-two-eighths,.row .small-three-twelfths{width:25%} .row .small-three-fourths,.row .small-six-eighths,.row .small-nine-twelfths{width:75%} .row .small-one-fifth,.row .small-two-tenths{width:20%} .row .small-two-fifths,.row .small-four-tenths{width:40%} .row .small-three-fifths,.row .small-six-tenths{width:60%} .row .small-four-fifths,.row .small-eight-tenths{width:80%} .row .small-one-sixth,.row .small-two-twelfths{width:16.6665%} .row .small-five-sixths,.row .small-ten-twelfths{width:83.3332%} .row .small-one-eighth{width:12.5%} .row .small-three-eighths{width:37.5%} .row .small-five-eighths{width:62.5%} .row .small-seven-eighths{width:87.5%} .row .small-one-tenth{width:10%} .row .small-three-tenths{width:30%} .row .small-seven-tenths{width:70%} .row .small-nine-tenths{width:90%} .row .small-one-twelfth{width:8.3332%} .row .small-five-twelfths{width:41.6665%} .row .small-seven-twelfths{width:58.332%} .row .small-eleven-twelfths{width:91.6665%} .row .small-golden-small{width:38.2716%} .row .small-golden-large{width:61.7283%} .row .small-width-auto{width:auto} /* ------------------------ column push ------------------------ */  .row .small-push-half,.row .small-push-two-fourths,.row .small-push-three-sixths,.row .small-push-four-eights,.row .small-push-five-tenths,.row .small-push-six-twelfths{left:50%} .row .small-push-one-third,.row .small-push-two-sixths,.row .small-push-four-twelfths{left:33.3332%} .row .small-push-two-thirds,.row .small-push-four-sixths,.row .small-push-eight-twelfths{left:66.6665%} .row .small-push-one-fourth,.row .small-push-two-eighths,.row .small-push-three-twelfths{left:25%} .row .small-push-three-fourths,.row .small-push-six-eighths,.row .small-push-nine-twelfths{left:75%} .row .small-push-one-fifth,.row .small-push-two-tenths{left:20%} .row .small-push-two-fifths,.row .small-push-four-tenths{left:40%} .row .small-push-three-fifths,.row .small-push-six-tenths{left:60%} .row .small-push-four-fifths,.row .small-push-eight-tenths{left:80%} .row .small-push-one-sixth,.row .small-push-two-twelfths{left:16.6665%} .row .small-push-five-sixths,.row .small-push-ten-twelfths{left:83.3332%} .row .small-push-one-eighth{left:12.5%} .row .small-push-three-eighths{left:37.5%} .row .small-push-five-eighths{left:62.5%} .row .small-push-seven-eighths{left:87.5%} .row .small-push-one-tenth{left:10%} .row .small-push-three-tenths{left:30%} .row .small-push-seven-tenths{left:70%} .row .small-push-nine-tenths{left:90%} .row .small-push-one-twelfth{left:8.3332%} .row .small-push-five-twelfths{left:41.6665%} .row .small-push-seven-twelfths{left:58.332%} .row .small-push-eleven-twelfths{left:91.6665%} .row .small-push-golden-small{left:38.2716%} .row .small-push-golden-large{left:61.7283%} .row .small-push-none{left:auto} /* ------------------------ column pull ------------------------ */  .row .small-pull-half,.row .small-pull-two-fourths,.row .small-pull-three-sixths,.row .small-pull-four-eights,.row .small-pull-five-tenths,.row .small-pull-six-twelfths{right:50%} .row .small-pull-one-third,.row .small-pull-two-sixths,.row .small-pull-four-twelfths{right:33.3332%} .row .small-pull-two-thirds,.row .small-pull-four-sixths,.row .small-pull-eight-twelfths{right:66.6665%} .row .small-pull-one-fourth,.row .small-pull-two-eighths,.row .small-pull-three-twelfths{right:25%} .row .small-pull-three-fourths,.row .small-pull-six-eighths,.row .small-pull-nine-twelfths{right:75%} .row .small-pull-one-fifth,.row .small-pull-two-tenths{right:20%} .row .small-pull-two-fifths,.row .small-pull-four-tenths{right:40%} .row .small-pull-three-fifths,.row .small-pull-six-tenths{right:60%} .row .small-pull-four-fifths,.row .small-pull-eight-tenths{right:80%} .row .small-pull-one-sixth,.row .small-pull-two-twelfths{right:16.6665%} .row .small-pull-five-sixths,.row .small-pull-ten-twelfths{right:83.3332%} .row .small-pull-one-eighth{right:12.5%} .row .small-pull-three-eighths{right:37.5%} .row .small-pull-five-eighths{right:62.5%} .row .small-pull-seven-eighths{right:87.5%} .row .small-pull-one-tenth{right:10%} .row .small-pull-three-tenths{right:30%} .row .small-pull-seven-tenths{right:70%} .row .small-pull-nine-tenths{right:90%} .row .small-pull-one-twelfth{right:8.3332%} .row .small-pull-five-twelfths{right:41.6665%} .row .small-pull-seven-twelfths{right:58.332%} .row .small-pull-eleven-twelfths{right:91.6665%} .row .small-pull-golden-small{right:38.2716%} .row .small-pull-golden-large{right:61.7283%} .row .small-pull-none{right:auto} /* ------------------------ column offset ------------------------ */  .row .small-offset-half,.row .small-offset-two-fourths,.row .small-offset-three-sixths,.row .small-offset-four-eights,.row .small-offset-five-tenths,.row .small-offset-six-twelfths{margin-left:50%} .row .small-offset-one-third,.row .small-offset-two-sixths,.row .small-offset-four-twelfths{margin-left:33.3332%} .row .small-offset-two-thirds,.row .small-offset-four-sixths,.row .small-offset-eight-twelfths{margin-left:66.6665%} .row .small-offset-one-fourth,.row .small-offset-two-eighths,.row .small-offset-three-twelfths{margin-left:25%} .row .small-offset-three-fourths,.row .small-offset-six-eighths,.row .small-offset-nine-twelfths{margin-left:75%} .row .small-offset-one-fifth,.row .small-offset-two-tenths{margin-left:20%} .row .small-offset-two-fifths,.row .small-offset-four-tenths{margin-left:40%} .row .small-offset-three-fifths,.row .small-offset-six-tenths{margin-left:60%} .row .small-offset-four-fifths,.row .small-offset-eight-tenths{margin-left:80%} .row .small-offset-one-sixth,.row .small-offset-two-twelfths{margin-left:16.6665%} .row .small-offset-five-sixths,.row .small-offset-ten-twelfths{margin-left:83.3332%} .row .small-offset-one-eighth{margin-left:12.5%} .row .small-offset-three-eighths{margin-left:37.5%} .row .small-offset-five-eighths{margin-left:62.5%} .row .small-offset-seven-eighths{margin-left:87.5%} .row .small-offset-one-tenth{margin-left:10%} .row .small-offset-three-tenths{margin-left:30%} .row .small-offset-seven-tenths{margin-left:70%} .row .small-offset-nine-tenths{margin-left:90%} .row .small-offset-one-twelfth{margin-left:8.3332%} .row .small-offset-five-twelfths{margin-left:41.6665%} .row .small-offset-seven-twelfths{margin-left:58.332%} .row .small-offset-eleven-twelfths{margin-left:91.6665%} .row .small-offset-golden-small{margin-left:38.2716%} .row .small-offset-golden-large{margin-left:61.7283%} .row .small-offset-none{margin-left:0}} /* ------------------------ Tablets [768+] ------------------------ */ @media screen and (min-width:768px){.column.medium-centered{float:none;margin:0 auto;overflow:hidden} /* ------------------------ column widths ------------------------ */  .row .medium-whole,.row .medium-two-halves,.row .medium-three-thirds,.row .medium-four-fourths,.row .medium-five-fifths,.row .medium-six-sixths,.row .medium-eight-eights,.row .medium-ten-tenths,.row .medium-twelve-twelfths{width:100%} .row .medium-half,.row .medium-two-fourths,.row .medium-three-sixths,.row .medium-four-eights,.row .medium-five-tenths,.row .medium-six-twelfths{width:50%} .row .medium-one-third,.row .medium-two-sixths,.row .medium-four-twelfths{width:33.3332%} .row .medium-two-thirds,.row .medium-four-sixths,.row .medium-eight-twelfths{width:66.6665%} .row .medium-one-fourth,.row .medium-two-eighths,.row .medium-three-twelfths{width:25%} .row .medium-three-fourths,.row .medium-six-eighths,.row .medium-nine-twelfths{width:75%} .row .medium-one-fifth,.row .medium-two-tenths{width:20%} .row .medium-two-fifths,.row .medium-four-tenths{width:40%} .row .medium-three-fifths,.row .medium-six-tenths{width:60%} .row .medium-four-fifths,.row .medium-eight-tenths{width:80%} .row .medium-one-sixth,.row .medium-two-twelfths{width:16.6665%} .row .medium-five-sixths,.row .medium-ten-twelfths{width:83.3332%} .row .medium-one-eighth{width:12.5%} .row .medium-three-eighths{width:37.5%} .row .medium-five-eighths{width:62.5%} .row .medium-seven-eighths{width:87.5%} .row .medium-one-tenth{width:10%} .row .medium-three-tenths{width:30%} .row .medium-seven-tenths{width:70%} .row .medium-nine-tenths{width:90%} .row .medium-one-twelfth{width:8.3332%} .row .medium-five-twelfths{width:41.6665%} .row .medium-seven-twelfths{width:58.332%} .row .medium-eleven-twelfths{width:91.6665%} .row .medium-golden-small{width:38.2716%} .row .medium-golden-large{width:61.7283%} .row .medium-width-auto{width:auto} /* ------------------------ column push ------------------------ */  .row .medium-push-half,.row .medium-push-two-fourths,.row .medium-push-three-sixths,.row .medium-push-four-eights,.row .medium-push-five-tenths,.row .medium-push-six-twelfths{left:50%} .row .medium-push-one-third,.row .medium-push-two-sixths,.row .medium-push-four-twelfths{left:33.3332%} .row .medium-push-two-thirds,.row .medium-push-four-sixths,.row .medium-push-eight-twelfths{left:66.6665%} .row .medium-push-one-fourth,.row .medium-push-two-eighths,.row .medium-push-three-twelfths{left:25%} .row .medium-push-three-fourths,.row .medium-push-six-eighths,.row .medium-push-nine-twelfths{left:75%} .row .medium-push-one-fifth,.row .medium-push-two-tenths{left:20%} .row .medium-push-two-fifths,.row .medium-push-four-tenths{left:40%} .row .medium-push-three-fifths,.row .medium-push-six-tenths{left:60%} .row .medium-push-four-fifths,.row .medium-push-eight-tenths{left:80%} .row .medium-push-one-sixth,.row .medium-push-two-twelfths{left:16.6665%} .row .medium-push-five-sixths,.row .medium-push-ten-twelfths{left:83.3332%} .row .medium-push-one-eighth{left:12.5%} .row .medium-push-three-eighths{left:37.5%} .row .medium-push-five-eighths{left:62.5%} .row .medium-push-seven-eighths{left:87.5%} .row .medium-push-one-tenth{left:10%} .row .medium-push-three-tenths{left:30%} .row .medium-push-seven-tenths{left:70%} .row .medium-push-nine-tenths{left:90%} .row .medium-push-one-twelfth{left:8.3332%} .row .medium-push-five-twelfths{left:41.6665%} .row .medium-push-seven-twelfths{left:58.332%} .row .medium-push-eleven-twelfths{left:91.6665%} .row .medium-push-golden-small{left:38.2716%} .row .medium-push-golden-large{left:61.7283%} .row .medium-push-none{left:auto} /* ------------------------ column pull ------------------------ */  .row .medium-pull-half,.row .medium-pull-two-fourths,.row .medium-pull-three-sixths,.row .medium-pull-four-eights,.row .medium-pull-five-tenths,.row .medium-pull-six-twelfths{right:50%} .row .medium-pull-one-third,.row .medium-pull-two-sixths,.row .medium-pull-four-twelfths{right:33.3332%} .row .medium-pull-two-thirds,.row .medium-pull-four-sixths,.row .medium-pull-eight-twelfths{right:66.6665%} .row .medium-pull-one-fourth,.row .medium-pull-two-eighths,.row .medium-pull-three-twelfths{right:25%} .row .medium-pull-three-fourths,.row .medium-pull-six-eighths,.row .medium-pull-nine-twelfths{right:75%} .row .medium-pull-one-fifth,.row .medium-pull-two-tenths{right:20%} .row .medium-pull-two-fifths,.row .medium-pull-four-tenths{right:40%} .row .medium-pull-three-fifths,.row .medium-pull-six-tenths{right:60%} .row .medium-pull-four-fifths,.row .medium-pull-eight-tenths{right:80%} .row .medium-pull-one-sixth,.row .medium-pull-two-twelfths{right:16.6665%} .row .medium-pull-five-sixths,.row .medium-pull-ten-twelfths{right:83.3332%} .row .medium-pull-one-eighth{right:12.5%} .row .medium-pull-three-eighths{right:37.5%} .row .medium-pull-five-eighths{right:62.5%} .row .medium-pull-seven-eighths{right:87.5%} .row .medium-pull-one-tenth{right:10%} .row .medium-pull-three-tenths{right:30%} .row .medium-pull-seven-tenths{right:70%} .row .medium-pull-nine-tenths{right:90%} .row .medium-pull-one-twelfth{right:8.3332%} .row .medium-pull-five-twelfths{right:41.6665%} .row .medium-pull-seven-twelfths{right:58.332%} .row .medium-pull-eleven-twelfths{right:91.6665%} .row .medium-pull-golden-small{right:38.2716%} .row .medium-pull-golden-large{right:61.7283%} .row .medium-pull-none{right:auto} /* ------------------------ column offset ------------------------ */  .row .medium-offset-half,.row .medium-offset-two-fourths,.row .medium-offset-three-sixths,.row .medium-offset-four-eights,.row .medium-offset-five-tenths,.row .medium-offset-six-twelfths{margin-left:50%} .row .medium-offset-one-third,.row .medium-offset-two-sixths,.row .medium-offset-four-twelfths{margin-left:33.3332%} .row .medium-offset-two-thirds,.row .medium-offset-four-sixths,.row .medium-offset-eight-twelfths{margin-left:66.6665%} .row .medium-offset-one-fourth,.row .medium-offset-two-eighths,.row .medium-offset-three-twelfths{margin-left:25%} .row .medium-offset-three-fourths,.row .medium-offset-six-eighths,.row .medium-offset-nine-twelfths{margin-left:75%} .row .medium-offset-one-fifth,.row .medium-offset-two-tenths{margin-left:20%} .row .medium-offset-two-fifths,.row .medium-offset-four-tenths{margin-left:40%} .row .medium-offset-three-fifths,.row .medium-offset-six-tenths{margin-left:60%} .row .medium-offset-four-fifths,.row .medium-offset-eight-tenths{margin-left:80%} .row .medium-offset-one-sixth,.row .medium-offset-two-twelfths{margin-left:16.6665%} .row .medium-offset-five-sixths,.row .medium-offset-ten-twelfths{margin-left:83.3332%} .row .medium-offset-one-eighth{margin-left:12.5%} .row .medium-offset-three-eighths{margin-left:37.5%} .row .medium-offset-five-eighths{margin-left:62.5%} .row .medium-offset-seven-eighths{margin-left:87.5%} .row .medium-offset-one-tenth{margin-left:10%} .row .medium-offset-three-tenths{margin-left:30%} .row .medium-offset-seven-tenths{margin-left:70%} .row .medium-offset-nine-tenths{margin-left:90%} .row .medium-offset-one-twelfth{margin-left:8.3332%} .row .medium-offset-five-twelfths{margin-left:41.6665%} .row .medium-offset-seven-twelfths{margin-left:58.332%} .row .medium-offset-eleven-twelfths{margin-left:91.6665%} .row .medium-offset-golden-small{margin-left:38.2716%} .row .medium-offset-golden-large{margin-left:61.7283%} .row .medium-offset-none{margin-left:0}} /* ------------------------ Standard Desktop [960+] ------------------------ */ @media screen and (min-width:960px){.column.large-centered{float:none;margin:0 auto;overflow:hidden} /* ------------------------ column widths ------------------------ */  .row .large-whole,.row .large-two-halves,.row .large-three-thirds,.row .large-four-fourths,.row .large-five-fifths,.row .large-six-sixths,.row .large-eight-eights,.row .large-ten-tenths,.row .large-twelve-twelfths{width:100%} .row .large-half,.row .large-two-fourths,.row .large-three-sixths,.row .large-four-eights,.row .large-five-tenths,.row .large-six-twelfths{width:50%} .row .large-one-third,.row .large-two-sixths,.row .large-four-twelfths{width:33.3332%} .row .large-two-thirds,.row .large-four-sixths,.row .large-eight-twelfths{width:66.6665%} .row .large-one-fourth,.row .large-two-eighths,.row .large-three-twelfths{width:25%} .row .large-three-fourths,.row .large-six-eighths,.row .large-nine-twelfths{width:75%} .row .large-one-fifth,.row .large-two-tenths{width:20%} .row .large-two-fifths,.row .large-four-tenths{width:40%} .row .large-three-fifths,.row .large-six-tenths{width:60%} .row .large-four-fifths,.row .large-eight-tenths{width:80%} .row .large-one-sixth,.row .large-two-twelfths{width:16.6665%} .row .large-five-sixths,.row .large-ten-twelfths{width:83.3332%} .row .large-one-eighth{width:12.5%} .row .large-three-eighths{width:37.5%} .row .large-five-eighths{width:62.5%} .row .large-seven-eighths{width:87.5%} .row .large-one-tenth{width:10%} .row .large-three-tenths{width:30%} .row .large-seven-tenths{width:70%} .row .large-nine-tenths{width:90%} .row .large-one-twelfth{width:8.3332%} .row .large-five-twelfths{width:41.6665%} .row .large-seven-twelfths{width:58.332%} .row .large-eleven-twelfths{width:91.6665%} .row .large-golden-small{width:38.2716%} .row .large-golden-large{width:61.7283%} .row .large-width-auto{width:auto} /* ------------------------ column push ------------------------ */  .row .large-push-half,.row .large-push-two-fourths,.row .large-push-three-sixths,.row .large-push-four-eights,.row .large-push-five-tenths,.row .large-push-six-twelfths{left:50%} .row .large-push-one-third,.row .large-push-two-sixths,.row .large-push-four-twelfths{left:33.3332%} .row .large-push-two-thirds,.row .large-push-four-sixths,.row .large-push-eight-twelfths{left:66.6665%} .row .large-push-one-fourth,.row .large-push-two-eighths,.row .large-push-three-twelfths{left:25%} .row .large-push-three-fourths,.row .large-push-six-eighths,.row .large-push-nine-twelfths{left:75%} .row .large-push-one-fifth,.row .large-push-two-tenths{left:20%} .row .large-push-two-fifths,.row .large-push-four-tenths{left:40%} .row .large-push-three-fifths,.row .large-push-six-tenths{left:60%} .row .large-push-four-fifths,.row .large-push-eight-tenths{left:80%} .row .large-push-one-sixth,.row .large-push-two-twelfths{left:16.6665%} .row .large-push-five-sixths,.row .large-push-ten-twelfths{left:83.3332%} .row .large-push-one-eighth{left:12.5%} .row .large-push-three-eighths{left:37.5%} .row .large-push-five-eighths{left:62.5%} .row .large-push-seven-eighths{left:87.5%} .row .large-push-one-tenth{left:10%} .row .large-push-three-tenths{left:30%} .row .large-push-seven-tenths{left:70%} .row .large-push-nine-tenths{left:90%} .row .large-push-one-twelfth{left:8.3332%} .row .large-push-five-twelfths{left:41.6665%} .row .large-push-seven-twelfths{left:58.332%} .row .large-push-eleven-twelfths{left:91.6665%} .row .large-push-golden-small{left:38.2716%} .row .large-push-golden-large{left:61.7283%} .row .large-push-none{left:auto} /* ------------------------ column pull ------------------------ */  .row .large-pull-half,.row .large-pull-two-fourths,.row .large-pull-three-sixths,.row .large-pull-four-eights,.row .large-pull-five-tenths,.row .large-pull-six-twelfths{right:50%} .row .large-pull-one-third,.row .large-pull-two-sixths,.row .large-pull-four-twelfths{right:33.3332%} .row .large-pull-two-thirds,.row .large-pull-four-sixths,.row .large-pull-eight-twelfths{right:66.6665%} .row .large-pull-one-fourth,.row .large-pull-two-eighths,.row .large-pull-three-twelfths{right:25%} .row .large-pull-three-fourths,.row .large-pull-six-eighths,.row .large-pull-nine-twelfths{right:75%} .row .large-pull-one-fifth,.row .large-pull-two-tenths{right:20%} .row .large-pull-two-fifths,.row .large-pull-four-tenths{right:40%} .row .large-pull-three-fifths,.row .large-pull-six-tenths{right:60%} .row .large-pull-four-fifths,.row .large-pull-eight-tenths{right:80%} .row .large-pull-one-sixth,.row .large-pull-two-twelfths{right:16.6665%} .row .large-pull-five-sixths,.row .large-pull-ten-twelfths{right:83.3332%} .row .large-pull-one-eighth{right:12.5%} .row .large-pull-three-eighths{right:37.5%} .row .large-pull-five-eighths{right:62.5%} .row .large-pull-seven-eighths{right:87.5%} .row .large-pull-one-tenth{right:10%} .row .large-pull-three-tenths{right:30%} .row .large-pull-seven-tenths{right:70%} .row .large-pull-nine-tenths{right:90%} .row .large-pull-one-twelfth{right:8.3332%} .row .large-pull-five-twelfths{right:41.6665%} .row .large-pull-seven-twelfths{right:58.332%} .row .large-pull-eleven-twelfths{right:91.6665%} .row .large-pull-golden-small{right:38.2716%} .row .large-pull-golden-large{right:61.7283%} .row .large-pull-none{right:auto} /* ------------------------ column offset ------------------------ */  .row .large-offset-half,.row .large-offset-two-fourths,.row .large-offset-three-sixths,.row .large-offset-four-eights,.row .large-offset-five-tenths,.row .large-offset-six-twelfths{margin-left:50%} .row .large-offset-one-third,.row .large-offset-two-sixths,.row .large-offset-four-twelfths{margin-left:33.3332%} .row .large-offset-two-thirds,.row .large-offset-four-sixths,.row .large-offset-eight-twelfths{margin-left:66.6665%} .row .large-offset-one-fourth,.row .large-offset-two-eighths,.row .large-offset-three-twelfths{margin-left:25%} .row .large-offset-three-fourths,.row .large-offset-six-eighths,.row .large-offset-nine-twelfths{margin-left:75%} .row .large-offset-one-fifth,.row .large-offset-two-tenths{margin-left:20%} .row .large-offset-two-fifths,.row .large-offset-four-tenths{margin-left:40%} .row .large-offset-three-fifths,.row .large-offset-six-tenths{margin-left:60%} .row .large-offset-four-fifths,.row .large-offset-eight-tenths{margin-left:80%} .row .large-offset-one-sixth,.row .large-offset-two-twelfths{margin-left:16.6665%} .row .large-offset-five-sixths,.row .large-offset-ten-twelfths{margin-left:83.3332%} .row .large-offset-one-eighth{margin-left:12.5%} .row .large-offset-three-eighths{margin-left:37.5%} .row .large-offset-five-eighths{margin-left:62.5%} .row .large-offset-seven-eighths{margin-left:87.5%} .row .large-offset-one-tenth{margin-left:10%} .row .large-offset-three-tenths{margin-left:30%} .row .large-offset-seven-tenths{margin-left:70%} .row .large-offset-nine-tenths{margin-left:90%} .row .large-offset-one-twelfth{margin-left:8.3332%} .row .large-offset-five-twelfths{margin-left:41.6665%} .row .large-offset-seven-twelfths{margin-left:58.332%} .row .large-offset-eleven-twelfths{margin-left:91.6665%} .row .large-offset-golden-small{margin-left:38.2716%} .row .large-offset-golden-large{margin-left:61.7283%} .row .large-offset-none{margin-left:0}} /* ------------------------ Large Desktop [1170+] ------------------------ */ @media screen and (min-width:1170px){.column.x-large-centered{float:none;margin:0 auto;overflow:hidden} /* ------------------------ column widths ------------------------ */  .row .x-large-whole,.row .x-large-two-halves,.row .x-large-three-thirds,.row .x-large-four-fourths,.row .x-large-five-fifths,.row .x-large-six-sixths,.row .x-large-eight-eights,.row .x-large-ten-tenths,.row .x-large-twelve-twelfths{width:100%} .row .x-large-half,.row .x-large-two-fourths,.row .x-large-three-sixths,.row .x-large-four-eights,.row .x-large-five-tenths,.row .x-large-six-twelfths{width:50%} .row .x-large-one-third,.row .x-large-two-sixths,.row .x-large-four-twelfths{width:33.3332%} .row .x-large-two-thirds,.row .x-large-four-sixths,.row .x-large-eight-twelfths{width:66.6665%} .row .x-large-one-fourth,.row .x-large-two-eighths,.row .x-large-three-twelfths{width:25%} .row .x-large-three-fourths,.row .x-large-six-eighths,.row .x-large-nine-twelfths{width:75%} .row .x-large-one-fifth,.row .x-large-two-tenths{width:20%} .row .x-large-two-fifths,.row .x-large-four-tenths{width:40%} .row .x-large-three-fifths,.row .x-large-six-tenths{width:60%} .row .x-large-four-fifths,.row .x-large-eight-tenths{width:80%} .row .x-large-one-sixth,.row .x-large-two-twelfths{width:16.6665%} .row .x-large-five-sixths,.row .x-large-ten-twelfths{width:83.3332%} .row .x-large-one-eighth{width:12.5%} .row .x-large-three-eighths{width:37.5%} .row .x-large-five-eighths{width:62.5%} .row .x-large-seven-eighths{width:87.5%} .row .x-large-one-tenth{width:10%} .row .x-large-three-tenths{width:30%} .row .x-large-seven-tenths{width:70%} .row .x-large-nine-tenths{width:90%} .row .x-large-one-twelfth{width:8.3332%} .row .x-large-five-twelfths{width:41.6665%} .row .x-large-seven-twelfths{width:58.332%} .row .x-large-eleven-twelfths{width:91.6665%} .row .x-large-golden-small{width:38.2716%} .row .x-large-golden-x-large{width:61.7283%} .row .x-large-width-auto{width:auto} /* ------------------------ column push ------------------------ */  .row .x-large-push-half,.row .x-large-push-two-fourths,.row .x-large-push-three-sixths,.row .x-large-push-four-eights,.row .x-large-push-five-tenths,.row .x-large-push-six-twelfths{left:50%} .row .x-large-push-one-third,.row .x-large-push-two-sixths,.row .x-large-push-four-twelfths{left:33.3332%} .row .x-large-push-two-thirds,.row .x-large-push-four-sixths,.row .x-large-push-eight-twelfths{left:66.6665%} .row .x-large-push-one-fourth,.row .x-large-push-two-eighths,.row .x-large-push-three-twelfths{left:25%} .row .x-large-push-three-fourths,.row .x-large-push-six-eighths,.row .x-large-push-nine-twelfths{left:75%} .row .x-large-push-one-fifth,.row .x-large-push-two-tenths{left:20%} .row .x-large-push-two-fifths,.row .x-large-push-four-tenths{left:40%} .row .x-large-push-three-fifths,.row .x-large-push-six-tenths{left:60%} .row .x-large-push-four-fifths,.row .x-large-push-eight-tenths{left:80%} .row .x-large-push-one-sixth,.row .x-large-push-two-twelfths{left:16.6665%} .row .x-large-push-five-sixths,.row .x-large-push-ten-twelfths{left:83.3332%} .row .x-large-push-one-eighth{left:12.5%} .row .x-large-push-three-eighths{left:37.5%} .row .x-large-push-five-eighths{left:62.5%} .row .x-large-push-seven-eighths{left:87.5%} .row .x-large-push-one-tenth{left:10%} .row .x-large-push-three-tenths{left:30%} .row .x-large-push-seven-tenths{left:70%} .row .x-large-push-nine-tenths{left:90%} .row .x-large-push-one-twelfth{left:8.3332%} .row .x-large-push-five-twelfths{left:41.6665%} .row .x-large-push-seven-twelfths{left:58.332%} .row .x-large-push-eleven-twelfths{left:91.6665%} .row .x-large-push-golden-small{left:38.2716%} .row .x-large-push-golden-x-large{left:61.7283%} .row .x-large-push-none{left:auto} /* ------------------------ column pull ------------------------ */  .row .x-large-pull-half,.row .x-large-pull-two-fourths,.row .x-large-pull-three-sixths,.row .x-large-pull-four-eights,.row .x-large-pull-five-tenths,.row .x-large-pull-six-twelfths{right:50%} .row .x-large-pull-one-third,.row .x-large-pull-two-sixths,.row .x-large-pull-four-twelfths{right:33.3332%} .row .x-large-pull-two-thirds,.row .x-large-pull-four-sixths,.row .x-large-pull-eight-twelfths{right:66.6665%} .row .x-large-pull-one-fourth,.row .x-large-pull-two-eighths,.row .x-large-pull-three-twelfths{right:25%} .row .x-large-pull-three-fourths,.row .x-large-pull-six-eighths,.row .x-large-pull-nine-twelfths{right:75%} .row .x-large-pull-one-fifth,.row .x-large-pull-two-tenths{right:20%} .row .x-large-pull-two-fifths,.row .x-large-pull-four-tenths{right:40%} .row .x-large-pull-three-fifths,.row .x-large-pull-six-tenths{right:60%} .row .x-large-pull-four-fifths,.row .x-large-pull-eight-tenths{right:80%} .row .x-large-pull-one-sixth,.row .x-large-pull-two-twelfths{right:16.6665%} .row .x-large-pull-five-sixths,.row .x-large-pull-ten-twelfths{right:83.3332%} .row .x-large-pull-one-eighth{right:12.5%} .row .x-large-pull-three-eighths{right:37.5%} .row .x-large-pull-five-eighths{right:62.5%} .row .x-large-pull-seven-eighths{right:87.5%} .row .x-large-pull-one-tenth{right:10%} .row .x-large-pull-three-tenths{right:30%} .row .x-large-pull-seven-tenths{right:70%} .row .x-large-pull-nine-tenths{right:90%} .row .x-large-pull-one-twelfth{right:8.3332%} .row .x-large-pull-five-twelfths{right:41.6665%} .row .x-large-pull-seven-twelfths{right:58.332%} .row .x-large-pull-eleven-twelfths{right:91.6665%} .row .x-large-pull-golden-small{right:38.2716%} .row .x-large-pull-golden-x-large{right:61.7283%} .row .x-large-pull-none{right:auto} /* ------------------------ column offset ------------------------ */  .row .x-large-offset-half,.row .x-large-offset-two-fourths,.row .x-large-offset-three-sixths,.row .x-large-offset-four-eights,.row .x-large-offset-five-tenths,.row .x-large-offset-six-twelfths{margin-left:50%} .row .x-large-offset-one-third,.row .x-large-offset-two-sixths,.row .x-large-offset-four-twelfths{margin-left:33.3332%} .row .x-large-offset-two-thirds,.row .x-large-offset-four-sixths,.row .x-large-offset-eight-twelfths{margin-left:66.6665%} .row .x-large-offset-one-fourth,.row .x-large-offset-two-eighths,.row .x-large-offset-three-twelfths{margin-left:25%} .row .x-large-offset-three-fourths,.row .x-large-offset-six-eighths,.row .x-large-offset-nine-twelfths{margin-left:75%} .row .x-large-offset-one-fifth,.row .x-large-offset-two-tenths{margin-left:20%} .row .x-large-offset-two-fifths,.row .x-large-offset-four-tenths{margin-left:40%} .row .x-large-offset-three-fifths,.row .x-large-offset-six-tenths{margin-left:60%} .row .x-large-offset-four-fifths,.row .x-large-offset-eight-tenths{margin-left:80%} .row .x-large-offset-one-sixth,.row .x-large-offset-two-twelfths{margin-left:16.6665%} .row .x-large-offset-five-sixths,.row .x-large-offset-ten-twelfths{margin-left:83.3332%} .row .x-large-offset-one-eighth{margin-left:12.5%} .row .x-large-offset-three-eighths{margin-left:37.5%} .row .x-large-offset-five-eighths{margin-left:62.5%} .row .x-large-offset-seven-eighths{margin-left:87.5%} .row .x-large-offset-one-tenth{margin-left:10%} .row .x-large-offset-three-tenths{margin-left:30%} .row .x-large-offset-seven-tenths{margin-left:70%} .row .x-large-offset-nine-tenths{margin-left:90%} .row .x-large-offset-one-twelfth{margin-left:8.3332%} .row .x-large-offset-five-twelfths{margin-left:41.6665%} .row .x-large-offset-seven-twelfths{margin-left:58.332%} .row .x-large-offset-eleven-twelfths{margin-left:91.6665%} .row .x-large-offset-golden-small{margin-left:38.2716%} .row .x-large-offset-golden-x-large{margin-left:61.7283%} .row .x-large-offset-none{margin-left:0}}/* ------------------------ TYPOGRAPHY ------------------------ */ html,button,select,input,textarea{color:#4d4d4d;} body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;text-align:left;} a,a:active,a:visited{outline:none;text-decoration:none;-webkit-transition:0.2s ease-in-out color;transition:0.2s ease-in-out color;} a{color:#414141;} a:hover{color:#414141;outline:none;} a:active{color:#414141;} .touch a,.touch a:hover{text-decoration:none} .decoration,.decoration:hover{text-decoration:underline;} .no-decoration,.no-decoration:hover{text-decoration:none;} abbr,acronym,dfn[title]{border-bottom:1px dotted #999;cursor:help;} abbr a{text-decoration:none} acronym{text-transform:uppercase;} blockquote{border-left:0.375rem solid #efefef;font:italic 1.333rem Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;padding-left:1rem;} blockquote p{margin:0} blockquote p + p{margin-top:1.50rem} blockquote cite{color:#777;font:italic 0.75rem Arial,Helvetica,sans-serif} blockquote cite:before{content:"\2014 \0020"} blockquote cite a{color:#777} blockquote.blockquote-reverse{border-left:0 none;border-right:.375rem solid #efefef;padding-left:0;padding-right:1rem;text-align:right} caption,p,table,textarea,td,th{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;} dl dt{color:#222;font-weight:700;} dl dd{margin:0;} del{color:#777;text-decoration:line-through;} details{cursor:pointer;} em,i,cite{font-style:italic;} h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#009dca;font-weight:700;} h1,.h1{font-size:1.50rem;line-height:1;} h2,.h2{font-size:1.25rem;line-height:1.2;} h3,.h3{font-size:1.125rem;line-height:1.33333;} h4,.h4{font-size:1rem;line-height:1.5;} h5,.h5{font-size:0.875rem;line-height:1.71429;} h6,.h6{font-size:0.75rem;line-height:2;} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){h1,.h1{font-size:2rem;line-height:1.5} h2,.h2{font-size:1.50rem;line-height:1} h3,.h3{font-size:1.25rem;line-height:1.2} h4,.h4{font-size:1.125rem;line-height:1.33333} h5,.h5{font-size:1rem;line-height:1.5} h6,.h6{font-size:0.875rem;line-height:1.71429}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){h1,.h1{font-size:2.25rem;line-height:1.33333} h2,.h2{font-size:1.875rem;line-height:1.6} h3,.h3{font-size:1.50rem;line-height:1} h4,.h4{font-size:1.25rem;line-height:1.2} h5,.h5{font-size:1rem;line-height:1.5} h6,.h6{font-size:0.875rem;line-height:1.71429}} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{font-weight:inherit;} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-size:65%;line-height:1;} hr{border:0;border-bottom:1px solid #dfe1e1;margin:1rem 0;} hr.symbol{border:0;height:1.333rem;margin:0 0 1rem;padding:1rem 0} hr.symbol:before{border:0;color:#222;content:"⁂";display:block;font-size:1.333rem;line-height:1;text-align:center;width:100%} ins,mark{background:#ff9;color:#222;text-decoration:none;} nav ul,nav ol{margin:0;padding:0;list-style:none;} ol{list-style:decimal;} ol ol{list-style:upper-alpha} ol ol ol{list-style:lower-roman} ol ol ol ol{list-style:lower-alpha} ul{list-style:disc;} ul ul{list-style:circle} ul ul ul{list-style:square} ul ul ul ul{list-style:decimal-leading-zero} ol ol,ol ul,ul ul,ul ol{margin-bottom:0;} .no-list{list-style:none;margin:0;padding:0;} /* ------------------------ lined list ------------------------ */  .lined-list li{border-bottom:1px solid #dfe1e1;padding-bottom:0.25rem;padding-top:0.25rem} .lined-list li:last-child,.lined-list li.last-child,.lined-list li li{border-bottom:none} /* ------------------------ inline list ------------------------ */  .inline-list{display:block;margin-left:0px} .inline-list li{display:inline;margin-right:1.50rem} .inline-list li:last-child,.inline-list li.last-child{margin-right:0} /* ------------------------ inline lined list ------------------------ */  .lined-list.inline-list li{margin-right:0.75rem} .lined-list.inline-list li:after{color:#dfe1e1;content:"|";margin-left:0.75rem} .lined-list.inline-list li:last-child:after,.lined-list.inline-list li.last-child:after{content:""}/* ------------------------ =BUTTONS ------------------------ */ .button{background:transparent;border:2px solid #ccd1d9;border-radius:0;color:#656d78;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;font-weight:bold;height:auto;line-height:1;margin:0;overflow:visible;padding:0.75rem;text-align:center;text-decoration:none;-webkit-transition:0.2s ease-in-out all;transition:0.2s ease-in-out all;vertical-align:middle;white-space:nowrap;} .button.bg-white{border:2px solid #dfe0e1;} .theme-btn a{border:2px solid #009dca;color:#009dca!important;display:block;font-size:0.75rem;margin:1rem auto 0;max-width:11.75rem;padding:0.35rem 1rem;} .sfnt .theme-btn a{font-size:1rem;max-width:14rem;padding:1rem 1.5rem;} @media screen and (min-width:768px){.theme-btn a{margin:2rem auto 0}} .button,.button:active,.button:focus,.button:hover,.button:visited{text-decoration:none} .button:focus,.button:hover{/*box-shadow:0 0 3px rgba(0,0,0,0.5);*/ } .button:hover{/*color:#fff;*/ } a.button:focus,a.button:hover{} .button:active{/*box-shadow:0 0 3px rgba(0,0,0,0.5) inset;*/  outline:0 none} .bg-transparent.button:focus,.bg-transparent.button:hover,.bg-transparent.button:active{box-shadow:none;outline:0 none} .button::-moz-focus-inner{border:0;padding:0} .button[disabled],.button.disabled{box-shadow:none;color:#fff;cursor:not-allowed;opacity:0.50;text-shadow:none} .ie8 .button[disabled],.ie8 .button.disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .button *[data-icon]{margin-right:0.50em} /* ------------------------ button sizing ------------------------ */  .button-mini{font-size:0.75rem;padding-right:0.50em;padding-left:0.50em;width:auto} .button-medium{padding-right:1em;padding-left:1em;width:auto} .button-large{padding-right:1.50em;padding-left:1.50em;width:auto} .button-block{display:block;padding-right:0;padding-left:0;width:100%} /* ------------------------ button font sizing ------------------------ */  .button-small-font{font-size:0.75rem} .button-normal-font{font-size:1rem} .button-large-font,.button-large-font a{font-size:2rem} /* ------------------------ button styles ------------------------ */  .button-hollow{background:transparent;border-width:1px;border-style:solid} .button-square{border-radius:0} .button-pill{border-radius:5em} .button-inline{font-size:inherit;height:auto;line-height:inherit;padding-right:0.50em;padding-left:0.50em;vertical-align:baseline} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-button-mini{font-size:0.75rem;padding-right:0.50em;padding-left:0.50em;width:auto} .x-small-button-medium{padding-right:1em;padding-left:1em;width:auto} .x-small-button-large{padding-right:1.50em;padding-left:1.50em;width:auto} .x-small-button-block{display:block;padding-right:0;padding-left:0;width:100%}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-button-mini{font-size:0.75rem;padding-right:0.50em;padding-left:0.50em;width:auto} .small-button-medium{padding-right:1em;padding-left:1em;width:auto} .small-button-large{padding-right:1.50em;padding-left:1.50em;width:auto} .small-button-block{display:block;padding-right:0;padding-left:0;width:100%}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-button-mini{font-size:0.75rem;padding-right:0.50em;padding-left:0.50em;width:auto} .medium-button-medium{padding-right:1em;padding-left:1em;width:auto} .medium-button-large{padding-right:1.50em;padding-left:1.50em;width:auto} .medium-button-block{display:block;padding-right:0;padding-left:0;width:100%}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-button-mini{font-size:0.75rem;padding-right:0.50em;padding-left:0.50em;width:auto} .large-button-medium{padding-right:1em;padding-left:1em;width:auto} .large-button-large{padding-right:1.50em;padding-left:1.50em;width:auto} .large-button-block{display:block;padding-right:0;padding-left:0;width:100%}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-button-mini{font-size:0.75rem;padding-right:0.50em;padding-left:0.50em;width:auto} .x-large-button-medium{padding-right:1em;padding-left:1em;width:auto} .x-large-button-large{padding-right:1.50em;padding-left:1.50em;width:auto} .x-large-button-block{display:block;padding-right:0;padding-left:0;width:100%}} .create-button{border:2px solid #dfe0e1; /*	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/  font-size:12px;color:#4a9dcf;font-weight:bold;text-decoration:none !important;height:auto;} .create-button:hover{color:#4a9dcf;background:#fff;} .login-button{font-size:12px; /*	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/  height:auto;} .checkout-button{ /*	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/  height:auto;font-weight:bold;font-size:1rem;} .button-primary{border:0;background-color:#38c574;color:#fff;} /* .button-secondary{background-color:#2ecc40;color:#fff;} *//* ------------------------ =FONTS [use @font-face] ------------------------ */ /* Montserrat */ @font-face{font-family:'Montserrat';src:url('../fonts/montserrat-regular-webfont.eot');src:url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),url('../fonts/montserrat-regular-webfont.woff') format('woff'),url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'Montserrat';src:url('../fonts/montserrat-bold-webfont.eot');src:url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),url('../fonts/montserrat-bold-webfont.woff') format('woff'),url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');font-weight:700;font-style:bold;} @font-face{font-family:'Montserrat';src:url('../fonts/montserrat-light-webfont.eot');src:url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-light-webfont.woff2') format('woff2'),url('../fonts/montserrat-light-webfont.woff') format('woff'),url('../fonts/montserrat-light-webfont.ttf') format('truetype'),url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');font-weight:100;font-style:normal;} /* Latp */ @font-face{font-family:'Lato';src:url('../fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-style:normal;} @font-face{font-family:'Lato';src:url('../fonts/Lato-Light.ttf') format('truetype');font-weight:100;font-style:lighter;} @font-face{font-family:'Lato';src:url('../fonts/Lato-Black.ttf') format('truetype');font-weight:500;} @font-face{font-family:'Lato';src:url('../fonts/Lato-Bold.ttf') format('truetype');font-weight:700;font-style:bold;} .montserrat{font-family:'Montserrat',sans-serif;} /* ------------------------ Elegant Icon Font [http://www.elegantthemes.com/blog/resources/elegant-icon-font] ------------------------ */ @font-face{font-family:'ElegantIcons';src:url('../fonts/ElegantIcons.eot');src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),url('../fonts/ElegantIcons.woff') format('woff'),url('../fonts/ElegantIcons.ttf') format('truetype'),url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');font-weight:normal;font-style:normal;} /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before{content:attr(data-icon);font-family:'ElegantIcons';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;} [class^="elegant-icon-"],[class*=" elegant-icon-"]{font-family:'ElegantIcons';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;} .elegant-icon-arrow-up:before{content:"\32";} .elegant-icon-checked:before{content:"\4e";} .elegant-icon-x:before{content:"\4d";} /* ------------------------ Custom Suivant Icon Font ------------------------ */ @font-face{font-family:'Suivant';src:url('../fonts/Suivant.eot?-d1oe69');src:url('../fonts/Suivant.eot?#iefix-d1oe69') format('embedded-opentype'),url('../fonts/Suivant.woff?-d1oe69') format('woff'),url('../fonts/Suivant.ttf?-d1oe69') format('truetype'),url('../fonts/Suivant.svg?-d1oe69#Suivant') format('svg');font-weight:normal;font-style:normal;} [class^="rt-icon-"],[class*=" rt-icon-"]{font-family:'Suivant';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;} /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-rt-icon]:before{content:attr(data-rt-icon);font-family:'Suivant';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;} .rt-icon-account:before{content:"\61";} .rt-icon-address:before{content:"\62";} .rt-icon-arrow-left:before{content:"\63";} .rt-icon-arrow-right:before{content:"\64";} .rt-icon-basket:before{content:"\65";} .rt-icon-mail:before{content:"\66";} .rt-icon-minus:before{content:"\67";} .rt-icon-orders:before{content:"\68";} .rt-icon-plus:before{content:"\69";} .rt-icon-search:before{content:"\6a";} /* ---- Levels ---- */ @font-face{font-family:'Levels';src:url('../fonts/Levels.eot?82alg0');src:url('../fonts/Levels.eot?82alg0#iefix') format('embedded-opentype'),url('../fonts/Levels.ttf?82alg0') format('truetype'),url('../fonts/Levels.woff?82alg0') format('woff'),url('../fonts/Levels.svg?82alg0#Levels') format('svg');font-weight:normal;font-style:normal;} [class^="levels-icon-"],[class*=" levels-icon-"]{font-family:'Levels';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .levels-icon-eye:before{content:"\e900";} .levels-icon-shower:before{content:"\e901";} .levels-icon-couch:before{content:"\e902";} .levels-icon-lamp:before{content:"\e903";} .levels-icon-bed:before{content:"\e904";} .levels-icon-appliance:before{content:"\e905";} .levels-icon-desk:before{content:"\e906";} .levels-icon-dinning:before{content:"\e907";} .levels-icon-noun_149543:before{content:"\e908";} .levels-icon-truck:before{content:"\e909";} /* ---- Party @ Lewis ---- */  @font-face{font-family:'partylewis';src:url('../fonts/partylewis.eot?gb7w4k');src:url('../fonts/partylewis.eot?gb7w4k#iefix') format('embedded-opentype'),url('../fonts/partylewis.ttf?gb7w4k') format('truetype'),url('../fonts/partylewis.woff?gb7w4k') format('woff'),url('../fonts/partylewis.svg?gb7w4k#partylewis') format('svg');font-weight:normal;font-style:normal;} [class^="lewis-icon-"],[class*="lewis-icon-"]{/* use !important to prevent issues with browser extensions that change fonts */  font-family:'partylewis' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .lewis-icon-arrows:before{content:"\e900";} .lewis-icon-magnifier:before{content:"\e901";} .lewis-icon-search:before{content:"\e902";color:#fff} .lewis-icon-alert:before{content:"\e903";}/* ------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */ .form-row,.form_row{/*clear:both;display:block;*/  margin-bottom:1.5rem;overflow:hidden;} button,html input[type="button"],input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"],input[type="reset"],input[type="submit"],label,select{cursor:pointer;} fieldset{border:0;min-width:0;padding:0;} fieldset > *:last-child,fieldset > *.last-child{margin-bottom:0} @media only screen and (min-width:768px){fieldset{font-size:1.125rem}} .fieldset-border{border:1px solid #dfe1e1;padding:1rem} input[type="checkbox"],input[type="image"],input[type="radio"]{display:inline-block;width:auto;} input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea{border:1px solid #dfe1e1;display:block;font-family:inherit;font-size:100%;height:auto;line-height:2;outline:0 none;padding:0.25rem 0.50rem;vertical-align:middle;width:100%;} .filter-items-label,select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border:1px solid #c7c7c7;border-radius:0;font-weight:100;line-height:1;height:auto;padding:0.5rem;} select{background:url(../images/Arrows.svg) no-repeat 94% center;background-size:0.8125rem;display:inline-block;position:relative;padding-right:1rem;width:100%;z-index:99999;} select:focus{outline:none;} /* ------------------------ input sizing ------------------------ */ /*	input.input-medium,select.input-medium{line-height:3} input.input-large,select.input-large,input.input-block{line-height:4}*/  /* ------------------------ input font sizing ------------------------ */  input.input-small-font,select.input-small-font{font-size:0.75rem} input.input-normal-font,select.input-normal-font{font-size:1rem} input.input-large-font,select.input-large-font{font-size:2rem} @media screen and (min-width:480px){input.x-small-input-medium,select.x-small-input-medium{height:3em;line-height:3} input.x-small-input-large,select.x-small-input-large,input.x-small-input-block{height:4em;line-height:4} input.x-small-input-small-font,select.x-small-input-small-font{font-size:0.75rem} input.x-small-input-normal-font,select.x-small-input-normal-font{font-size:1rem} input.x-small-input-large-font,select.x-small-input-large-font{font-size:2rem}} @media screen and (min-width:640px){input.small-input-medium,select.small-input-medium{height:3em;line-height:3} input.small-input-large,select.small-input-large,input.small-input-block{height:4em;line-height:4} input.small-input-small-font,select.small-input-small-font{font-size:0.75rem} input.small-input-normal-font,select.small-input-normal-font{font-size:1rem} input.small-input-large-font,select.small-input-large-font{font-size:2rem}} @media screen and (min-width:768px){input.medium-input-medium,select.medium-input-medium{height:3em;line-height:3} input.medium-input-large,select.medium-input-large,input.medium-input-block{height:4em;line-height:4} input.medium-input-small-font,select.medium-input-small-font{font-size:0.75rem} input.medium-input-normal-font,select.medium-input-normal-font{font-size:1rem} input.medium-input-large-font,select.medium-input-large-font{font-size:2rem}} @media screen and (min-width:980px){input.large-input-medium,select.large-input-medium{height:3em;line-height:3} input.large-input-large,select.large-input-large,input.large-input-block{height:4em;line-height:4} input.large-input-small-font,select.large-input-small-font{font-size:0.75rem} input.large-input-normal-font,select.large-input-normal-font{font-size:1rem} input.large-input-large-font,select.large-input-large-font{font-size:2rem}} @media screen and (min-width:1170px){input.x-large-input-medium,select.x-large-input-medium{height:3em;line-height:3} input.x-large-input-large,select.x-large-input-large,input.x-large-input-block{height:4em;line-height:4} input.x-large-input-small-font,select.x-large-input-small-font{font-size:0.75rem} input.x-large-input-normal-font,select.x-large-input-normal-font{font-size:1rem} input.x-large-input-large-font,select.x-large-input-large-font{font-size:2rem}} .input-block{display:block} input.all-hidden{display:none} input.required:required:valid,textarea.required:required:valid{border-color:#2ecc40} input.required:focus:invalid,textarea.required:focus:invalid{border-color:#ff4136} input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,select:focus,textarea:focus{/*box-shadow:inset 0.1rem 0.1rem 0.238rem hsla(0,0%,0%,0.15);*/  outline:0 none} input[type="file"]{cursor:pointer;max-width:100%;} input[type="search"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled],select[disabled],textarea[disabled]{background-color:#eaeded;color:#cad2d3;cursor:not-allowed;} input:not([type])[disabled]{background-color:#eaeded;color:#cad2d3;cursor:not-allowed;} input[readonly],select[readonly],textarea[readonly]{background:#eee;border-color:#ccc;color:#777;} :-moz-placeholder{color:#8a7b7b;font-size:inherit} ::-moz-placeholder{color:#8a7b7b;font-size:inherit} :-ms-input-placeholder{color:#8a7b7b !important;font-size:inherit !important;line-height:inherit !important} ::-webkit-input-placeholder{color:#8a7b7b;font-size:inherit;line-height:inherit} legend{border:0;color:#222;font-weight:700;padding:0;} .fieldset-border legend{background:#fff;margin:0;padding:0 0.356rem} /*select{background:#f8f8f8;color:#838383;} select:focus{outline:1px dotted #222} @-moz-document url-prefix(){select{max-height:4rem}}*/ textarea{height:5em;resize:vertical;} /* ------------------------ inline labeling ------------------------ */  .inline-labeling label{width:auto} @media (min-width:960px){.inline-labeling{font-size:0.875rem} .inline-labeling label{display:inline-block;margin-right:0.50em;text-align:right;vertical-align:middle;width:32%} .inline-labeling input[type="date"],.inline-labeling input[type="datetime"],.inline-labeling input[type="datetime-local"],.inline-labeling input[type="email"],.inline-labeling input[type="month"],.inline-labeling input[type="number"],.inline-labeling input[type="password"],.inline-labeling input[type="search"],.inline-labeling input[type="tel"],.inline-labeling input[type="text"],.inline-labeling input[type="time"],.inline-labeling input[type="url"],.inline-labeling input[type="week"],.inline-labeling select,.inline-labeling textarea{display:inline-block;vertical-align:middle;width:63%} .inline-labeling textarea{vertical-align:top} .inline-labeling input:not([type]){display:inline-block;vertical-align:middle;width:65%}} /* ---- Input Groups & Add-ons ---- */ .input-group{display:flex;} .input-group *:first-child{border-top-right-radius:0;border-bottom-right-radius:0} .input-group *:last-child{border-top-left-radius:0;border-bottom-left-radius:0} .input{flex:1} span.input-addon{border:1px solid #ccc;padding:;} .input-addon:first-child{border-right:0} .input-addon:last-child{border-left:0} .control-text{font-size:smaller;} /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{background:url(../images/Arrows.svg) no-repeat 94% center;-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s;}/* ------------------------ =TABLES ------------------------ */ table{/*border-spacing:0;border-collapse:collapse;*/  empty-cells:show;max-width:100%;width:100%;} table caption{font-weight:700;font-style:italic;padding-bottom:0.317rem} table th,table tfoot td{color:#222;font-weight:700;text-align:left} table thead th,table tfoot td{background-color:#efefef} table th,table td{overflow:visible;padding:0.633rem;vertical-align:top} /* ------------------------ add border ------------------------ */  .table-border{border:1px solid #d0d0d0} /* ------------------------ add borders for rows & columns ------------------------ */  .table-border-all th,.table-border-all td{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0} /* ------------------------ add borders for rows only ------------------------ */  .table-border-rows th,.table-border-rows td{border-top:1px solid #d0d0d0} /* ------------------------ remove top border to avoid double border on .border tables ------------------------ */  .table-border.border-all thead:first-child tr:first-child th,.table-border.border-all thead:first-child tr:first-child td,.table-border.border-rows thead:first-child tr:first-child th,.table-border.border-rows thead:first-child tr:first-child td{border-top:0} .table-.border-all tr th:first-child,.table-border-all tr td:first-child{border-left:0} .table-border-all tr:first-child th,.table-border-all thead:first-child tr:first-child th{border-top:0} /* ------------------------ add bottom border to last row in the table ------------------------ */  .table-border-rows tr:last-child td,.table-border-rows tr.last-child td{border-bottom:1px solid #d0d0d0} /* ------------------------ add stripes ------------------------ */  .table-stripe tbody > tr:nth-child(odd) > td{background:#f8f8f8} /* ------------------------ mobile table [convert to list-like view] ------------------------ */  @media (max-width:480px){.mobile-table{font-size:0.875rem;min-width:100%} .mobile-table thead,.mobile-table th{display:none} .mobile-table tr td:last-child{border-bottom:10px solid #ddd} .mobile-table td{display:block} .mobile-table td:first-child{padding-top:0.50rem} .mobile-table td:last-child{padding-bottom:0.50rem} .mobile-table td:before{content:attr(data-th) ":";display:inline-block;font-weight:700;width:8rem}}/* ------------------------ =BACKGROUND COLORS ------------------------ */ .bg-theme-primary{background-color:#97e543;} .bg-theme-secondary{background-color:#009dca;} .bg-theme-tertiary{background-color:#9d538e;} .bg-theme-quarternary{background-color:#373737;} .bg-navy{background-color:#001f3f;} .bg-blue{background-color:#0074d9;} .bg-sky{background-color:#1ac8e2;} .bg-aqua{background-color:#7fdbff;} .bg-teal{background-color:#39cccc;} .bg-olive{background-color:#3d9970;} .bg-green{background-color:#38c574;} .bg-lime{background-color:#01ff70;} .bg-yellow{background-color:#ffba00;} .bg-orange{background-color:#ff851b;} .bg-red{background-color:#dd293a;} .bg-fuchsia{background-color:#f012be;} .bg-purple{background-color:#b10dc9;} .bg-maroon{background-color:#731e11;} .bg-white{background-color:#fff;} .bg-charcoal{background-color:#292929;} .bg-gray{background-color:#e5e5e5;} .bg-silver{background-color:#f4f4f4;} .bg-black{background-color:#111;} .bg-transparent,.bg-transparent:hover{background-color:transparent;color:inherit;} .bg-levels-green{background-color:#38c574;} /* ------------------------ button hovers ------------------------ */  .button.bg-theme-primary:hover{background-color:#7ebf37;color:#fff} .button.bg-theme-secondary:hover{background-color:#0080a3;color:#fff} .button.bg-theme-tertiary:hover{background-color:#78406d;color:#fff} .button.bg-theme-quarternary:hover{background-color:#121212;color:#fff} .button.bg-navy:hover{background-color:#002a53} .button.bg-blue:hover{background-color:#006dc5} .button.bg-sky:hover{background-color:#00b3d3} .button.bg-aqua:hover{background-color:#75cceb;color:#333} .button.bg-teal:hover{background-color:#33b8b8;color:#333} .button.bg-olive:hover{background-color:#358562} .button.bg-green:hover{background-color:#639f75;color:#fff} .button.bg-lime:hover{background-color:#01eb68;color:#333} .button.bg-yellow:hover{background-color:#fc0} .button.bg-orange:hover{background-color:#eb7b19} .button.bg-red:hover{background-color:#e82532} .button.bg-fuchsia:hover{background-color:#dc10b1} .button.bg-purple:hover{background-color:#9d0bb5} .button.bg-maroon:hover{background-color:#872314} .button.bg-white:hover{background-color:#ebebeb;color:#333} .button.bg-charcoal:hover{background-color:#111} .button.bg-gray:hover{color:#333;background-color:#969696} .button.bg-silver:hover{background-color:#c9c9c9;color:#333} .button.bg-black:hover{background-color:#333} /* ------------------------ =BORDER COLORS ------------------------ */ .border-theme-primary{border-color:#97e543;} .border-theme-secondary{border-color:#009dca;} .border-theme-tertiary{border-color:#9d538e;} .border-theme-quarternary{border-color:#373737;} .button.border-grey{border:2px solid #dfe0e1;} .border-navy{border-color:#001f3f;} .border-blue{border-color:#0074d9;} .border-sky{border-color:#1ac8e2;} .border-aqua{border-color:#7fdbff;} .border-teal{border-color:#39cccc;} .border-olive{border-color:#3d9970;} .border-green{border-color:#2ecc40;} .border-lime{border-color:#01ff70;} .border-yellow{border-color:#ffba00;} .border-orange{border-color:#ff851b;} .border-red{border-color:#dd293a;} .border-fuchsia{border-color:#f012be;} .border-purple{border-color:#b10dc9;} .border-maroon{border-color:#731e11;} .border-white{border-color:#fff;} .border-charcoal{border-color:#292929;} .border-gray{border-color:#e5e5e5;} .border-silver{border-color:#f4f4f4;} .border-black{border-color:#111;} .border-transparent{border-color:transparent;} /* ------------------------ =FONT COLORS ------------------------ */ .theme-primary{color:#97e543;} a.theme-primary:hover,a .theme-primary:hover{color:#7ebf37;} .theme-secondary{color:#009dca;} a.theme-secondary:hover,a .theme-secondary:hover{color:#0080a3;} .theme-tertiary{color:#9d538e;} a.theme-tertiary:hover,a .theme-tertiary:hover{color:#78406d;} .theme-quarternary{color:#373737;} a.theme-quarternary:hover,a .theme-quarternary:hover{color:#121212;} .navy{color:#001f3f;} .blue{color:#0074d9;} .sky{color:#1ac8e2;} .aqua{color:#7fdbff;} .teal{color:#39cccc;} .olive{color:#3d9970;} .green{color:#2ecc40;} .lime{color:#01ff70;} .yellow{color:#ffba00;} .orange{color:#ff851b;} .error,.red{color:#dd293a;} .fuchsia{color:#f012be;} .purple{color:#b10dc9;} .maroon{color:#731e11;} .white{color:#fff;} .charcoal{color:#292929;} .gray{color:#e5e5e5;} .silver{color:#f4f4f4;} .black{color:#111;} .transparent{color:transparent;} /* ------------------------ =SOCIAL NETWORKS ------------------------ */ .blogger{color:#fb8f3d;} .facebook{color:#3b5998;} .flickr{color:#ff0084;} .googleplus{color:#dd4b39;} .instagram{color:#517fa4;} .linkedin{color:#007bb6;} .pinterest{color:#cb2027;} .twitter{color:#00aced;} .vimeo{color:#90d5ec;} .youtube{color:#b00;} .bg-blogger{background-color:#fb8f3d;} .bg-facebook{background-color:#3b5998;} .bg-flickr{background-color:#ff0084;} .bg-googleplus{background-color:#dd4b39;} .bg-instagram{background-color:#517fa4;} .bg-linkedin{background-color:#007bb6;} .bg-pinterest{background-color:#cb2027;} .bg-twitter{background-color:#00aced;} .bg-vimeo{background-color:#90d5ec;} .bg-youtube{background-color:#b00;} .bg-facebook:hover,.bg-flickr:hover,.bg-googleplus:hover,.bg-instagram:hover,.bg-linkedin:hover,.bg-pinterest:hover,.bg-twitter:hover,.bg-youtube:hover{box-shadow:inset 0 0 8px rgba(0,0,0,0.5);color:#fff;text-decoration:none} /* ------------------------ =GRADIENTS ------------------------ *//* ------------------------ =SLIDER ------------------------ */ .slick-slider{display:block;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;} .slick-list{display:block;margin:0;padding:0;overflow:hidden;position:relative} .slick-list:focus{outline:none} .slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{display:table;position:relative;left:0;top:0} .slick-track:after{clear:both;content:'';display:table} .slick-slide{display:none;float:left;height:100%;min-height:1px} .slick-slide img{display:block;margin:0 auto;-moz-user-select:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none} .slick-list.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:table-cell} /* ------------------------ loading states ------------------------ */  .slick-loading .slick-track,.slick-loading .slick-slide{visibility:hidden} .slick-loading .slick-list,.slick-slide.loading{background:#fff url(../images/img_slider_loader.gif) center center no-repeat} .slick-slide.loading{position:relative} /* ------------------------ vertical ------------------------ */  .slick-vertical .slide-track{display:block} .slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto} /* ------------------------ arrows ------------------------ */  .slick-prev,.slick-next{background:#f9fcfd;border:1px solid #d6dce6;border-radius:2px;color:transparent;cursor:pointer;display:block;font-size:0;line-height:0;margin-top:-1rem;padding:0;position:absolute;top:50%;width:2rem;height:2rem} .slick-prev{left:0} .slick-next{right:0} .slick-prev:before,.slick-next:before{color:#b4bfc2;font-family:'ElegantIcons';font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1;opacity:1} .slick-prev:before{content:'\34'} .slick-next:before{content:'\35'} .slick-prev:focus,.slick-next:focus{outline:none} .slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:not-allowed;opacity:0.50} /* ------------------------ dots ------------------------ */  .slick-dots{display:block;list-style:none;padding:0;position:absolute;bottom:-3rem;text-align:center;width:100%} .slick-dots li{display:inline-block;margin:0 0.25rem;padding:0;position:relative;width:1.50rem;height:1.50rem} .slick-dots li a{color:transparent;display:block;font-size:0;line-height:0;outline:none;padding:0.25rem;width:1.50rem;height:1.50rem} .slick-dots li a:before{color:#2b2b2b;content:'\5e';font-family:'ElegantIcons';font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:2;opacity:0.25} .slick-dots li.slick-active a:before{opacity:0.75} /* ------------------------ dragging ------------------------ */  .slick-list.dragging{cursor:pointer;cursor:hand}/* ---- Floating Placeholder - http://codepen.io/lbebber/pen/uEHzD ---- */ .floating-placeholder .input,.floating-placeholder{font-size:16px;line-height:30px;/* 30px */  height:60px;margin:0;/*padding:10px;*/  padding:20px 10px 10px;width:100%;} .floating-button{height:50px;} .floating-placeholder{position:relative;border:1px solid #ccc;border-radius:3px;padding:0;overflow:hidden;} .floating-placeholder .input{font-size:16px;border:none;outline:none;position:absolute;top:0;left:0;display:block;z-index:2} .floating-placeholder .input::-webkit-input-placeholder,.floating-placeholder .input:-moz-placeholder,.floating-placeholder .input::-moz-placeholder,.floating-placeholder .input:-ms-input-placeholder{color:transparent} .floating-placeholder .input:focus + label{} .floating-placeholder .input[value] + label{z-index:20} .floating-placeholder label{color:#81838A;font-weight:100;display:block;position:absolute;top:10px;left:10px;line-height:50px;z-index:2;color:#81838A;-ms-transform-origin:0 0em;-webkit-transform-origin:0 0em;transform-origin:0 0em;-webkit-transition:font-size 160ms;transition:font-size 160ms;-webkit-transition:line-height 160ms;transition:line-height 160ms;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .floating-placeholder-float label{/* -moz-transform:scale(0.55,0.55) rotateY(0);-ms-transform:scale(0.55,0.55) rotateY(0);-webkit-transform:scale(0.55,0.55) rotateY(0);transform:scale(0.55,0.55) rotateY(0);*/  top:0;font-size:11px;line-height:25px;} /* .floating-placeholder-float .input{top:5px;} */ /* .floating-placeholder-float .input{line-height:50px;} *//* ------------------------------- =MAGNIFIC POPUP v0.9.9 ------------------------------- */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;} .mfp-align-top .mfp-container:before{display:none;} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;} .mfp-ajax-cur{cursor:progress;} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:pointer;width:auto;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .mfp-auto-cursor .mfp-content{cursor:auto;} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;} .mfp-loading.mfp-figure{display:none;} .mfp-hide{display:none !important;} .mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;} .mfp-preloader a{color:#cccccc;} .mfp-preloader a:hover{color:white;} .mfp-s-ready .mfp-preloader{display:none;} .mfp-s-error .mfp-content{display:none;} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;} button::-moz-focus-inner{padding:0;border:0;} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;} .mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100);} .mfp-close:active{top:1px;} .mfp-close-btn-in .mfp-close{color:#333333;} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;} .mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;} .mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);} .mfp-arrow:active{margin-top:-54px;} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);} .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;} .mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;} .mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;} .mfp-arrow-left{left:0;} .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px;} .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f;} .mfp-arrow-right{right:0;} .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px;} .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f;} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px;} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;} .mfp-iframe-holder .mfp-close{top:-40px;} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black;} /* Main image in popup */ img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;} /* The shadow behind the image */ .mfp-figure{line-height:0;} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444444;} .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;} .mfp-figure figure,.mfp-figure figcaption{margin:0;} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;} .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px;} .mfp-image-holder .mfp-content{max-width:100%;z-index:9999;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){/** * Remove all paddings around the image on small screen */  .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}} @media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px}} .mfp-ie7 .mfp-img{padding:0;} .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;} .mfp-ie7 .mfp-container{padding:0;} .mfp-ie7 .mfp-content{padding-top:44px;} .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}/* ------------------------ =HELPER CLASSES ------------------------ */  .regular{font-weight:400} .bold{font-weight:700} .light{font-weight:100} .bold-black{font-weight:500} .nb{border:0} .uppercase{text-transform:uppercase} .underline{text-decoration:underline !important} .capitalize{text-transform:capitalize} .overflow-hide{overflow:hidden} .italic{font-style:italic} /* ------------------------ alignment ------------------------ */  .align-center{text-align:center} .align-justify{text-align:justify} .align-left{text-align:left} .align-right{text-align:right} .align-baseline{vertical-align:baseline} .align-bottom{vertical-align:bottom} .align-middle{vertical-align:middle} .align-top{vertical-align:top} .vertical-align-parent{-webkit-transform-style:preserve-3d} .vertical-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .ie8 .vertical-align{display:table-cell;vertical-align:middle} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-align-center{text-align:center} .x-small-align-justify{text-align:justify} .x-small-align-left{text-align:left} .x-small-align-right{text-align:right} .x-small-align-baseline{vertical-align:baseline} .x-small-align-bottom{vertical-align:bottom} .x-small-align-middle{vertical-align:middle} .x-small-align-top{vertical-align:top}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-align-center{text-align:center} .small-align-justify{text-align:justify} .small-align-left{text-align:left} .small-align-right{text-align:right} .small-align-baseline{vertical-align:baseline} .small-align-bottom{vertical-align:bottom} .small-align-middle{vertical-align:middle} .small-align-top{vertical-align:top}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-align-center{text-align:center} .medium-align-justify{text-align:justify} .medium-align-left{text-align:left} .medium-align-right{text-align:right} .medium-align-baseline{vertical-align:baseline} .medium-align-bottom{vertical-align:bottom} .medium-align-middle{vertical-align:middle} .medium-align-top{vertical-align:top}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-align-center{text-align:center} .large-align-justify{text-align:justify} .large-align-left{text-align:left} .large-align-right{text-align:right} .large-align-baseline{vertical-align:baseline} .large-align-bottom{vertical-align:bottom} .large-align-middle{vertical-align:middle} .large-align-top{vertical-align:top}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-align-center{text-align:center} .x-large-align-justify{text-align:justify} .x-large-align-left{text-align:left} .x-large-align-right{text-align:right} .x-large-align-baseline{vertical-align:baseline} .x-large-align-bottom{vertical-align:bottom} .x-large-align-middle{vertical-align:middle} .x-large-align-top{vertical-align:top}} /* ------------------------ positioning (floating) ------------------------ */  .clear{clear:both} .clear-height{height:auto !important;line-height:normal !important} .float-left{float:left} .float-none{float:none} .float-right{float:right} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-float-left{float:left} .x-small-float-none{float:none} .x-small-float-right{float:right}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-float-left{float:left} .small-float-none{float:none} .small-float-right{float:right}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-float-left{float:left} .medium-float-none{float:none} .medium-float-right{float:right}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-float-left{float:left} .large-float-none{float:none} .large-float-right{float:right}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-float-left{float:left} .x-large-float-none{float:none} .x-large-float-right{float:right}} /* ------------------------ image positioning (floating) ------------------------ */  .img-left{float:left;margin:0.20rem 0.75rem 0.75rem 0} .img-right{float:right;margin:0.20rem 0 0.75rem 0.75rem} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-img-left{float:left;margin:0.20rem 0.75rem 0.75rem 0} .x-small-img-right{float:right;margin:0.20rem 0 0.75rem 0.75rem}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-img-left{float:left;margin:0.20rem 0.75rem 0.75rem 0} .small-img-right{float:right;margin:0.20rem 0 0.75rem 0.75rem}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-img-left{float:left;margin:0.20rem 0.75rem 0.75rem 0} .medium-img-right{float:right;margin:0.20rem 0 0.75rem 0.75rem}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-img-left{float:left;margin:0.20rem 0.75rem 0.75rem 0} .large-img-right{float:right;margin:0.20rem 0 0.75rem 0.75rem}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:960px){.x-large-img-left{float:left;margin:0.20rem 0.75rem 0.75rem 0} .x-large-img-right{float:right;margin:0.20rem 0 0.75rem 0.75rem}} /* ------------------------ breaker (<br /> substitutes for non-specific sections) ------------------------ */  .breaker{display:block;height:0.75rem} @media only screen and (min-width:640px){.breaker{height:1rem}} @media only screen and (min-width:768px){.breaker{height:1.50rem}} /* ------------------------ display ------------------------ */  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .all-hidden{display:none;visibility:hidden} .all-shown{display:block;visibility:visible} .hide{display:none} .show{display:block} .inline{display:inline} .inline-block{display:inline-block} .invisible{visibility:hidden} .visible{visibility:visible} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-all-shown{display:block;visibility:visible} .x-small-all-hidden{display:none;visibility:hidden} .x-small-hide{display:none} .x-small-show{display:block} .x-small-inline{display:inline} .x-small-inline-block{display:inline-block} .x-small-invisible{visibility:hidden} .x-small-visible{visibility:visible}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-all-shown{display:block;visibility:visible} .small-all-hidden{display:none;visibility:hidden} .small-hide{display:none} .small-show{display:block} .small-inline{display:inline} .small-inline-block{display:inline-block} .small-invisible{visibility:hidden} .small-visible{visibility:visible}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-all-shown{display:block;visibility:visible} .medium-all-hidden{display:none;visibility:hidden} .medium-hide{display:none} .medium-show{display:block} .medium-inline{display:inline} .medium-inline-block{display:inline-block} .medium-invisible{visibility:hidden} .medium-visible{visibility:visible}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-all-shown{display:block;visibility:visible} .large-all-hidden{display:none;visibility:hidden} .large-hide{display:none} .large-show{display:block} .large-inline{display:inline} .large-inline-block{display:inline-block} .large-invisible{visibility:hidden} .large-visible{visibility:visible}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-all-shown{display:block;visibility:visible} .x-large-all-hidden{display:none;visibility:hidden} .x-large-hide{display:none} .x-large-show{display:block} .x-large-inline{display:inline} .x-large-inline-block{display:inline-block} .x-large-invisible{visibility:hidden} .x-large-visible{visibility:visible}} .visuallyhidden{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;height:1px;/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */ } /* ------------------------ remove borders ------------------------ */  .nb,button.nb,input.nb,select.nb,textarea.nb{border:none} .ntb,button.ntb,input.ntb,select.ntb,textarea.ntb{border-top:none} .nrb,button.nrb,input.nrb,select.nrb,textarea.nrb{border-right:none} .nbb,button.nbb,input.nbb,select.nbb,textarea.nbb{border-bottom:none} .nlb,button.nlb,input.nlb,select.nlb,textarea.nlb{border-left:none} /* ------------------------ remove margins ------------------------ */  .nm{margin:0} .ntm{margin-top:0} .nrm{margin-right:0} .nbm{margin-bottom:0} .nlm{margin-left:0} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-nm{margin:0} .x-small-ntm{margin-top:0} .x-small-nrm{margin-right:0} .x-small-nbm{margin-bottom:0} .x-small-nlm{margin-left:0}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-nm{margin:0} .small-ntm{margin-top:0} .small-nrm{margin-right:0} .small-nbm{margin-bottom:0} .small-nlm{margin-left:0}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-nm{margin:0} .medium-ntm{margin-top:0} .medium-nrm{margin-right:0} .medium-nbm{margin-bottom:0} .medium-nlm{margin-left:0}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-nm{margin:0} .large-ntm{margin-top:0} .large-nrm{margin-right:0} .large-nbm{margin-bottom:0} .large-nlm{margin-left:0}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-nm{margin:0} .x-large-ntm{margin-top:0} .x-large-nrm{margin-right:0} .x-large-nbm{margin-bottom:0} .x-large-nlm{margin-left:0}} /* ------------------------ remove padding ------------------------ */  .np{padding:0} .ntp{padding-top:0} .nrp{padding-right:0} .nbp{padding-bottom:0} .nlp{padding-left:0} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-np{padding:0} .x-small-ntp{padding-top:0} .x-small-nrp{padding-right:0} .x-small-nbp{padding-bottom:0} .x-small-nlp{padding-left:0}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-np{padding:0} .small-ntp{padding-top:0} .small-nrp{padding-right:0} .small-nbp{padding-bottom:0} .small-nlp{padding-left:0}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-np{padding:0} .medium-ntp{padding-top:0} .medium-nrp{padding-right:0} .medium-nbp{padding-bottom:0} .medium-nlp{padding-left:0} .medium-lp{padding-left:0.75rem}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-np{padding:0} .large-ntp{padding-top:0} .large-nrp{padding-right:0} .large-nbp{padding-bottom:0} .large-nlp{padding-left:0}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-np{padding:0} .x-large-ntp{padding-top:0} .x-large-nrp{padding-right:0} .x-large-nbp{padding-bottom:0} .x-large-nlp{padding-left:0}} /* ------------------------ full width breakpoint ------------------------ */  @media only screen and (min-width:1185px){.full-width-np{padding:0} .full-width-ntp{padding-top:0} .full-width-nrp{padding-right:0} .full-width-nbp{padding-bottom:0} .full-width-nlp{padding-left:0}} /* ------------------------ browers goodies ------------------------ */  .corners{border-radius:0.25rem} .no-corners{border-radius:0} .shadows{box-shadow:0 2px 4px 0 rgba(51,51,51,.3)} .bottom-shadow{box-shadow:0 6px 8px -6px rgba(0,0,0,.2)} .text-shadow{text-shadow:1px 1px 1px rgba(51,51,51,.3)} /* ------------------------ alerts and messages ------------------------ */ /*	.message{background-color:#e6e6e6;border-radius:0.25rem;color:#5a6c7f;margin:1.50rem 0;padding:0.75rem 1rem}*/  .message.closable .close{color:#333;font-size:2rem;line-height:1;margin-top:-1rem;opacity:0.3;position:absolute;top:50%;right:0.25rem;text-decoration:none} .message br:first-child{display:none} .message p,.message ol,.message ul{margin-bottom:0} /* .message-info{background:#e4f4fd;border:1px solid #a8cce2;color:#407ea1} .message-success{background:#e6f4d8;border:1px solid #a5d76f;color:#61801b} .message-warning{background:#f9f9d5;border:1px solid #d6cd77;color:#7c7548}*/  .js-purchase-message figure,#js-purchase-message figure{color:#E23939;font-size:3rem} .js-purchase-message span,#js-purchase-message span{-webkit-flex-direction:column;-webkit-justify-content:center;flex-direction:column;justify-content:center;font-size:0.75rem;height:100%;text-align:center} .message-error{background:#fbe3e3;border:1px solid #f7b5b7;color:#d34047} /* ------------------------ what??? they have an old brower ------------------------ */  .message.browsehappy{margin:0 0 0 -300px;position:fixed;top:0;left:50%;width:600px;z-index:99999} /* ------------------------ tags ------------------------ */  .tag{border-radius:0.25rem;font-size:0.75rem;font-weight:700;line-height:1;padding:0.25rem 0.375rem;vertical-align:baseline;white-space:nowrap} /* ------------------------ flags ------------------------ */  .product__flag{border:1px solid;display:block;font-size:0.625rem;margin-bottom:1rem;padding:0.3rem} .product__flag:after{content:'!'} .ctgy .product__flag{margin:0 auto 1rem} /* ------------------------ notifications ------------------------ */  .notification{border-radius:1.25rem;font-size:0.75rem;line-height:1;padding:0.25rem 0.5rem;text-align:center;white-space:nowrap;vertical-align:baseline} /* ------------------------ For Image Replacements ------------------------ */  .ir{overflow:hidden;text-indent:100%;white-space:nowrap} .ir br{display:none} /* ------------------------ The Magnificent Clearfix ------------------------ */  .clearfix:before,.clearfix:after{content:" ";display:table} .clearfix:after{clear:both} .clearfix{zoom:1} /* ------------------------ embedded content ------------------------ */  audio,video{width:100%} audio:focus,video:focus{outline:1px dotted #222} embed,img,object,video{height:auto;max-width:100%} img.constrain{max-height:100%} iframe{max-width:100%} embed,object{height:100%} figcaption{font-size:0.75rem;font-style:italic;margin-top:0.50rem} .flex-video{height:0;overflow:hidden;margin-bottom:1rem;padding-top:1.5625rem;padding-bottom:67.5%;position:relative} .flex-video.widescreen{padding-bottom:57.25%} .flex-video.vimeo{padding-top:0} .flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%} img{vertical-align:middle;-ms-interpolation-mode:bicubic} /* ------------------------ syntactical elements ------------------------ */  code,kbd,pre,samp{color:#444;font-size:0.875rem;font-family:Monaco,"Lucida Sans Typewriter",Consolas,"Courier New",monospace} code{background:#f8f8f8;border:1px solid #dedede;border-radius:0.178rem;margin:0;padding:0.064rem 0.317rem;white-space:nowrap} kbd{background:#f8f8f8;border:1px solid #dedede;border-radius:0.238rem;box-shadow:0 1px 0 #dedede,inset 0 0 0 1px #fff;margin-bottom:1px;padding:0.064rem 0.317rem;position:relative;top:-1px;white-space:nowrap} pre{position:relative;overflow:auto;padding:1rem;background:#222;box-shadow:inset 0 0 0.356rem hsla(0,0%,0%,0.6);color:#ccc;-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;tab-size:4;white-space:pre;word-wrap:normal;word-break:normal} pre code{background:transparent;border:none;border-radius:0;color:inherit;display:block;height:100%;margin:0;overflow:auto;padding:0;white-space:pre} /* ------------------------ heading-decoration ------------------------ */ .heading-decoration:before{border:solid #8d8d8d;border-width:2px 0;content:'';display:block;height:0.50rem;margin-top:-0.25rem;position:absolute;top:50%;right:0.75rem;left:0.75rem;} .heading-decoration span,.heading-decoration .readytheme-banner{background:#f4f4f4;display:inline;padding:0 1rem;position:relative} /* ---- Wells ---- */ .well{border:1px solid #ccd1d9;padding:3em;} /* ------------------------ flex classes ------------------------ */  .flex{display:-webkit-box;display:-ms-flexbox;display:flex;} .flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;} .flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} .flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around;} .flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} .flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;} .flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} /* ------------------------ x-small breakpoint ------------------------ */  @media only screen and (min-width:480px){.x-small-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .x-small-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .x-small-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .x-small-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .x-small-flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .x-small-flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around} .x-small-flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .x-small-flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .x-small-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}} /* ------------------------ small breakpoint ------------------------ */  @media only screen and (min-width:640px){.small-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .small-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .small-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .small-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .small-flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .small-flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around} .small-flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .small-flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .small-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}} /* ------------------------ medium breakpoint ------------------------ */  @media only screen and (min-width:768px){.medium-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .medium-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .medium-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .medium-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .medium-flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .medium-flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around} .medium-flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .medium-flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .medium-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}} /* ------------------------ medium only breakpoint ------------------------ */  @media only screen and (min-width:768px) and (max-width:959px){.medium-only-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .medium-only-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .medium-only-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .medium-only-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .medium-only-flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .medium-only-flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around} .medium-only-flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .medium-only-flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .medium-only-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}} /* ------------------------ large breakpoint ------------------------ */  @media only screen and (min-width:960px){.large-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .large-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .large-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .large-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .large-flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .large-flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around} .large-flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .large-flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .large-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}} /* ------------------------ x-large breakpoint ------------------------ */  @media only screen and (min-width:1170px){.x-large-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .x-large-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .x-large-flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .x-large-flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .x-large-flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .x-large-flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around} .x-large-flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .x-large-flex-flow-row-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .x-large-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}/* +-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+ =BODY =CUSTOM COLUMNS =HEADER =NAVIGATION BAR =MAIN =COLUMN-LEFT =COLUMN-RIGHT =BOTTOM WRAP =FOOTER =DISCLAIMERS =MOBILE FOOTER */ /* ------------------------------- =BODY ------------------------------- */ body{font-family:'Lato',Arial,sans-serif;} .message{padding:1rem;} .bask .message{margin:1rem 0;padding:1rem 0;} .readytheme-contentsection a,.prod .product-information--description a{color:#b2549e;} a.returns-header__link{color:#fff;text-decoration:underline;} /* ------------------------------- =CUSTOM COLUMNS ------------------------------- */ .two-columns main .column-right{display:none;} .two-columns main .column-middle{border-right:1px solid #e9eaed;} .single-column main .column-middle{border:1px solid #e9eaed;border-width:0 1px;width:100% !important;} @media only screen and (min-width:960px){.column-left{width:30%;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .column-middle{width:50%;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .two-columns main .column-middle{width:70%} .column-right{width:20%;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}} @media only screen and (min-width:1170px){.column-left{width:16.88rem} .column-middle{width:41.88rem} .column-right{width:14.38rem} .two-columns main .column-middle{width:56.19rem}} /* ------------------------------- =HEADER ------------------------------- */ .header{background:#fff;margin:0 auto;} .desktop__header{padding:1rem 0;} .desktop-inner__nav{z-index:9;} @media screen and (min-width:768px) and (max-width:959px){.header{border-bottom:1px solid #e9eaed}} .header.stuck,.header .main-header.stuck{background:#fff;position:fixed;top:0;right:0;left:0;width:100%;z-index:1000} #js-sticky-header{width:100%;z-index:999;display:block;position:fixed;top:-120px;background:#24364a} @media screen and (min-width:960px){#js-sticky-header.slideDownSticky{top:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}} #js-sticky-categories-nav .nav-group-2,#js-sticky-categories-nav .nav-group-3{display:none !important} /* ------------------------ pre-header ------------------------ */  .pre-header{} .pre-header nav{z-index:2} .pre-header a{color:#fff} .pre-header .pre-header--promo{color:#fff;font-size:0.75rem;height:2rem;line-height:2} @media only screen and (min-width:768px){.pre-header .pre-header--promo{font-size:0.875rem;height:2.50rem;line-height:2.5} .pre-header a:hover{color:#38c674} #js-mobile-autocomplete{display:none !important}} .global-sign-in{background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.3);float:none;font-size:0.75rem;padding-top:0.75rem;padding-bottom:0.75rem;position:absolute;top:-15rem;right:0;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:1002} .global-sign-in.open{top:2.50rem} .global-sign-in form,.global-sign-in p{margin-bottom:0.50rem} .global-sign-in a{color:#0074d9} /* ------------------------ main-header ------------------------ */  .main-header{z-index:2;padding-bottom:.5rem} @media only screen and (min-width:960px){.main-header{font-size:0.875rem;padding:0}} @media only screen and (min-width:768px){.desktop__header .flex__vertical-align{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem 0 0}} @media only screen and (min-width:960px){.desktop__header .flex__vertical-align{padding:1rem 0}} /* ------------------------ logo ------------------------ */  .logo__container a{display:block;margin:0 auto;position:relative;top:.3rem;width:auto;height:3.5rem} .logo__container svg,.logo__container img{height:100%} @media screen and (min-width:768px){.logo__container a{margin:0 auto 1rem;top:0;height:5rem}} @media screen and (min-width:960px){.logo__container a{margin:0 auto;height:5.4rem}} /* ------------------------ mobile-main-header ------------------------ */  .mobile-main-header{background:#fff;height:4.5rem;line-height:4;overflow:hidden;padding-top:0.2rem;text-align:center} /*.mobile-menu-button span{position:relative;top:-5px}*/  .mobile-main-header .mobile-menu-button span{display:inline-block;font-size:1.50rem;line-height:2.667;vertical-align:middle;width:100%;padding-top:0.4rem} .medium-menu-button{font-size:3em;line-height:1} .medium-menu-button span:before{position:relative;top:0.3rem} .mobile-basket-button .mini-basket-count,.mobile-basket-button .mini-basket-inner{line-height:2} /* ------------------------ service-links ------------------------ */  @media screen and (min-width:960px){.service-links{font-size:0.75rem;letter-spacing:.5px;padding:0.5rem 0} .service-links a:hover{color:#fff} .service-link-phone{position:relative;top:1px} .service-links .breadcrum-border{padding-right:0.25rem;padding-left:0.25rem} .login-arrow{position:relative;top:2px}} /* ------------------------ mix and match banner ------------------------ */  .mix-match__container{background:#f7f7f7;border-style:solid;border-width:1px 0;color:#414141;padding:0.5rem 0} .mix-match__container .flex__vertical-align{-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto;max-width:14rem} h2.mix-match__header{display:inline-block;font-size:1rem;line-height:1;margin-bottom:0} h4.mix-match__subtitle{display:inline-block;color:#414141;font-size:0.625rem;margin-bottom:0} @media only screen and (min-width:960px){.mix-match__container{border-width:1px;max-width:30.94rem;padding:1rem 0} .mix-match__title{border-right:1px solid #bababa} h2.mix-match__header{font-size:1.375rem;margin-bottom:0.625rem} h4.mix-match__subtitle{font-size:1rem} .mix-match__item{color:#3d3d3d;font-size:0.875rem} /*.mix-match--details{color:#616161;font-size:0.75rem}*/  .mix-match__link a{color:#009dca;font-size:0.8125rem;padding-left:1rem}} /* ------------------------ mini-basket ------------------------ */  .mini-basket{/* height:4rem;line-height:4;*/  /*display:inline-block;*/  font-size:1rem} .mini-basket-container{display:none} .mini-basket-icon{margin-right:0.25rem;display:inline-block;font-size:1.25rem;line-height:1;position:relative;top:5px} .mobile-basket-button .mini-basket-inner{line-height:1.5} .mini-basket-count{padding:.2rem 0.8rem;font-size:0.75rem} @media screen and (min-width:768px){.mini-basket-icon{margin-right:.5rem;display:inline-block;font-size:1.75rem;line-height:1;position:relative;top:6px} .mini-basket-info{color:#616161;font-size:1rem;line-height:1.5} .calc-shipping{font-size:0.6875rem} .mini-basket-count,.mini-basket-text{padding:.5rem .9rem;line-height:1;font-size:1rem} .mobile-basket-button .mini-basket-inner{line-height:2}} .mini-basket-inner{/*border:2px solid #38c574;*/  /*display:inline-block;*/  position:relative;/*-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/ } /* .mini-basket-inner:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(56,197,116,0);border-right-color:#38c574;border-width:5px;margin-top:-5px}*/  /*.mobile-basket-button .mini-basket-inner{background:#38c574}*/  @media screen and (min-width:960px){.mini-basket-icon{margin-right:1rem} .mini-basket-info{font-size:.9rem} .mini-basket-inner:after{border-width:10px;margin-top:-10px}} .mini-basket-count{/*background:#38c574;*/  color:#f4f4f4} .mini-basket-down-arrow{font-size:.8em;position:relative;top:1px} .mini-basket-container{background:#fff;border:1px solid rgba(0,0,0,0.10);/*box-shadow:0 4px 4px 0 rgba(0,0,0,.3);*/  float:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:absolute;top:-40rem;right:12px;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:1001} .round-bottom-left{-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px} .round-bottom-right{-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px} .mini-basket-container.open{top:4rem} @media only screen and (min-width:768px){.mini-basket-container:after,.mini-basket-container:before{border:solid transparent;content:" ";position:absolute;bottom:100%;left:80%;pointer-events:none;width:0;height:0} .mini-basket-container:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:9px;margin-left:-4px} .mini-basket-container:before{border-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0.10);border-width:10px;margin-left:-5px} .mini-basket-container.open{top:12rem}} @media screen and (min-width:960px){.mini-basket-container.open{top:8rem}} .mini-basket-content{cursor:default;padding:1rem} /*.mini-basket-content h3{border-bottom:1px solid #d5d5d5;line-height:2}*/  .mini-basket-content h3 span{border-bottom:1px solid #38c674} .mini-basket-content h5{font-size:1.125rem;line-height:1;margin-bottom:0.50rem} .mini-basket-table-wrap{font-size:0.875rem;overflow:hidden;overflow-y:auto;max-height:300px} .mini-basket-row{border-bottom:1px solid #dedede;padding:0.50rem 0} /* .mini-basket-row a{color:initial} */  .mini-basket-content a.button{font-size:1.125rem} .mini-basket-close{cursor:pointer;color:#a1adb9;font-size:1.5rem;position:absolute;right:.5rem;top:0;z-index:1} .mini-basket-image{border:1px solid #dee5e7} .mini-basket-seperator{font-size:1rem;letter-spacing:3px} /* ------------------------------- =NAVIGATION BAR ------------------------------- */ .desktop__nav{border:1px solid #e9eaed;} .desktop__nav{border-width:1px;} .navigation-bar{/*box-shadow:0 2px 4px -2px rgba(0,0,0,.2);*/  position:relative;text-align:center;z-index:1;} .navigation-set{/*height:0;*/  padding:0;-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .navigation-set li{/*display:inline-block;display:table-cell;*/  cursor:pointer;list-style:none;margin:0;padding:0;position:relative;text-align:left} .navigation-set li a{display:block} @media only screen and (min-width:960px){.navigation-bar{padding:.5rem 0} .navigation_main .navigation-set{display:-webkit-display-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around} .navigation-set{font-size:0;margin:0 auto;opacity:1;padding:0;text-align:left;max-width:1170px;height:100%} .navigation-set .level-1 a{font-size:0.8125rem;height:auto;line-height:1;padding:.5rem;text-align:center} .navigation-set .level-1 a:after{content:'';border-bottom:solid 1px #97e543;display:block;position:relative;bottom:-6px;transform:scaleX(0);transition:transform 250ms ease-in-out} .navigation-set .level-1 a:hover:after{transform:scaleX(1.15)} .safari .navigation-set .level-1{float:left} .navigation-set .open-global-search{width:4%}} /* ------------------------ first sub-level ------------------------ */  .navigation-set li ul{border-top:1px solid #dedede;box-shadow:0 4px 4px 0 rgba(0,0,0,.2);display:none;font-size:0.75rem;line-height:1.5;margin:0;min-width:100%;padding:1rem;position:absolute;left:0;z-index:999} .navigation-set li:hover ul{background:#fff;display:block} .navigation-set li ul li{display:block;margin:0 0.75rem} .navigation-set .level-2{font-size:1rem;font-weight:100;min-width:10rem;line-height:2} .navigation-set > .level-1:first-child .level-2 a,.navigation-set li ul .level-2 a{border:0 none;margin-bottom:0.25rem;text-align:left;text-transform:none} .navigation-set .level-2 a:hover{font-weight:normal} /*.navigation-set .level-2 a:after{background:#38c674;content:'';display:block;position:relative;bottom:0;width:33%;height:2px}*/  .navigation-set .level-2 a i{font-size:0.75rem;position:absolute;top:0.50rem;right:0} /* ------------------------ second and subsequent sub-levels ------------------------ */  .navigation-set li:hover ul ul{border:0 none;box-shadow:none;display:none;margin:0;padding:0} .navigation-set li ul li ul{display:none;position:absolute;top:0;left:100%} .navigation-set li ul li:hover > ul{display:block} .navigation-set .level-3{font-size:0.875rem;line-height:2;margin:0} .navigation-set > .level-1:first-child .level-2 .level-3 a,.navigation-set ul .level-2 .level-3 a{border-bottom:0 none;color:#818181;margin-bottom:0} .navigation-set ul .level-2 .level-3 a:after{display:none} .navigation-set ul .level-2 .level-3 a:hover,.navigation-set > li:first-child .level-2 .level-3 a:hover{color:#38c674} /* ------------------------ horizontal-mega-menu ------------------------ */  .navigation-set.horizontal-mega-menu{position:relative} .navigation-set.horizontal-mega-menu .level-1{position:static} .navigation-set.horizontal-mega-menu .level-1 ul{padding-bottom:0;white-space:normal} .navigation-set.horizontal-mega-menu li ul li{display:inline-block;height:auto;vertical-align:top} .navigation-set.horizontal-mega-menu li ul .level-2{margin-bottom:1rem} .navigation-set.horizontal-mega-menu li ul li ul{display:block;position:relative;top:auto;left:auto} .navigation-set.horizontal-mega-menu li ul li ul li{display:block} /* ------------------------ vertical-fly-out ------------------------ */  .vertical-fly-out li{display:block} .vertical-fly-out li ul{top:0;left:100%} /* ------------------------ single-navigation-column ------------------------ */  .single-navigation-column{display:inline-block;padding-right:1rem;vertical-align:top} .single-navigation-column li{display:block;font-size:0.75rem;height:auto;line-height:1.75} .single-navigation-column .single-navigation-title{font-size:1rem;font-weight:700;height:2em;line-height:2;margin-bottom:0.25rem;text-transform:uppercase} .single-navigation-column li a{padding:0} .single-navigation-column li:hover > a{background:transparent} /* ------------------------ global-search ------------------------ */  .global-search{border-top:1px solid #dedede;box-shadow:0 4px 4px 0 rgba(0,0,0,.2);margin-bottom:0;overflow:hidden;position:absolute;top:0;right:0} input[type="text"]{-webkit-appearance:none;appearance:none;border-radius:0};.global-search input[type="search"],.global-search button{display:inline-block} .global-search input[type="search"]{float:left;width:92%} .global-search button{width:8%} .global-search button:before{line-height:2} .search-form input{background:#fff;padding-left:1.25rem} .search-form input,.mm_searchfield_option{border:1px solid #f4f6f1} .mm_searchfield_option:hover .mm_searchfield_menuitem_name{text-decoration:underline !important} .search-form button{border:0;padding:0 0.8rem} .search-form button:before{font-size:1rem} .search-form input,.search-form button{border-radius:0;height:2.25rem;line-height:2.25;font-size:0.8125rem} .search-form input::-webkit-input-placeholder{/* Chrome/Opera/Safari */  color:#838383;font-size:0.8125rem} .search-form input::-moz-placeholder{/* Firefox 19+ */  color:#838383;font-size:0.8125rem} .search-form input:-ms-input-placeholder{/* IE 10+ */  color:#838383;font-size:0.8125rem} .search-form input:-moz-placeholder{/* Firefox 18- */  color:#838383;font-size:0.8125rem} .searchfield--results{background:#fff;cursor:pointer;display:none;position:absolute;top:2.25rem;z-index:9} .mm_searchfield_option{background:#fff;border-top:none;padding:1rem} .mm_searchfield_option:nth-of-type(odd){background:#f4f6f1} .mm_searchfield_menuitem span{display:inline-block;font-size:0.875rem} .mm_searchfield_menuitem_storesearch{padding-top:1rem} /* ------------------------ mobile off-canvas navigation ------------------------ */  .mobile-menu{-webkit-backface-visibility:hidden;/* improves performance issues on mobile */  background:#fff;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;/* enables momentum scrolling in iOS overflow elements */  -webkit-perspective:1000;/* improves performance issues on mobile */  position:fixed;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;z-index:9999} .mobile-menu-top,.mobile-menu-bottom{left:0;width:100%;height:100%} .mobile-menu-top{top:-100%} .mobile-menu-top-open .mobile-menu-top{top:0} .mobile-menu-right,.mobile-menu-left{top:0;width:16rem;height:100%} .mobile-menu-right{right:-16rem} .mobile-menu-right-open .mobile-menu-right{right:0} .mobile-menu-bottom{bottom:-100%} .mobile-menu-bottom-open .mobile-menu-bottom{bottom:0} .mobile-menu-left{left:-16rem} .mobile-menu-left-open .mobile-menu-left{left:0} .mobile-menu-header{background:#292929;color:#fff;font-size:1rem;line-height:3;margin:0;overflow:hidden;padding:0 1rem;text-align:center;vertical-align:middle} .mobile-menu-header .close-mobile-menu{display:inline-block;float:right;font-size:2rem;line-height:1.5;opacity:.50;text-decoration:none;vertical-align:middle} .mobile-navigation-gray{background:#a2afbc !important} /* ------------------------ Menu Transitions ------------------------ */  .mobile-navigation,.wrap{-webkit-backface-visibility:hidden;/* improves performance issues on mobile */  -webkit-perspective:1000;/* improves performance issues on mobile */ } /* ------------------------ Site Overlay ------------------------ */  .site-overlay{background:transparent;display:none} .mobile-menu-active .site-overlay{background:#999;background:rgba(0,0,0,0.5);display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000} /* ------------------------ Menu Appearance ------------------------ */  .mobile-navigation-bar .column{color:#2b2b2b;cursor:pointer;line-height:2.50rem;text-transform:uppercase} @media only screen and (max-width:959px){.mobile-navigation-header{height:3rem;line-height:3rem;vertical-align:middle;text-align:center} .mobile-navigation-header a{cursor:pointer;display:block;font-size:0.75rem;height:100%;line-height:1;padding-top:0.625rem;text-decoration:none} .mobile-navigation-header a:hover{color:currentColor} .mobile-navigation-header a span{font-size:1rem} .mobile-navigation-header a small{display:inline-block;font-size:0.625rem;width:100%} .mobile-navigation-search{border:1px solid #dedede;margin:0.75rem} .mobile-navigation-search input[type="search"]{border-color:transparent} .mobile-navigation-search .button *[data-icon]{margin:0} .mobile-navigation{width:200%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent} .mobile-navigation ul{display:block;float:left;opacity:1;overflow:hidden;position:relative;table-layout:auto;-webkit-tap-highlight-color:transparent;text-align:left;-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;width:50%;height:100%;z-index:0} .mobile-navigation ul li > ul{display:none} .mobile-navigation ul li{display:table;overflow-x:hidden;width:100%} .mobile-navigation .open-global-search{display:none} .mobile-navigation ul li span{border:none;cursor:pointer;display:block;font-size:0.875rem;overflow:hidden;padding:0;-moz-transition:none;-webkit-transition:none;transition:none;width:100%} #js-mobile-navigation #js-navigation-set{border-top:1px solid #dedede} .mobile-navigation ul li span.parent{display:table-cell;padding:0.5rem 0;width:80%} #l-mobile-search{border:1px solid #f4f6f1;padding:0 0 0 1rem;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-right:0;-webkit-appearance:none} .mobile-navigation ul li span.next{display:table-cell;width:20%;text-align:center;background:rgba(0,0,0,.1)} .mobile-navigation ul li span.next:active{background:transparent} .mobile-navigation ul li span.back{max-width:none} .mobile-navigation li a{display:block;line-height:2;padding:0.5rem 0} .mobile-navigation .level-1,.mobile-navigation .level-2,.mobile-navigation .level-3,.mobile-navigation .level-4,.mobile-navigation .back{background:none;border:0 none;box-shadow:none;cursor:pointer;font-size:0.875rem;line-height:1.5;overflow:hidden;padding-left:1rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:normal;width:100%;border-bottom:1px solid #dedede} .mobile-navigation .back{line-height:1;min-height:2.50rem} .mobile-navigation .back span{display:inline} .mobile-navigation ul li:hover > ul{display:none} .mobile-navigation ul li:hover > span,.mobile-navigation ul li:hover > span a{box-shadow:none} .mobile-navigation ul li:hover > span:active{-webkit-transform:translateZ(0);transform:translateZ(0);background-color:transparent;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s} .mobile-navigation ul.hide{overflow:hidden;margin-left:-50%;white-space:nowrap} .mobile-navigation ul.hide li,.mobile-navigation ul.hide li span{overflow:hidden} .mobile-navigation .navigation-trail{height:3.50rem} .mobile-navigation .navigation-trail span{cursor:default;display:table-cell;font-size:0.75rem;line-height:1.5;padding:0 1rem;text-align:left;text-indent:0;vertical-align:middle}} /* ------------------------ =MAIN ------------------------ */ main{} .hdft-header,.hdft-footer,.prod-ctgy-hdft-header,.prod-ctgy-hdft-footer,.content-item,.page-title{clear:both} /* ------------------------ =COLUMN-LEFT ------------------------ */  main .column-left{border-left:1px solid #e9eaed;border-right:1px solid #e9eaed;padding:0} .single-column main .column-left{display:none} /* ------------------------ category tree navigation ------------------------ */  .category-tree{background:#fff;margin-bottom:2rem;border-bottom:1px solid #e9eaed} .category-tree h5,.category-tree-heading{font-size:22px;color:rgb(42,82,122);font-weight:bold} .category-tree a{color:#373737;display:block;line-height:1.5;padding:0.5rem 1rem 1rem;position:relative;text-decoration:none} .category-tree a:before{font-size:1rem;position:absolute;right:6%;top:50%;transform:translateY(-50%)} .category-tree .level-1,.category-tree .level-2,.category-tree .level-3,.category-tree .level-4{font-size:0.8125rem;list-style:none} .category-tree .level-1{border-top:1px solid #e9eaed;line-height:3} .category-tree .level-1:first-of-type{border-top:none} .category-tree .level-1 a{padding:1rem 2rem 0.8rem 1rem} .category-tree .level-1.active a{color:#97e543;font-weight:bold} .category-tree .level-2{padding-left:0.8rem} .category-tree .level-2 a{padding-right:15%} .category-tree .level-2{background:#ececec} .category-tree .level-3{background:#d5d5d5} .category-tree .level-4{background:#bebdbd} .category-tree .level-2.active a,.category-tree .level-3.active a,.category-tree .level-4.active a{font-weight:bold;color:#9d538e} .category-tree .level-2 a:before,.category-tree .level-3 a:before,.category-tree .level-4 a:before{top:40%} .category-tree .level-3{padding-left:1.6rem} .category-tree .level-3 a,.category-tree .level-4 a{padding-right:20%} .category-tree .level-4{padding-left:2.4rem} /* ------------------------ =COLUMN RIGHT ------------------------ */ main .column-right{border-left:1px solid #e9eaed;border-right:1px solid #e9eaed;min-height:80rem;padding:0;} .single-column main .column-right{display:none;} .featured--category__header{color:#555555;font-size:1.25rem;margin:2rem 0 3rem;} .featured--category__header:after{content:'';background-color:#919191;height:2px;position:absolute;left:0;right:0;bottom:-0.7rem;width:50%;margin:0 auto;} .featured--category__nav li{margin-top:1.5rem;} .featured--category__nav li a{color:#373737;font-size:0.8125rem;text-align:center;} .featured--category__nav li:hover,.featured--category__nav li:focus,.featured--category__nav li a:hover,.featured--category__nav li a:focus{color:#373737;} .featured--category__img-container:before{content:'';background:#009dca;color:#fff;margin:0 auto;opacity:0.7;position:absolute;top:0;left:0;right:0;transform:scaleX(0);transform-origin:0% 50%;transition:all 250ms ease-in-out;height:100%;z-index:1;} .featured--category__nav li a:hover .featured--category__img-container:before,.featured--category__nav li a:focus .featured--category__img-container:before{transform:scaleX(1)} .featured--category__img-container:after{content:'SHOP NOW';color:#fff;text-align:center;font-weight:bold;letter-spacing:1px;margin:0 auto;position:absolute;top:45%;transform:scaleX(0) translateY(-50%);transform-origin:0% 50%;transition:all 250ms ease-in-out;left:0;right:0;z-index:2;} @media screen and (min-width:960px) and (max-width:1199px){.featured--category__img-container:after{font-size:0.65rem}} .featured--category__nav li a:hover .featured--category__img-container:after,.featured--category__nav li a:focus .featured--category__img-container:after{transform:scaleX(1);} .featured--category__title:after{content:'';display:block;border-bottom:1px solid #97e543;margin:0 auto;position:absolute;bottom:-5px;left:-15%;right:0;transform:scaleX(0);transform-origin:0% 50%;transition:transform 250ms ease-in-out;} .featured--category__nav li a:hover .featured--category__title:after,.featured--category__nav li a:focus .featured--category__title:after{transform:scaleX(1.15);} .featured--category__img-container{display:block;margin:0 auto;width:8.75rem;height:auto;position:relative;} @media screen and (min-width:1170px){.featured--category__img-container{width:11.25rem}} .featured--category__item:last-of-type .featured--category__img-container{height:auto;} .featured--category__img{width:100%;} .featured--category__item:last-of-type .featured--category__img{position:relative;left:0;right:0;top:0;transform:translateY(0%);} .featured--category__title{display:inline-block;margin-top:0.8rem;position:relative;width:auto;} /* ------------------------ breadcrumbs ------------------------ */ .breadcrumbs{color:#818181;font-size:0.75rem;line-height:2;margin:1rem 0 2rem;} @media only screen and (min-width:768px){.breadcrumbs{line-height:1.5;padding-top:1rem}} .breadcrumbs li{display:inline-block;} .breadcrumbs a{color:#656d78;margin-right:0.375rem;text-decoration:none;font-weight:100} .breadcrumbs .current-item{color:#737373;font-weight:bold;margin-right:0.375rem} .breadcrumb-border{padding-right:0.375rem;padding-left:0.25rem} /* ------------------------ page titles ------------------------ */ .page-title,.theme__header{border-bottom:1px solid #c7c7c7;font-size:1.688rem;line-height:1.5;margin-bottom:1rem;padding-bottom:0.5rem;} h3.page-title,h3.theme__header{font-size:1.125rem;} /* ------------------------ main content ------------------------ */ .main-content{margin-bottom:1rem;padding:0 1rem;} .single-column .main-content{padding:0;} .main-content-row{padding:1rem 0;/*padding:1rem 0 5rem;*/  /*margin-bottom:5rem;*/ } /* ------------------------ =BOTTOM WRAP ------------------------ */ .bottom-wrap{clear:both;/* important - do not remove */  height:0;} /* ------------------------ =FOOTER ------------------------ */ .footer{font-size:0.875rem;/*margin-top:30px;padding:0.75rem 0 1rem;*/  color:#bccbda;} .footer h5{color:#4d4d4d;margin-bottom:0.1rem} .footer ul{margin-bottom:1rem;opacity:1;padding:0} .footer ul a{display:block;font-size:0.875rem;line-height:1.5;margin:1rem 0;white-space:pre-wrap} .footer__section{padding:0} .footer--links__container img{display:none} #footer-disclaimer{line-height:2} /* Footer Menus */  @media screen and (max-width:767px){.footer h5{font-size:1.125rem;margin:0;padding:1rem 0;position:relative;top:2px} .footer--links,#footer-payment-methods{border-bottom:1px solid #3d5265} .footer-open__icon{font-size:1.5rem;bottom:0;right:0}} /* ------------------------ footer-link ------------------------ */  @media screen and (min-width:768px){.footer__section{padding:1rem} .footer--disclaimer__container{border-right:1px solid #fff} .footer--links__container{-webkit-align-self:center;align-self:center} .footer--links ul{margin-bottom:0} .trust__container{border-left:1px solid #fff}} /* ------------------------ footer-contact ------------------------ */  .footer-contact li{/*border-top:2px solid #fff;*/  color:#bccbda;padding:0.75rem 0} .footer-contact li:before{color:#fff;font-size:1rem;padding-right:0.5rem;float:left;min-height:25px;margin-top:3px} .email-us-icon:before{margin-top:6px !important} .footer .footer-contact a{display:inline} /* ------------------------ footer-social ------------------------ */  .footer-social a{/*background:#818181;*/  color:#fff;display:inline-block;font-size:1rem;line-height:2;margin:0 0.25rem 0.50rem 0;text-align:center;vertical-align:middle;width:2rem;height:2rem;border-radius:3px} .footer-social a:hover{/*background:#4d4d4d;*/ } /* ------------------------ =DISCLAIMERS ------------------------ */ .footer-end{background:#e4e4e4;font-size:0.75rem;color:#656565;} .footer-end .wrap{-webkit-flex-direction:column;flex-direction:column;padding:0.50rem 0 1rem} .footer-end a{color:#656565} @media screen and (min-width:768px){.footer-end .wrap{-webkit-flex-direction:row;flex-direction:row} .footer-end{border-top:1px solid #fff;padding:1rem 0}} /* ------------------------ back to top link ------------------------ */  .back-to-top{color:#616161;cursor:pointer;font-size:0.8125rem;text-align:center} .back-to-top span{display:inline-block;font-size:1.5rem;position:relative;top:5px} /* ------------------------ =MOBILE FOOTER ------------------------ */ /*.mobile-footer{box-shadow:0 -2px 4px 2px rgba(0,0,0,.1);height:3rem;line-height:3rem;position:fixed;bottom:0;width:100%;z-index:50;} .mobile-footer div{border-left:1px solid #818181;color:#4d4d4d;cursor:default;font-size:0.75rem;height:100%;line-height:1;padding-top:0.625rem} .mobile-footer div:first-child{border:none} .mobile-footer a{color:#4d4d4d;display:block;text-decoration:none} .mobile-footer span{font-size:1rem} .mobile-footer small{display:inline-block;font-size:0.625rem;width:100%}*/  /* ------------------------ mobile-footer-links ------------------------ */ /*	.mobile-footer-links ul{opacity:1;padding:0;width:100%;max-height:90%} .mobile-footer-links ul li{border-bottom:1px solid #666;font-size:0.875rem;display:table;line-height:2.50rem;width:100%} .mobile-footer-links ul li a{color:#4d4d4d;cursor:pointer;display:block;overflow:hidden;padding:0 1rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:normal}*/ /* .nav-item-1{display:block;padding:15px 10px;background:#ccc;} .navigation-bar .nav-item-1{padding:inherit;} */ .nav-item-1 > a{color:#fff;} .nav-item-1--left{padding-right:0;text-align:left;} .nav-group-2{padding:0;display:none;text-align:left;position:absolute;z-index:102;border:1px solid #dbe3e5;border-top:0;background:#f1f7f7;-webkit-box-shadow:0px 0px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 0px 5px 0px rgba(50,50,50,0.25);box-shadow:0px 0px 5px 0px rgba(50,50,50,0.25);-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;} .nav-group-2:before{-webkit-box-shadow:3px -2px 5px rgba(50,50,50,0.25);-moz-box-shadow:3px -2px 5px rgba(50,50,50,0.25);box-shadow:3px -2px 5px rgba(50,50,50,0.25);width:15px;height:15px;background:#f1f7f7;/* Translate the box up by width / 2 then rotate */  -webkit-transform:translateY(-15px) rotate(45deg);transform:translateY(-15px) rotate(45deg);content:" ";position:absolute;pointer-events:none;z-index:102;right:-7px;top:50%;} .nav-group-2:after{width:15px;height:15px;background:#f1f7f7;/* Translate the box up by width / 2 then rotate */  -webkit-transform:translateY(-15px) rotate(45deg);transform:translateY(-15px) rotate(45deg);content:" ";position:absolute;pointer-events:none;z-index:102;right:-5px;top:50%;} /*.nav-group-2:after,.nav-group-2:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;z-index:102;} .nav-group-2:after{border-color:rgba(241,247,247,0);border-left-color:#f1f7f7;border-width:15px;margin-top:-15px;} .nav-group-2:before{border-color:rgba(219,227,229,0);border-left-color:#dbe3e5;border-width:16px;margin-top:-16px;}*/ .js-az-menu-trigger{font-size:18px !important} .js-az-menu-trigger > span{font-size:1.75em;line-height:1;position:relative;top:8px;margin-right:5px;} .nav-item-2{display:block;padding:10px 20px;background:#f1f7f7;color:#24364a;border-bottom:1px solid #dbe3e5;text-align:left;width:95%;margin:auto;position:relative} @media screen and (min-width:960px){.nav-item-2.has-children:before{content:"E";font-family:'ElegantIcons';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;position:absolute;right:0;top:40%;font-size:12px}} .nav-group-2 .nav-item-2:last-child{border:0} .nav-group-3{display:none;width:74%;padding:0;position:absolute;z-index:100;right:0;background-color:#fff;-webkit-box-shadow:1px 1px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:1px 1px 5px 0px rgba(50,50,50,0.25);box-shadow:1px 1px 5px 0px rgba(50,50,50,0.25);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .nav-item-3{} .nav-group-4{margin:0;padding:0;display:none;} .nav-item-4{text-align:left} .nav-item-4--right{padding-right:0} .nav-group-5{width:32%;display:inline-block;vertical-align:top;text-align:left;padding:12px;} .nav-heading-5{margin:0;padding:0;text-align:left;font-weight:700} .nav-heading-5 a{color:#24364a;font-weight:700} .nav-heading-5 a:hover{font-weight:700 !important} .nav-heading-5 a:after{content:"\2022\2022\2022\2022\2022";color:#4a9dcf;display:block;font-size:11px;letter-spacing:3px;margin-bottom:5px} .nav-item-5{display:block;margin-top:5px;font-weight:100} a.nav-item-5:hover{font-weight:normal} /* ---- Newsletter ---- */ .newsletter-wrapper{color:#656d78;border:20px solid #ecf0f1;padding:20px;margin-bottom:30px;} .newsletter-title{margin-bottom:5px;line-height:1;} .newsletter-input{font-weight:100} /*@media screen and (min-width:767px){.newsletter-wrapper{padding:30px 60px} .footer .mobile-toggle{display:block !important}} */ @media screen and (min-width:960px) and (max-width:1060px){.nav-item-1 a{font-size:.88rem}} .newsletter-group{position:relative;flex-wrap:wrap;} .newsletter-input{min-width:100%;padding-left:3.5rem !important;border:2px solid #dfe1e1 !important;flex-grow:1;} .newsletter-group button{flex-grow:1;} @media screen and (min-width:480px){.newsletter-input{min-width:1%;border-right:0 !important;border-radius:3px 0 0 3px !important} .newsletter-group button{flex-grow:0}} .newsletter-group span{position:absolute;color:#dfe1e1;font-size:2rem;top:.5rem;left:.75rem;} .ie8 .newsletter-input{width:80%;float:left} .ie8 .newsletter-button{width:20%} .trust__container{padding:1rem;} .trust--vendor{padding:1rem 0.5rem;} /*@media screen and (min-width:768px){.trust__container img:first-of-type{padding-top:0} .trust__container img:last-of-type{padding-bottom:0}}*//* +-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+ =SFNT PAGE =CTGY PAGE =PROD AND PATR PAGES =POUT PAGE =SRCH PAGE =BASK PAGE =OCST,OSEL,OPAY AND INVC PAGES =ORDP PAGE =ACLN PAGE =CTUS PAGE =NTFD PAGE =SMAP PAGE =WISH,WLST PAGE */  /* ------------------------ CTGY ADDON SELECTORS ------------------------ */ .ctgy-addons__container{margin:2rem 0;} .ctgy-addons__nav{margin:0 auto;overflow:visible;padding:1rem 0 2rem;} #global_related_ctgy .ctgy-addons__nav{padding:0;} .coord-colors__container{height:0;overflow:hidden;} #coord-colors__nav{height:auto;} .coord__toggle{border-top:1px solid #c7c7c7;cursor:pointer;font-size:0.8125rem;margin:1rem 0 0;padding:0.5rem;position:relative;} .coord__toggle span{font-size:2rem;position:absolute;top:-14%;} .ctgy-addons__nav.row:before,.ctgy-addons__nav.row:after{display:none;} /*.sfnt .ctgy-addons__nav{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;}*/ .sfnt-main__header,.ctgy-addons__title{color:#5e5e5e;display:block;font-size:0.8125rem;letter-spacing:1px;line-height:1.5;} .ctgy-addons__item{margin:1rem 0.5rem;} .sfnt .ctgy-addons__item{margin-bottom:2rem;} #coord-colors__nav .ctgy-addons__item{border:1px solid #cacaca;padding:1rem;} .ctgy-addons__img-container{-webkit-align-items:center;align-items:center;margin-bottom:1rem;} .ctgy-addons__img-container img{opacity:1;transition:opacity 0.3s;} .ctgy-addons__img-container img[data-lazy]{opacity:0;} .ctgy .ctgy-addons__img-container,.prod .ctgy-addons__img-container{border:1px solid #cacaca;padding:0.5rem;} #coord-colors__nav .ctgy-addons__img-container{border:none;width:100%;} #coord-colors__nav .ctgy-addons__img-container img{margin:0 auto;max-width:5.625rem;} .ctgy-addons__title{color:#373737;white-space:normal;} .slick-prev{left:-2.5rem;} .slick-next{right:-2.5rem;} .slick-prev,.slick-next{background:none;border:none;cursor:pointer;width:auto;height:auto;top:50%;transform:translateY(-50%);} .slick-prev:before,.slick-next:before{color:#08a0cc;font-size:3rem;} @media screen and (min-width:768px){.ctgy-addons__item{margin:0 1.667%} .ctgy-addons__nav .slick-prev{left:-3rem} .ctgy-addons__nav .slick-next{right:-3rem}} @media screen and (max-width:767px){li.ctgy-addons__item:nth-of-type(even){margin-right:0}} @media screen and (min-width:768px) and (max-width:959px){.prod .ctgy-addons__item{margin:0 2.313rem}} @media screen and (min-width:960px){.ctgy-addons__item{margin:0 0.5rem} .prod .ctgy-addons__item{margin:0 0.7rem}} /* ------------------------ =SFNT PAGE ------------------------ */ .sfnt .main-content{padding:0;} .sfnt.single-column .row .column-right{padding:0;} @media screen and (max-width:479px){.event-message{font-size:1rem}} .mobile-featured-products .sky{font-size:1.5rem;letter-spacing:3px} /*.sfnt-hero{background-position:bottom left;background-size:cover;background-repeat:no-repeat;height:23.25rem;}*/ .sfnt-hero__content{padding:1rem;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;} .sfnt__header{line-height:1;} .sfnt-hero__bg{margin-bottom:1rem;} .sfnt__header .readytheme-banner{color:#454545;display:inline-block;font-size:1.5rem;line-height:1.5;} .sfnt__header .readytheme-banner:after{content:'';background:#009dca;display:block;margin:0.5rem 0 1rem;position:relative;width:100%;height:1px;transform:scaleX(1.1);} .sfnt-main__container{margin:0 auto;} .sfnt-promo{border:1px solid #edeef0;color:#343434;font-size:0.8125rem;} .sfnt-main__content{padding:1.5rem 2rem;} .sfnt-content__header{margin-top:2rem;} .sfnt-featured-ctgy__container{margin:0 auto;text-align:center;} #sfnt_featured_desc{margin-bottom:2rem;} .sfnt-featured-ctgy__img-container{margin-bottom:1rem;} @media screen and (max-width:767px){.sfnt-promo:first-of-type{margin-bottom:2rem} li.sfnt-featured-ctgy__item{margin:0 4.16% 2rem}} @media screen and (min-width:768px){.sfnt-hero__content{padding:2rem} .sfnt__header .readytheme-banner{font-size:1.75rem} .sfnt__button a{margin:2rem auto 0} .sfnt-promo{width:47.3332%} li.sfnt-featured-ctgy__item{margin-bottom:2rem} li.sfnt-featured-ctgy__item:nth-child(3n+2){margin:0 5%}} /* ------------------------ ad blocks ------------------------ */ .sfnt-promo a{position:relative;display:block;text-align:center;} /*.sfnt-promo:hover a:after{background:rgba(0,0,0,0.45);position:absolute;content:"";top:0;left:0;width:100%;height:100%;color:#38c574;line-height:20;font-weight:bold;} .sfnt-promo:hover a:before{content:"";position:absolute;bottom:20%;z-index:2;margin:auto;left:0;right:0;}*/ .sfnt-ad{/*display:block;*/  /*margin-bottom:1.125rem;*/ ;} .sfnt-promo img{max-width:100%} #storefront-message a{color:#23374a} #storefront-about-us p{font-weight:100;margin-bottom:5px} @media screen and (min-width:960px){.sfnt-ad{/*margin-bottom:1.875rem;*/ }} .featured-products-descrip{position:relative;text-align:center;} .featured-products-descrip > h3{font-size:34px;line-height:40px;text-align:left} .featured-products-descrip > .sky{text-align:left} #home_featured_products{font-size:14px;font-weight:100;text-align:left} .featured-products-view-all:hover{box-shadow:0;color:#656d78} @media screen and (min-width:960px){.featured-product-bottom{width:95%;margin:auto} .no-js .featured-product-bottom{position:relative} .js-featured-products-height-min > .flag{margin-top:2rem}} .featured-products-descrip:after,.featured-products-descrip:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} .featured-products-descrip:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:15px;margin-top:-15px;} .featured-products-descrip:before{border-color:rgba(204,209,217,0);border-left-color:#ccd1d9;border-width:16px;margin-top:-16px;} .category-product-cta-quickview .levels-icon-eye{position:relative;top:4px;font-size:1.5em;line-height:1;} #js-whats-popular-carousel .slick-prev{left:1px} /* ------------------------ product carousel ------------------------ */ .row.product-carousel{background:#fff;margin:0;padding:1rem 0;} .product-carousel .h3{border:solid #f4f4f4;border-width:1px 0;line-height:2;margin-bottom:2rem;padding:0;} .product-carousel .h3 .uppercase{background:#818181;color:#fff;display:inline-block;margin-left:-0.50rem;padding:0 1rem 0 1.50rem;} .product-carousel .h3 .uppercase:before{border-color:transparent;border-right-color:#4d4d4d;border-style:solid;border-width:0 0.50rem 0.50rem 0;content:'';position:absolute;bottom:-0.50rem;left:-0.50rem;} .product-carousel .h3 a{font-size:1rem;font-weight:400;line-height:3;padding-right:2rem;} .product-carousel .h3 a span{color:#bbb;font-size:1.25rem;line-height:1;padding-left:0.50rem;vertical-align:middle;} .product-carousel .slick-next,.product-carousel .slick-prev{/* background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);*/  margin-top:0;top:32%;width:2.5rem;height:3.5rem;} .product-carousel .slick-next:before,.product-carousel .slick-prev:before{font-family:'Suivant';} .product-carousel .slick-next:before{content:"\64";} .product-carousel .slick-prev:before{content:"\63";} .product-carousel .category-product{margin:0;} /* ------------------------ product flags ------------------------ */ .flag{display:block;overflow:hidden;position:relative;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-align:center;} .flag:before{border:solid transparent;border-width:0 0 72px 72px;content:" ";pointer-events:none;position:absolute;right:0;bottom:0;width:0;height:0;z-index:10;} .flag:after{color:#fff;font-weight:700;position:absolute;right:0.50rem;bottom:0.75rem;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:11;} .flag--new:before,.flag--sale:before{border-bottom-color:#1ac7e2;} .flag--new:after{content:"NEW";} .flag--sale:after{content:"SALE";} .flag--hot:before{border-bottom-color:#dd293a;} .flag--hot:after{content:"HOT";} /* ------------------------ accessory navigation ------------------------ */ .sfnt-accessory-navigation{padding:2.25rem 0;} .sfnt-accessory-navigation .wrap > .column:first-child{border-right:1px solid #e5e5e5;} .sfnt-accessory-navigation ul{display:inline-block;list-style:none;min-width:33%;padding:0;vertical-align:top;} .sfnt-accessory-navigation li:before{content:"\2022";color:#e9e9e9;padding-right:0.25rem;} .sfnt-accessory-navigation .button span{font-size:1.25em;line-height:1;padding-left:1.50rem;vertical-align:middle;} /* ------------------------ =CTGY PAGE ------------------------ */ .ctgy__header{font-size:0.8125rem;padding:1rem 0;} .ctgy__header h2{display:none;} .ctgy-title__img{margin:1rem 0;max-width:18.63rem;} .ctgy__header a{color:#9d538e;cursor:pointer;} .ctgy .read-toggle{bottom:0;display:block;font-size:0.625rem;margin-bottom:1rem;padding:0;position:relative;} /* ------------------------ category-subcategory ------------------------ */ .category-product-layout{margin-bottom:1.25rem;padding-top:0.625rem;} .sub-category{cursor:pointer;margin-bottom:2rem;text-align:center;} .sub-category a{color:#373737;display:block;margin:0 auto;width:12rem;} .sub-category a:hover{color:#97e543;} .sub-category__img{background-repeat:no-repeat;background-size:95%;background-position:center center;border:1px solid #eeeeee;display:block;margin:0 auto 1rem;width:12rem;height:12rem;} .sub-category__name{-webkit-justify-content:center;justify-content:center;} .sub-category__brief{color:#858585;font-size:11px;margin-top:0.2rem;} @media screen and (min-width:420px){.sub-category{width:50%}} @media screen and (min-width:768px){.sub-category{width:33%}} @media screen and (min-width:960px) and (max-width:1200px){.sub-category{width:50%}} /* ------------------------ category-product ------------------------ */ .category-product{border:1px solid #cacaca;margin:0 5% 1rem 0;padding:1.5rem;text-align:center;width:47.5% !important;} .category-product:nth-of-type(even){margin-right:0;} .category-product__inner{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;} .category-product .js-purchase-message{background:#fff;display:none;font-size:0.75rem;padding:1.5rem;position:absolute;top:0;bottom:0;left:0;right:0;z-index:9;} .processing{position:relative;top:-5px;} .loading{color:#fff;font-size:1rem;line-height:1;position:relative;} .loading:after{overflow:hidden;display:inline-block;vertical-align:middle;-webkit-animation:ellipsis steps(4,end) 900ms infinite;animation:ellipsis steps(4,end) 900ms infinite;content:"\2026";width:0px;} @keyframes ellipsis{to{width:1rem}} @-webkit-keyframes ellipsis{to{width:1rem}} .category-product-cta-wrapper{cursor:pointer;font-size:1rem;position:absolute;top:0;width:auto;right:5px;z-index:8;} .category-product-cta-wrapper *{-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .category-product-cta-wrapper .category-product-view-larger{border:0;border-radius:0;font-size:2rem;} @media screen and (max-width:767px){.category-product{padding:2.5rem 0.5rem 1.5rem}} @media screen and (max-width:959px){.category-product-cta-wrapper{display:block;position:absolute;top:0.5rem;right:0.5rem} .category-product-cta-wrapper .category-product-view-larger{font-size:1.5rem}} @media screen and (min-width:768px){.category-product-cta-wrapper{top:0.5rem;right:1rem}} @media screen and (min-width:960px){.category-product-cta-wrapper{display:none}} .category-product-cta-wrapper .category-product-view-larger:focus{outline:none;} .category-product:hover .category-product-cta-wrapper{display:block;} .category-product-cta-form{display:inline-block;} .category-product-cta-quickview{float:right;} .category-product-cta-quickview-text{display:none;} .category-product-cta-quickview:hover ~ .category-product-form .category-product-cta-adpr-text{display:none;} .category-product-cta-quickview:hover .category-product-cta-quickview-text{display:inline-block;} .mfp-container{cursor:default;} .mfp-image-holder .mfp-close{color:#009dca;cursor:pointer;font-size:4rem;top:1rem;right:1rem;opacity:1;} .mfp-figure{background:#fff;padding:2rem 2rem 1rem;} img.mfp-img{padding:0;} .mfp-bottom-bar{margin-top:0;position:relative;} .mfp-title{font-style:normal;line-height:1;padding:0;text-align:center;} .mfp-title p{margin:0;} .mfp-title p a{border-bottom:1px solid #009dca;display:inline-block;font-size:1rem;letter-spacing:1px;padding:1rem 0 0.5rem;} .mfp-title p a:hover{color:#009dca;} .category-product a{overflow:hidden;position:relative;} .category-product .category-product-image-wrapper{background-position:center center;background-size:contain;background-repeat:no-repeat;display:block;margin:0 auto;max-width:9.375rem;height:9.375rem;} .category-product img{display:block;margin:0 auto;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .category-product .breaker{height:0.50rem;} .category-product p{font-size:14px;color:#393939;line-height:1.5;} .category-product-name{margin:1rem 0 .5rem;color:#383f48;} .category-product-name a{color:#373737;font-size:1rem;} .category-product-code{color:#787878;display:block;font-size:0.6875rem;margin-top:0.2rem;} .category-product .strike{color:#acacac;} .category-product--pack-count{color:#373737;font-size:0.6875rem;} .lewis-product-cta-button{border:0;border-radius:0;color:#fff;font-size:0.6875rem;height:2.125rem;} .lewis-product-action:before{font-size:1rem;position:relative;top:-2px;} .product-carousel .category-product-cta-wrapper{width:70%;left:15%;} .product-carousel .lewis-product-cta-button{font-size:2rem;} .category-product-flag{color:#eb2055;border:1px solid #eb2055;border-radius:3px;padding:3px 7px;margin-top:-4px;margin-left:0.5rem;font-size:11px;} .category-product-flag.new{color:#fff;border-color:#23374a;background-color:#23374a;} @media screen and (max-width:767px){.lewis-product-cta-button{margin-top:0.4rem} .related-products-carousel .category-product-flag{float:none;margin-top:5px;display:inline-block}} .category-product-retail-price{color:#656d78;text-decoration:line-through;margin-right:10px;} .category-product-sale-price{color:#eb2055;font-weight:bold;} #js-main-dots ul li{height:15px;width:15px;border-radius:50px;background:#fff;border:2px solid #9aa9b8;display:inline-block;margin-right:0;margin-left:1.50rem;cursor:pointer;} #js-main-dots ul li.active{background:#9aa9b8;} #js-main-dots ul li:first-child{margin-left:0} /* ------------------------ quick-view ------------------------ */ .quick-view{font-size:1.125rem;font-weight:700;height:4em;line-height:4;position:absolute;bottom:-5rem;right:0;left:0;z-index:15;} .quick-view:hover{box-shadow:none;} .no-touch .category-product a:hover .quick-view{bottom:0;} .ctgy .mfp-iframe,.srch .mfp-iframe,.product-information--body{background:#fff;min-height:40rem;} /* ------------------------ product filtering options ------------------------ */ .filter-items-container{background:transparent;border:1px solid #c7c7c7;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border-left:none;border-right:none;color:#929292 !important;font-size:0.75rem;margin-bottom:1.25rem;padding:0.5rem 0;} .filter-items-container form{background:transparent;line-height:1;} .filter-items-label,.filter-items-container select{border-width:0 1px 0 0;} .filter-items-container select{line-height:1;} /* ------------------------ sorting ------------------------ */  @media screen and (max-width:767px){.sorting select{border:none}} /* ------------------------ products per page ------------------------ */ /*.per-page{line-height:3;}*/ .per-page li{display:inline-block;} .per-page a{padding:0 0.375rem;} .per-page a[data-selected="selected"]{color:#929292;font-weight:700;} /* ------------------------ pagination ------------------------ */  .page-links{line-height:2;} .page-links-title,.page-links-container,.page-links-results{vertical-align:middle;} .page-links-container{position:relative;top:1px;} .page-links a,.page-links-deactivated,.page-links-active{line-height:1;text-align:center;text-decoration:none;} .page-links .page-links-previous,.page-links .page-links-next{font-size:0;padding:0;} .page-links .page-links-previous span,.page-links .page-links-next span{font-size:0.875rem;position:relative;top:2px;} @media screen and (min-width:1180px){a.page-links-inactive{margin-right:0}} .page-links a:hover{outline-color:#97e543;} .page-links-deactivated:hover{cursor:not-allowed;} a.page-links-next{margin:0;} .page-links-active{border:2px solid #97e543;} .page-links-container a{color:#929292;padding:0.5rem;} .page-links-inactive,.page-links-active{padding:0 0.25rem 0.1rem;} a.hellip{position:relative;top:-3px;padding:0;} @media screen and (max-width:959px){.filter-items-container{font-size:1rem} .filter-items-label,.filter-items-container select,.page-links{line-height:1.5 !important} .page-links-container span,.page-links-container a{margin-right:0.3rem} .plst .page-links-container span,.plst .page-links-container a{margin-right:0} .page-links-container,.page-links-container .page-links-next,.page-links-container .page-links-next span{margin-right:0} .page-links .page-links-previous span,.page-links .page-links-next span{font-size:1.5rem;top:5px} .bottom-pagination .page-links{top:-2px}} @media screen and (min-width:960px){.plst .page-links-container a{padding:1%}} /* ------------------------ =PROD AND PATR PAGES ------------------------ */ /* Quickview */ .js-quickview .product-information{margin-bottom:0.25rem;padding:2rem 1.25rem 0;} .quickview-product-name{font-size:28px} .quickview-full-details-links{font-size:13px} .product-additional-price{font-weight:100;margin-right:1rem;} .product-product-flag{color:#eb2055;border:1px solid #eb2055;border-radius:3px;padding:3px 7px;float:right;margin-top:-3px;font-weight:normal;font-size:1rem;margin-right:1px;} @media screen and (min-width:767px){.product-product-flag{margin-top:0}} /* ------------------------ product-information ------------------------ */ .product-information{color:#6c6c6c;margin-bottom:1.25rem;padding:0;} /* ------------------------ product images ------------------------ */ .product-information--images{margin-bottom:0.75rem;text-align:center;width:100%;} .main-image{cursor:pointer;display:block;margin-bottom:1rem;position:relative;} @media screen and (min-width:768px){.product-information--images{width:45%;padding-right:0.75rem}} /* .main-image[data-icon]:before{background:#ababab;color:#fff;display:block;font-size:1.50rem;line-height:1.75;position:absolute;bottom:0;left:0;text-align:center;width:2.625rem;height:2.625rem} */ .prod .mfp-figure:after{background:#fff;} /* ------------------------ additional product images ------------------------ */ .thumbnails{float:none;margin:0 auto;overflow:visible;padding:1rem 0 2rem;} .thumbnail-img-wrap{padding:0.25rem 0;} .thumbnails .slick-next,.thumbnails .slick-prev{top:0;bottom:0;transform:none;} .thumbnails img{min-height:3rem;padding:0 0.50rem;} .enlarge{color:#7d7d7d;font-size:0.6875rem;letter-spacing:0.5px;} /* ------------------------ product purchase ------------------------ */ .product-information--purchase{margin-bottom:1.50rem;position:relative;width:100%;} .product-information--purchase h1{color:#373737;font-size:1.375rem;line-height:1.3;} .product-information--theme{font-size:0.75rem;margin:0.2rem 0;} .product-information--price__container{-webkit-align-items:flex-end;align-items:flex-end;margin-top:2rem;} .product-price__subtext{color:#5e5e5e;font-size:0.75rem;font-weight:400;} .product-code{font-weight:100;font-size:0.6875rem;margin-top:.25rem;} .product-information--colors{font-size:0;height:0;overflow:hidden;} @media screen and (min-width:768px){.product-information--purchase{padding-left:0.75rem;padding-right:1.875rem;width:55%}} @media screen and (min-width:1170px){.product-information--purchase{padding-right:0}} /* ------------------------ product attributes ------------------------ */ .product-attributes .form-row{margin-bottom:1rem;} .product-attributes label,.product-swatches label,.swatch-name{font-size:1.25rem;vertical-align:middle;width:auto;} .product-attributes select{width:auto;} /* ------------------------ product swatches ------------------------ */ .product-swatches{} .product-swatches ul{list-style:none;margin:0;padding:0;} .product-swatches li{border:3px solid transparent;border-radius:3px;cursor:pointer;display:inline-block;margin:0 0.375rem 0.375rem 0;} .product-swatches .selected-swatch{border-color:#ededed;} .product-swatches li span{border-radius:3px;display:block;overflow:hidden;} /* ------------------------ add-to-cart ------------------------ */ .row.add-to-cart-wrap{-webkit-justify-content:center;justify-content:center;border:1px solid #c7c7c7;border-right:0;border-left:0;font-size:1.125rem;margin:0.8125rem 0;padding:1rem 0;} .quantity__container{max-width:7rem;} .increase-decrease__text{color:#373737;font-size:0.75rem;margin-bottom:0.2rem;} .product-add-to-cart-qty{margin-right:.5rem;} .increase-decrease-wrap{border:1px solid #c7c7c7;color:#858484;display:inline-block;font-size:0.8125rem;height:2.125rem;line-height:1.5rem;position:relative;} .ctgy .increase-decrease-wrap{margin-bottom:0.5rem;} .increase-decrease-input,input[type="tel"].increase-decrease-input{border:none;border-radius:0;display:inline-block;font-size:0.8125rem;height:100%;padding:0;position:relative;vertical-align:middle;} .increase-quantity,.decrease-quantity{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;cursor:pointer;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;display:inline-block;padding:0;height:100%;line-height:1.5rem;position:relative;vertical-align:middle;} .decrease-quantity:before,.increase-quantity:before{position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);} .decrease-quantity:hover,.increase-quantity:hover,.decrease-quantity:focus,.increase-quantity:focus{box-shadow:none;background:#ebebeb;color:#97e543;} .category-product-inventory__message{font-size:0.625rem;} .add-to-cart-wrap #js-inventory-message{font-size:0.6875rem;line-height:1;margin-top:0.5rem;} .add-cart__container{max-width:25.63rem;} .add-to-cart{font-size:0.75rem;height:2.125rem;line-height:1;border:0;} .prod .processing{top:-3px;} .prod .loading{top:-2px;} .wishlist-button-wrap{margin-top:0.1rem;display:block;} .wishlist-button-wrap .button{border:none;color:#989898;font-weight:700;} #add-to-wishlist-wrap input{font-size:0.6875rem;} @media screen and (min-width:608px){.row.add-to-cart-wrap{line-height:2.75}} @media screen and (min-width:960px){.category-product-inventory__message{white-space:nowrap}} .purchase-message{display:none;margin:0;z-index:50;} .processing-purchase{background:rgba(255,255,255,0.6);display:none;position:absolute;text-align:center;width:98%;width:calc(100% - 0.75rem);height:100%;z-index:50;} .processing-purchase img{margin:-4rem 0 0 -4rem;position:absolute;top:50%;left:50%;} /* ------------------------ product description ------------------------ */ .product-information--description{color:#373737;font-size:0.8125rem;} .product-information--description dt{background:#fff;border:1px solid #dedede;font-size:1.125rem;height:2.75em;line-height:2.75;margin-right:1rem;} .product-information--description dt.current{border-color:#38c574;} .product-information--description dt a{color:#818181;padding:0 1em;} .product-information--description dt.current a{color:#38c574;} .product-information--description dd{border:0 none;font-size:1rem;padding:0;top:1.25em;} @media screen and (min-width:641px){.product-information--description dt{margin-right:1rem} .product-information--description dd{border-top:1px solid #dedede;padding-top:1.25em;top:4.75em}} .manf-img__container{margin-bottom:1rem;} .product-description{font-size:0.75rem;} /* ------------------------ prod coord colors ------------------------ */  .prod #coord-colors__nav{padding:1rem 0;} .prod .coord__toggle span{line-height:1;top:0;} .prod #coord-colors__nav .slick-prev,.prod #coord-colors__nav .slick-next{margin-top:0;} /* ------------------------ product description ------------------------ */  .prod h4{font-size:1rem;} .prod input,.prod label{font-size:0.875rem;} /* ------------------------ related products GRID ------------------------ */  .product-information--qna .previous,.product-information--qna .next{position:relative;top:1px;} #qna-questions{line-height:1;} #qna-questions div{clear:both} #qna-questions .qna-questions{border-bottom:1px solid #dedede;margin-bottom:1.25rem;padding-bottom:1.25rem} .qna-question,.qna-asked-by,.qna-unanswered,.qna-answer-dates,.qna-answered{padding:0.5rem 0.75rem} .qna-asked-by,.qna-answer-dates{font-size:0.75rem;text-transform:uppercase;padding:0 0 0.25rem 0;display:block} .qna_q,.qna_a{display:inline-block;color:#fff;margin-right:0.5rem;padding:1.5rem 2rem;font-weight:bold;float:left;font-size:0.875rem;width:auto} .qna_q{background:#7fcee4} .qna_a{background:#009dca} .qna_question,.qna_answered,.qna_answer{display:inline-block;float:left;width:auto} #show_qna_form_label{cursor:pointer;text-decoration:underline} #pq_form{display:none} #qna_form input:checked ~ #pq_form{display:block} #qna-pagination{list-style:none;text-align:right} #qna-pagination li{display:inline-block;margin-right:0.2rem} #qna-pagination li:last-of-type{margin-right:0;} @media screen and (max-width:767px){.product-information--qna input{margin-bottom:1rem}} @media screen and (min-width:768px){.q_half{width:49%;float:left;margin-bottom:2%} .q_email{margin-left:1%} .q_name{margin-right:1%} .product-information--qna .filter-items-container{font-size:1rem}} @media screen and (min-width:960px){.product-information--qna .filter-items-container select{padding:0.3rem 0} #qna-pagination{top:1px}} /* ------------------------ related products GRID ------------------------ */  .product-information--related h3{margin-bottom:1.313rem;} .related-prods__container{-webkit-flex-wrap:wrap;-webkit-justify-content:space-between;flex-wrap:wrap;justify-content:space-between;padding:0;} .related-prods__container:before,.related-prods__container:after{content:none;} .related-prods__item{-webkit-flex-basis:45%;flex-basis:45%;list-style-type:none;margin:0;} .related-prods__img{border:1px solid #ccc;padding:0.5rem;margin:0 auto;} .related-prods__img span{background-position:center center;background-repeat:no-repeat;background-size:contain;display:block;width:100%;height:100px;} .related-prods__item p{font-size:0.6875rem;height:auto;margin:0.5rem auto 1rem;padding:0 0.5rem;} .product-information--related .theme-btn a{max-width:9.063rem;padding:0.8rem 0;} @media screen and (min-width:425px){.related-prods__container{-webkit-justify-content:flex-start;justify-content:flex-start} .related-prods__item{-webkit-flex-basis:32%;flex-basis:32%;margin-right:2%}} @media screen and (min-width:425px) and (max-width:524px){.related-prods__item:nth-child(3n+3){margin-right:0}} @media screen and (min-width:525px){.related-prods__item{-webkit-flex-basis:24%;flex-basis:24%;margin-right:1.333%}} @media screen and (min-width:525px) and (max-width:624px){.related-prods__item:nth-child(4n+4){margin-right:0}} @media screen and (min-width:625px){.related-prods__item{-webkit-flex-basis:15%;flex-basis:15%;margin-right:2%} .related-prods__item:nth-child(6n+6){margin-right:0}} /* ------------------------ related products CAROUSEL ------------------------ */ .related-products-carousel{margin-top:10px;} .related-products .h3{font-size:1.75rem;font-weight:400;line-height:2;} .related-products-carousel .category-product{padding:0 .5rem} .related-products .slick-next{right:0;} .related-products-carousel .slick-next,.related-products-carousel .slick-prev{margin-top:0;top:32%;width:2rem;height:3rem;} .related-products-carousel .slick-next:before,.related-products-carousel .slick-prev:before{font-size:2rem;left:-2px;} .related-products .slick-prev{left:1px;} /* ------------------------ =SRCH PAGE ------------------------ */ /* ------------------------ =BASK PAGE ------------------------ */ /*.basket-contents,.order-contents{padding:0.75rem 0 0.75rem 0.75rem;}*/  /* ------------------------ basket ------------------------ */ .bask .message{margin:0;padding:1rem 0;} .bask .basket-contents{margin-bottom:4rem;} .cart-contents{margin-bottom:1rem;} .basket-header-row{background:#fafafa;border:solid #dfe1e1;border-width:1px 0;font-weight:700;line-height:2.5;} .basket-footer-row{padding-top:0.50rem;} .basket-product-row,.order-info-row{border-bottom:1px solid #e0e0e0;padding:0.50rem 0;} .order-info-row .basket-product-row{border:none;} .basket-product-row a{text-decoration:none;} .basket-product-row p{line-height:normal;margin:0;} .bask .increase-decrease-wrap,.bask input[type="tel"].increase-decrease-input{font-size:1rem;} .bask .increase-decrease-wrap{cursor:pointer;height:auto;line-height:3;} .bask input[type="tel"].increase-decrease-input{top:-2px;} .bask #js-increase-quantity,.bask #js-decrease-quantity{height:3.188rem;} .basket-wishlist{display:block;margin-top:0.3rem;} .basket__buttons{display:inline-block;font-size:1rem;font-weight:normal;line-height:2;margin-top:1rem;padding:0.5rem 0.8rem;white-space:normal;} .js-update-quantity span:before{font-size:0.5rem;} .remove-item{display:inline-block;line-height:2;text-align:center;} .remove-item.button *[data-icon]{margin-right:0.1rem;position:relative;top:1px;} .basket-footer-row{border-bottom:1px solid #dfe1e1;padding-bottom:0.50rem;} .basket-button-row{padding-top:1rem;} .basket-product-details{font-size:smaller;margin-top:0.5rem;} @media screen and (max-width:767px){.remove__form{margin-bottom:0;position:absolute;right:0;bottom:0}} @media screen and (min-width:768px){.basket__buttons{font-size:0.8125rem;line-height:1} .basket__buttons span{display:inline-block} .basket-prod-info{padding-right:5%}} @media screen and (min-width:1170px){.basket__buttons{font-size:0.8125rem}} /* ------------------------ cart summary ------------------------ */ .bask .cart-summary .basket-header-row{margin-bottom:0.50rem;} .basket-charge-row{margin-bottom:1rem;} /* ------------------------ shipping calculator ------------------------ */ /* .shipping-estimator{text-align:center;} */ @media screen and (max-width:767px){.shipping-estimator{margin-bottom:1rem}} .shipping-estimate-dialog{display:none;overflow:hidden;padding-top:0.50rem;text-align:left;} .shipping-estimate-dialog label{font-size:0.75rem;} .shipping-estimate-results{/*border:solid #e0e0e0;*/  /*border-width:1px 0;*/  font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.50rem;text-align:left;} .shipping-estimate-results-row{clear:both;overflow:hidden;padding:0.25rem 0;} .shipping-estimate-results-row:nth-child(odd){background:#f4f4f4;} .secondary-action-button{margin:0 0.5em 1em 0;} /* ------------------------ =OCST,OSEL,OPAY AND INVC PAGES ------------------------ */ .invalid > .floating-placeholder{border-color:#dd293a;} .invalid label{color:#dd293a} @media screen and (min-width:768px){.invc .horizontal-mega-menu,.ordl .horizontal-mega-menu,.ocst .horizontal-mega-menu,.ous1 .horizontal-mega-menu,.ousm .horizontal-mega-menu,.uatm .horizontal-mega-menu,.uatr .horizontal-mega-menu,.osel .horizontal-mega-menu,.opay .horizontal-mega-menu{height:0;visibility:hidden}} .invc .mobile-navigation-bar,.ordl .mobile-navigation-bar,.ocst .mobile-navigation-bar,.ous1 .mobile-navigation-bar,.ousm .mobile-navigation-bar,.uatm .mobile-navigation-bar,.uatr .mobile-navigation-bar,.osel .mobile-navigation-bar,.opay .mobile-navigation-bar{display:none;} .invc .pre-header nav ul:last-child li,.ordl .pre-header nav ul:last-child li,.ocst .pre-header nav ul:last-child li,.ous1 .pre-header nav ul:last-child li,.ousm .pre-header nav ul:last-child li,.uatm .pre-header nav ul:last-child li,.uatr .pre-header nav ul:last-child li,.osel .pre-header nav ul:last-child li,.opay .pre-header nav ul:last-child li{display:none;visibility:hidden;} /* ------------------------ checkout steps ------------------------ */  .checkout-steps__container .tab-static{display:inline;font-size:0.8125rem;padding-bottom:0.3rem;} .ocst .tab-ocst,.osel .tab-osel,.opay .tab-opay{border-bottom:1px solid #97e543;} .login__tabs .js-tab:first-of-type{margin-bottom:1rem;} @media screen and (min-width:768px){.checkout-steps__container .tab-static{font-size:1rem} .login__tabs .js-tab:first-of-type{margin:0 1rem 0 0}} /* ------------------------ checkout headers ------------------------ */  .checkout-headers{font-size:0.75rem;max-width:1170px;overflow:hidden;text-align:center;} .checkout-headers .column{border:solid #fff;border-width:0 2px;padding:0 0 0.50rem;} .checkout-headers span{display:block;font-size:2rem;} .checkout-headers .current-step{background:#4d4d4d;color:#fff;} /* ------------------------ customer fields ------------------------ */ .customer-fields{} /*.customer-fields .bill-to,.customer-fields .ship-to{margin-bottom:0.75rem;}*/ .fields-key{font-size:0.75rem;} /*.fields-heading{font-size:1.5rem;}*/ .controls-heading{padding-right:1rem;} .fields-heading .controls{font-size:0.75rem;font-weight:400;visibility:hidden;} .fields-heading .controls label{margin-right:0;text-align:left;width:auto;} .invalid input,.invalid select,.invalid textarea{border-color:#ff4136;} .invalid label{color:#ff4136;} .customer-fields select{/*font-size:0.875rem;*/  /*height:4rem;*/ } .update-record label{font-size:0.75rem;width:auto;} /* ------------------------ custom event date ------------------------ */  #eventdate select:invalid{border:2px dashed red} #eventdate select:valid{border:2px solid black} /* ------------------------ cart summary layout ------------------------ */ .ocst .cart-summary,.osel .cart-summary,.opay .cart-summary{margin:1rem 0;} /* ------------------------ cart summary basket ------------------------ */ .ocst .cart-summary .basket-header-row,.osel .cart-summary .basket-header-row,.opay .cart-summary .basket-header-row,.invc .cart-summary .basket-header-row{cursor:pointer;} .ocst .cart-summary .basket-product-row,.osel .cart-summary .basket-product-row,.opay .cart-summary .basket-product-row,.invc .cart-summary .basket-product-row{font-size:0.75rem;overflow:hidden;} .cart-summary .basket-total{font-size:1rem;} /* ------------------------ cart summary customer information ------------------------ */ .cart-summary .h6{margin-bottom:0.50rem;} .cart-summary address{margin-bottom:0;} /* ------------------------ ocst log in and forgot password forms ------------------------ */ .ocst-login,.forgot-password{background:#fff;max-width:30rem;padding:1rem;} /* ------------------------ coupon-redemption ------------------------ */ .coupon-redemption input{width:80%;} /* ------------------------ payment-method-selectors ------------------------ */  .payment-method-selectors{padding:0 0.5rem 1.5rem;margin-bottom:0 !important;} .payment-method-selectors label{display:block;margin-bottom:0.75rem;text-align:center;/*width:100%;*/ } .payment-method-selectors input{display:block;opacity:0;position:absolute;width:100%;height:100%;z-index:5;} .ie8 .payment-method-selectors input{display:inline-block;position:relative;width:auto;height:auto;z-index:inherit;} .payment-method-selectors input:checked + img{box-shadow:0 0 4px 4px rgba(0,85,150,.75);outline:2px solid #fff;} /* ------------------------ opay form layout ------------------------ */ .cc_exp select{display:inline-block;width:31%;} .cvv input{display:inline-block;width:25%;} .cvv a{margin-left:1rem;text-decoration:none;} .cvv a span{font-size:1.50rem;margin-left:0.25rem;vertical-align:middle;} .cvv-information{background:#fff;max-width:30rem;padding:1rem;} .opay .floating-placeholder label{font-size:0.75rem;line-height:1;} .opay .floating-placeholder-float label{top:6px;} .opay .proxy-payment-selects .floating-placeholder,.opay .floating-placeholder select{height:4rem;padding-bottom:0;} /* ------------------------ =ORDP PAGE ------------------------ */ /* ------------------------ =ACLN PAGE ------------------------ */ .acln .account-links{margin:2rem 0 1rem;} .acln .account-links .column{margin-bottom:1rem;min-height:9rem;} .acln .account-links a{text-decoration:none;} .acln .account-links a span{font-size:3rem;} /* ------------------------ =CTUS PAGE ------------------------ */ /* ------------------------ =NTFD PAGE ------------------------ */ /* ------------------------ =SMAP PAGE ------------------------ */ .site-map{margin:0.50rem 0;text-align:center;} .site-map a{border:1px solid transparent;display:block;font-size:0.875rem;padding:0.50rem;position:relative;} .site-map a:hover{border-color:#ddd;} /* ------------------------ =WISH,WLST PAGE ------------------------ */  .create-wslt__button{font-size:0.875rem;} .create-wslt__button span{margin-right:0.45rem;} .wish .filter-items-container{font-size:0.8rem;margin-bottom:0;} .wish .page-links-container{top:4px;} .wish .page-links.filter-items-container{border-top:0;} .wish .page-links-title{font-size:0;} .wish .filter-items-label,.wish select,.wish .page-links{line-height:1.2;} .wish .page-links .page-links-previous,.wish .page-links .page-links-next{font-size:0.875rem;} .wish .basket-header-row{line-height:2;margin-top:0;} @media only screen and (min-width:768px){.wish .filter-items-container{border-bottom:0} .wish__header{padding-left:0.5rem}} /* ------------------------ =ACLN,CABK,CADA,CADE ------------------------ */ @media only screen and (min-width:48em){.h-vertically-centered---m{-webkit-transform-style:preserve-3d} .h-vertically-centered__element---m{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}} .customer-account-order-search{padding-bottom:0.9375rem;line-height:4;} .customer-account-order-search__title{height:100%;padding:1rem 2.75rem;border-radius:0.25rem;} .view-orders__btn{margin:1.5rem 0;} @media screen and (min-width:48em){.customer-account-order-search{height:6rem;padding-bottom:0} .customer-account-order-search__title{padding:0 2.75rem;border-radius:0.25rem 0.25rem 0 0}} .customer-account-order-search__title h3,.customer-account-links h3{line-height:1.6667;}} .customer-account-order-search__title h3{padding:1rem 2rem;} .customer-account-order-search__title h3 span,.customer-account-links h3 span{float:left;margin-right:1.25rem;position:relative;} .customer-account-order-search__title h3 span{font-size:2rem;line-height:1;top:0px;} .customer-account-links h3 span{font-size:2.5rem;top:-10px;} .customer-account-order-search input[type="text"],.customer-account-order-search input[type="submit"]{border-radius:0;height:2.5rem;padding:0;} .customer-account-order-search input[type="text"]{padding-left:0.875rem;} .customer-account-links{padding:2rem;border:1px solid;} @media screen and (min-width:40em){.customer-account-links p,.customer-account-links ul{padding-left:4rem}} .customer-account-links ul{line-height:2;} .customer-account-links a{text-decoration:none;} .customer-account-links .form_row{margin-bottom:0.5rem;} @media screen and (min-width:50em){.customer-address-book .mm-card-grid-item{max-width:calc(25% - 1px);-ms-flex:0 0 calc(25% - 1px);-webkit-flex:0 0 calc(25% - 1px);flex:0 0 calc(25% - 1px)} .customer-address-book .mm-card-grid-item--2x{max-width:calc(50% - 1px);-ms-flex:0 0 calc(50% - 1px);-webkit-flex:0 0 calc(50% - 1px);flex:0 0 calc(50% - 1px)}} .address-form-toggle label{position:relative;} .address-form-toggle input:checked ~ label{opacity:0.25;} .address-form-toggle form{height:auto;max-height:0;overflow:hidden;transition:all 0.3s ease-in-out;visibility:hidden;} .address-form-toggle input:checked ~ form{max-height:100rem;transition:all 0.3s ease-in-out;visibility:visible;} @media screen and (min-width:50em){.edit-address-form form{padding-right:4.9375rem;padding-left:4.9375rem}} /* |--------------------------------------- |	CARD GRID [mm-card--grid.css] |--------------------------------------- */ .mm-card-grid{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;padding:0;list-style:none;clear:both;} .ie10 .mm-card-grid{-ms-flex-direction:row;-ms-flex-wrap:wrap;} .ie9 .mm-card-grid{display:block;} .mm-card-grid::before,.mm-card-grid::after{content:" ";display:table;} .mm-card-grid::after{clear:both;} .mm-card-grid-item{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;max-width:100%;margin-bottom:1.875rem;padding-right:0.75rem;padding-left:0.75rem;-ms-flex:1;-webkit-flex:0 0 100%;flex:0 0 100%;} .ie9 .mm-card-grid-item{float:left;min-height:1px;} @media screen and (min-width:40em){.mm-card-grid-item{max-width:calc(50% - 1px);-ms-flex:0 0 calc(50% - 1px);-webkit-flex:0 0 calc(50% - 1px);flex:0 0 calc(50% - 1px)} .mm-card-grid-item--2x,.mm-card-grid-item--full{max-width:100%;-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%}} @media screen and (min-width:50em){.mm-card-grid-item{max-width:calc(25% - 1px);-ms-flex:0 0 calc(25% - 1px);-webkit-flex:0 0 calc(25% - 1px);flex:0 0 calc(25% - 1px)} .mm-card-grid-item--2x{max-width:calc(50% - 1px);-ms-flex:0 0 calc(50% - 1px);-webkit-flex:0 0 calc(50% - 1px);flex:0 0 calc(50% - 1px)}} .mm-card-grid-item__wrapper,.mm-card-grid-item__content{display:block;overflow:hidden;} .mm-card-grid-item__wrapper{-ms-flex:1;-webkit-flex:1;flex:1;} .mm-card-grid-item__image{display:block;text-align:center;} .mm-card-grid-item__text{display:block;padding-top:0.9375rem;padding-bottom:0.9375rem;height:auto;line-height:inherit;white-space:normal;} .address-summary{color:#81838a;border:1px solid #e3e3e8;padding-bottom:3em;font-size:14px;} .address-heading{text-transform:uppercase;font-size:14px;font-weight:bold;color:#81838a;margin:2em 0 1em} .address-edit{display:block;font-size:12px;color:#007ddd;text-decoration:none} .order-summary{color:#81838a;/*border:1px solid #e3e3e8;*/  /*padding-bottom:3em;*/  font-size:14px;} .order-heading{text-transform:uppercase;font-size:14px;font-weight:bold;color:#81838a;margin:2em 0 1em} .fields-heading,.heading-fields{border-bottom:0;margin:1rem 0;font-weight:bold;font-size:16px;text-transform:uppercase;color:#191919;} .basket{} .basket-header-row{border-color:#D9DAE0;/*border-width:2px 0 1px;*/  border-style:solid;font-size:13px;text-transform:uppercase;color:#81838A;font-weight:normal;background:transparent;line-height:4;margin-bottom:0} @media screen and (min-width:768px){.basket-header-row{margin-top:1rem}} .basket-product-row{padding:30px 0} .ords .basket-product-row:last-of-type{border-bottom:none} .basket-product-name{font-size:16px;/*font-weight:bold;*/  margin-bottom:10px} .basket-product-name a{text-decoration:none} .basket-product-option{font-size:13px;color:#81838A} .basket-product-wishlist{margin-top:1em} .basket-product-wishlist a{font-size:13px;text-transform:uppercase;text-decoration:none} .basket-charge-row{padding:.25em 0} .basket-charge-descrip{font-size:14px;font-weight:normal} .basket-charge-descrip-coupon{color:#81838a} .basket-charge-amount{text-align:right;font-size:16px} .basket-charge-row-COUPON .basket-charge-amount{color:#468847} .basket-total-row{font-size:20px;font-weight:bold;margin-top:1rem;text-transform:uppercase} .basket-total-amount{text-align:right} .basket-button-row{margin-bottom:5em} .basket-summary{border:1px solid #e3e3e8;padding:1rem 0 3rem;} .checkout-button{margin:1rem auto;} /* .basket-summary .fields-heading{text-align:center} */ /*.help{background:#f7f7f7;border:1px solid #e3e3e8;color:#81838a;padding-top:1em;padding-bottom:1em;border-radius:3px;} .help-heading{position:relative;font-size:16px} .help-heading [data-icon]{position:absolute;right:0} .help-heading [data-icon]:before{font-weight:bold} .help-row{background:#fff;padding:1em;margin-top:3px} .help-row:first-child{margin-top:2em} .help-row:last-child{margin-bottom:1em} .help-icon{margin-right:1em} .help-text{font-size:14px;color:#191919} .help-online{color:#80a44b;font-weight:bold;text-transform:uppercase}*/ /*.opay .payment-method-selectors{padding:10px;}*/  .opay .payment-method-selectors label{margin-right:10px;display:inline-block} .opay .payment-method-selectors img{border:1px solid #ccc;opacity:.3;filter:alpha(opacity=30);pointer-events:none} .opay .payment-method-selectors input{display:none} .ie8 .opay .payment-method-selectors input{display:inline-block;zoom:1;*display:inline;visibility:visible} .opay .payment-method-selectors input:checked + img{opacity:1;filter:alpha(opacity=100)}/* ------------------------ =PRINT STYLES ------------------------ */ @media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dppx){/* Style adjustments for high resolution devices */  .hd-show{display:block;visibility:visible} .hd-hide{display:none;visibility:hidden}} @media print{@page{margin:0.50cm} *,*:before,*:after{background:transparent !important;color:black !important;-webkit-filter:none !important;filter:none !important;text-shadow:none !important} body{background-color:#fff;color:#000;font:0.57em / 1.3 Helvetica,Arial,sans-serif} a,a:visited{color:#444 !important;text-decoration:underline;word-wrap:break-word} a[href]:after{content:" (" attr(href) ")";font-size:smaller} abbr[title]:after{content:" (" attr(title) ")"} a[href^="#"]:after,a[href^="javascript:"]:after,.ir a:after{content:"\0020"} pre,blockquote{border:1px solid #999;page-break-inside:avoid} h2,h3,p{orphans:3;widows:3} h2,h3{page-break-after:avoid} q:after{content:" (Source:" attr(cite) ")"} thead{display:table-header-group} img,tr{page-break-inside:avoid} .print-show{display:block;visibility:visible} a[href^="#"]:after,audio,embed,footer,nav,object,video,.print-hide{display:none;visibility:hidden}}a[href*="/pdf/"]{color:#009dca;text-decoration:underline;} .bg-1,.bg-navy,.bg-blue{background-color:#23374a;} .color-1,.navy,.blue{color:#23374a;} .bg-2,.bg-green,.bg-lime{background-color:#2ecc71;} .color-2,.green,.lime{color:#2ecc71;} .bg-3,.bg-grey,.bg-gray{background-color:#a2afbc;} .color-3,.grey,.gray{color:#a2afbc;} .bg-4,.bg-light-blue,.bg-sky,.bg-aqua,.bg-teal{background-color:#4a9dcf;} .color-4,.light-blue,.sky,.aqua,.teal{color:#4a9dcf;} .body{background:#fff;} .footer{background:#e4e4e4;color:#656565;} .footer h5,.footer a{color:#656565;} .disclaimers{font-weight:100;background:#1d2f41;} .navigation-bar{background:#fff;} .nav-item-1{color:#fff;} /*.navigation-set .level-1 > span > a{color:#24364a;}*/ /*@media screen and (min-width:960px){.navigation-set .level-1 > span > a{color:#fff}}*/ .search-form{margin-bottom:0;} .search-input{background:#e4eaeb;border:0;color:#6c7784} /*.search-input:hover{background:#e4eaeb}*/  .search-button{background:#7fcee4;color:#fff} .search-button:hover{background:#6aabbd} .read-more{line-height:1.5em;font-weight:100;font-size:14px;color:#656d78;} .read-more-toggle{right:0;position:absolute;bottom:3px;padding-left:5px} .js-read-more + [data-readmore-toggle]{width:auto;display:inline-block;background:#fff;font-size:14px;line-height:1.5;font-weight:normal} .autocomplete{} .autocomplete-results{display:none;position:absolute;background:#fff;padding:20px;width:100%;/*max-height:300px;*/  overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.5);border-radius:3px} .hero{} .hero-heading{font-size:36px;text-align:center;font-weight:bold;margin-bottom:.25em} .hero-lead{font-size:20px;font-weight:100;color:#81838a;text-align:center;margin-bottom:3em} .hero-column{text-align:center} .hero-icon{color:#ec1c24;text-decoration:none;font-size:72px} .hero-column-heading{font-size:14px;font-weight:bold;text-transform:uppercase} .hero-column-text,.hero-column-text a{font-size:16px;font-weight:100;color:#81838a} .hero-column-text a{text-decoration:underline} .well{background:#f7f7f7;padding-top:30px;padding-bottom:30px;} .well-heading{font-size:22px;font-weight:bold} .well-lead{font-size:16px;font-weight:100;color:#81838a} .well .input{background:transparent} /* MIVA 9.6 CHANGES */ .CPCD-payment-row{background:#f3f7f8;line-height:32px;padding:1.25rem 0;margin-bottom:5px} .CPCD-payment-name,.CPCD-payment-exp{font-weight:lighter} .CPCD-edit-card a,.CPCD-delete-card a{text-decoration:underline;color:#2a527a;font-size:14px} .CPCD-edit-card{margin-right:0.5rem} .cpcd-add{color:#fff !important;margin:1rem 0} .cpca-save-card{color:#fff;border:0;width:100%;height:auto;padding:.25rem 0;} .cpca-cancel{color:#656d78;background:#e4eaeb;border:0;height:auto;padding:.25rem 0;} .cpca-continue-button{margin:1.5rem 0;} .CPCA-breaker-add-spacing{margin-bottom:14rem;} #cpca_form,#cpce_form{border:1px solid #dedede;width:100% !important;margin-top:1.5rem;padding:2rem;} @media screen and (min-width:960px){.cpca main > .wrap > .row,.cpcd main > .wrap > .row,.cpce main > .wrap > .row{width:83.3332%;margin:auto}} /* Subscription management */ #js-subscription-success{padding:1rem 0;background:#38c574;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} #js-subscription-success span{position:relative;top:1px;} .subscription-next-shipment{color:#656d78;font-size:13px;margin:1.5rem 0 1.5rem;} .subscription-edit-btn,.subscription-edit-btn:hover{color:#6b9ccc;font-size:14px;display:block;border:2px solid #6b9ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:10px 0;margin-bottom:2rem;} .subscription-item{padding-bottom:1rem;margin-bottom:2rem;} .subscription-item-inner{border:1px solid #e6e8ec;padding:1.5rem;} .subscription-item-name{font-size:18px;color:#383f48;} .subscription-item-code{color:#656d78;font-size:13px;font-weight:100;margin-bottom:10px;} .subscription-item-info{min-height:75px;} .subscription-item-terms,.subscription-order-info{border-top:1px solid #dbe3e5;padding:10px 0;} .subscription-item-title{font-size:11px;color:#656d78;} .subscription-order-data{color:#383f48;} /* Edit Subscription */ .edit-subscription-inner{border:1px solid #e6e8ec;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .edit-subscription-top,.edit-subscription-paymentinfo,.edit-subscription-charges{padding:0 1.5rem} .edit-subscription-charges > .row{margin-bottom:0.5rem} .edit-subscription-top{padding-top:1.5rem} .edit-subscription-charges{padding:1.5rem;background:#f3f7f8;margin-top:1.5rem} .edit-subscription-item-name{font-size:32px;color:#383f48;} .edit-subscription-item-code{color:#656d78;font-size:14px;margin-bottom:0.5rem;} .edit-subscription-item-discount{font-size:14px;color:#6b9ccc;} .discount-charge{color:#6b9ccc;} .edit-subscription-order,.edit-subscription-shipping-info,.edit-subscription-paymentinfo-inner{border-top:1px solid #dbe3e5;margin-top:0.5rem;padding:1rem 0 0.5rem 0;margin-bottom:1rem;} .edit-subscription-title{font-size:14px;color:#4d4d4d;margin-bottom:5px;display:block;} .edit-subscription-info{font-size:14px;color:#81838a;} .edit-subscription-order-date-terms{margin-top:1rem;} .edit-subscription-next-order{position:relative;overflow:visible;} #subscriptionfields_nextorderdate_display{cursor:pointer;display:block;position:relative;border:1px solid #e6e8ec;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:10px 15px;font-size:14px;color:#81838a;} .edit-subscription-subtotal,.edit-subscription-total{font-size:20px;} .edit-subscription-subtotal{margin-top:6px;} #subscriptionfields_nextorderdate_display:after{content:"";font-family:'ElegantIcons';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;background:#f3f7f8;color:#6b9ccc;font-size:20px;position:absolute;right:0;height:100%;top:0;line-height:40px;padding:0 20px;} .edit-subscription-dots{overflow:hidden;white-space:nowrap;} .edit-subscription-inner select,.edit-subscription-quantity-inner{border:1px solid #e6e8ec;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:10px 15px;font-size:14px;color:#81838a;height:auto;background:#fff;min-height:20px;} .edit-subscription-quantity-inner{padding:6px 0} .edit-subscription-dots:before{content:"..........................................................................................................................................................................";color:#d6dadc;letter-spacing:1px;font-size:18px;} .edit-subscription-buttons{margin-top:1.5rem;} .edit-subscription-save-button{background:#6b9ccc;font-size:14px;padding:7px 0;height:auto;border:0;} .edit-subscription-cancel-button{border:0;padding:0;text-decoration:underline;color:#2a527a;padding:7px 0;font-size:14px;height:auto;} .qty-inc,.qty-dec{width:15%;cursor:pointer;color:#4d4d4d;display:inline-block;float:left;margin-top:5px;} .edit-subscription-quantity-inner .edit-subscription-qty{width:70%;display:inline;border:0;font-size:14px;color:#81838a;box-shadow:none !important;float:left;} /* Miva Date Picker */ .miva_datepicker{position:absolute;display:none;z-index:1000;background:#fff;padding:20px;border:1px solid #ccc;width:100%;} .miva_datepicker_calendar_container{position:relative;display:block;vertical-align:top;width:214px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:auto;} .miva_datepicker_calendar_month_selector{position:relative;height:35px;margin:2px;background:#666;} .miva_datepicker_calendar_month_selector_prev{position:absolute;top:0;left:0;width:35px;height:35px;background-position:0 -35px;background-repeat:no-repeat;cursor:pointer;} .miva_datepicker_calendar_month_selector_prev:hover{background-color:#555;} .miva_datepicker_calendar_month_selector_title{position:absolute;top:0;right:35px;bottom:0;left:35px;text-align:center;padding:9px;font-size:14px;color:#fff;} .miva_datepicker_calendar_month_selector_title_month{position:relative;display:inline-block;color:#fff;} .miva_datepicker_calendar_month_selector_title_year{position:relative;display:inline-block;margin-left:3px;color:#fff;} .miva_datepicker_calendar_month_selector_next{position:absolute;top:0;right:0;width:35px;height:35px;background-position:0 -35px;background-repeat:no-repeat;cursor:pointer;} .miva_datepicker_calendar_month_selector_next:hover{background-color:#555;} .miva_datepicker_cancel{float:right;border:2px solid #e0ebed;color:#7d848f;padding:3px 9px 2px;font-size:12px;font-weight:bold;margin-top:0.75rem;text-transform:uppercase;;} .miva_datepicker_calendar_weekday_container{position:relative;height:24px;margin:2px;width:214px;margin:auto;} .miva_datepicker_calendar_week_container{width:214px;margin:auto;} .miva_datepicker_calendar_weekday_title{position:absolute;display:inline-block;width:28px;height:14px;padding:3px 0;font-weight:bold;text-align:center;} .miva_datepicker_cancel{} #miva_datepicker_calendar_week_container{position:relative;margin:2px;} .miva_datepicker_calendar_week{position:relative;display:block;height:30px;} .miva_datepicker_calendar_day{position:absolute;display:inline-block;top:1px;bottom:1px;width:26px;height:11px;padding:7px 0 8px;text-align:center;font-size:11px;border:1px solid #ccc;cursor:pointer;line-height:1;height:24px;} .miva_datepicker_calendar_day:hover{background:#666;border-color:#555;color:#fff;} .miva_datepicker_calendar_day_noselect,.miva_datepicker_calendar_day_noselect:hover{background:#e3e3e3;border-color:#ccc;color:#777;} .miva_datepicker_calendar_day_current{border-color:#666;color:#666;font-weight:bold;} .miva_datepicker_calendar_day_current:hover{border-color:#666;background:#666;color:#fff;font-weight:bold;} .miva_datepicker_calendar_day_active{background:#666;border-color:#555;color:#fff;font-weight:bold;} .miva_datepicker_calendar_day_0{left:1px;} .miva_datepicker_calendar_day_1{left:31px;} .miva_datepicker_calendar_day_2{left:61px;} .miva_datepicker_calendar_day_3{left:91px;} .miva_datepicker_calendar_day_4{left:121px;} .miva_datepicker_calendar_day_5{left:151px;} .miva_datepicker_calendar_day_6{left:181px;} #miva_datepicker_cancel{position:relative;display:inline-block;margin-top:10px;} /* OSEL & OPAY Changes */ .payment-method-selectors label{text-align:left;} .payment-method-selectors input{position:relative;width:auto;height:auto;opacity:1;display:inline-block;margin-right:0.75rem;} .payment-method-selectors label img{margin-right:0.75rem;} .payment-method-selectors{margin-bottom:0.75rem;} /* PROD */ @media screen and (min-width:960px){#l-Product_Subscription_Term_ID{width:63%}} #js-subscription #l-Product_Subscription_Term_ID{width:100%;} .hide-subs{display:none !important} #l-otp:checked ~ #js-subscription{display:none;} .purchase-form_otps-otp,.purchase-form_otps-s{display:inline-block;font-size:14px !important;text-align:center !important;border:2px solid #e0ebed;padding:1rem;margin-bottom:1rem;color:#7d848f;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;border-radius:0.25rem;font-weight:bold;} #l-otp:checked ~ .purchase-form_otps-otp,#l-subscribe:checked ~ .purchase-form_otps-s{color:#285373;border-color:#469bd1;} .purchase-form_otps-otp{margin-right:0.75rem} #js-saved-cards{padding:1.25rem 0 0 0;border:1px solid #e3e3e8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:1.25rem;} .js-saved-cards-title{margin:0 0 1.5rem 20px;padding:0;} .payment-method-selectors{font-size:14px}