Created
May 20, 2015 19:47
-
-
Save tjbenton/490230c0d0d7c4d02709 to your computer and use it in GitHub Desktop.
For csscomb error testing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ | |
| /* ========================================================================== | |
| HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined in IE 8/9. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * Correct `inline-block` display not defined in IE 8/9. | |
| */ | |
| audio, | |
| canvas, | |
| video { | |
| display: inline-block; | |
| } | |
| /** | |
| * 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. | |
| * Hide the `template` element in IE, Safari, and Firefox < 22. | |
| */ | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* ========================================================================== | |
| Base | |
| ========================================================================== */ | |
| /** | |
| * 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; | |
| } | |
| /* ========================================================================== | |
| Links | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background color from active links in IE 10. | |
| */ | |
| a { | |
| background: transparent; | |
| } | |
| /** | |
| * Address `outline` inconsistency between Chrome and other browsers. | |
| */ | |
| a:focus { | |
| outline: thin dotted; | |
| } | |
| /** | |
| * Improve readability when focused and also mouse hovered in all browsers. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| /* ========================================================================== | |
| Typography | |
| ========================================================================== */ | |
| /** | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9, Safari 5, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| /** | |
| * Address styling not present in Safari 5 and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Correct font family set oddly in Safari 5 and Chrome. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, serif; | |
| font-size: 1em; | |
| } | |
| /** | |
| * Improve readability of pre-formatted text in all browsers. | |
| */ | |
| pre { | |
| white-space: pre-wrap; | |
| } | |
| /** | |
| * Set consistent quote types. | |
| */ | |
| q { | |
| quotes: "\201C" "\201D" "\2018" "\2019"; | |
| } | |
| /** | |
| * 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. | |
| */ | |
| img { | |
| border: 0; | |
| } | |
| /** | |
| * Correct overflow displayed oddly in IE 9. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /* ========================================================================== | |
| Figures | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 8/9 and Safari 5. | |
| */ | |
| figure { | |
| margin: 0; | |
| } | |
| /* ========================================================================== | |
| Forms | |
| ========================================================================== */ | |
| /** | |
| * 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. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * 1. Correct font family not being inherited in all browsers. | |
| * 2. Correct font size not being inherited in all browsers. | |
| * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. | |
| */ | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-family: inherit; /* 1 */ | |
| font-size: 100%; /* 2 */ | |
| margin: 0; /* 3 */ | |
| } | |
| /** | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| button, | |
| input { | |
| line-height: normal; | |
| } | |
| /** | |
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
| * All other form control elements do not inherit `text-transform` values. | |
| * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. | |
| * Correct `select` style inheritance in Firefox 4+ and Opera. | |
| */ | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| /** | |
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| * and `video` controls. | |
| * 2. Correct inability to style clickable `input` types in iOS. | |
| * 3. Improve usability and consistency of cursor style between image-type | |
| * `input` and others. | |
| */ | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; /* 2 */ | |
| cursor: pointer; /* 3 */ | |
| } | |
| /** | |
| * Re-set default cursor for disabled elements. | |
| */ | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| /** | |
| * 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"] { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | |
| * (include `-moz` to future-proof). | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; /* 1 */ | |
| -webkit-box-sizing: content-box; /* 2 */ | |
| box-sizing: content-box; | |
| } | |
| /** | |
| * Remove inner padding and search cancel button in Safari 5 and Chrome | |
| * on OS X. | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * 1. Remove default vertical scrollbar in IE 8/9. | |
| * 2. Improve readability and alignment in all browsers. | |
| */ | |
| textarea { | |
| overflow: auto; /* 1 */ | |
| vertical-align: top; /* 2 */ | |
| } | |
| /* ========================================================================== | |
| Tables | |
| ========================================================================== */ | |
| /** | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /* placeholder - clear fix */ | |
| .u-clear:after, | |
| .c-headline:before, | |
| .c-actions:before, | |
| .c-headline:after, | |
| .c-actions:after, | |
| .names:after, | |
| .address:after, | |
| .address-street:before, | |
| .c-info:after { | |
| content: ""; | |
| clear: both; | |
| display: table; | |
| position: relative; | |
| } | |
| /* placeholder - reset */ | |
| .c-list, | |
| fieldset.c-list, | |
| .u-reset, | |
| .c-media-list { | |
| list-style: none outside none; | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 0; | |
| } | |
| /* placholder - owl */ | |
| > .u-margins-off, | |
| > .c-media > > *, | |
| > .c-media-list > * > > * { | |
| margin-top: 0; | |
| } | |
| > *:not(style):not(link):not(meta):not(script):not(:hidden) + .u-compact { | |
| margin-top: 0.5em; | |
| } | |
| ul li ol *:not(style):not(link):not(meta):not(script):not(:hidden) ~ li { | |
| margin-top: 0.5em; | |
| } | |
| *:not(style):not(link):not(meta):not(script):not(:hidden) ~ .c-media, | |
| .c-media-list > *:not(style):not(link):not(meta):not(script):not(:hidden) ~ * { | |
| margin-top: 2.5em; | |
| } | |
| /* placeholder - icon-styles-pseudos */ | |
| .c-list--has-anchors > *:not(.c-list__item) > a:before, | |
| .c-tag--delete:before, | |
| .c-select:after, | |
| .c-checkbox input:after, | |
| .c-radio input:after, | |
| [class*="icon--"]:after, | |
| .c-alert--dismissible:after { | |
| display: inline-block; | |
| height: 1em; | |
| font: normal normal normal 1em/1em icons; | |
| speak: none; | |
| text-transform: none; | |
| text-indent: 0; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-font-smoothing: antialiased; | |
| width: 1em; | |
| } | |
| /* placeholder - icon-pos-middle */ | |
| .c-checkbox input, | |
| .c-radio input, | |
| .c-btn.icon-pos--middle, | |
| .icon-pos--middle { | |
| text-indent: -99em; | |
| } | |
| .c-checkbox input:before, | |
| .c-radio input:before, | |
| .c-checkbox input:after, | |
| .c-radio input:after, | |
| .c-btn.icon-pos--middle:before, | |
| .icon-pos--middle:before, | |
| .c-btn.icon-pos--middle:after, | |
| .icon-pos--middle:after { | |
| display: block; | |
| position: absolute; | |
| left: 50%; | |
| margin-left: -.5em; | |
| margin-top: -.5em; | |
| top: 50%; | |
| line-height: 1em; | |
| } | |
| /* placeholder - icon-pos-top */ | |
| .c-btn.icon-pos--top, | |
| .icon-pos--top { | |
| padding-top: 2.4286em; | |
| } | |
| .c-btn.icon-pos--top:before, | |
| .icon-pos--top:before, | |
| .c-btn.icon-pos--top:after, | |
| .icon-pos--top:after { | |
| display: block; | |
| position: absolute; | |
| left: 50%; | |
| margin-left: -.5em; | |
| top: 0.7143em; | |
| } | |
| /* placeholder - icon-pos-right */ | |
| .c-btn.icon-pos--right, | |
| .icon-pos--right, | |
| .c-alert--dismissible { | |
| padding-right: 2.4286em; | |
| } | |
| .c-btn.icon-pos--right:before, | |
| .icon-pos--right:before, | |
| .c-btn.icon-pos--right:after, | |
| .icon-pos--right:after, | |
| .c-alert--dismissible:before, | |
| .c-alert--dismissible:after { | |
| display: block; | |
| position: absolute; | |
| margin-top: -.5em; | |
| top: 50%; | |
| right: 0.7143em; | |
| } | |
| /* placeholder - icon-pos-bottom */ | |
| .c-btn.icon-pos--bottom, | |
| .icon-pos--bottom { | |
| padding-bottom: 2.4286em; | |
| } | |
| .c-btn.icon-pos--bottom:before, | |
| .icon-pos--bottom:before, | |
| .c-btn.icon-pos--bottom:after, | |
| .icon-pos--bottom:after { | |
| display: block; | |
| position: absolute; | |
| left: 50%; | |
| margin-left: -.5em; | |
| bottom: 0.7143em; | |
| } | |
| /* placeholder - icon-pos-left */ | |
| .c-btn.icon-pos--left, | |
| .icon-pos--left, | |
| .c-ratings { | |
| padding-left: 2.4286em; | |
| } | |
| .c-btn.icon-pos--left:before, | |
| .icon-pos--left:before, | |
| .c-btn.icon-pos--left:after, | |
| .icon-pos--left:after, | |
| .c-ratings:before, | |
| .c-ratings:after { | |
| display: block; | |
| position: absolute; | |
| margin-top: -.5em; | |
| top: 50%; | |
| left: 0.7143em; | |
| } | |
| /* placeholder - grid */ | |
| .grid { | |
| letter-spacing: -.28em; | |
| list-style: none; | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| margin-bottom: -1em; | |
| padding: 0; | |
| } | |
| .grid > *, | |
| .col { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| letter-spacing: normal; | |
| margin: 0; | |
| margin-bottom: 1em; | |
| padding: 0 10px; | |
| vertical-align: top; | |
| width: 100%; | |
| word-spacing: normal; | |
| } | |
| .grid--rev { | |
| direction: rtl; | |
| text-align: left; | |
| } | |
| .grid--rev > * { | |
| direction: ltr; | |
| text-align: left; | |
| } | |
| .grid--full { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .grid--full > * { | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .grid--not-full { | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| } | |
| .grid--not-full > * { | |
| padding-right: 10px; | |
| padding-left: 10px; | |
| } | |
| .grid--no-space, | |
| .grid--no-space > * { | |
| margin-bottom: 0; | |
| } | |
| .grid--right { | |
| text-align: right; | |
| } | |
| .grid--right > * { | |
| text-align: left; | |
| } | |
| .grid--center { | |
| text-align: center; | |
| } | |
| .grid--center > * { | |
| text-align: left; | |
| } | |
| .grid--middle > * { | |
| vertical-align: middle; | |
| } | |
| .grid--bottom > * { | |
| vertical-align: bottom; | |
| } | |
| .grid--one-col > * { | |
| width: 100%; | |
| } | |
| .grid > .one-col { | |
| width: 8.33333%; | |
| } | |
| .push--one-col { | |
| margin-left: 8.33333%; | |
| } | |
| .pull--one-col { | |
| margin-right: 8.33333%; | |
| } | |
| .grid--two-cols > * { | |
| width: 50%; | |
| } | |
| .grid > .two-cols { | |
| width: 16.66667%; | |
| } | |
| .push--two-cols { | |
| margin-left: 16.66667%; | |
| } | |
| .pull--two-cols { | |
| margin-right: 16.66667%; | |
| } | |
| .grid--three-cols > * { | |
| width: 33.33333%; | |
| } | |
| .grid > .three-cols { | |
| width: 25%; | |
| } | |
| .push--three-cols { | |
| margin-left: 25%; | |
| } | |
| .pull--three-cols { | |
| margin-right: 25%; | |
| } | |
| .grid--four-cols > * { | |
| width: 25%; | |
| } | |
| .grid > .four-cols { | |
| width: 33.33333%; | |
| } | |
| .push--four-cols { | |
| margin-left: 33.33333%; | |
| } | |
| .pull--four-cols { | |
| margin-right: 33.33333%; | |
| } | |
| .grid--five-cols > * { | |
| width: 20%; | |
| } | |
| .grid > .five-cols { | |
| width: 41.66667%; | |
| } | |
| .push--five-cols { | |
| margin-left: 41.66667%; | |
| } | |
| .pull--five-cols { | |
| margin-right: 41.66667%; | |
| } | |
| .grid--six-cols > * { | |
| width: 16.66667%; | |
| } | |
| .grid > .six-cols { | |
| width: 50%; | |
| } | |
| .push--six-cols { | |
| margin-left: 50%; | |
| } | |
| .pull--six-cols { | |
| margin-right: 50%; | |
| } | |
| .grid--seven-cols > * { | |
| width: 14.28571%; | |
| } | |
| .grid > .seven-cols { | |
| width: 58.33333%; | |
| } | |
| .push--seven-cols { | |
| margin-left: 58.33333%; | |
| } | |
| .pull--seven-cols { | |
| margin-right: 58.33333%; | |
| } | |
| .grid--eight-cols > * { | |
| width: 12.5%; | |
| } | |
| .grid > .eight-cols { | |
| width: 66.66667%; | |
| } | |
| .push--eight-cols { | |
| margin-left: 66.66667%; | |
| } | |
| .pull--eight-cols { | |
| margin-right: 66.66667%; | |
| } | |
| .grid--nine-cols > * { | |
| width: 11.11111%; | |
| } | |
| .grid > .nine-cols { | |
| width: 75%; | |
| } | |
| .push--nine-cols { | |
| margin-left: 75%; | |
| } | |
| .pull--nine-cols { | |
| margin-right: 75%; | |
| } | |
| .grid--ten-cols > * { | |
| width: 10%; | |
| } | |
| .grid > .ten-cols { | |
| width: 83.33333%; | |
| } | |
| .push--ten-cols { | |
| margin-left: 83.33333%; | |
| } | |
| .pull--ten-cols { | |
| margin-right: 83.33333%; | |
| } | |
| .grid--eleven-cols > * { | |
| width: 9.09091%; | |
| } | |
| .grid > .eleven-cols { | |
| width: 91.66667%; | |
| } | |
| .push--eleven-cols { | |
| margin-left: 91.66667%; | |
| } | |
| .pull--eleven-cols { | |
| margin-right: 91.66667%; | |
| } | |
| .grid--twelve-cols > * { | |
| width: 8.33333%; | |
| } | |
| .grid > .twelve-cols { | |
| width: 100%; | |
| } | |
| .push--twelve-cols { | |
| margin-left: 100%; | |
| } | |
| .pull--twelve-cols { | |
| margin-right: 100%; | |
| } | |
| iframe { | |
| display: block; | |
| min-height: 48vw; | |
| max-width: 100%; | |
| min-width: 300px; | |
| margin: 0 auto; | |
| width: 90%; | |
| } | |
| main { | |
| display: block; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| img { | |
| max-width: 100%; | |
| width: auto\9; | |
| height: auto; | |
| vertical-align: middle; | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| figure { | |
| margin: 0; | |
| } | |
| a, | |
| label, | |
| button, | |
| select, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| cursor: pointer; | |
| } | |
| * { | |
| border-color: inherit; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin: 0; | |
| outline: none; | |
| } | |
| *:after, | |
| *:before { | |
| -webkit-box-sizing: inherit; | |
| box-sizing: inherit; | |
| position: absolute; | |
| } | |
| *:not(script):not(link):not(meta):not(style) ~ * { | |
| margin-top: 1em; | |
| } | |
| :root > * + *, | |
| :root body > * + * { | |
| margin: 0; | |
| } | |
| a:focus { | |
| outline: none; | |
| } | |
| @-ms-viewport { | |
| width: device-width; | |
| } | |
| html, | |
| body { | |
| color: #7e7e7c; | |
| font: 14px/1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| height: 100%; | |
| overflow: hidden; | |
| position: relative; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-touch-action: none; | |
| -webkit-touch-callout: none; | |
| -ms-touch-select: none; | |
| } | |
| h1, | |
| .h1, | |
| h2, | |
| .h2, | |
| h3, | |
| .h3, | |
| h4, | |
| .h4, | |
| h5, | |
| .h5, | |
| h6, | |
| .h6 { | |
| color: #894082; | |
| display: block; | |
| font-size: 1em; | |
| font-weight: bold; | |
| letter-spacing: -.02em; | |
| line-height: 1.25em; | |
| margin: 0; | |
| } | |
| h1 a, | |
| .h1 a, | |
| h2 a, | |
| .h2 a, | |
| h3 a, | |
| .h3 a, | |
| h4 a, | |
| .h4 a, | |
| h5 a, | |
| .h5 a, | |
| h6 a, | |
| .h6 a { | |
| color: inherit; | |
| } | |
| *:not(script):not(link):not(meta):not(style) + h1, | |
| *:not(script):not(link):not(meta):not(style) + .h1, | |
| *:not(script):not(link):not(meta):not(style) + h2, | |
| *:not(script):not(link):not(meta):not(style) + .h2, | |
| *:not(script):not(link):not(meta):not(style) + h3, | |
| *:not(script):not(link):not(meta):not(style) + .h3, | |
| *:not(script):not(link):not(meta):not(style) + h4, | |
| *:not(script):not(link):not(meta):not(style) + .h4, | |
| *:not(script):not(link):not(meta):not(style) + h5, | |
| *:not(script):not(link):not(meta):not(style) + .h5, | |
| *:not(script):not(link):not(meta):not(style) + h6, | |
| *:not(script):not(link):not(meta):not(style) + .h6 { | |
| margin-top: .5em; | |
| } | |
| h1, | |
| .h1, | |
| h4, | |
| .h4, | |
| h5, | |
| .h5 { | |
| font-weight: 400; | |
| } | |
| h1, | |
| .h1, | |
| h3, | |
| .h3, | |
| h5, | |
| .h5 { | |
| color: #7e7e7c; | |
| } | |
| h1, | |
| .h1 { | |
| font-size: 2.0714em; | |
| } | |
| h2, | |
| .h2 { | |
| font-size: 1.875em; | |
| } | |
| h3, | |
| .h3 { | |
| font-size: 1.75em; | |
| } | |
| h4, | |
| .h4 { | |
| font-size: 1.5536em; | |
| } | |
| h5, | |
| .h5 { | |
| font-size: 1.25em; | |
| } | |
| a, | |
| p a { | |
| color: #894082; | |
| text-decoration: none; | |
| } | |
| a:hover, | |
| a:active, | |
| a:focus, | |
| p a:hover, | |
| p a:active, | |
| p a:focus { | |
| text-decoration: underline; | |
| } | |
| a:hover, | |
| p a:hover { | |
| color: #ac50a3; | |
| } | |
| a:active, | |
| a:focus, | |
| p a:active, | |
| p a:focus { | |
| color: #663061; | |
| } | |
| p { | |
| margin: 0; | |
| padding: 0; | |
| line-height: 1.4em; | |
| white-space: normal; | |
| } | |
| ul, | |
| ol { | |
| margin-left: 2em; | |
| padding: 0; | |
| } | |
| ul ul, | |
| ol ul { | |
| list-style-type: circle; | |
| } | |
| .c-list__item, | |
| .c-list--has-anchors > *:not(.c-list__item) > a { | |
| display: block; | |
| padding: 0.8em 10px; | |
| } | |
| .c-list, | |
| fieldset.c-list { | |
| border: 1px solid #cacac9; | |
| border-radius: 6px; | |
| } | |
| .c-list > *, | |
| fieldset.c-list > * { | |
| border: none; | |
| border-top: 1px solid #cacac9; | |
| border-radius: 0; | |
| margin: 0; | |
| } | |
| .c-list > *:first-child { | |
| border-top: none; | |
| border-top-right-radius: inherit; | |
| border-top-left-radius: inherit; | |
| } | |
| .c-list > *:last-child { | |
| border-bottom-right-radius: inherit; | |
| border-bottom-left-radius: inherit; | |
| } | |
| .c-list--has-anchors > *:not(.c-list__item) > a { | |
| position: relative; | |
| } | |
| .c-list--has-anchors > *:not(.c-list__item) > a:before { | |
| content: "\e631"; | |
| } | |
| .c-list--has-anchors > *:not(.c-list__item) > a { | |
| padding-right: 2.4286em; | |
| } | |
| .c-list--has-anchors > *:not(.c-list__item) > a:before { | |
| display: block; | |
| position: absolute; | |
| margin-top: -.5em; | |
| top: 50%; | |
| right: 0.7143em; | |
| } | |
| .c-list .c-badge { | |
| float: right; | |
| } | |
| .u-text-center { | |
| text-align: center; | |
| } | |
| .u-text-right { | |
| text-align: right; | |
| } | |
| .u-text-left { | |
| text-align: left; | |
| } | |
| .u-text-justify { | |
| text-align: justify; | |
| } | |
| .u-text-nowrap { | |
| overflow: hidden !important; | |
| text-overflow: ellipsis !important; | |
| white-space: nowrap !important; | |
| } | |
| .u-show { | |
| display: block !important; | |
| } | |
| .u-hide { | |
| display: none !important; | |
| } | |
| .u-hide, | |
| .u-invisible { | |
| visibility: hidden !important; | |
| } | |
| .u-show, | |
| .u-visible { | |
| visibility: visible !important; | |
| } | |
| .u-wrapper { | |
| margin: 0 10px; | |
| } | |
| .u-wrapper-inverted { | |
| padding: 0 10px; | |
| margin-left: -10px; | |
| margin-right: -10px; | |
| } | |
| .c-btn { | |
| background: #7e7e7c; | |
| border: none; | |
| border-radius: 6px; | |
| color: #fff; | |
| display: inline-block; | |
| font-size: 1em; | |
| font-weight: bold; | |
| line-height: 1em; | |
| padding: 0.9286em 1.5em; | |
| text-align: center; | |
| text-decoration: none; | |
| vertical-align: middle; | |
| width: auto; | |
| } | |
| .c-btn:hover, | |
| .c-btn:active, | |
| .c-btn:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| .c-btn:hover { | |
| background: #979796; | |
| } | |
| .c-btn:active, | |
| .c-btn:focus { | |
| background: #646463; | |
| } | |
| .c-btn:disabled { | |
| opacity: .5; | |
| } | |
| .c-btn--mini { | |
| font-size: .8rem; | |
| padding: .6em .8em; | |
| } | |
| .c-btn--tiny { | |
| font-size: .875rem; | |
| padding: .6em .8em; | |
| } | |
| .c-btn--small { | |
| font-size: .875rem; | |
| } | |
| .c-btn--medium { | |
| font-size: 1rem; | |
| } | |
| .c-btn--large { | |
| font-size: 1.125rem; | |
| } | |
| .c-btn--big { | |
| font-size: 1.25rem; | |
| } | |
| .c-btn--huge { | |
| font-size: 1.375rem; | |
| } | |
| .c-btn--massive { | |
| font-size: 1.5rem; | |
| } | |
| .c-btn--primary { | |
| background: #894082; | |
| } | |
| .c-btn--primary:hover { | |
| background: #ac50a3; | |
| } | |
| .c-btn--primary:active, | |
| .c-btn--primary:focus { | |
| background: #663061; | |
| } | |
| .c-btn--primary .c-badge { | |
| color: #894082; | |
| } | |
| .c-btn--secondary { | |
| background: #894082; | |
| } | |
| .c-btn--secondary:hover { | |
| background: #ac50a3; | |
| } | |
| .c-btn--secondary:active, | |
| .c-btn--secondary:focus { | |
| background: #663061; | |
| } | |
| .c-btn--secondary .c-badge { | |
| color: #894082; | |
| } | |
| .c-btn--tertiary { | |
| background: #894082; | |
| } | |
| .c-btn--tertiary:hover { | |
| background: #ac50a3; | |
| } | |
| .c-btn--tertiary:active, | |
| .c-btn--tertiary:focus { | |
| background: #663061; | |
| } | |
| .c-btn--tertiary .c-badge { | |
| color: #894082; | |
| } | |
| .c-btn--text { | |
| color: #894082; | |
| } | |
| .c-btn--text, | |
| .c-btn--text:hover, | |
| .c-btn--text:active, | |
| .c-btn--text:focus { | |
| background: none; | |
| } | |
| .c-btn--text:hover { | |
| color: #ac50a3; | |
| } | |
| .c-btn--text:active, | |
| .c-btn--text:focus { | |
| color: #663061; | |
| } | |
| .c-btn--text .c-badge { | |
| color: #894082; | |
| } | |
| .c-btn .c-badge { | |
| background: #fff; | |
| } | |
| .c-btn-group > * { | |
| margin-top: 0; | |
| } | |
| .c-tag { | |
| border-radius: 0.3333em; | |
| color: white; | |
| display: inline-block; | |
| font-size: 12px; | |
| line-height: 1em; | |
| margin-top: 0.75em; | |
| padding: 0.5em 0.75em; | |
| position: relative; | |
| } | |
| .c-tag, | |
| .c-tag:hover, | |
| .c-tag:active, | |
| .c-tag:focus { | |
| text-decoration: none; | |
| } | |
| .c-tag + .c-tag { | |
| margin-left: 0.625em; | |
| } | |
| .c-tag--delete { | |
| border-right-width: 22.5px; | |
| border-right-style: solid; | |
| } | |
| .c-tag--delete:before { | |
| content: "\e623"; | |
| height: 10px; | |
| font-size: 0.875em; | |
| width: 10px; | |
| } | |
| .c-tag--delete { | |
| padding-right: -2.2143em; | |
| } | |
| .c-tag--delete:before { | |
| display: block; | |
| position: absolute; | |
| margin-top: -.5em; | |
| top: 50%; | |
| right: -1.6071em; | |
| } | |
| .c-tag.c-tag--inverted { | |
| background: rgba(255, 255, 255, 0.8); | |
| border-right-color: rgba(217, 217, 217, 0.8); | |
| text-shadow: none; | |
| } | |
| .c-tag { | |
| background: #7e7e7c; | |
| border-right-color: #71716f; | |
| text-shadow: 0 0 0.25em #646463; | |
| } | |
| .c-tag.c-tag--inverted { | |
| color: #7e7e7c; | |
| } | |
| .c-tag--primary { | |
| background: #894082; | |
| border-right-color: #783872; | |
| text-shadow: 0 0 0.25em #663061; | |
| } | |
| .c-tag--primary.c-tag--inverted { | |
| color: #894082; | |
| } | |
| .c-tag--secondary { | |
| background: #178399; | |
| border-right-color: #147083; | |
| text-shadow: 0 0 0.25em #105d6d; | |
| } | |
| .c-tag--secondary.c-tag--inverted { | |
| color: #178399; | |
| } | |
| .c-tag--success { | |
| background: #3c763d; | |
| border-right-color: #336534; | |
| text-shadow: 0 0 0.25em #2b542c; | |
| } | |
| .c-tag--success.c-tag--inverted { | |
| color: #3c763d; | |
| } | |
| .c-tag--info { | |
| background: #31708f; | |
| border-right-color: #2a617c; | |
| text-shadow: 0 0 0.25em #245269; | |
| } | |
| .c-tag--info.c-tag--inverted { | |
| color: #31708f; | |
| } | |
| .c-tag--warning { | |
| background: #8a6d3b; | |
| border-right-color: #785f33; | |
| text-shadow: 0 0 0.25em #66512c; | |
| } | |
| .c-tag--warning.c-tag--inverted { | |
| color: #8a6d3b; | |
| } | |
| .c-tag--danger { | |
| background: #a94442; | |
| border-right-color: #973d3b; | |
| text-shadow: 0 0 0.25em #843534; | |
| } | |
| .c-tag--danger.c-tag--inverted { | |
| color: #a94442; | |
| } | |
| .c-badge { | |
| background-color: #7e7e7c; | |
| border-radius: 1em; | |
| color: #fff; | |
| display: inline-block; | |
| font-size: 0.8572em; | |
| font-weight: 800; | |
| line-height: 1em; | |
| margin-left: .5em; | |
| min-width: 1em; | |
| padding: 0.2143em 0.5em; | |
| text-align: center; | |
| vertical-align: baseline; | |
| white-space: nowrap; | |
| } | |
| .c-badge:empty { | |
| display: none; | |
| } | |
| button, | |
| input, | |
| textarea, | |
| select { | |
| -webkit-appearance: none; | |
| -ms-appearance: none; | |
| appearance: none; | |
| background: transparent; | |
| border: none; | |
| border-radius: 0; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| color: inherit; | |
| display: block; | |
| font-size: 1em; | |
| line-height: 1em; | |
| outline: none; | |
| padding: 0; | |
| } | |
| label { | |
| display: block; | |
| font-weight: 800; | |
| } | |
| label * { | |
| font-weight: 400; | |
| } | |
| label > * { | |
| margin-top: .5em; | |
| } | |
| input, | |
| textarea, | |
| select { | |
| width: 100%; | |
| } | |
| .c-input, | |
| textarea, | |
| .c-select, | |
| .c-checkbox, | |
| .c-radio, | |
| .c-checkbox input, | |
| .c-radio input { | |
| background: #fff; | |
| border: 1px solid #cacac9; | |
| border-radius: 6px; | |
| } | |
| label .c-input, | |
| label textarea, | |
| label .c-select, | |
| label .c-checkbox, | |
| label .c-radio, | |
| label .c-checkbox input, | |
| .c-checkbox label input, | |
| label .c-radio input, | |
| .c-radio label input { | |
| margin-top: .5em; | |
| } | |
| textarea, | |
| .c-select, | |
| .c-select select, | |
| .c-checkbox, | |
| .c-radio { | |
| padding: 0.857em 10px; | |
| } | |
| .c-toggle input { | |
| height: 0; | |
| margin: 0; | |
| visibility: hidden; | |
| width: 0; | |
| } | |
| .c-toggle:selection, | |
| .c-checkbox:selection, | |
| .c-radio:selection { | |
| background: none; | |
| } | |
| .c-input input { | |
| padding: 0.785em 10px; | |
| } | |
| textarea { | |
| line-height: 1.4em; | |
| resize: vertical; | |
| overflow: auto; | |
| } | |
| .c-select { | |
| position: relative; | |
| overflow: hidden; | |
| line-height: 1em; | |
| } | |
| .c-select { | |
| padding-right: 2.4286em; | |
| } | |
| .c-select:after { | |
| content: "\e632"; | |
| padding: 0; | |
| } | |
| .c-select:after { | |
| display: block; | |
| position: absolute; | |
| margin-top: -.5em; | |
| top: 50%; | |
| right: 0.7143em; | |
| } | |
| .c-select span { | |
| display: inline-block; | |
| } | |
| .c-select select { | |
| padding-right: 70px; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| margin-top: 0; | |
| bottom: 0; | |
| width: 105%; | |
| opacity: 0; | |
| } | |
| .c-select select:-ms-expand { | |
| display: none; | |
| } | |
| .c-select select option { | |
| margin-top: 0; | |
| } | |
| .c-toggle { | |
| font-weight: 400; | |
| padding-left: 4.7143em; | |
| position: relative; | |
| } | |
| .c-toggle--single-line { | |
| padding-top: 0.3572em; | |
| } | |
| .c-toggle input + div { | |
| cursor: pointer; | |
| display: block; | |
| height: 2em; | |
| left: 0; | |
| margin: 0; | |
| outline: 0; | |
| position: absolute; | |
| top: 0; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| width: 4em; | |
| } | |
| .c-toggle input + div:after, | |
| .c-toggle input + div:before { | |
| content: ""; | |
| display: block; | |
| height: 100%; | |
| position: relative; | |
| } | |
| .c-toggle--ios input + div { | |
| background: #fbfbfb; | |
| border: 1px solid #e8eae9; | |
| border-radius: 2em; | |
| padding: 2px; | |
| -webkit-transition: all .4s ease; | |
| transition: all .4s ease; | |
| } | |
| .c-toggle--ios input + div:before { | |
| display: none; | |
| } | |
| .c-toggle--ios input + div:after { | |
| background: #fbfbfb; | |
| border-radius: 2em; | |
| -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08); | |
| box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08); | |
| -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.3s ease, margin 0.3s ease; | |
| transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.3s ease, margin 0.3s ease; | |
| width: 50%; | |
| } | |
| .c-toggle--ios input + div:active { | |
| -webkit-box-shadow: inset 0 0 0 2em #e8eae9; | |
| box-shadow: inset 0 0 0 2em #e8eae9; | |
| } | |
| .c-toggle--ios input + div:active:after { | |
| width: 2.5em; | |
| } | |
| .c-toggle--ios input:checked + div { | |
| background: #86d993; | |
| } | |
| .c-toggle--ios input:checked + div:after { | |
| left: 50%; | |
| } | |
| .c-toggle--ios input:checked + div:active { | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .c-toggle--ios input:checked + div:active:after { | |
| margin-left: -.75em; | |
| } | |
| .c-toggle--flip input + div { | |
| padding: 2px; | |
| -webkit-perspective: 100px; | |
| perspective: 100px; | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| .c-toggle--flip input + div:before, | |
| .c-toggle--flip input + div:after { | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| border-radius: 6px; | |
| color: #fff; | |
| display: inline-block; | |
| font-weight: bold; | |
| left: 0; | |
| line-height: 2em; | |
| position: absolute; | |
| text-align: center; | |
| top: 0; | |
| -webkit-transition: all .4s ease; | |
| transition: all .4s ease; | |
| width: 100%; | |
| } | |
| .c-toggle--flip input + div:after { | |
| background: #02c66f; | |
| content: "Yep"; | |
| left: 0; | |
| -webkit-transform: rotateY(-180deg); | |
| transform: rotateY(-180deg); | |
| } | |
| .c-toggle--flip input + div:before { | |
| background: #ff3a19; | |
| content: "Nope"; | |
| } | |
| .c-toggle--flip input + div:active:before { | |
| -webkit-transform: rotateY(-20deg); | |
| transform: rotateY(-20deg); | |
| } | |
| .c-toggle--flip input:checked + div:after { | |
| background: #7fc6a6; | |
| left: 0; | |
| -webkit-transform: rotateY(0); | |
| transform: rotateY(0); | |
| } | |
| .c-toggle--flip input:checked + div:before { | |
| -webkit-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| } | |
| .c-toggle--flip input:checked + div:active:after { | |
| -webkit-transform: rotateY(20deg); | |
| transform: rotateY(20deg); | |
| } | |
| .c-checkbox, | |
| .c-radio { | |
| padding-left: 2.4286em; | |
| position: relative; | |
| } | |
| .c-checkbox input, | |
| .c-radio input { | |
| border-radius: 4px; | |
| height: 1em; | |
| left: 0.7143em; | |
| margin-top: -.5em; | |
| position: absolute; | |
| top: 50%; | |
| width: 1em; | |
| } | |
| .c-checkbox input:checked:after, | |
| .c-radio input:checked:after { | |
| content: "\e622"; | |
| color: #894082; | |
| } | |
| .c-radio input { | |
| border-radius: 4em; | |
| } | |
| .c-radio input:checked { | |
| border-color: #894082; | |
| } | |
| .c-radio input:checked:after { | |
| background: #894082; | |
| border-radius: inherit; | |
| content: ""; | |
| font-size: .4em; | |
| } | |
| .c-input-group { | |
| border-collapse: separate; | |
| border-radius: 6px; | |
| display: table; | |
| } | |
| .c-input-group * { | |
| border-radius: inherit; | |
| } | |
| .c-input-group > * { | |
| border-radius: 0; | |
| display: table-cell; | |
| margin-top: 0; | |
| width: 100%; | |
| } | |
| .c-input-group > * input, | |
| .c-input-group > * select { | |
| width: auto; | |
| } | |
| .c-input-group > *:first-child { | |
| border-top-left-radius: inherit; | |
| border-bottom-left-radius: inherit; | |
| } | |
| .c-input-group > *:last-child { | |
| border-top-right-radius: inherit; | |
| border-bottom-right-radius: inherit; | |
| } | |
| .c-input-group > * + *, | |
| .c-input-group > * + .c-input-group__btn > * { | |
| border-left: none; | |
| } | |
| .c-input-group__btn { | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| width: 1%; | |
| } | |
| .c-input-group__btn > * { | |
| border-radius: inherit; | |
| } | |
| .c-input-group__form-control { | |
| float: left; | |
| } | |
| .c-input-group__form-control > *, | |
| .c-input-group__form-control input, | |
| .c-input-group__form-control select { | |
| width: 100%; | |
| } | |
| [class*="icon--"] { | |
| position: relative; | |
| } | |
| .icon--shopbuddy:after { | |
| content: "\e64f"; | |
| } | |
| .icon--trending:after { | |
| content: "\e650"; | |
| } | |
| .icon--bars:after { | |
| content: "\e600"; | |
| } | |
| .icon--bell:after { | |
| content: "\e601"; | |
| } | |
| .icon--book:after { | |
| content: "\e602"; | |
| } | |
| .icon--bookmark-o:after { | |
| content: "\e603"; | |
| } | |
| .icon--bookmark:after { | |
| content: "\e604"; | |
| } | |
| .icon--camera:after { | |
| content: "\e605"; | |
| } | |
| .icon--clip:after { | |
| content: "\e606"; | |
| } | |
| .icon--clock:after { | |
| content: "\e607"; | |
| } | |
| .icon--cloud:after { | |
| content: "\e608"; | |
| } | |
| .icon--coupon-tag:after { | |
| content: "\e609"; | |
| } | |
| .icon--credit-card:after { | |
| content: "\e60a"; | |
| } | |
| .icon--edit:after { | |
| content: "\e60b"; | |
| } | |
| .icon--email:after { | |
| content: "\e60c"; | |
| } | |
| .icon--external-link:after { | |
| content: "\e60d"; | |
| } | |
| .icon--eye-slash:after { | |
| content: "\e60e"; | |
| } | |
| .icon--eye:after { | |
| content: "\e60f"; | |
| } | |
| .icon--history:after { | |
| content: "\e610"; | |
| } | |
| .icon--home:after { | |
| content: "\e611"; | |
| } | |
| .icon--image:after { | |
| content: "\e612"; | |
| } | |
| .icon--like:after { | |
| content: "\e613"; | |
| } | |
| .icon--unlike:after { | |
| content: "\e614"; | |
| } | |
| .icon--link:after { | |
| content: "\e615"; | |
| } | |
| .icon--list:after { | |
| content: "\e616"; | |
| } | |
| .icon--loading:after { | |
| content: "\e617"; | |
| } | |
| .icon--location-arrow:after { | |
| content: "\e618"; | |
| } | |
| .icon--lock:after { | |
| content: "\e619"; | |
| } | |
| .icon--map-marker:after { | |
| content: "\e61a"; | |
| } | |
| .icon--mobile:after { | |
| content: "\e61b"; | |
| } | |
| .icon--phone:after { | |
| content: "\e61c"; | |
| } | |
| .icon--rotate-right:after { | |
| content: "\e61d"; | |
| } | |
| .icon--rotate-left:after { | |
| content: "\e61e"; | |
| } | |
| .icon--search:after { | |
| content: "\e61f"; | |
| } | |
| .icon--send:after { | |
| content: "\e620"; | |
| } | |
| .icon--settings:after { | |
| content: "\e621"; | |
| } | |
| .icon--checkmark:after { | |
| content: "\e622"; | |
| } | |
| .icon--close:after { | |
| content: "\e623"; | |
| } | |
| .icon--plus:after { | |
| content: "\e624"; | |
| } | |
| .icon--minus:after { | |
| content: "\e625"; | |
| } | |
| .icon--info:after { | |
| content: "\e626"; | |
| } | |
| .icon--question-mark:after { | |
| content: "\e627"; | |
| } | |
| .icon--exclamation-mark:after { | |
| content: "\e628"; | |
| } | |
| .icon--error:after { | |
| content: "\e629"; | |
| } | |
| .icon--sort-h:after { | |
| content: "\e62a"; | |
| } | |
| .icon--sort:after { | |
| content: "\e62b"; | |
| } | |
| .icon--caret-top:after { | |
| content: "\e62c"; | |
| } | |
| .icon--caret-right:after { | |
| content: "\e62d"; | |
| } | |
| .icon--caret-bottom:after { | |
| content: "\e62e"; | |
| } | |
| .icon--caret-left:after { | |
| content: "\e62f"; | |
| } | |
| .icon--arrow-up:after { | |
| content: "\e630"; | |
| } | |
| .icon--arrow-right:after { | |
| content: "\e631"; | |
| } | |
| .icon--arrow-down:after { | |
| content: "\e632"; | |
| } | |
| .icon--arrow-left:after { | |
| content: "\e633"; | |
| } | |
| .icon--expand:after { | |
| content: "\e634"; | |
| } | |
| .icon--compress:after { | |
| content: "\e635"; | |
| } | |
| .icon--level-up:after { | |
| content: "\e636"; | |
| } | |
| .icon--level-right-75:after { | |
| content: "\e637"; | |
| } | |
| .icon--level-down:after { | |
| content: "\e638"; | |
| } | |
| .icon--level-right-77:after { | |
| content: "\e639"; | |
| } | |
| .icon--star-plus:after { | |
| content: "\e63a"; | |
| } | |
| .icon--star:after { | |
| content: "\e63b"; | |
| } | |
| .icon--store:after { | |
| content: "\e63c"; | |
| } | |
| .icon--tag:after { | |
| content: "\e63d"; | |
| } | |
| .icon--tags:after { | |
| content: "\e63e"; | |
| } | |
| .icon--trash:after { | |
| content: "\e63f"; | |
| } | |
| .icon--unlock:after { | |
| content: "\e640"; | |
| } | |
| .icon--user:after { | |
| content: "\e641"; | |
| } | |
| .icon--video:after { | |
| content: "\e642"; | |
| } | |
| .icon--warning:after { | |
| content: "\e643"; | |
| } | |
| .icon--wrench:after { | |
| content: "\e644"; | |
| } | |
| .icon--share:after { | |
| content: "\e645"; | |
| } | |
| .icon--retweet:after { | |
| content: "\e646"; | |
| } | |
| .icon--twitter:after { | |
| content: "\e647"; | |
| } | |
| .icon--vine:after { | |
| content: "\e648"; | |
| } | |
| .icon--you-tube:after { | |
| content: "\e649"; | |
| } | |
| .icon--google-plus:after { | |
| content: "\e64a"; | |
| } | |
| .icon--pinterest:after { | |
| content: "\e64b"; | |
| } | |
| .icon--facebook:after { | |
| content: "\e64c"; | |
| } | |
| .icon--linkedin:after { | |
| content: "\e64d"; | |
| } | |
| .icon--instagram:after { | |
| content: "\e64e"; | |
| } | |
| .c-alert { | |
| border: 1px solid transparent; | |
| border-radius: 6px; | |
| padding: 0.8572em; | |
| } | |
| .c-alert--success { | |
| background: #dff0D8; | |
| color: #3c763d; | |
| } | |
| .c-alert--info { | |
| background: #d9edf7; | |
| color: #31708f; | |
| } | |
| .c-alert--warning { | |
| background: #fcf8e3; | |
| color: #8a6d3b; | |
| } | |
| .c-alert--danger { | |
| background: #f2dede; | |
| color: #a94442; | |
| } | |
| .c-alert--dismissible { | |
| position: relative; | |
| cursor: pointer; | |
| } | |
| .c-alert--dismissible:after { | |
| content: "\e623"; | |
| } | |
| .c-disclaimer { | |
| color: color-get(a, -3); | |
| font-size: 10px; | |
| font-style: italic; | |
| font-weight: 400; | |
| } | |
| .c-shipping-offer { | |
| background: url(../images/icons/icon_shipping.svg) 0 6px/45px no-repeat; | |
| font-size: 0.7857em; | |
| padding-left: 55px; | |
| max-width: 300px; | |
| } | |
| .c-shipping-offer-box { | |
| background: color-get(a, -8); | |
| border: 1px solid color-get(a, -7); | |
| padding: 0.7143em; | |
| } | |
| .c-headline, | |
| .c-actions { | |
| border: none; | |
| } | |
| .c-headline > *, | |
| .c-actions > * { | |
| display: inline-block; | |
| margin: 0; | |
| vertical-align: middle; | |
| } | |
| .c-headline, | |
| .c-actions--inverted { | |
| border-bottom: 1px solid #cacac9; | |
| border-top: none; | |
| padding: 0 0 10px; | |
| } | |
| .c-headline--inverted, | |
| .c-actions { | |
| border-bottom: none; | |
| border-top: 1px solid #cacac9; | |
| padding: 10px 0 0; | |
| } | |
| .c-headline--reset, | |
| .c-actions--reset { | |
| border: none; | |
| padding: 0; | |
| } | |
| .c-headline { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .c-headline > * { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1; | |
| -ms-flex: 1; | |
| flex: 1; | |
| } | |
| .c-headline > a:last-of-type { | |
| float: right; | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| } | |
| .c-actions > *:last-child { | |
| float: right; | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| } | |
| .c-field-helper a { | |
| float: right; | |
| margin-top: 0; | |
| } | |
| /* fieldset */ | |
| .names { | |
| margin-left: -5px; | |
| margin-right: -5px; | |
| } | |
| .names > * { | |
| float: left; | |
| padding: 0 5px; | |
| margin: 0; | |
| width: 50%; | |
| max-width: 250px; | |
| } | |
| /* fieldset */ | |
| .address { | |
| margin-left: -5px; | |
| margin-right: -5px; | |
| } | |
| .address > * { | |
| float: left; | |
| padding: 0 5px; | |
| } | |
| .address-street { | |
| float: none; | |
| } | |
| .address-city { | |
| min-width: 149px; | |
| width: 41%; | |
| } | |
| .address-city .c-input { | |
| -webkit-transition: width .25s; | |
| transition: width .25s; | |
| width: 100%; | |
| } | |
| html:not(.twn) .address-city .ui-focus { | |
| position: absolute; | |
| width: 70%; | |
| z-index: 10; | |
| } | |
| .twn .address-city { | |
| margin-top: 0; | |
| margin-bottom: 1em; | |
| } | |
| .address-state .ui-btn { | |
| text-align: left; | |
| } | |
| .address-zip { | |
| max-width: 118px; | |
| } | |
| .address-zip .ui-input-text { | |
| padding-right: 0.7143em; | |
| } | |
| .address-zip .ui-input-text:before { | |
| display: none; | |
| } | |
| .c-media, | |
| .c-media-list > * { | |
| overflow: hidden; | |
| zoom: 1; | |
| } | |
| .c-media > *, | |
| .c-media-list > * > * { | |
| display: table-cell; | |
| vertical-align: top; | |
| } | |
| .c-media > * + *, | |
| .c-media-list > * > * + * { | |
| padding-left: 10px; | |
| } | |
| .c-media > * img, | |
| .c-media-list > * > * img { | |
| max-width: none; | |
| } | |
| .c-media-middle { | |
| vertical-align: middle; | |
| } | |
| .c-media-bottom { | |
| vertical-align: bottom; | |
| } | |
| /* end shit */ | |
| .c-title, | |
| .c-price, | |
| .c-cashback, | |
| .c-code, | |
| .c-bv, | |
| .c-ibv, | |
| .c-qty, | |
| .c-ratings, | |
| .c-brand, | |
| .c-manufacturer, | |
| .c-offer { | |
| font-size: 1em; | |
| font-weight: bold; | |
| line-height: 1.35em; | |
| } | |
| * + .c-title, | |
| * + .c-price, | |
| * + .c-cashback, | |
| * + .c-code, | |
| * + .c-bv, | |
| * + .c-ibv, | |
| * + .c-qty, | |
| * + .c-ratings, | |
| * + .c-brand, | |
| * + .c-manufacturer, | |
| * + .c-offer { | |
| margin-top: .45em; | |
| } | |
| .c-title, | |
| .c-title a { | |
| color: #7e7e7c; | |
| font-weight: 400; | |
| text-decoration: none; | |
| } | |
| .c-title a:hover, | |
| .c-title a:active, | |
| .c-title a:focus { | |
| color: inherit; | |
| } | |
| .c-price { | |
| color: #894082; | |
| font-size: 1.29em; | |
| } | |
| .c-price s { | |
| color: #7e7e7c; | |
| display: inline-block; | |
| font-size: 0.71em; /* resets it back to 1em */ | |
| font-weight: normal; | |
| line-height: 1em; | |
| position: relative; | |
| top: -.15em; | |
| text-decoration: none; | |
| } | |
| .c-price s:before { | |
| background: #894082; | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| height: .1em; | |
| top: .5em; | |
| width: 100%; | |
| } | |
| .c-cashback { | |
| color: #7e7e7c; | |
| display: inline-block; | |
| font-weight: normal; | |
| } | |
| .c-cashback em { | |
| display: inline-block; | |
| font-style: normal; | |
| padding-left: 2em; | |
| position: relative; | |
| } | |
| .c-cashback em:before { | |
| background: url(../images/icons/icon_cashback.svg) no-repeat; | |
| height: 1em; | |
| content: ""; | |
| margin-top: -.5em; | |
| left: 0.2857em; | |
| top: 55%; | |
| width: 1.4286em; | |
| } | |
| .twn .c-cashback em:before { | |
| background-image: url(../images/icons/icon_cashback-twn.svg); | |
| } | |
| .c-code, | |
| .c-bv, | |
| .c-ibv, | |
| .c-qty { | |
| color: #8b8b89; | |
| font-size: 0.8572em; | |
| font-weight: normal; | |
| } | |
| .c-code ~ .c-bv, | |
| .c-code ~ .c-ibv, | |
| .c-bv ~ .c-ibv { | |
| border-left: 1px solid #979796; | |
| padding: 2px 8px; | |
| margin: 0; | |
| } | |
| .c-code { | |
| color: #a4a4a3; | |
| } | |
| .c-title .c-code:before, | |
| .c-single-list-item .c-code:before { | |
| color: #8b8b89; | |
| content: "\2014\00a0"; | |
| font-size: .75em; | |
| position: relative; | |
| top: -.2em; | |
| } | |
| .c-info { | |
| margin: 10px 0 10px -8px; | |
| } | |
| .c-info span { | |
| display: inline-block; | |
| line-height: 1em; | |
| padding: 2px 8px; | |
| margin: 0; | |
| } | |
| .c-info span ~ * { | |
| border-left: 1px solid black; | |
| } | |
| .c-ratings { | |
| font-weight: 400; | |
| padding-left: 6em; | |
| position: relative; | |
| } | |
| .c-ratings:before, | |
| .c-ratings:after { | |
| left: 0; | |
| letter-spacing: .2em; | |
| font-size: 1.15em; | |
| position: absolute; | |
| width: 5em; | |
| } | |
| .c-ratings:before.c-ratings:after { | |
| display: inline-block; | |
| height: 1em; | |
| font: normal normal normal 1em/1em icons; | |
| speak: none; | |
| text-transform: none; | |
| text-indent: 0; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-font-smoothing: antialiased; | |
| width: 1em; | |
| } | |
| .c-ratings:before { | |
| content: "\e63b\e63b\e63b\e63b\e63b"; | |
| color: #bdbdbc; | |
| } | |
| .c-ratings:after { | |
| color: #f8c264; | |
| position: absolute; | |
| } | |
| .c-ratings[data-rating=".5"]:after { | |
| content: ""; | |
| } | |
| .c-ratings[data-rating="1"]:after { | |
| content: "\e63b"; | |
| } | |
| .c-ratings[data-rating="1.5"]:after { | |
| content: "\e63b"; | |
| } | |
| .c-ratings[data-rating="2"]:after { | |
| content: "\e63b\e63b"; | |
| } | |
| .c-ratings[data-rating="2.5"]:after { | |
| content: "\e63b\e63b"; | |
| } | |
| .c-ratings[data-rating="3"]:after { | |
| content: "\e63b\e63b\e63b"; | |
| } | |
| .c-ratings[data-rating="3.5"]:after { | |
| content: "\e63b\e63b\e63b"; | |
| } | |
| .c-ratings[data-rating="4"]:after { | |
| content: "\e63b\e63b\e63b\e63b"; | |
| } | |
| .c-ratings[data-rating="4.5"]:after { | |
| content: "\e63b\e63b\e63b\e63b"; | |
| } | |
| .c-ratings[data-rating="5"]:after { | |
| content: "\e63b\e63b\e63b\e63b\e63b"; | |
| } | |
| .c-ratings [itemprop="ratingValue"] { | |
| background: #d7d7d6; | |
| border-radius: 0.2143em; | |
| padding: 0 0.2857em 0.1429em; | |
| } | |
| .c-qty { | |
| display: block; | |
| font-size: 0.8572em; | |
| } | |
| .c-qty span { | |
| font-weight: 400; | |
| } | |
| .c-brand, | |
| .c-manufacturer { | |
| color: #979796; | |
| font-size: 0.8572em; | |
| font-weight: bold; | |
| } | |
| .c-brand span, | |
| .c-manufacturer span { | |
| font-weight: normal; | |
| } | |
| .c-offer { | |
| font-weight: 400; | |
| } | |
| .transition-overlay { | |
| height: 100%; | |
| left: 0; | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| z-index: 1000; | |
| } | |
| .transition--slide-in .to-hide, | |
| .transition--slide-out .to-show, | |
| .transition--fade-out, | |
| .transition--fade-out .to-hide, | |
| .transition--cover-in .to-hide, | |
| .transition--cover-out .to-show, | |
| .transition--cover-right-in .to-hide, | |
| .transition--cover-right-out .to-show, | |
| .transition--cover-left-in .to-hide, | |
| .transition--cover-left-out .to-show, | |
| .transition--cover-double-in .to-hide, | |
| .transition--cover-double-out .to-hide, | |
| .transition--bounce-in .to-hide, | |
| .transition--bounce-out .to-show, | |
| .transition--outside-in .to-hide, | |
| .transition--outside-out .to-show { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| [class*="transition--"] { | |
| position: relative; | |
| } | |
| [data-block-state] { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| bottom: 0; | |
| margin-top: 0; | |
| } | |
| [data-block-state="out"] { | |
| z-index: 1; | |
| } | |
| .to-show { /* overflow:auto causes screen flickering on android but changing overflow method during animation could cause flickering on iOS :) */ | |
| overflow: visible !important; | |
| } | |
| .transition-block { | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| height: 100%; | |
| left: 0; | |
| overflow: hidden; | |
| position: absolute; | |
| top: 0; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| visibility: hidden; | |
| width: 100%; | |
| } | |
| .transition--slide-in.is-active { | |
| -webkit-animation: slide-in 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: slide-in 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| overflow: visible !important; | |
| } | |
| .transition--slide-in .to-show { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| .transition--slide-out.is-active { | |
| -webkit-animation: slide-out 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: slide-out 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| overflow: visible !important; | |
| } | |
| .transition--slide-out .to-hide { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| .transition--fade-in .to-show { | |
| -webkit-animation: fade-in 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: fade-in 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--fade-in .to-hide { | |
| z-index: 50; | |
| } | |
| .transition--fade-out .to-show { | |
| z-index: 50; | |
| } | |
| .transition--fade-out .to-hide { | |
| -webkit-animation: fade-out 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: fade-out 350ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-in.is-active { | |
| overflow: hidden; | |
| } | |
| .transition--cover-in .to-show { | |
| -webkit-animation: cover-in 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: cover-in 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-in .to-hide { | |
| z-index: 50; | |
| } | |
| .transition--cover-out.is-active { | |
| overflow: hidden; | |
| } | |
| .transition--cover-out .to-show { | |
| z-index: 50; | |
| } | |
| .transition--cover-out .to-hide { | |
| -webkit-animation: cover-out 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: cover-out 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-right-in .to-show { | |
| -webkit-animation: cover-right-in 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: cover-right-in 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-right-in .to-hide { | |
| z-index: 50; | |
| } | |
| .transition--cover-right-out .to-show { | |
| z-index: 50; | |
| } | |
| .transition--cover-right-out .to-hide { | |
| -webkit-animation: uvm8gl3vr 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3vr 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| -webkit-transform: translate3d(125%, 0, 0); | |
| transform: translate3d(125%, 0, 0); | |
| z-index: 100; | |
| } | |
| .transition--cover-left-in .to-show { | |
| -webkit-animation: uvm8gl3vv 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3vv 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-left-in .to-hide { | |
| z-index: 50; | |
| } | |
| .transition--cover-left-out .to-show { | |
| z-index: 50; | |
| } | |
| .transition--cover-left-out .to-hide { | |
| -webkit-animation: uvm8gl3w2 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3w2 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| -webkit-transform: translate3d(-125%, 0, 0); | |
| transform: translate3d(-125%, 0, 0); | |
| z-index: 100; | |
| } | |
| .transition--cover-double-in .to-show { | |
| -webkit-animation: uvm8gl3w8 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3w8 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-double-in .to-hide { | |
| background: #7f7f7f; | |
| -webkit-filter: grayscale(1); | |
| filter: grayscale(1); | |
| -webkit-transition: background 1s ease; | |
| transition: background 1s ease; | |
| z-index: 50; | |
| } | |
| .transition--cover-double-out .to-show { | |
| -webkit-animation: uvm8gl3wf 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3wf 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--cover-double-out .to-hide { | |
| background: #7f7f7f; | |
| -webkit-filter: grayscale(1); | |
| filter: grayscale(1); | |
| -webkit-transition: background 1s ease; | |
| transition: background 1s ease; | |
| z-index: 50; | |
| } | |
| .transition--flip.is-active { | |
| -webkit-animation: uvm8gl3wi 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3wi 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| -webkit-perspective: 1000; | |
| perspective: 1000; | |
| -webkit-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| } | |
| .transition--flip .to-show { | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| .transition--flip .to-hide { | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| } | |
| .transition--bounce-in .to-show { | |
| -webkit-animation: bounce-in 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: bounce-in 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--bounce-in .to-hide { | |
| z-index: 50; | |
| } | |
| .transition--bounce-out .to-show { | |
| z-index: 50; | |
| } | |
| .transition--bounce-out .to-hide { | |
| -webkit-animation: bounce-out 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: bounce-out 400ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--outside-in .to-show { | |
| -webkit-animation: outside-in 200ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: outside-in 200ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .transition--outside-in .to-hide { | |
| z-index: 50; | |
| } | |
| .transition--outside-out .to-show { | |
| z-index: 50; | |
| } | |
| .transition--outside-out .to-hide { | |
| -webkit-animation: outside-out 200ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: outside-out 200ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| z-index: 100; | |
| } | |
| .modal-container { | |
| background: rgba(0, 0, 0, 0.5); | |
| height: 100%; | |
| left: 0; | |
| position: fixed; | |
| top: 0; | |
| white-space: nowrap; | |
| width: 100%; | |
| z-index: 1000; /* dialog alignment: left top */ /* dialog alignment: center top */ /* dialog alignment: right top */ /* dialog alignment: center center */ /* dialog alignment: right center */ /* dialog alignment: center bottom */ /* dialog alignment: right bottom */ | |
| } | |
| .modal-container:before { | |
| content: ""; | |
| display: inline-block; | |
| height: 100%; | |
| margin: 0 -1px 0 0; | |
| vertical-align: top; | |
| width: 1px; | |
| } | |
| .modal-container.pos-left-top { | |
| text-align: left; | |
| } | |
| .modal-container.pos-center-top { | |
| text-align: center; | |
| } | |
| .modal-container.pos-right-top { | |
| text-align: right; | |
| } | |
| .modal-container.pos-center-center { | |
| text-align: center; | |
| } | |
| .modal-container.pos-right-center { | |
| text-align: right; | |
| } | |
| .modal-container.pos-center-bottom { | |
| text-align: center; | |
| } | |
| .modal-container.pos-right-bottom { | |
| text-align: right; | |
| } | |
| div[data-role="modal-view"] { | |
| background: #fff; | |
| display: inline-block; | |
| max-height: 100%; | |
| position: relative; | |
| text-align: left; | |
| vertical-align: top; | |
| white-space: normal; | |
| } | |
| /* dialog alignment: x center */ | |
| .modal-container.pos-left-center:before, | |
| .modal-container.pos-left-center div[data-role="modal-view"], | |
| .modal-container.pos-center-center:before, | |
| .modal-container.pos-center-center div[data-role="modal-view"], | |
| .modal-container.pos-right-center:before, | |
| .modal-container.pos-right-center div[data-role="modal-view"] { | |
| vertical-align: middle; | |
| } | |
| /* dialog alignment: x bottom */ | |
| .modal-container.pos-left-bottom:before, | |
| .modal-container.pos-left-bottom .modal-view, | |
| .modal-container.pos-center-bottom:before, | |
| .modal-container.pos-center-bottom .modal-view, | |
| .modal-container.pos-right-bottom:before, | |
| .modal-container.pos-right-bottom .modal-view { | |
| vertical-align: bottom; | |
| } | |
| .transition-popup-scale-in { | |
| -webkit-animation: opacity-in 200ms 1 ease; | |
| animation: opacity-in 200ms 1 ease; | |
| } | |
| .transition-popup-scale-in .to-show { | |
| -webkit-animation: uvm8gl3wr 200ms 1 ease; | |
| animation: uvm8gl3wr 200ms 1 ease; | |
| -webkit-transform-origin: 50% 50%; | |
| transform-origin: 50% 50%; | |
| } | |
| .transition-popup-scale-out { | |
| -webkit-animation: opacity-out 2000ms 1 ease; | |
| animation: opacity-out 2000ms 1 ease; | |
| } | |
| .transition-popup-scale-out .to-hide { | |
| -webkit-animation: uvm8gl3wx 200ms 1 ease; | |
| animation: uvm8gl3wx 200ms 1 ease; | |
| -webkit-transform-origin: 50% 50%; | |
| transform-origin: 50% 50%; | |
| } | |
| .transition-popup-fade-in { | |
| -webkit-animation: fade-in 200ms 1 ease; | |
| animation: fade-in 200ms 1 ease; | |
| } | |
| .transition-popup-fade-out { | |
| -webkit-animation: fade-out 200ms 1 ease; | |
| animation: fade-out 200ms 1 ease; | |
| } | |
| .transition-popup-drop-in { | |
| -webkit-animation: fade-in 200ms 1 ease; | |
| animation: fade-in 200ms 1 ease; | |
| } | |
| .transition-popup-drop-in .to-show { | |
| -webkit-animation: uvm8gl3x3 200ms 1 ease; | |
| animation: uvm8gl3x3 200ms 1 ease; | |
| } | |
| .transition-popup-drop-out { | |
| -webkit-animation: fade-out 200ms 1 ease 50ms; | |
| animation: fade-out 200ms 1 ease 50ms; | |
| } | |
| .transition-popup-drop-out .to-show { | |
| -webkit-animation: uvm8gl3xd 200ms 1 ease; | |
| animation: uvm8gl3xd 200ms 1 ease; | |
| } | |
| .transition-popup-drop-out .to-hide { | |
| -webkit-animation: uvm8gl3xd 250ms 1 ease; | |
| animation: uvm8gl3xd 250ms 1 ease; | |
| } | |
| .transition-popup-revolution-in .to-show { | |
| -webkit-animation: uvm8gl3xf 200ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| animation: uvm8gl3xf 200ms 1 cubic-bezier(0.5, 0.1, 0.5, 1); | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| display: block; | |
| -webkit-perspective: 1000; | |
| perspective: 1000; | |
| -webkit-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| } | |
| .transition-popup-flip { | |
| -webkit-animation: popup-flip 200ms 1 ease 50ms; | |
| animation: popup-flip 200ms 1 ease 50ms; | |
| } | |
| .transition-popup-flip .to-hide { | |
| -webkit-animation: uvm8gl3xl 250ms 1 ease; | |
| animation: uvm8gl3xl 250ms 1 ease; | |
| } | |
| @media (min-width: 374px) { | |
| .usa:not(.spa) .address-zip { | |
| max-width: 80px; | |
| } | |
| } | |
| @media (min-width: 568px) { | |
| /* placeholder - clear fix */ | |
| .sm-u-clear:after { | |
| content: ""; | |
| clear: both; | |
| display: table; | |
| position: relative; | |
| } | |
| /* placeholder - reset */ | |
| .sm-u-reset { | |
| list-style: none outside none; | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 0; | |
| } | |
| /* placholder - owl */ | |
| > .sm-u-margins-off { | |
| margin-top: 0; | |
| } | |
| > *:not(style):not(link):not(meta):not(script):not(:hidden) + .sm-u-compact { | |
| margin-top: 0.5em; | |
| } | |
| /* placeholder - icon-styles-pseudos */ | |
| /* placeholder - icon-pos-middle */ | |
| /* placeholder - icon-pos-top */ | |
| /* placeholder - icon-pos-right */ | |
| /* placeholder - icon-pos-bottom */ | |
| /* placeholder - icon-pos-left */ | |
| /* placeholder - grid */ | |
| .sm-grid { | |
| letter-spacing: -.28em; | |
| list-style: none; | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| margin-bottom: -1em; | |
| padding: 0; | |
| } | |
| .sm-grid > *, | |
| .sm-col { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| letter-spacing: normal; | |
| margin: 0; | |
| margin-bottom: 1em; | |
| padding: 0 10px; | |
| vertical-align: top; | |
| width: 100%; | |
| word-spacing: normal; | |
| } | |
| .sm-grid--rev { | |
| direction: rtl; | |
| text-align: left; | |
| } | |
| .sm-grid--rev > * { | |
| direction: ltr; | |
| text-align: left; | |
| } | |
| .sm-grid--full { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .sm-grid--full > * { | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .sm-grid--not-full { | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| } | |
| .sm-grid--not-full > * { | |
| padding-right: 10px; | |
| padding-left: 10px; | |
| } | |
| .sm-grid--no-space, | |
| .sm-grid--no-space > * { | |
| margin-bottom: 0; | |
| } | |
| .sm-grid--right { | |
| text-align: right; | |
| } | |
| .sm-grid--right > * { | |
| text-align: left; | |
| } | |
| .sm-grid--center { | |
| text-align: center; | |
| } | |
| .sm-grid--center > * { | |
| text-align: left; | |
| } | |
| .sm-grid--middle > * { | |
| vertical-align: middle; | |
| } | |
| .sm-grid--bottom > * { | |
| vertical-align: bottom; | |
| } | |
| .sm-grid--one-col > * { | |
| width: 100%; | |
| } | |
| .sm-grid > .sm-one-col { | |
| width: 8.33333%; | |
| } | |
| .sm-push--one-col { | |
| margin-left: 8.33333%; | |
| } | |
| .sm-pull--one-col { | |
| margin-right: 8.33333%; | |
| } | |
| .sm-grid--two-cols > * { | |
| width: 50%; | |
| } | |
| .sm-grid > .sm-two-cols { | |
| width: 16.66667%; | |
| } | |
| .sm-push--two-cols { | |
| margin-left: 16.66667%; | |
| } | |
| .sm-pull--two-cols { | |
| margin-right: 16.66667%; | |
| } | |
| .sm-grid--three-cols > * { | |
| width: 33.33333%; | |
| } | |
| .sm-grid > .sm-three-cols { | |
| width: 25%; | |
| } | |
| .sm-push--three-cols { | |
| margin-left: 25%; | |
| } | |
| .sm-pull--three-cols { | |
| margin-right: 25%; | |
| } | |
| .sm-grid--four-cols > * { | |
| width: 25%; | |
| } | |
| .sm-grid > .sm-four-cols { | |
| width: 33.33333%; | |
| } | |
| .sm-push--four-cols { | |
| margin-left: 33.33333%; | |
| } | |
| .sm-pull--four-cols { | |
| margin-right: 33.33333%; | |
| } | |
| .sm-grid--five-cols > * { | |
| width: 20%; | |
| } | |
| .sm-grid > .sm-five-cols { | |
| width: 41.66667%; | |
| } | |
| .sm-push--five-cols { | |
| margin-left: 41.66667%; | |
| } | |
| .sm-pull--five-cols { | |
| margin-right: 41.66667%; | |
| } | |
| .sm-grid--six-cols > * { | |
| width: 16.66667%; | |
| } | |
| .sm-grid > .sm-six-cols { | |
| width: 50%; | |
| } | |
| .sm-push--six-cols { | |
| margin-left: 50%; | |
| } | |
| .sm-pull--six-cols { | |
| margin-right: 50%; | |
| } | |
| .sm-grid--seven-cols > * { | |
| width: 14.28571%; | |
| } | |
| .sm-grid > .sm-seven-cols { | |
| width: 58.33333%; | |
| } | |
| .sm-push--seven-cols { | |
| margin-left: 58.33333%; | |
| } | |
| .sm-pull--seven-cols { | |
| margin-right: 58.33333%; | |
| } | |
| .sm-grid--eight-cols > * { | |
| width: 12.5%; | |
| } | |
| .sm-grid > .sm-eight-cols { | |
| width: 66.66667%; | |
| } | |
| .sm-push--eight-cols { | |
| margin-left: 66.66667%; | |
| } | |
| .sm-pull--eight-cols { | |
| margin-right: 66.66667%; | |
| } | |
| .sm-grid--nine-cols > * { | |
| width: 11.11111%; | |
| } | |
| .sm-grid > .sm-nine-cols { | |
| width: 75%; | |
| } | |
| .sm-push--nine-cols { | |
| margin-left: 75%; | |
| } | |
| .sm-pull--nine-cols { | |
| margin-right: 75%; | |
| } | |
| .sm-grid--ten-cols > * { | |
| width: 10%; | |
| } | |
| .sm-grid > .sm-ten-cols { | |
| width: 83.33333%; | |
| } | |
| .sm-push--ten-cols { | |
| margin-left: 83.33333%; | |
| } | |
| .sm-pull--ten-cols { | |
| margin-right: 83.33333%; | |
| } | |
| .sm-grid--eleven-cols > * { | |
| width: 9.09091%; | |
| } | |
| .sm-grid > .sm-eleven-cols { | |
| width: 91.66667%; | |
| } | |
| .sm-push--eleven-cols { | |
| margin-left: 91.66667%; | |
| } | |
| .sm-pull--eleven-cols { | |
| margin-right: 91.66667%; | |
| } | |
| .sm-grid--twelve-cols > * { | |
| width: 8.33333%; | |
| } | |
| .sm-grid > .sm-twelve-cols { | |
| width: 100%; | |
| } | |
| .sm-push--twelve-cols { | |
| margin-left: 100%; | |
| } | |
| .sm-pull--twelve-cols { | |
| margin-right: 100%; | |
| } | |
| .sm-u-text-center { | |
| text-align: center; | |
| } | |
| .sm-u-text-right { | |
| text-align: right; | |
| } | |
| .sm-u-text-left { | |
| text-align: left; | |
| } | |
| .sm-u-text-justify { | |
| text-align: justify; | |
| } | |
| .sm-u-text-nowrap { | |
| overflow: hidden !important; | |
| text-overflow: ellipsis !important; | |
| white-space: nowrap !important; | |
| } | |
| .sm-u-show { | |
| display: block !important; | |
| } | |
| .sm-u-hide { | |
| display: none !important; | |
| } | |
| .sm-u-hide, | |
| .sm-u-invisible { | |
| visibility: hidden !important; | |
| } | |
| .sm-u-show, | |
| .sm-u-visible { | |
| visibility: visible !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| /* placeholder - clear fix */ | |
| .md-u-clear:after { | |
| content: ""; | |
| clear: both; | |
| display: table; | |
| position: relative; | |
| } | |
| /* placeholder - reset */ | |
| .md-u-reset { | |
| list-style: none outside none; | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 0; | |
| } | |
| /* placholder - owl */ | |
| > .md-u-margins-off { | |
| margin-top: 0; | |
| } | |
| > *:not(style):not(link):not(meta):not(script):not(:hidden) + .md-u-compact { | |
| margin-top: 0.5em; | |
| } | |
| /* placeholder - icon-styles-pseudos */ | |
| /* placeholder - icon-pos-middle */ | |
| /* placeholder - icon-pos-top */ | |
| /* placeholder - icon-pos-right */ | |
| /* placeholder - icon-pos-bottom */ | |
| /* placeholder - icon-pos-left */ | |
| /* placeholder - grid */ | |
| .md-grid { | |
| letter-spacing: -.28em; | |
| list-style: none; | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| margin-bottom: -1em; | |
| padding: 0; | |
| } | |
| .md-grid > *, | |
| .md-col { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| letter-spacing: normal; | |
| margin: 0; | |
| margin-bottom: 1em; | |
| padding: 0 10px; | |
| vertical-align: top; | |
| width: 100%; | |
| word-spacing: normal; | |
| } | |
| .md-grid--rev { | |
| direction: rtl; | |
| text-align: left; | |
| } | |
| .md-grid--rev > * { | |
| direction: ltr; | |
| text-align: left; | |
| } | |
| .md-grid--full { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .md-grid--full > * { | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .md-grid--not-full { | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| } | |
| .md-grid--not-full > * { | |
| padding-right: 10px; | |
| padding-left: 10px; | |
| } | |
| .md-grid--no-space, | |
| .md-grid--no-space > * { | |
| margin-bottom: 0; | |
| } | |
| .md-grid--right { | |
| text-align: right; | |
| } | |
| .md-grid--right > * { | |
| text-align: left; | |
| } | |
| .md-grid--center { | |
| text-align: center; | |
| } | |
| .md-grid--center > * { | |
| text-align: left; | |
| } | |
| .md-grid--middle > * { | |
| vertical-align: middle; | |
| } | |
| .md-grid--bottom > * { | |
| vertical-align: bottom; | |
| } | |
| .md-grid--one-col > * { | |
| width: 100%; | |
| } | |
| .md-grid > .md-one-col { | |
| width: 8.33333%; | |
| } | |
| .md-push--one-col { | |
| margin-left: 8.33333%; | |
| } | |
| .md-pull--one-col { | |
| margin-right: 8.33333%; | |
| } | |
| .md-grid--two-cols > * { | |
| width: 50%; | |
| } | |
| .md-grid > .md-two-cols { | |
| width: 16.66667%; | |
| } | |
| .md-push--two-cols { | |
| margin-left: 16.66667%; | |
| } | |
| .md-pull--two-cols { | |
| margin-right: 16.66667%; | |
| } | |
| .md-grid--three-cols > * { | |
| width: 33.33333%; | |
| } | |
| .md-grid > .md-three-cols { | |
| width: 25%; | |
| } | |
| .md-push--three-cols { | |
| margin-left: 25%; | |
| } | |
| .md-pull--three-cols { | |
| margin-right: 25%; | |
| } | |
| .md-grid--four-cols > * { | |
| width: 25%; | |
| } | |
| .md-grid > .md-four-cols { | |
| width: 33.33333%; | |
| } | |
| .md-push--four-cols { | |
| margin-left: 33.33333%; | |
| } | |
| .md-pull--four-cols { | |
| margin-right: 33.33333%; | |
| } | |
| .md-grid--five-cols > * { | |
| width: 20%; | |
| } | |
| .md-grid > .md-five-cols { | |
| width: 41.66667%; | |
| } | |
| .md-push--five-cols { | |
| margin-left: 41.66667%; | |
| } | |
| .md-pull--five-cols { | |
| margin-right: 41.66667%; | |
| } | |
| .md-grid--six-cols > * { | |
| width: 16.66667%; | |
| } | |
| .md-grid > .md-six-cols { | |
| width: 50%; | |
| } | |
| .md-push--six-cols { | |
| margin-left: 50%; | |
| } | |
| .md-pull--six-cols { | |
| margin-right: 50%; | |
| } | |
| .md-grid--seven-cols > * { | |
| width: 14.28571%; | |
| } | |
| .md-grid > .md-seven-cols { | |
| width: 58.33333%; | |
| } | |
| .md-push--seven-cols { | |
| margin-left: 58.33333%; | |
| } | |
| .md-pull--seven-cols { | |
| margin-right: 58.33333%; | |
| } | |
| .md-grid--eight-cols > * { | |
| width: 12.5%; | |
| } | |
| .md-grid > .md-eight-cols { | |
| width: 66.66667%; | |
| } | |
| .md-push--eight-cols { | |
| margin-left: 66.66667%; | |
| } | |
| .md-pull--eight-cols { | |
| margin-right: 66.66667%; | |
| } | |
| .md-grid--nine-cols > * { | |
| width: 11.11111%; | |
| } | |
| .md-grid > .md-nine-cols { | |
| width: 75%; | |
| } | |
| .md-push--nine-cols { | |
| margin-left: 75%; | |
| } | |
| .md-pull--nine-cols { | |
| margin-right: 75%; | |
| } | |
| .md-grid--ten-cols > * { | |
| width: 10%; | |
| } | |
| .md-grid > .md-ten-cols { | |
| width: 83.33333%; | |
| } | |
| .md-push--ten-cols { | |
| margin-left: 83.33333%; | |
| } | |
| .md-pull--ten-cols { | |
| margin-right: 83.33333%; | |
| } | |
| .md-grid--eleven-cols > * { | |
| width: 9.09091%; | |
| } | |
| .md-grid > .md-eleven-cols { | |
| width: 91.66667%; | |
| } | |
| .md-push--eleven-cols { | |
| margin-left: 91.66667%; | |
| } | |
| .md-pull--eleven-cols { | |
| margin-right: 91.66667%; | |
| } | |
| .md-grid--twelve-cols > * { | |
| width: 8.33333%; | |
| } | |
| .md-grid > .md-twelve-cols { | |
| width: 100%; | |
| } | |
| .md-push--twelve-cols { | |
| margin-left: 100%; | |
| } | |
| .md-pull--twelve-cols { | |
| margin-right: 100%; | |
| } | |
| .md-u-text-center { | |
| text-align: center; | |
| } | |
| .md-u-text-right { | |
| text-align: right; | |
| } | |
| .md-u-text-left { | |
| text-align: left; | |
| } | |
| .md-u-text-justify { | |
| text-align: justify; | |
| } | |
| .md-u-text-nowrap { | |
| overflow: hidden !important; | |
| text-overflow: ellipsis !important; | |
| white-space: nowrap !important; | |
| } | |
| .md-u-show { | |
| display: block !important; | |
| } | |
| .md-u-hide { | |
| display: none !important; | |
| } | |
| .md-u-hide, | |
| .md-u-invisible { | |
| visibility: hidden !important; | |
| } | |
| .md-u-show, | |
| .md-u-visible { | |
| visibility: visible !important; | |
| } | |
| .u-wrapper { | |
| margin: 0 30px; | |
| } | |
| .u-wrapper-inverted { | |
| padding: 0 30px; | |
| margin-left: -30px; | |
| margin-right: -30px; | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| /* placeholder - clear fix */ | |
| .lg-u-clear:after { | |
| content: ""; | |
| clear: both; | |
| display: table; | |
| position: relative; | |
| } | |
| /* placeholder - reset */ | |
| .lg-u-reset { | |
| list-style: none outside none; | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 0; | |
| } | |
| /* placholder - owl */ | |
| > .lg-u-margins-off { | |
| margin-top: 0; | |
| } | |
| > *:not(style):not(link):not(meta):not(script):not(:hidden) + .lg-u-compact { | |
| margin-top: 0.5em; | |
| } | |
| /* placeholder - icon-styles-pseudos */ | |
| /* placeholder - icon-pos-middle */ | |
| /* placeholder - icon-pos-top */ | |
| /* placeholder - icon-pos-right */ | |
| /* placeholder - icon-pos-bottom */ | |
| /* placeholder - icon-pos-left */ | |
| /* placeholder - grid */ | |
| .lg-grid { | |
| letter-spacing: -.28em; | |
| list-style: none; | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| margin-bottom: -1em; | |
| padding: 0; | |
| } | |
| .lg-grid > *, | |
| .lg-col { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| letter-spacing: normal; | |
| margin: 0; | |
| margin-bottom: 1em; | |
| padding: 0 10px; | |
| vertical-align: top; | |
| width: 100%; | |
| word-spacing: normal; | |
| } | |
| .lg-grid--rev { | |
| direction: rtl; | |
| text-align: left; | |
| } | |
| .lg-grid--rev > * { | |
| direction: ltr; | |
| text-align: left; | |
| } | |
| .lg-grid--full { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .lg-grid--full > * { | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .lg-grid--not-full { | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| } | |
| .lg-grid--not-full > * { | |
| padding-right: 10px; | |
| padding-left: 10px; | |
| } | |
| .lg-grid--no-space, | |
| .lg-grid--no-space > * { | |
| margin-bottom: 0; | |
| } | |
| .lg-grid--right { | |
| text-align: right; | |
| } | |
| .lg-grid--right > * { | |
| text-align: left; | |
| } | |
| .lg-grid--center { | |
| text-align: center; | |
| } | |
| .lg-grid--center > * { | |
| text-align: left; | |
| } | |
| .lg-grid--middle > * { | |
| vertical-align: middle; | |
| } | |
| .lg-grid--bottom > * { | |
| vertical-align: bottom; | |
| } | |
| .lg-grid--one-col > * { | |
| width: 100%; | |
| } | |
| .lg-grid > .lg-one-col { | |
| width: 8.33333%; | |
| } | |
| .lg-push--one-col { | |
| margin-left: 8.33333%; | |
| } | |
| .lg-pull--one-col { | |
| margin-right: 8.33333%; | |
| } | |
| .lg-grid--two-cols > * { | |
| width: 50%; | |
| } | |
| .lg-grid > .lg-two-cols { | |
| width: 16.66667%; | |
| } | |
| .lg-push--two-cols { | |
| margin-left: 16.66667%; | |
| } | |
| .lg-pull--two-cols { | |
| margin-right: 16.66667%; | |
| } | |
| .lg-grid--three-cols > * { | |
| width: 33.33333%; | |
| } | |
| .lg-grid > .lg-three-cols { | |
| width: 25%; | |
| } | |
| .lg-push--three-cols { | |
| margin-left: 25%; | |
| } | |
| .lg-pull--three-cols { | |
| margin-right: 25%; | |
| } | |
| .lg-grid--four-cols > * { | |
| width: 25%; | |
| } | |
| .lg-grid > .lg-four-cols { | |
| width: 33.33333%; | |
| } | |
| .lg-push--four-cols { | |
| margin-left: 33.33333%; | |
| } | |
| .lg-pull--four-cols { | |
| margin-right: 33.33333%; | |
| } | |
| .lg-grid--five-cols > * { | |
| width: 20%; | |
| } | |
| .lg-grid > .lg-five-cols { | |
| width: 41.66667%; | |
| } | |
| .lg-push--five-cols { | |
| margin-left: 41.66667%; | |
| } | |
| .lg-pull--five-cols { | |
| margin-right: 41.66667%; | |
| } | |
| .lg-grid--six-cols > * { | |
| width: 16.66667%; | |
| } | |
| .lg-grid > .lg-six-cols { | |
| width: 50%; | |
| } | |
| .lg-push--six-cols { | |
| margin-left: 50%; | |
| } | |
| .lg-pull--six-cols { | |
| margin-right: 50%; | |
| } | |
| .lg-grid--seven-cols > * { | |
| width: 14.28571%; | |
| } | |
| .lg-grid > .lg-seven-cols { | |
| width: 58.33333%; | |
| } | |
| .lg-push--seven-cols { | |
| margin-left: 58.33333%; | |
| } | |
| .lg-pull--seven-cols { | |
| margin-right: 58.33333%; | |
| } | |
| .lg-grid--eight-cols > * { | |
| width: 12.5%; | |
| } | |
| .lg-grid > .lg-eight-cols { | |
| width: 66.66667%; | |
| } | |
| .lg-push--eight-cols { | |
| margin-left: 66.66667%; | |
| } | |
| .lg-pull--eight-cols { | |
| margin-right: 66.66667%; | |
| } | |
| .lg-grid--nine-cols > * { | |
| width: 11.11111%; | |
| } | |
| .lg-grid > .lg-nine-cols { | |
| width: 75%; | |
| } | |
| .lg-push--nine-cols { | |
| margin-left: 75%; | |
| } | |
| .lg-pull--nine-cols { | |
| margin-right: 75%; | |
| } | |
| .lg-grid--ten-cols > * { | |
| width: 10%; | |
| } | |
| .lg-grid > .lg-ten-cols { | |
| width: 83.33333%; | |
| } | |
| .lg-push--ten-cols { | |
| margin-left: 83.33333%; | |
| } | |
| .lg-pull--ten-cols { | |
| margin-right: 83.33333%; | |
| } | |
| .lg-grid--eleven-cols > * { | |
| width: 9.09091%; | |
| } | |
| .lg-grid > .lg-eleven-cols { | |
| width: 91.66667%; | |
| } | |
| .lg-push--eleven-cols { | |
| margin-left: 91.66667%; | |
| } | |
| .lg-pull--eleven-cols { | |
| margin-right: 91.66667%; | |
| } | |
| .lg-grid--twelve-cols > * { | |
| width: 8.33333%; | |
| } | |
| .lg-grid > .lg-twelve-cols { | |
| width: 100%; | |
| } | |
| .lg-push--twelve-cols { | |
| margin-left: 100%; | |
| } | |
| .lg-pull--twelve-cols { | |
| margin-right: 100%; | |
| } | |
| .lg-u-text-center { | |
| text-align: center; | |
| } | |
| .lg-u-text-right { | |
| text-align: right; | |
| } | |
| .lg-u-text-left { | |
| text-align: left; | |
| } | |
| .lg-u-text-justify { | |
| text-align: justify; | |
| } | |
| .lg-u-text-nowrap { | |
| overflow: hidden !important; | |
| text-overflow: ellipsis !important; | |
| white-space: nowrap !important; | |
| } | |
| .lg-u-show { | |
| display: block !important; | |
| } | |
| .lg-u-hide { | |
| display: none !important; | |
| } | |
| .lg-u-hide, | |
| .lg-u-invisible { | |
| visibility: hidden !important; | |
| } | |
| .lg-u-show, | |
| .lg-u-visible { | |
| visibility: visible !important; | |
| } | |
| .u-wrapper { | |
| margin: 0 40px; | |
| } | |
| .u-wrapper-inverted { | |
| padding: 0 40px; | |
| margin-left: -40px; | |
| margin-right: -40px; | |
| } | |
| } | |
| @media (min-width: 1400px) { | |
| /* placeholder - clear fix */ | |
| .xl-u-clear:after { | |
| content: ""; | |
| clear: both; | |
| display: table; | |
| position: relative; | |
| } | |
| /* placeholder - reset */ | |
| .xl-u-reset { | |
| list-style: none outside none; | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 0; | |
| } | |
| /* placholder - owl */ | |
| > .xl-u-margins-off { | |
| margin-top: 0; | |
| } | |
| > *:not(style):not(link):not(meta):not(script):not(:hidden) + .xl-u-compact { | |
| margin-top: 0.5em; | |
| } | |
| /* placeholder - icon-styles-pseudos */ | |
| /* placeholder - icon-pos-middle */ | |
| /* placeholder - icon-pos-top */ | |
| /* placeholder - icon-pos-right */ | |
| /* placeholder - icon-pos-bottom */ | |
| /* placeholder - icon-pos-left */ | |
| /* placeholder - grid */ | |
| .xl-grid { | |
| letter-spacing: -.28em; | |
| list-style: none; | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| margin-bottom: -1em; | |
| padding: 0; | |
| } | |
| .xl-grid > *, | |
| .xl-col { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| letter-spacing: normal; | |
| margin: 0; | |
| margin-bottom: 1em; | |
| padding: 0 10px; | |
| vertical-align: top; | |
| width: 100%; | |
| word-spacing: normal; | |
| } | |
| .xl-grid--rev { | |
| direction: rtl; | |
| text-align: left; | |
| } | |
| .xl-grid--rev > * { | |
| direction: ltr; | |
| text-align: left; | |
| } | |
| .xl-grid--full { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .xl-grid--full > * { | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .xl-grid--not-full { | |
| margin-right: -10px; | |
| margin-left: -10px; | |
| } | |
| .xl-grid--not-full > * { | |
| padding-right: 10px; | |
| padding-left: 10px; | |
| } | |
| .xl-grid--no-space, | |
| .xl-grid--no-space > * { | |
| margin-bottom: 0; | |
| } | |
| .xl-grid--right { | |
| text-align: right; | |
| } | |
| .xl-grid--right > * { | |
| text-align: left; | |
| } | |
| .xl-grid--center { | |
| text-align: center; | |
| } | |
| .xl-grid--center > * { | |
| text-align: left; | |
| } | |
| .xl-grid--middle > * { | |
| vertical-align: middle; | |
| } | |
| .xl-grid--bottom > * { | |
| vertical-align: bottom; | |
| } | |
| .xl-grid--one-col > * { | |
| width: 100%; | |
| } | |
| .xl-grid > .xl-one-col { | |
| width: 8.33333%; | |
| } | |
| .xl-push--one-col { | |
| margin-left: 8.33333%; | |
| } | |
| .xl-pull--one-col { | |
| margin-right: 8.33333%; | |
| } | |
| .xl-grid--two-cols > * { | |
| width: 50%; | |
| } | |
| .xl-grid > .xl-two-cols { | |
| width: 16.66667%; | |
| } | |
| .xl-push--two-cols { | |
| margin-left: 16.66667%; | |
| } | |
| .xl-pull--two-cols { | |
| margin-right: 16.66667%; | |
| } | |
| .xl-grid--three-cols > * { | |
| width: 33.33333%; | |
| } | |
| .xl-grid > .xl-three-cols { | |
| width: 25%; | |
| } | |
| .xl-push--three-cols { | |
| margin-left: 25%; | |
| } | |
| .xl-pull--three-cols { | |
| margin-right: 25%; | |
| } | |
| .xl-grid--four-cols > * { | |
| width: 25%; | |
| } | |
| .xl-grid > .xl-four-cols { | |
| width: 33.33333%; | |
| } | |
| .xl-push--four-cols { | |
| margin-left: 33.33333%; | |
| } | |
| .xl-pull--four-cols { | |
| margin-right: 33.33333%; | |
| } | |
| .xl-grid--five-cols > * { | |
| width: 20%; | |
| } | |
| .xl-grid > .xl-five-cols { | |
| width: 41.66667%; | |
| } | |
| .xl-push--five-cols { | |
| margin-left: 41.66667%; | |
| } | |
| .xl-pull--five-cols { | |
| margin-right: 41.66667%; | |
| } | |
| .xl-grid--six-cols > * { | |
| width: 16.66667%; | |
| } | |
| .xl-grid > .xl-six-cols { | |
| width: 50%; | |
| } | |
| .xl-push--six-cols { | |
| margin-left: 50%; | |
| } | |
| .xl-pull--six-cols { | |
| margin-right: 50%; | |
| } | |
| .xl-grid--seven-cols > * { | |
| width: 14.28571%; | |
| } | |
| .xl-grid > .xl-seven-cols { | |
| width: 58.33333%; | |
| } | |
| .xl-push--seven-cols { | |
| margin-left: 58.33333%; | |
| } | |
| .xl-pull--seven-cols { | |
| margin-right: 58.33333%; | |
| } | |
| .xl-grid--eight-cols > * { | |
| width: 12.5%; | |
| } | |
| .xl-grid > .xl-eight-cols { | |
| width: 66.66667%; | |
| } | |
| .xl-push--eight-cols { | |
| margin-left: 66.66667%; | |
| } | |
| .xl-pull--eight-cols { | |
| margin-right: 66.66667%; | |
| } | |
| .xl-grid--nine-cols > * { | |
| width: 11.11111%; | |
| } | |
| .xl-grid > .xl-nine-cols { | |
| width: 75%; | |
| } | |
| .xl-push--nine-cols { | |
| margin-left: 75%; | |
| } | |
| .xl-pull--nine-cols { | |
| margin-right: 75%; | |
| } | |
| .xl-grid--ten-cols > * { | |
| width: 10%; | |
| } | |
| .xl-grid > .xl-ten-cols { | |
| width: 83.33333%; | |
| } | |
| .xl-push--ten-cols { | |
| margin-left: 83.33333%; | |
| } | |
| .xl-pull--ten-cols { | |
| margin-right: 83.33333%; | |
| } | |
| .xl-grid--eleven-cols > * { | |
| width: 9.09091%; | |
| } | |
| .xl-grid > .xl-eleven-cols { | |
| width: 91.66667%; | |
| } | |
| .xl-push--eleven-cols { | |
| margin-left: 91.66667%; | |
| } | |
| .xl-pull--eleven-cols { | |
| margin-right: 91.66667%; | |
| } | |
| .xl-grid--twelve-cols > * { | |
| width: 8.33333%; | |
| } | |
| .xl-grid > .xl-twelve-cols { | |
| width: 100%; | |
| } | |
| .xl-push--twelve-cols { | |
| margin-left: 100%; | |
| } | |
| .xl-pull--twelve-cols { | |
| margin-right: 100%; | |
| } | |
| .xl-u-text-center { | |
| text-align: center; | |
| } | |
| .xl-u-text-right { | |
| text-align: right; | |
| } | |
| .xl-u-text-left { | |
| text-align: left; | |
| } | |
| .xl-u-text-justify { | |
| text-align: justify; | |
| } | |
| .xl-u-text-nowrap { | |
| overflow: hidden !important; | |
| text-overflow: ellipsis !important; | |
| white-space: nowrap !important; | |
| } | |
| .xl-u-show { | |
| display: block !important; | |
| } | |
| .xl-u-hide { | |
| display: none !important; | |
| } | |
| .xl-u-hide, | |
| .xl-u-invisible { | |
| visibility: hidden !important; | |
| } | |
| .xl-u-show, | |
| .xl-u-visible { | |
| visibility: visible !important; | |
| } | |
| } | |
| @-webkit-keyframes slide-in { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| } | |
| @keyframes slide-in { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes slide-out { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes slide-out { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes fade-in { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes fade-in { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes fade-out { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes fade-out { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @-webkit-keyframes cover-in { | |
| from { | |
| -webkit-transform: translate3d(0, 100%, 0); | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes cover-in { | |
| from { | |
| -webkit-transform: translate3d(0, 100%, 0); | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes cover-out { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 100%, 0); | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| } | |
| @keyframes cover-out { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 100%, 0); | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| } | |
| @-webkit-keyframes cover-right-in { | |
| from { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes cover-right-in { | |
| from { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3vr { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(125%, 0, 0); | |
| transform: translate3d(125%, 0, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3vr { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(125%, 0, 0); | |
| transform: translate3d(125%, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3vv { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3vv { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3w2 { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(-125%, 0, 0); | |
| transform: translate3d(-125%, 0, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3w2 { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(-125%, 0, 0); | |
| transform: translate3d(-125%, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3w8 { | |
| from { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3w8 { | |
| from { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3wf { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3wf { | |
| from { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3wi { | |
| from { | |
| -webkit-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| } | |
| to { | |
| -webkit-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| } | |
| } | |
| @keyframes uvm8gl3wi { | |
| from { | |
| -webkit-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| } | |
| to { | |
| -webkit-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| } | |
| } | |
| @-webkit-keyframes bounce-in { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.3); | |
| transform: scale(0.3); | |
| } | |
| 50% { | |
| opacity: 1; | |
| -webkit-transform: scale(1.05); | |
| transform: scale(1.05); | |
| } | |
| 70% { | |
| -webkit-transform: scale(0.9); | |
| transform: scale(0.9); | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| } | |
| @keyframes bounce-in { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.3); | |
| transform: scale(0.3); | |
| } | |
| 50% { | |
| opacity: 1; | |
| -webkit-transform: scale(1.05); | |
| transform: scale(1.05); | |
| } | |
| 70% { | |
| -webkit-transform: scale(0.9); | |
| transform: scale(0.9); | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| } | |
| @-webkit-keyframes bounce-out { | |
| 0% { | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| 25% { | |
| -webkit-transform: scale(0.95); | |
| transform: scale(0.95); | |
| } | |
| 50% { | |
| opacity: 1; | |
| -webkit-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.3); | |
| transform: scale(0.3); | |
| } | |
| } | |
| @keyframes bounce-out { | |
| 0% { | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| 25% { | |
| -webkit-transform: scale(0.95); | |
| transform: scale(0.95); | |
| } | |
| 50% { | |
| opacity: 1; | |
| -webkit-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.3); | |
| transform: scale(0.3); | |
| } | |
| } | |
| @-webkit-keyframes outside-in { | |
| from { | |
| opacity: 0; | |
| -webkit-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| to { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| } | |
| @keyframes outside-in { | |
| from { | |
| opacity: 0; | |
| -webkit-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| to { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| } | |
| @-webkit-keyframes outside-out { | |
| from { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| to { | |
| opacity: 0; | |
| -webkit-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| } | |
| @keyframes outside-out { | |
| from { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| to { | |
| opacity: 0; | |
| -webkit-transform: scale(1.1); | |
| transform: scale(1.1); | |
| } | |
| } | |
| @-webkit-keyframes opacity-in { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes opacity-in { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3wr { | |
| from { | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7); | |
| } | |
| to { | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| } | |
| @keyframes uvm8gl3wr { | |
| from { | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7); | |
| } | |
| to { | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| } | |
| @-webkit-keyframes opacity-out { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes opacity-out { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3wx { | |
| from { | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| to { | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7); | |
| } | |
| } | |
| @keyframes uvm8gl3wx { | |
| from { | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| to { | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3x3 { | |
| from { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3x3 { | |
| from { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3xd { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| } | |
| @keyframes uvm8gl3xd { | |
| from { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3xf { | |
| from { | |
| -webkit-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| } | |
| to { | |
| -webkit-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| } | |
| } | |
| @keyframes uvm8gl3xf { | |
| from { | |
| -webkit-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| } | |
| to { | |
| -webkit-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| } | |
| } | |
| @-webkit-keyframes popup-flip { | |
| from { | |
| opacity: .999; | |
| } | |
| to { | |
| opacity: .998; | |
| } | |
| } | |
| @keyframes popup-flip { | |
| from { | |
| opacity: .999; | |
| } | |
| to { | |
| opacity: .998; | |
| } | |
| } | |
| @-webkit-keyframes uvm8gl3xl { | |
| from { | |
| -webkit-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| } | |
| to { | |
| -webkit-transform: rotateY(90deg); | |
| transform: rotateY(90deg); | |
| } | |
| } | |
| @keyframes uvm8gl3xl { | |
| from { | |
| -webkit-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| } | |
| to { | |
| -webkit-transform: rotateY(90deg); | |
| transform: rotateY(90deg); | |
| } | |
| } | |
| @-moz-document url-prefix() { | |
| .c-select select { | |
| -moz-appearance: none; | |
| overflow: -moz-hidden-unscrollable; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| text-indent: 0.01px; | |
| text-overflow: ""; | |
| color: transparent; | |
| text-shadow: 0 0 0 #7e7e7c; | |
| } | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment