/*! 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 and 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;} /* ------------------------ back to top link ------------------------ */ .back-to-top{color:#fff;cursor:pointer;display:none;position:fixed;right:2rem;bottom:6rem;text-align:center;} .back-to-top span{display:inline-block;font-size:2rem;line-height:2rem;vertical-align:middle;width:2rem;height:2rem}/* ------------------------ =SCAFFOLDING ------------------------ */ .wrap{clear:both;display:block;margin:0 auto;position:relative;width:auto; /* max-width:1170px; */ zoom:1; max-width:1370px;} /* ------------------------ 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:"Maven Pro",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 all;transition:0.2s ease-in-out all;} a{color:#7d7d7d;} a:hover{color:#1ac8e2;outline:none;} a:active{color:#1ac8e2;} .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:#4d4d4d;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:""} .run-in{color:#222;float:left;font-size:1rem;font-weight:700;letter-spacing:2px;margin:0;margin-right:0.317rem;text-transform:uppercase;} small,.small{display:inline-block;font-size:0.75em;line-height:2;} .micro{font-size:0.625rem;line-height:2.4;} .small-caps{font-family:inherit;font-size:1.125rem;font-weight:700;letter-spacing:2px;line-height:inherit;text-transform:uppercase;} sub,sup{font-size:0.75rem;} sup{top:-0.475rem} sub{bottom:-0.238rem} var{font-style:normal;} /* ------------------------ =Weights,Styles and Case ------------------------ */ .light{font-weight:300;} .normal{font-weight:400;} .medium{font-weight:500;} .semibold{font-weight:600;} .bold,.required{font-weight:700;} .ultrabold{font-weight:900;} .italic{font-style:italic;} .lowercase{text-transform:lowercase;} .normalcase{text-transform:none;} .uppercase{text-transform:uppercase;} .strike{text-decoration:line-through;} /* ------------------------ =Word Wrap ------------------------ */ .breakword{word-wrap:break-word;} .normal-wrap{word-wrap:normal;} .inherit-wrap{word-wrap:auto;} /* ------------------------ =Drop Capitals ------------------------ */ .drop-cap:first-letter{background:transparent;color:#222;float:left;font:700 4.209rem Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;line-height:1;margin:auto 0.75rem auto auto;padding:inherit;text-indent:0;text-transform:uppercase} p + .drop-cap{margin-top:0;text-indent:0}/* ------------------------ =BUTTONS ------------------------ */ .button{background-color:#292929;border:1px solid transparent;border-radius:0.25rem;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;height:2em;line-height:2;margin:0;overflow:visible;padding:0 0.75em;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,.button:active,.button:focus,.button:hover,.button:visited{text-decoration:none} .button:focus,.button:hover{box-shadow:0 0 5px rgba(0,0,0,0.5)} .button:hover{color:#fff} a.button:focus,a.button:hover{} .button:active{box-shadow:0 0 5px 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:#777;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;height:1.5em;line-height:1.5;padding-right:0.50em;padding-left:0.50em;width:auto} .button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto} .button-large{height:4em;line-height:4;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{font-size:2rem} /* ------------------------ button styles ------------------------ */ .button-hollow{background:transparent} .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;height:1.5em;line-height:1.5;padding-right:0.50em;padding-left:0.50em;width:auto} .x-small-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto} .x-small-button-large{height:4em;line-height:4;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;height:1.5em;line-height:1.5;padding-right:0.50em;padding-left:0.50em;width:auto} .small-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto} .small-button-large{height:4em;line-height:4;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;height:1.5em;line-height:1.5;padding-right:0.50em;padding-left:0.50em;width:auto} .medium-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto} .medium-button-large{height:4em;line-height:4;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;height:1.5em;line-height:1.5;padding-right:0.50em;padding-left:0.50em;width:auto} .large-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto} .large-button-large{height:4em;line-height:4;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;height:1.5em;line-height:1.5;padding-right:0.50em;padding-left:0.50em;width:auto} .x-large-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto} .x-large-button-large{height:4em;line-height:4;padding-right:1.50em;padding-left:1.50em;width:auto} .x-large-button-block{display:block;padding-right:0;padding-left:0;width:100%}}/* ------------------------ =FONTS [use @font-face] ------------------------ */ .playfair{font-family:"Playfair Display",Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman",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;} /* ------------------------ 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";}/* ------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */ .form-row{clear:both;display:block;margin-bottom:0.50rem;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"],select,textarea{border:1px solid #dfe1e1;border-radius:0;display:block;font-family:inherit;font-size:100%;height:2em;line-height:2;outline:0 none;padding:0 0.50rem;vertical-align:middle;width:100%;} /* ------------------------ input sizing ------------------------ */ input.input-medium,select.input-medium{height:3em;line-height:3} input.input-large,select.input-large,input.input-block{height:4em;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%}}/* ------------------------ =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} 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-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:#2ecc40;} .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;} /* ------------------------ button hovers ------------------------ */ .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:#29b839;color:#333} .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{background-color:#969696} .button.bg-silver:hover{background-color:#c9c9c9;color:#333} .button.bg-black:hover{background-color:#333} /* ------------------------ =BORDER COLORS ------------------------ */ .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 ------------------------ */ .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:transparent;border:none;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:#2b2b2b;font-family:'ElegantIcons';font-size:2rem;-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}/* ------------------------------- =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:1043;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:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .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%;} .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 ------------------------ */ /* ------------------------ 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 (
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 ------------------------ */ .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}} /* ------------------------ 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}} /* ------------------------ 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} .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} /* ------------------------ 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}/* +-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+ =BODY =HEADER =NAVIGATION BAR =MAIN =COLUMN-LEFT =COLUMN-RIGHT =BOTTOM WRAP =FOOTER =DISCLAIMERS =MOBILE FOOTER */ /* ------------------------------- =BODY ------------------------------- */ body{background-color:#f4f4f4;} /* ------------------------------- =HEADER ------------------------------- */ .header{background:#fff;margin:0 auto;} .header.stuck,.header .main-header.stuck{background:#fff;position:fixed;top:0;right:0;left:0;width:100%;z-index:1000} /* ------------------------ 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:#1ac8e2}} .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} @media only screen and (min-width:768px){.main-header{font-size:0.875rem;height:7rem;padding:1rem 0}} /* ------------------------ mobile-main-header ------------------------ */ .mobile-main-header{background:#fff;height:4rem;line-height:4;overflow:hidden;text-align:center} .mobile-main-header .mobile-menu-button span{display:inline-block;font-size:1.50rem;line-height:2.667;vertical-align:middle;width:100%} .mobile-basket-button *[data-rt-icon]{border-radius:1rem;display:inline-block;font-size:1rem;line-height:2;position:relative;text-align:center;vertical-align:middle;width:2rem;height:2rem} /* ------------------------ service-links ------------------------ */ .service-links{margin-bottom:1.50rem} /* ------------------------ mini-basket ------------------------ */ .mini-basket{font-size:1.125rem} .mini-basket *[data-rt-icon]{border-radius:1rem;display:inline-block;font-size:1rem;line-height:2;margin-right:0.50rem;position:relative;text-align:center;width:2rem;height:2rem} .basket-count{line-height:1.667;padding:0;position:absolute;top:-0.25rem;right:-0.50rem;width:auto;min-width:1.25rem;height:1.25rem} .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;position:absolute;top:-40rem;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:1001} .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:50%;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:6rem}} .mini-basket-content{cursor:default;padding:0 1rem 1rem} .mini-basket-content h3{border-bottom:1px solid #d5d5d5;line-height:2} .mini-basket-content h3 span{border-bottom:1px solid #1ac8e2} .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} /* ------------------------------- =NAVIGATION BAR ------------------------------- */ .navigation-bar{border:solid #dedede;border-width:1px 0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);position:relative;text-align:center;z-index:1;} .navigation-set{height:0;opacity:0;-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;list-style:none;margin:0;padding:0;position:relative;text-align:left;white-space:nowrap} .navigation-set li a{display:block} @media only screen and (min-width:960px){.navigation-set{font-size:0;margin:0 auto;opacity:1;padding:0;text-align:left;max-width:1370px;height:100%} .navigation-set .level-1{font-size:14px;height:3.375em;line-height:3.375;text-transform:uppercase;width:12%;font-weight:500} .safari .navigation-set .level-1{float:left} .navigation-set .open-global-search{width:4%} .navigation-set .level-1 a{border-right:1px solid #dedede;color:#4d4d4d;text-align:center} .navigation-set > .level-1:first-child a{border-left:1px solid #dedede} /* .navigation-set .level-1:hover > span a{box-shadow:inset 0 -4px 0 0 #1ac8e2}*/ } /* ------------------------ 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 .3rem 1rem .3rem;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:1.125rem;min-width:10rem} .navigation-set > .level-1:first-child .level-2 a,.navigation-set li ul .level-2 a{border:0 none; /* border-bottom:1px solid #f7f7f7; */ margin-bottom:0.25rem;text-align:left;font-size:13.5px;text-transform:none} .navigation-set .level-2 a:after{background:#1ac8e2;content:'';display:block;position:relative;bottom:0;width:100%;height:2px;margin-top:7px} .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:#1ac8e2} /* ------------------------ 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:30px;*/ white-space:normal; /* padding-top:20px; */ } .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;/*width:17%;margin:10px 44px 10px 44px;*/ } .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} .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} /* ------------------------ 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} /* ------------------------ 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: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;line-height:3.50rem;overflow:hidden;padding:0;-moz-transition:none;-webkit-transition:none;transition:none;width:100%;min-height:3.50rem} .mobile-navigation ul li span.parent{display:table-cell;width:80%} .mobile-navigation ul li span.next{display:table-cell;width:20%;text-align:center} .mobile-navigation ul li span.next:active{background:transparent} .mobile-navigation ul li span.back{max-width:none} .mobile-navigation ul li span a{background:none;border:0 none;box-shadow:none;cursor:pointer;display:inline-block;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%} .mobile-navigation ul li:hover > ul{display:none} .mobile-navigation ul li:hover > span,.mobile-navigation ul li:hover > span a{background-color:transparent;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 ------------------------ */ .column-left{} .single-column .column-left{display:none} /* ------------------------ category tree navigation ------------------------ */ .category-tree{background:#fff;margin-bottom:2rem} .category-tree h5{background:#4d4d4d;color:#fff;font-weight:400;line-height:2.50;margin-bottom:0.50rem;padding:0 1rem} .category-tree > ul{padding:0 1rem 1rem} .category-tree .level-1,.category-tree .level-2,.category-tree .level-3{list-style:none} .category-tree .level-1{line-height:2} .category-tree .level-2,.category-tree .level-3{font-size:0.875rem;line-height:2;padding-left:0.75rem} .category-tree .level-3{padding-left:1.50rem} .category-tree a{display:block;position:relative;text-decoration:none} .category-tree .level-2 a:hover:before,.category-tree .level-3 a:hover:before{content:"\64";font-family:'Suivant';font-size:0.50rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;position:absolute;top:0.65rem;left:-0.75rem;speak:none;text-transform:none} /* ------------------------ =COLUMN RIGHT ------------------------ */ .column-right{min-height:30rem} .single-column .row .column-right{border:none;left:auto;width:100%} @media only screen and (min-width:960px){.single-column .row .column-right{padding-right:0.75rem}} /* ------------------------ breadcrumbs ------------------------ */ .breadcrumbs{/*background:#e8e8e8;*/ color:#818181;font-size:0.875rem;line-height:2} @media only screen and (min-width:768px){.breadcrumbs{line-height:3.5}} .breadcrumbs li{display:inline-block} .breadcrumbs a{color:#818181;margin-right:0.375rem;text-decoration:none} .breadcrumbs .current-item{margin-right:0.375rem} .breadcrumb-border{padding-right:0.375rem;padding-left:0.25rem} /* ------------------------ page titles ------------------------ */ .page-title{font-weight:400;line-height:2;margin-bottom:0} /* ------------------------ main content ------------------------ */ .main-content{margin-bottom:1rem;padding:0 1rem} .single-column .main-content{padding:0} .main-content-row{padding:0.50rem 0} /* ------------------------ =BOTTOM WRAP ------------------------ */ .bottom-wrap{clear:both;/* important - do not remove */ height:0;} /* ------------------------ =FOOTER ------------------------ */ .footer{font-size:0.875rem;padding:0.75rem 0 1rem;} @media screen and (min-width:768px){.footer{padding-top:2.50rem}} .footer h5{color:#4d4d4d;margin-bottom:0.75rem;text-transform:uppercase} .footer ul{margin-bottom:1rem;opacity:1;padding:0} .footer ul a{display:block;font-size:0.875rem;line-height:2} /* ------------------------ footer-contact ------------------------ */ .footer-contact li{border-top:2px solid #fff;padding:0.75rem 0} .footer-contact li:before{font-size:1rem;padding-right:0.75rem} .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} .footer-social a:hover{background:#4d4d4d} /* ------------------------ =DISCLAIMERS ------------------------ */ .disclaimers{font-size:0.75rem;} .disclaimers .wrap{border-top:1px solid #414141;padding:0.50rem 0 3.5rem} @media screen and (min-width:768px){.disclaimers{font-size:0.875rem} .disclaimers .wrap{border-top-color:#fff;padding:1rem 0}} /* ------------------------ =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}/* +-+-+-+-+-+-+ 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 */ /* ------------------------ =SFNT PAGE ------------------------ */ .sfnt.single-column .row .column-right{padding:0;} @media screen and (max-width:479px){.event-message{font-size:1rem}} /* ------------------------ ad blocks ------------------------ */ .sfnt-ad{display:block;margin-bottom:1.125rem} @media screen and (min-width:960px){.sfnt-ad{margin-bottom:1.875rem}} /* ------------------------ 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:3rem;height:3rem} .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} .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 ------------------------ */ /* ------------------------ category-subcategory ------------------------ */ .sub-category-layout,.category-product-layout{margin-bottom:1.25rem;padding-top:1.50rem} .sub-category{margin-bottom:1rem;text-align:center} .sub-category a{display:block} .sub-category img{display:block;margin:0 auto 0.50rem} /* ------------------------ category-product ------------------------ */ .category-product{margin-bottom:1rem;text-align:center} .category-product a{overflow:hidden;position:relative} .category-product img{display:block;margin:0 auto} .category-product .breaker{height:0.50rem} .category-product p{margin-bottom:0.25rem;padding:0 1rem} .category-product strong{padding:0 0.50rem} .category-product .strike{color:#acacac} /* ------------------------ 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{font-size:0.875rem;margin-bottom:1.25rem} /* ------------------------ sorting ------------------------ */ .sorting,.per-page,.page-links{line-height:1.7;padding:1rem} .sorting label{width:auto} /* ------------------------ 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:#1ac8e2;font-weight:700} /* ------------------------ pagination ------------------------ */ .page-links-title,.page-links-container,.page-links-results{vertical-align:middle} .page-links a,.page-links-deactivated,.page-links-active{outline:1px solid #dedede;display:inline-block;font-size:1rem;line-height:2;margin-right:0.25rem;text-align:center;text-decoration:none;width:2rem;height:2rem} @media screen and (min-width:1180px){.page-links a,.page-links-deactivated,.page-links-active{line-height:2.50;margin-right:0.25rem;width:2.50rem;height:2.50rem}} .page-links a:hover{outline-color:#1ac8e2} .page-links-deactivated:hover{cursor:not-allowed} a.page-links-next{margin:0} .page-links-active{color:#1ac8e2;outline-color:#1ac8e2} /* ------------------------ =PROD AND PATR PAGES ------------------------ */ /* ------------------------ product-information ------------------------ */ .product-information{margin-bottom:1.25rem;padding:2rem 1.25rem} /* ------------------------ product images ------------------------ */ .product-information--images{margin-bottom:0.75rem;text-align:center} .main-image{cursor:pointer;display:block;margin-bottom:1rem;position:relative} .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} .thumbnails .slick-next,.thumbnails .slick-prev{background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);width:2rem;height:2rem} .thumbnails .slick-next{right:-1rem} .thumbnails .slick-prev{left:-1rem} .thumbnails .slick-next:before,.thumbnails .slick-prev:before{font-family:'Suivant';font-size:1rem} .thumbnails .slick-next:before{content:"\64"} .thumbnails .slick-prev:before{content:"\63"} .thumbnails img{padding:0 0.50rem} /* ------------------------ product purchase ------------------------ */ .product-information--purchase{margin-bottom:1.50rem;position:relative} /* ------------------------ 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:1px solid transparent;border-radius:3rem;cursor:pointer;display:inline-block;margin:0 0.375rem 0.375rem 0} .product-swatches .selected-swatch{border-color:#ededed} .product-swatches li span{border:0.25rem solid #fff;border-radius:3rem;display:block;overflow:hidden} /* ------------------------ add-to-cart ------------------------ */ .row.add-to-cart-wrap{font-size:1.125rem;margin:2.50rem 0 0;padding:0.75rem 0} .add-to-cart-wrap input[name="Quantity"],.decrease-quantity,.increase-quantity{display:inline-block;font-size:1rem;line-height:2.75;vertical-align:middle;width:2.75rem;height:2.75rem} .decrease-quantity,.increase-quantity{cursor:pointer;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none} .add-to-cart{font-size:1.25rem;height:2.75em;line-height:2.75} @media screen and (min-width:608px){.row.add-to-cart-wrap{line-height:2.75;padding:2.25em 1.50em} .add-to-cart{margin-left:0.75rem}} .purchase-message{display:none;margin:0;position:absolute;top:45%;width:96%;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 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:#1ac8e2} .product-information--description dt a{color:#818181;padding:0 1em} .product-information--description dt.current a{color:#1ac8e2} .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}} /* ------------------------ related products ------------------------ */ .related-products{padding-top:1.50rem} .related-products .h3{border-bottom:1px solid #d5d5d5;font-size:1.75rem;font-weight:400;line-height:2} .related-products .h3 span{border-bottom:1px solid #1ac8e2} .related-products .slick-next,.related-products .slick-prev{background:#fff;border:1px solid #d5d5d5;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);margin-top:0;top:32%;width:3rem;height:3rem} .related-products .slick-next{right:0} .related-products .slick-prev{left:0} .related-products .slick-next:before,.related-products .slick-prev:before{font-family:'Suivant';font-size:1.50rem} .related-products .slick-next:before{content:"\64"} .related-products .slick-prev:before{content:"\63"} @media screen and (min-width:608px){.related-products .slick-next,.related-products .slick-prev{box-shadow:none;top:0} .related-products .slick-prev{right:4rem;left:auto}} /* ------------------------ =SRCH PAGE ------------------------ */ /* ------------------------ =BASK PAGE ------------------------ */ .basket-contents,.order-contents{padding:0.75rem 0 0.75rem 0.75rem;} /* ------------------------ basket ------------------------ */ .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{border-bottom:1px solid #e0e0e0;padding:0.50rem 0} .basket-product-row a{text-decoration:none} .basket-product-row p{line-height:normal;margin:0} .remove-item{color:#666;margin-top:0.75rem;text-align:center} .basket-footer-row{border-bottom:1px solid #dfe1e1;padding-bottom:0.50rem} .basket-button-row{padding-top:1rem} /* ------------------------ cart summary ------------------------ */ .bask .cart-summary .basket-header-row{margin-bottom:0.50rem} /* ------------------------ 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} /* ------------------------ =OCST,OSEL,OPAY AND INVC PAGES ------------------------ */ @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 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{background:#fafafa;border:solid #dfe1e1;border-width:1px 0;font-size:1rem;line-height:2.5;padding-left:0.75rem} .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 .form_row{margin:0 0 0.50rem} .customer-fields select{font-size:0.875rem;height:2rem} .update-record label{font-size:0.75rem;width:auto} /* ------------------------ cart summary layout ------------------------ */ .cart-summary{margin-bottom:1rem} /* ------------------------ 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 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} /* ------------------------ =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} /* Custom Radio Label */ .radio-header-hide,.custom-radio-option input{display:none !important;} .custom-radio-option-swatch{border:1px solid transparent;border-radius:3rem;cursor:pointer;display:inline-block;margin:0 0.25rem 0.25rem 0;} .custom-radio-option input:checked ~ .custom-radio-option-swatch{border-color:#999;} .custom-radio-option-swatch img{border:1px solid #fff;border-radius:3rem;display:block;overflow:hidden;border-radius:3rem;} .radio--header{border-bottom:1px solid #ccc;padding-bottom:5px;padding-top:15px;margin-bottom:0.75rem;font-size:18px;} .js-custom-radio-label{font-weight:normal;font-size:18px;} .option-chosen{font-weight:bold;} .prod h1{font-size:28px;}/* ------------------------ =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}}