Created
January 6, 2015 22:36
-
-
Save johnantoni/ae3820e99ea65da07873 to your computer and use it in GitHub Desktop.
Zoocasa // source https://jsbin.com/musade
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Zoocasa</title> | |
| <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"><style id="jsbin-css"> | |
| /* NORMALIZE START */ | |
| /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
| /** | |
| * 1. Set default font family to sans-serif. | |
| * 2. Prevent iOS text size adjust after orientation change, without disabling | |
| * user zoom. | |
| */ | |
| html { | |
| font-family: sans-serif; | |
| /* 1 */ | |
| -ms-text-size-adjust: 100%; | |
| /* 2 */ | |
| -webkit-text-size-adjust: 100%; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove default margin. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /* HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
| * and Firefox. | |
| * Correct `block` display not defined for `main` in IE 11. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * 1. Correct `inline-block` display not defined in IE 8/9. | |
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
| */ | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| /* 1 */ | |
| vertical-align: baseline; | |
| /* 2 */ | |
| } | |
| /** | |
| * Prevent modern browsers from displaying `audio` without controls. | |
| * Remove excess height in iOS 5 devices. | |
| */ | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| /** | |
| * Address `[hidden]` styling not present in IE 8/9/10. | |
| * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. | |
| */ | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* Links | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background color from active links in IE 10. | |
| */ | |
| a { | |
| background-color: transparent; | |
| } | |
| /** | |
| * Improve readability when focused and also mouse hovered in all browsers. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| /* Text-level semantics | |
| ========================================================================== */ | |
| /** | |
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| /** | |
| * Address styling not present in Safari and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Address inconsistent and variable font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| /* Embedded content | |
| ========================================================================== */ | |
| /** | |
| * Remove border when inside `a` element in IE 8/9/10. | |
| */ | |
| img { | |
| border: 0; | |
| } | |
| /** | |
| * Correct overflow not hidden in IE 9/10/11. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /* Grouping content | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 8/9 and Safari. | |
| */ | |
| figure { | |
| margin: 1em 40px; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Contain overflow in all browsers. | |
| */ | |
| pre { | |
| overflow: auto; | |
| } | |
| /** | |
| * Address odd `em`-unit font size rendering in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| /* Forms | |
| ========================================================================== */ | |
| /** | |
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
| * styling of `select`, unless a `border` property is set. | |
| */ | |
| /** | |
| * 1. Correct color not being inherited. | |
| * Known issue: affects color of disabled elements. | |
| * 2. Correct font properties not being inherited. | |
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| /* 1 */ | |
| font: inherit; | |
| /* 2 */ | |
| margin: 0; | |
| /* 3 */ | |
| } | |
| /** | |
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
| */ | |
| button { | |
| overflow: visible; | |
| } | |
| /** | |
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
| * All other form control elements do not inherit `text-transform` values. | |
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
| * Correct `select` style inheritance in Firefox. | |
| */ | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| /** | |
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| * and `video` controls. | |
| * 2. Correct inability to style clickable `input` types in iOS. | |
| * 3. Improve usability and consistency of cursor style between image-type | |
| * `input` and others. | |
| */ | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| /* 2 */ | |
| cursor: pointer; | |
| /* 3 */ | |
| } | |
| /** | |
| * Re-set default cursor for disabled elements. | |
| */ | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| /** | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| input { | |
| line-height: normal; | |
| } | |
| /** | |
| * It's recommended that you don't attempt to style these elements. | |
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
| * | |
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
| * 2. Remove excess padding in IE 8/9/10. | |
| */ | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ | |
| } | |
| /** | |
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
| * `font-size` values of the `input`, it causes the cursor style of the | |
| * decrement button to change from `default` to `text`. | |
| */ | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome | |
| * (include `-moz` to future-proof). | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| /* 1 */ | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| /* 2 */ | |
| box-sizing: content-box; | |
| } | |
| /** | |
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
| * Safari (but not Chrome) clips the cancel button when the search input has | |
| * padding (and `textfield` appearance). | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * Define consistent border, margin, and padding. | |
| */ | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| /** | |
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove default vertical scrollbar in IE 8/9/10/11. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| } | |
| /** | |
| * Don't inherit the `font-weight` (applied by a rule above). | |
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
| */ | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| /* Tables | |
| ========================================================================== */ | |
| /** | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| /* NORMALIZE END */ | |
| /* HUBSPOT FONTAWESOME */ | |
| /*!* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license(Font:SIL OFL 1.1,CSS:MIT License) */ | |
| @font-face { | |
| font-family: 'FontAwesome'; | |
| src: url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?v=4.1.0"); | |
| src: url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| .fa { | |
| display: inline-block; | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| .fa-lg { | |
| font-size: 1.33333333em; | |
| line-height: .75em; | |
| vertical-align: -15%; | |
| } | |
| .fa-2x { | |
| font-size: 2em; | |
| } | |
| .fa-3x { | |
| font-size: 3em; | |
| } | |
| .fa-4x { | |
| font-size: 4em; | |
| } | |
| .fa-5x { | |
| font-size: 5em; | |
| } | |
| .fa-fw { | |
| width: 1.28571429em; | |
| text-align: center; | |
| } | |
| .fa-ul { | |
| padding-left: 0; | |
| margin-left: 2.14285714em; | |
| list-style-type: none; | |
| } | |
| .fa-ul > li { | |
| position: relative; | |
| } | |
| .fa-li { | |
| position: absolute; | |
| left: -2.14285714em; | |
| width: 2.14285714em; | |
| top: .14285714em; | |
| text-align: center; | |
| } | |
| .fa-li.fa-lg { | |
| left: -1.85714em; | |
| } | |
| .fa-border { | |
| padding: .2em .25em .15em; | |
| border: solid .08em #eee; | |
| border-radius: 0.1em; | |
| } | |
| .pull-right { | |
| float: right; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .fa.pull-left { | |
| margin-right: 0.3em; | |
| } | |
| .fa.pull-right { | |
| margin-left: 0.3em; | |
| } | |
| .fa-spin { | |
| -webkit-animation: spin 2s infinite linear; | |
| -moz-animation: spin 2s infinite linear; | |
| -o-animation: spin 2s infinite linear; | |
| animation: spin 2s infinite linear; | |
| } | |
| @-moz-keyframes spin { | |
| 0% { | |
| -moz-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -moz-transform: rotate(359deg); | |
| } | |
| } | |
| @-webkit-keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| } | |
| } | |
| @-o-keyframes spin { | |
| 0% { | |
| -o-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -o-transform: rotate(359deg); | |
| } | |
| } | |
| @keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| transform: rotate(359deg); | |
| } | |
| } | |
| .fa-rotate-90 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
| -webkit-transform: rotate(90deg); | |
| -moz-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| -o-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| } | |
| .fa-rotate-180 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
| -webkit-transform: rotate(180deg); | |
| -moz-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| -o-transform: rotate(180deg); | |
| transform: rotate(180deg); | |
| } | |
| .fa-rotate-270 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
| -webkit-transform: rotate(270deg); | |
| -moz-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| -o-transform: rotate(270deg); | |
| transform: rotate(270deg); | |
| } | |
| .fa-flip-horizontal { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1); | |
| -webkit-transform: scale(-1, 1); | |
| -moz-transform: scale(-1, 1); | |
| -ms-transform: scale(-1, 1); | |
| -o-transform: scale(-1, 1); | |
| transform: scale(-1, 1); | |
| } | |
| .fa-flip-vertical { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1); | |
| -webkit-transform: scale(1, -1); | |
| -moz-transform: scale(1, -1); | |
| -ms-transform: scale(1, -1); | |
| -o-transform: scale(1, -1); | |
| transform: scale(1, -1); | |
| } | |
| .fa-stack { | |
| position: relative; | |
| display: inline-block; | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; | |
| vertical-align: middle; | |
| } | |
| .fa-stack-1x, .fa-stack-2x { | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .fa-stack-1x { | |
| line-height: inherit; | |
| } | |
| .fa-stack-2x { | |
| font-size: 2em; | |
| } | |
| .fa-inverse { | |
| color: white; | |
| } | |
| .fa-glass:before { | |
| content: "\f000"; | |
| } | |
| .fa-music:before { | |
| content: "\f001"; | |
| } | |
| .fa-search:before { | |
| content: "\f002"; | |
| } | |
| .fa-envelope-o:before { | |
| content: "\f003"; | |
| } | |
| .fa-heart:before { | |
| content: "\f004"; | |
| } | |
| .fa-star:before { | |
| content: "\f005"; | |
| } | |
| .fa-star-o:before { | |
| content: "\f006"; | |
| } | |
| .fa-user:before { | |
| content: "\f007"; | |
| } | |
| .fa-film:before { | |
| content: "\f008"; | |
| } | |
| .fa-th-large:before { | |
| content: "\f009"; | |
| } | |
| .fa-th:before { | |
| content: "\f00a"; | |
| } | |
| .fa-th-list:before { | |
| content: "\f00b"; | |
| } | |
| .fa-check:before { | |
| content: "\f00c"; | |
| } | |
| .fa-times:before { | |
| content: "\f00d"; | |
| } | |
| .fa-search-plus:before { | |
| content: "\f00e"; | |
| } | |
| .fa-search-minus:before { | |
| content: "\f010"; | |
| } | |
| .fa-power-off:before { | |
| content: "\f011"; | |
| } | |
| .fa-signal:before { | |
| content: "\f012"; | |
| } | |
| .fa-gear:before, .fa-cog:before { | |
| content: "\f013"; | |
| } | |
| .fa-trash-o:before { | |
| content: "\f014"; | |
| } | |
| .fa-home:before { | |
| content: "\f015"; | |
| } | |
| .fa-file-o:before { | |
| content: "\f016"; | |
| } | |
| .fa-clock-o:before { | |
| content: "\f017"; | |
| } | |
| .fa-road:before { | |
| content: "\f018"; | |
| } | |
| .fa-download:before { | |
| content: "\f019"; | |
| } | |
| .fa-arrow-circle-o-down:before { | |
| content: "\f01a"; | |
| } | |
| .fa-arrow-circle-o-up:before { | |
| content: "\f01b"; | |
| } | |
| .fa-inbox:before { | |
| content: "\f01c"; | |
| } | |
| .fa-play-circle-o:before { | |
| content: "\f01d"; | |
| } | |
| .fa-rotate-right:before, .fa-repeat:before { | |
| content: "\f01e"; | |
| } | |
| .fa-refresh:before { | |
| content: "\f021"; | |
| } | |
| .fa-list-alt:before { | |
| content: "\f022"; | |
| } | |
| .fa-lock:before { | |
| content: "\f023"; | |
| } | |
| .fa-flag:before { | |
| content: "\f024"; | |
| } | |
| .fa-headphones:before { | |
| content: "\f025"; | |
| } | |
| .fa-volume-off:before { | |
| content: "\f026"; | |
| } | |
| .fa-volume-down:before { | |
| content: "\f027"; | |
| } | |
| .fa-volume-up:before { | |
| content: "\f028"; | |
| } | |
| .fa-qrcode:before { | |
| content: "\f029"; | |
| } | |
| .fa-barcode:before { | |
| content: "\f02a"; | |
| } | |
| .fa-tag:before { | |
| content: "\f02b"; | |
| } | |
| .fa-tags:before { | |
| content: "\f02c"; | |
| } | |
| .fa-book:before { | |
| content: "\f02d"; | |
| } | |
| .fa-bookmark:before { | |
| content: "\f02e"; | |
| } | |
| .fa-print:before { | |
| content: "\f02f"; | |
| } | |
| .fa-camera:before { | |
| content: "\f030"; | |
| } | |
| .fa-font:before { | |
| content: "\f031"; | |
| } | |
| .fa-bold:before { | |
| content: "\f032"; | |
| } | |
| .fa-italic:before { | |
| content: "\f033"; | |
| } | |
| .fa-text-height:before { | |
| content: "\f034"; | |
| } | |
| .fa-text-width:before { | |
| content: "\f035"; | |
| } | |
| .fa-align-left:before { | |
| content: "\f036"; | |
| } | |
| .fa-align-center:before { | |
| content: "\f037"; | |
| } | |
| .fa-align-right:before { | |
| content: "\f038"; | |
| } | |
| .fa-align-justify:before { | |
| content: "\f039"; | |
| } | |
| .fa-list:before { | |
| content: "\f03a"; | |
| } | |
| .fa-dedent:before, .fa-outdent:before { | |
| content: "\f03b"; | |
| } | |
| .fa-indent:before { | |
| content: "\f03c"; | |
| } | |
| .fa-video-camera:before { | |
| content: "\f03d"; | |
| } | |
| .fa-photo:before, .fa-image:before, .fa-picture-o:before { | |
| content: "\f03e"; | |
| } | |
| .fa-pencil:before { | |
| content: "\f040"; | |
| } | |
| .fa-map-marker:before { | |
| content: "\f041"; | |
| } | |
| .fa-adjust:before { | |
| content: "\f042"; | |
| } | |
| .fa-tint:before { | |
| content: "\f043"; | |
| } | |
| .fa-edit:before, .fa-pencil-square-o:before { | |
| content: "\f044"; | |
| } | |
| .fa-share-square-o:before { | |
| content: "\f045"; | |
| } | |
| .fa-check-square-o:before { | |
| content: "\f046"; | |
| } | |
| .fa-arrows:before { | |
| content: "\f047"; | |
| } | |
| .fa-step-backward:before { | |
| content: "\f048"; | |
| } | |
| .fa-fast-backward:before { | |
| content: "\f049"; | |
| } | |
| .fa-backward:before { | |
| content: "\f04a"; | |
| } | |
| .fa-play:before { | |
| content: "\f04b"; | |
| } | |
| .fa-pause:before { | |
| content: "\f04c"; | |
| } | |
| .fa-stop:before { | |
| content: "\f04d"; | |
| } | |
| .fa-forward:before { | |
| content: "\f04e"; | |
| } | |
| .fa-fast-forward:before { | |
| content: "\f050"; | |
| } | |
| .fa-step-forward:before { | |
| content: "\f051"; | |
| } | |
| .fa-eject:before { | |
| content: "\f052"; | |
| } | |
| .fa-chevron-left:before { | |
| content: "\f053"; | |
| } | |
| .fa-chevron-right:before { | |
| content: "\f054"; | |
| } | |
| .fa-plus-circle:before { | |
| content: "\f055"; | |
| } | |
| .fa-minus-circle:before { | |
| content: "\f056"; | |
| } | |
| .fa-times-circle:before { | |
| content: "\f057"; | |
| } | |
| .fa-check-circle:before { | |
| content: "\f058"; | |
| } | |
| .fa-question-circle:before { | |
| content: "\f059"; | |
| } | |
| .fa-info-circle:before { | |
| content: "\f05a"; | |
| } | |
| .fa-crosshairs:before { | |
| content: "\f05b"; | |
| } | |
| .fa-times-circle-o:before { | |
| content: "\f05c"; | |
| } | |
| .fa-check-circle-o:before { | |
| content: "\f05d"; | |
| } | |
| .fa-ban:before { | |
| content: "\f05e"; | |
| } | |
| .fa-arrow-left:before { | |
| content: "\f060"; | |
| } | |
| .fa-arrow-right:before { | |
| content: "\f061"; | |
| } | |
| .fa-arrow-up:before { | |
| content: "\f062"; | |
| } | |
| .fa-arrow-down:before { | |
| content: "\f063"; | |
| } | |
| .fa-mail-forward:before, .fa-share:before { | |
| content: "\f064"; | |
| } | |
| .fa-expand:before { | |
| content: "\f065"; | |
| } | |
| .fa-compress:before { | |
| content: "\f066"; | |
| } | |
| .fa-plus:before { | |
| content: "\f067"; | |
| } | |
| .fa-minus:before { | |
| content: "\f068"; | |
| } | |
| .fa-asterisk:before { | |
| content: "\f069"; | |
| } | |
| .fa-exclamation-circle:before { | |
| content: "\f06a"; | |
| } | |
| .fa-gift:before { | |
| content: "\f06b"; | |
| } | |
| .fa-leaf:before { | |
| content: "\f06c"; | |
| } | |
| .fa-fire:before { | |
| content: "\f06d"; | |
| } | |
| .fa-eye:before { | |
| content: "\f06e"; | |
| } | |
| .fa-eye-slash:before { | |
| content: "\f070"; | |
| } | |
| .fa-warning:before, .fa-exclamation-triangle:before { | |
| content: "\f071"; | |
| } | |
| .fa-plane:before { | |
| content: "\f072"; | |
| } | |
| .fa-calendar:before { | |
| content: "\f073"; | |
| } | |
| .fa-random:before { | |
| content: "\f074"; | |
| } | |
| .fa-comment:before { | |
| content: "\f075"; | |
| } | |
| .fa-magnet:before { | |
| content: "\f076"; | |
| } | |
| .fa-chevron-up:before { | |
| content: "\f077"; | |
| } | |
| .fa-chevron-down:before { | |
| content: "\f078"; | |
| } | |
| .fa-retweet:before { | |
| content: "\f079"; | |
| } | |
| .fa-shopping-cart:before { | |
| content: "\f07a"; | |
| } | |
| .fa-folder:before { | |
| content: "\f07b"; | |
| } | |
| .fa-folder-open:before { | |
| content: "\f07c"; | |
| } | |
| .fa-arrows-v:before { | |
| content: "\f07d"; | |
| } | |
| .fa-arrows-h:before { | |
| content: "\f07e"; | |
| } | |
| .fa-bar-chart-o:before { | |
| content: "\f080"; | |
| } | |
| .fa-twitter-square:before { | |
| content: "\f081"; | |
| } | |
| .fa-facebook-square:before { | |
| content: "\f082"; | |
| } | |
| .fa-camera-retro:before { | |
| content: "\f083"; | |
| } | |
| .fa-key:before { | |
| content: "\f084"; | |
| } | |
| .fa-gears:before, .fa-cogs:before { | |
| content: "\f085"; | |
| } | |
| .fa-comments:before { | |
| content: "\f086"; | |
| } | |
| .fa-thumbs-o-up:before { | |
| content: "\f087"; | |
| } | |
| .fa-thumbs-o-down:before { | |
| content: "\f088"; | |
| } | |
| .fa-star-half:before { | |
| content: "\f089"; | |
| } | |
| .fa-heart-o:before { | |
| content: "\f08a"; | |
| } | |
| .fa-sign-out:before { | |
| content: "\f08b"; | |
| } | |
| .fa-linkedin-square:before { | |
| content: "\f08c"; | |
| } | |
| .fa-thumb-tack:before { | |
| content: "\f08d"; | |
| } | |
| .fa-external-link:before { | |
| content: "\f08e"; | |
| } | |
| .fa-sign-in:before { | |
| content: "\f090"; | |
| } | |
| .fa-trophy:before { | |
| content: "\f091"; | |
| } | |
| .fa-github-square:before { | |
| content: "\f092"; | |
| } | |
| .fa-upload:before { | |
| content: "\f093"; | |
| } | |
| .fa-lemon-o:before { | |
| content: "\f094"; | |
| } | |
| .fa-phone:before { | |
| content: "\f095"; | |
| } | |
| .fa-square-o:before { | |
| content: "\f096"; | |
| } | |
| .fa-bookmark-o:before { | |
| content: "\f097"; | |
| } | |
| .fa-phone-square:before { | |
| content: "\f098"; | |
| } | |
| .fa-twitter:before { | |
| content: "\f099"; | |
| } | |
| .fa-facebook:before { | |
| content: "\f09a"; | |
| } | |
| .fa-github:before { | |
| content: "\f09b"; | |
| } | |
| .fa-unlock:before { | |
| content: "\f09c"; | |
| } | |
| .fa-credit-card:before { | |
| content: "\f09d"; | |
| } | |
| .fa-rss:before { | |
| content: "\f09e"; | |
| } | |
| .fa-hdd-o:before { | |
| content: "\f0a0"; | |
| } | |
| .fa-bullhorn:before { | |
| content: "\f0a1"; | |
| } | |
| .fa-bell:before { | |
| content: "\f0f3"; | |
| } | |
| .fa-certificate:before { | |
| content: "\f0a3"; | |
| } | |
| .fa-hand-o-right:before { | |
| content: "\f0a4"; | |
| } | |
| .fa-hand-o-left:before { | |
| content: "\f0a5"; | |
| } | |
| .fa-hand-o-up:before { | |
| content: "\f0a6"; | |
| } | |
| .fa-hand-o-down:before { | |
| content: "\f0a7"; | |
| } | |
| .fa-arrow-circle-left:before { | |
| content: "\f0a8"; | |
| } | |
| .fa-arrow-circle-right:before { | |
| content: "\f0a9"; | |
| } | |
| .fa-arrow-circle-up:before { | |
| content: "\f0aa"; | |
| } | |
| .fa-arrow-circle-down:before { | |
| content: "\f0ab"; | |
| } | |
| .fa-globe:before { | |
| content: "\f0ac"; | |
| } | |
| .fa-wrench:before { | |
| content: "\f0ad"; | |
| } | |
| .fa-tasks:before { | |
| content: "\f0ae"; | |
| } | |
| .fa-filter:before { | |
| content: "\f0b0"; | |
| } | |
| .fa-briefcase:before { | |
| content: "\f0b1"; | |
| } | |
| .fa-arrows-alt:before { | |
| content: "\f0b2"; | |
| } | |
| .fa-group:before, .fa-users:before { | |
| content: "\f0c0"; | |
| } | |
| .fa-chain:before, .fa-link:before { | |
| content: "\f0c1"; | |
| } | |
| .fa-cloud:before { | |
| content: "\f0c2"; | |
| } | |
| .fa-flask:before { | |
| content: "\f0c3"; | |
| } | |
| .fa-cut:before, .fa-scissors:before { | |
| content: "\f0c4"; | |
| } | |
| .fa-copy:before, .fa-files-o:before { | |
| content: "\f0c5"; | |
| } | |
| .fa-paperclip:before { | |
| content: "\f0c6"; | |
| } | |
| .fa-save:before, .fa-floppy-o:before { | |
| content: "\f0c7"; | |
| } | |
| .fa-square:before { | |
| content: "\f0c8"; | |
| } | |
| .fa-navicon:before, .fa-reorder:before, .fa-bars:before { | |
| content: "\f0c9"; | |
| } | |
| .fa-list-ul:before { | |
| content: "\f0ca"; | |
| } | |
| .fa-list-ol:before { | |
| content: "\f0cb"; | |
| } | |
| .fa-strikethrough:before { | |
| content: "\f0cc"; | |
| } | |
| .fa-underline:before { | |
| content: "\f0cd"; | |
| } | |
| .fa-table:before { | |
| content: "\f0ce"; | |
| } | |
| .fa-magic:before { | |
| content: "\f0d0"; | |
| } | |
| .fa-truck:before { | |
| content: "\f0d1"; | |
| } | |
| .fa-pinterest:before { | |
| content: "\f0d2"; | |
| } | |
| .fa-pinterest-square:before { | |
| content: "\f0d3"; | |
| } | |
| .fa-google-plus-square:before { | |
| content: "\f0d4"; | |
| } | |
| .fa-google-plus:before { | |
| content: "\f0d5"; | |
| } | |
| .fa-money:before { | |
| content: "\f0d6"; | |
| } | |
| .fa-caret-down:before { | |
| content: "\f0d7"; | |
| } | |
| .fa-caret-up:before { | |
| content: "\f0d8"; | |
| } | |
| .fa-caret-left:before { | |
| content: "\f0d9"; | |
| } | |
| .fa-caret-right:before { | |
| content: "\f0da"; | |
| } | |
| .fa-columns:before { | |
| content: "\f0db"; | |
| } | |
| .fa-unsorted:before, .fa-sort:before { | |
| content: "\f0dc"; | |
| } | |
| .fa-sort-down:before, .fa-sort-desc:before { | |
| content: "\f0dd"; | |
| } | |
| .fa-sort-up:before, .fa-sort-asc:before { | |
| content: "\f0de"; | |
| } | |
| .fa-envelope:before { | |
| content: "\f0e0"; | |
| } | |
| .fa-linkedin:before { | |
| content: "\f0e1"; | |
| } | |
| .fa-rotate-left:before, .fa-undo:before { | |
| content: "\f0e2"; | |
| } | |
| .fa-legal:before, .fa-gavel:before { | |
| content: "\f0e3"; | |
| } | |
| .fa-dashboard:before, .fa-tachometer:before { | |
| content: "\f0e4"; | |
| } | |
| .fa-comment-o:before { | |
| content: "\f0e5"; | |
| } | |
| .fa-comments-o:before { | |
| content: "\f0e6"; | |
| } | |
| .fa-flash:before, .fa-bolt:before { | |
| content: "\f0e7"; | |
| } | |
| .fa-sitemap:before { | |
| content: "\f0e8"; | |
| } | |
| .fa-umbrella:before { | |
| content: "\f0e9"; | |
| } | |
| .fa-paste:before, .fa-clipboard:before { | |
| content: "\f0ea"; | |
| } | |
| .fa-lightbulb-o:before { | |
| content: "\f0eb"; | |
| } | |
| .fa-exchange:before { | |
| content: "\f0ec"; | |
| } | |
| .fa-cloud-download:before { | |
| content: "\f0ed"; | |
| } | |
| .fa-cloud-upload:before { | |
| content: "\f0ee"; | |
| } | |
| .fa-user-md:before { | |
| content: "\f0f0"; | |
| } | |
| .fa-stethoscope:before { | |
| content: "\f0f1"; | |
| } | |
| .fa-suitcase:before { | |
| content: "\f0f2"; | |
| } | |
| .fa-bell-o:before { | |
| content: "\f0a2"; | |
| } | |
| .fa-coffee:before { | |
| content: "\f0f4"; | |
| } | |
| .fa-cutlery:before { | |
| content: "\f0f5"; | |
| } | |
| .fa-file-text-o:before { | |
| content: "\f0f6"; | |
| } | |
| .fa-building-o:before { | |
| content: "\f0f7"; | |
| } | |
| .fa-hospital-o:before { | |
| content: "\f0f8"; | |
| } | |
| .fa-ambulance:before { | |
| content: "\f0f9"; | |
| } | |
| .fa-medkit:before { | |
| content: "\f0fa"; | |
| } | |
| .fa-fighter-jet:before { | |
| content: "\f0fb"; | |
| } | |
| .fa-beer:before { | |
| content: "\f0fc"; | |
| } | |
| .fa-h-square:before { | |
| content: "\f0fd"; | |
| } | |
| .fa-plus-square:before { | |
| content: "\f0fe"; | |
| } | |
| .fa-angle-double-left:before { | |
| content: "\f100"; | |
| } | |
| .fa-angle-double-right:before { | |
| content: "\f101"; | |
| } | |
| .fa-angle-double-up:before { | |
| content: "\f102"; | |
| } | |
| .fa-angle-double-down:before { | |
| content: "\f103"; | |
| } | |
| .fa-angle-left:before { | |
| content: "\f104"; | |
| } | |
| .fa-angle-right:before { | |
| content: "\f105"; | |
| } | |
| .fa-angle-up:before { | |
| content: "\f106"; | |
| } | |
| .fa-angle-down:before { | |
| content: "\f107"; | |
| } | |
| .fa-desktop:before { | |
| content: "\f108"; | |
| } | |
| .fa-laptop:before { | |
| content: "\f109"; | |
| } | |
| .fa-tablet:before { | |
| content: "\f10a"; | |
| } | |
| .fa-mobile-phone:before, .fa-mobile:before { | |
| content: "\f10b"; | |
| } | |
| .fa-circle-o:before { | |
| content: "\f10c"; | |
| } | |
| .fa-quote-left:before { | |
| content: "\f10d"; | |
| } | |
| .fa-quote-right:before { | |
| content: "\f10e"; | |
| } | |
| .fa-spinner:before { | |
| content: "\f110"; | |
| } | |
| .fa-circle:before { | |
| content: "\f111"; | |
| } | |
| .fa-mail-reply:before, .fa-reply:before { | |
| content: "\f112"; | |
| } | |
| .fa-github-alt:before { | |
| content: "\f113"; | |
| } | |
| .fa-folder-o:before { | |
| content: "\f114"; | |
| } | |
| .fa-folder-open-o:before { | |
| content: "\f115"; | |
| } | |
| .fa-smile-o:before { | |
| content: "\f118"; | |
| } | |
| .fa-frown-o:before { | |
| content: "\f119"; | |
| } | |
| .fa-meh-o:before { | |
| content: "\f11a"; | |
| } | |
| .fa-gamepad:before { | |
| content: "\f11b"; | |
| } | |
| .fa-keyboard-o:before { | |
| content: "\f11c"; | |
| } | |
| .fa-flag-o:before { | |
| content: "\f11d"; | |
| } | |
| .fa-flag-checkered:before { | |
| content: "\f11e"; | |
| } | |
| .fa-terminal:before { | |
| content: "\f120"; | |
| } | |
| .fa-code:before { | |
| content: "\f121"; | |
| } | |
| .fa-mail-reply-all:before, .fa-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { | |
| content: "\f123"; | |
| } | |
| .fa-location-arrow:before { | |
| content: "\f124"; | |
| } | |
| .fa-crop:before { | |
| content: "\f125"; | |
| } | |
| .fa-code-fork:before { | |
| content: "\f126"; | |
| } | |
| .fa-unlink:before, .fa-chain-broken:before { | |
| content: "\f127"; | |
| } | |
| .fa-question:before { | |
| content: "\f128"; | |
| } | |
| .fa-info:before { | |
| content: "\f129"; | |
| } | |
| .fa-exclamation:before { | |
| content: "\f12a"; | |
| } | |
| .fa-superscript:before { | |
| content: "\f12b"; | |
| } | |
| .fa-subscript:before { | |
| content: "\f12c"; | |
| } | |
| .fa-eraser:before { | |
| content: "\f12d"; | |
| } | |
| .fa-puzzle-piece:before { | |
| content: "\f12e"; | |
| } | |
| .fa-microphone:before { | |
| content: "\f130"; | |
| } | |
| .fa-microphone-slash:before { | |
| content: "\f131"; | |
| } | |
| .fa-shield:before { | |
| content: "\f132"; | |
| } | |
| .fa-calendar-o:before { | |
| content: "\f133"; | |
| } | |
| .fa-fire-extinguisher:before { | |
| content: "\f134"; | |
| } | |
| .fa-rocket:before { | |
| content: "\f135"; | |
| } | |
| .fa-maxcdn:before { | |
| content: "\f136"; | |
| } | |
| .fa-chevron-circle-left:before { | |
| content: "\f137"; | |
| } | |
| .fa-chevron-circle-right:before { | |
| content: "\f138"; | |
| } | |
| .fa-chevron-circle-up:before { | |
| content: "\f139"; | |
| } | |
| .fa-chevron-circle-down:before { | |
| content: "\f13a"; | |
| } | |
| .fa-html5:before { | |
| content: "\f13b"; | |
| } | |
| .fa-css3:before { | |
| content: "\f13c"; | |
| } | |
| .fa-anchor:before { | |
| content: "\f13d"; | |
| } | |
| .fa-unlock-alt:before { | |
| content: "\f13e"; | |
| } | |
| .fa-bullseye:before { | |
| content: "\f140"; | |
| } | |
| .fa-ellipsis-h:before { | |
| content: "\f141"; | |
| } | |
| .fa-ellipsis-v:before { | |
| content: "\f142"; | |
| } | |
| .fa-rss-square:before { | |
| content: "\f143"; | |
| } | |
| .fa-play-circle:before { | |
| content: "\f144"; | |
| } | |
| .fa-ticket:before { | |
| content: "\f145"; | |
| } | |
| .fa-minus-square:before { | |
| content: "\f146"; | |
| } | |
| .fa-minus-square-o:before { | |
| content: "\f147"; | |
| } | |
| .fa-level-up:before { | |
| content: "\f148"; | |
| } | |
| .fa-level-down:before { | |
| content: "\f149"; | |
| } | |
| .fa-check-square:before { | |
| content: "\f14a"; | |
| } | |
| .fa-pencil-square:before { | |
| content: "\f14b"; | |
| } | |
| .fa-external-link-square:before { | |
| content: "\f14c"; | |
| } | |
| .fa-share-square:before { | |
| content: "\f14d"; | |
| } | |
| .fa-compass:before { | |
| content: "\f14e"; | |
| } | |
| .fa-toggle-down:before, .fa-caret-square-o-down:before { | |
| content: "\f150"; | |
| } | |
| .fa-toggle-up:before, .fa-caret-square-o-up:before { | |
| content: "\f151"; | |
| } | |
| .fa-toggle-right:before, .fa-caret-square-o-right:before { | |
| content: "\f152"; | |
| } | |
| .fa-euro:before, .fa-eur:before { | |
| content: "\f153"; | |
| } | |
| .fa-gbp:before { | |
| content: "\f154"; | |
| } | |
| .fa-dollar:before, .fa-usd:before { | |
| content: "\f155"; | |
| } | |
| .fa-rupee:before, .fa-inr:before { | |
| content: "\f156"; | |
| } | |
| .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { | |
| content: "\f157"; | |
| } | |
| .fa-ruble:before, .fa-rouble:before, .fa-rub:before { | |
| content: "\f158"; | |
| } | |
| .fa-won:before, .fa-krw:before { | |
| content: "\f159"; | |
| } | |
| .fa-bitcoin:before, .fa-btc:before { | |
| content: "\f15a"; | |
| } | |
| .fa-file:before { | |
| content: "\f15b"; | |
| } | |
| .fa-file-text:before { | |
| content: "\f15c"; | |
| } | |
| .fa-sort-alpha-asc:before { | |
| content: "\f15d"; | |
| } | |
| .fa-sort-alpha-desc:before { | |
| content: "\f15e"; | |
| } | |
| .fa-sort-amount-asc:before { | |
| content: "\f160"; | |
| } | |
| .fa-sort-amount-desc:before { | |
| content: "\f161"; | |
| } | |
| .fa-sort-numeric-asc:before { | |
| content: "\f162"; | |
| } | |
| .fa-sort-numeric-desc:before { | |
| content: "\f163"; | |
| } | |
| .fa-thumbs-up:before { | |
| content: "\f164"; | |
| } | |
| .fa-thumbs-down:before { | |
| content: "\f165"; | |
| } | |
| .fa-youtube-square:before { | |
| content: "\f166"; | |
| } | |
| .fa-youtube:before { | |
| content: "\f167"; | |
| } | |
| .fa-xing:before { | |
| content: "\f168"; | |
| } | |
| .fa-xing-square:before { | |
| content: "\f169"; | |
| } | |
| .fa-youtube-play:before { | |
| content: "\f16a"; | |
| } | |
| .fa-dropbox:before { | |
| content: "\f16b"; | |
| } | |
| .fa-stack-overflow:before { | |
| content: "\f16c"; | |
| } | |
| .fa-instagram:before { | |
| content: "\f16d"; | |
| } | |
| .fa-flickr:before { | |
| content: "\f16e"; | |
| } | |
| .fa-adn:before { | |
| content: "\f170"; | |
| } | |
| .fa-bitbucket:before { | |
| content: "\f171"; | |
| } | |
| .fa-bitbucket-square:before { | |
| content: "\f172"; | |
| } | |
| .fa-tumblr:before { | |
| content: "\f173"; | |
| } | |
| .fa-tumblr-square:before { | |
| content: "\f174"; | |
| } | |
| .fa-long-arrow-down:before { | |
| content: "\f175"; | |
| } | |
| .fa-long-arrow-up:before { | |
| content: "\f176"; | |
| } | |
| .fa-long-arrow-left:before { | |
| content: "\f177"; | |
| } | |
| .fa-long-arrow-right:before { | |
| content: "\f178"; | |
| } | |
| .fa-apple:before { | |
| content: "\f179"; | |
| } | |
| .fa-windows:before { | |
| content: "\f17a"; | |
| } | |
| .fa-android:before { | |
| content: "\f17b"; | |
| } | |
| .fa-linux:before { | |
| content: "\f17c"; | |
| } | |
| .fa-dribbble:before { | |
| content: "\f17d"; | |
| } | |
| .fa-skype:before { | |
| content: "\f17e"; | |
| } | |
| .fa-foursquare:before { | |
| content: "\f180"; | |
| } | |
| .fa-trello:before { | |
| content: "\f181"; | |
| } | |
| .fa-female:before { | |
| content: "\f182"; | |
| } | |
| .fa-male:before { | |
| content: "\f183"; | |
| } | |
| .fa-gittip:before { | |
| content: "\f184"; | |
| } | |
| .fa-sun-o:before { | |
| content: "\f185"; | |
| } | |
| .fa-moon-o:before { | |
| content: "\f186"; | |
| } | |
| .fa-archive:before { | |
| content: "\f187"; | |
| } | |
| .fa-bug:before { | |
| content: "\f188"; | |
| } | |
| .fa-vk:before { | |
| content: "\f189"; | |
| } | |
| .fa-weibo:before { | |
| content: "\f18a"; | |
| } | |
| .fa-renren:before { | |
| content: "\f18b"; | |
| } | |
| .fa-pagelines:before { | |
| content: "\f18c"; | |
| } | |
| .fa-stack-exchange:before { | |
| content: "\f18d"; | |
| } | |
| .fa-arrow-circle-o-right:before { | |
| content: "\f18e"; | |
| } | |
| .fa-arrow-circle-o-left:before { | |
| content: "\f190"; | |
| } | |
| .fa-toggle-left:before, .fa-caret-square-o-left:before { | |
| content: "\f191"; | |
| } | |
| .fa-dot-circle-o:before { | |
| content: "\f192"; | |
| } | |
| .fa-wheelchair:before { | |
| content: "\f193"; | |
| } | |
| .fa-vimeo-square:before { | |
| content: "\f194"; | |
| } | |
| .fa-turkish-lira:before, .fa-try:before { | |
| content: "\f195"; | |
| } | |
| .fa-plus-square-o:before { | |
| content: "\f196"; | |
| } | |
| .fa-space-shuttle:before { | |
| content: "\f197"; | |
| } | |
| .fa-slack:before { | |
| content: "\f198"; | |
| } | |
| .fa-envelope-square:before { | |
| content: "\f199"; | |
| } | |
| .fa-wordpress:before { | |
| content: "\f19a"; | |
| } | |
| .fa-openid:before { | |
| content: "\f19b"; | |
| } | |
| .fa-institution:before, .fa-bank:before, .fa-university:before { | |
| content: "\f19c"; | |
| } | |
| .fa-mortar-board:before, .fa-graduation-cap:before { | |
| content: "\f19d"; | |
| } | |
| .fa-yahoo:before { | |
| content: "\f19e"; | |
| } | |
| .fa-google:before { | |
| content: "\f1a0"; | |
| } | |
| .fa-reddit:before { | |
| content: "\f1a1"; | |
| } | |
| .fa-reddit-square:before { | |
| content: "\f1a2"; | |
| } | |
| .fa-stumbleupon-circle:before { | |
| content: "\f1a3"; | |
| } | |
| .fa-stumbleupon:before { | |
| content: "\f1a4"; | |
| } | |
| .fa-delicious:before { | |
| content: "\f1a5"; | |
| } | |
| .fa-digg:before { | |
| content: "\f1a6"; | |
| } | |
| .fa-pied-piper-square:before, .fa-pied-piper:before { | |
| content: "\f1a7"; | |
| } | |
| .fa-pied-piper-alt:before { | |
| content: "\f1a8"; | |
| } | |
| .fa-drupal:before { | |
| content: "\f1a9"; | |
| } | |
| .fa-joomla:before { | |
| content: "\f1aa"; | |
| } | |
| .fa-language:before { | |
| content: "\f1ab"; | |
| } | |
| .fa-fax:before { | |
| content: "\f1ac"; | |
| } | |
| .fa-building:before { | |
| content: "\f1ad"; | |
| } | |
| .fa-child:before { | |
| content: "\f1ae"; | |
| } | |
| .fa-paw:before { | |
| content: "\f1b0"; | |
| } | |
| .fa-spoon:before { | |
| content: "\f1b1"; | |
| } | |
| .fa-cube:before { | |
| content: "\f1b2"; | |
| } | |
| .fa-cubes:before { | |
| content: "\f1b3"; | |
| } | |
| .fa-behance:before { | |
| content: "\f1b4"; | |
| } | |
| .fa-behance-square:before { | |
| content: "\f1b5"; | |
| } | |
| .fa-steam:before { | |
| content: "\f1b6"; | |
| } | |
| .fa-steam-square:before { | |
| content: "\f1b7"; | |
| } | |
| .fa-recycle:before { | |
| content: "\f1b8"; | |
| } | |
| .fa-automobile:before, .fa-car:before { | |
| content: "\f1b9"; | |
| } | |
| .fa-cab:before, .fa-taxi:before { | |
| content: "\f1ba"; | |
| } | |
| .fa-tree:before { | |
| content: "\f1bb"; | |
| } | |
| .fa-spotify:before { | |
| content: "\f1bc"; | |
| } | |
| .fa-deviantart:before { | |
| content: "\f1bd"; | |
| } | |
| .fa-soundcloud:before { | |
| content: "\f1be"; | |
| } | |
| .fa-database:before { | |
| content: "\f1c0"; | |
| } | |
| .fa-file-pdf-o:before { | |
| content: "\f1c1"; | |
| } | |
| .fa-file-word-o:before { | |
| content: "\f1c2"; | |
| } | |
| .fa-file-excel-o:before { | |
| content: "\f1c3"; | |
| } | |
| .fa-file-powerpoint-o:before { | |
| content: "\f1c4"; | |
| } | |
| .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { | |
| content: "\f1c5"; | |
| } | |
| .fa-file-zip-o:before, .fa-file-archive-o:before { | |
| content: "\f1c6"; | |
| } | |
| .fa-file-sound-o:before, .fa-file-audio-o:before { | |
| content: "\f1c7"; | |
| } | |
| .fa-file-movie-o:before, .fa-file-video-o:before { | |
| content: "\f1c8"; | |
| } | |
| .fa-file-code-o:before { | |
| content: "\f1c9"; | |
| } | |
| .fa-vine:before { | |
| content: "\f1ca"; | |
| } | |
| .fa-codepen:before { | |
| content: "\f1cb"; | |
| } | |
| .fa-jsfiddle:before { | |
| content: "\f1cc"; | |
| } | |
| .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { | |
| content: "\f1cd"; | |
| } | |
| .fa-circle-o-notch:before { | |
| content: "\f1ce"; | |
| } | |
| .fa-ra:before, .fa-rebel:before { | |
| content: "\f1d0"; | |
| } | |
| .fa-ge:before, .fa-empire:before { | |
| content: "\f1d1"; | |
| } | |
| .fa-git-square:before { | |
| content: "\f1d2"; | |
| } | |
| .fa-git:before { | |
| content: "\f1d3"; | |
| } | |
| .fa-hacker-news:before { | |
| content: "\f1d4"; | |
| } | |
| .fa-tencent-weibo:before { | |
| content: "\f1d5"; | |
| } | |
| .fa-qq:before { | |
| content: "\f1d6"; | |
| } | |
| .fa-wechat:before, .fa-weixin:before { | |
| content: "\f1d7"; | |
| } | |
| .fa-send:before, .fa-paper-plane:before { | |
| content: "\f1d8"; | |
| } | |
| .fa-send-o:before, .fa-paper-plane-o:before { | |
| content: "\f1d9"; | |
| } | |
| .fa-history:before { | |
| content: "\f1da"; | |
| } | |
| .fa-circle-thin:before { | |
| content: "\f1db"; | |
| } | |
| .fa-header:before { | |
| content: "\f1dc"; | |
| } | |
| .fa-paragraph:before { | |
| content: "\f1dd"; | |
| } | |
| .fa-sliders:before { | |
| content: "\f1de"; | |
| } | |
| .fa-share-alt:before { | |
| content: "\f1e0"; | |
| } | |
| .fa-share-alt-square:before { | |
| content: "\f1e1"; | |
| } | |
| .fa-bomb:before { | |
| content: "\f1e2"; | |
| } | |
| /* ------------- */ | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| .cta_button { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .cta_button table, .cta_button tr, .cta_button td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| } | |
| .cta_button tbody { | |
| width: 100%; | |
| display: inline-table; | |
| } | |
| .cta_button .box { | |
| background-color: #4b4a3b; | |
| display: block; | |
| } | |
| .cta_button .left { | |
| text-align: left; | |
| width: 55%; | |
| height: 100%; | |
| padding-right: 5px; | |
| } | |
| .cta_button .right { | |
| vertical-align: top; | |
| text-align: right; | |
| width: 44%; | |
| height: 100%; | |
| padding-bottom: 3px; | |
| padding-right: 3px; | |
| padding-left: 3px; | |
| padding-top: 10px; | |
| } | |
| .cta_button .clear { | |
| clear: both; | |
| } | |
| .cta_button h3 { | |
| font-family: 'ff-meta-serif-web-pro', georgia; | |
| font-weight: bold; | |
| font-size: 24px; | |
| line-height: 24px; | |
| vertical-align: top; | |
| margin: 0; | |
| padding: 10px 0 0 10px; | |
| color: #7dc6cd; | |
| } | |
| .cta_button img { | |
| margin: 5px 5px 5px 0; | |
| display: none; | |
| float: right; | |
| } | |
| .cta_button p { | |
| font-family: Arial; | |
| font-size: 16px; | |
| line-height: 20px; | |
| vertical-align: top; | |
| margin: 0; | |
| padding: 5px 0 10px 10px; | |
| color: #fff; | |
| } | |
| .cta_button #hyperlink { | |
| cursor: pointer; | |
| display: inline; | |
| font-family: Arial; | |
| font-weight: bold; | |
| color: #fff; | |
| text-decoration: none; | |
| vertical-align: top; | |
| padding: 5px 20px 7px; | |
| background-color: #EF5028; | |
| border-radius: 3px; | |
| width: inherit; | |
| margin-left: 10px; | |
| } | |
| .cta_button .fa-arrow-circle-right { | |
| color: #EF5028; | |
| margin-left: 5px; | |
| display: none; | |
| } | |
| .cta_button #hyperlink:hover { | |
| background-color: #be2a00; | |
| text-decoration: none; | |
| } | |
| .cta_button #hyperlink:hover span { | |
| color: #be2a00; | |
| } | |
| @media all and (max-width: 495px) { | |
| .cta_button #hyperlink { | |
| display: block; | |
| color: #EF5028; | |
| background-color: transparent; | |
| padding-left: 0; | |
| padding-right: 0; | |
| padding-top: 0; | |
| } | |
| .cta_button #hyperlink:hover { | |
| color: #be2a00; | |
| background-color: transparent; | |
| } | |
| .cta_button img { | |
| width: 100%; | |
| } | |
| } | |
| @media all and (max-width: 495px) { | |
| .cta_button h3 { | |
| padding-top: 7px; | |
| font-size: 20px; | |
| line-height: 22px; | |
| } | |
| .cta_button p, .cta_button #hyperlink { | |
| font-size: 14px; | |
| line-height: 18px; | |
| } | |
| .cta_button h3, .cta_button p, .cta_button #hyperlink { | |
| padding-left: 7px; | |
| } | |
| .cta_button #hyperlink { | |
| margin-left: 0; | |
| margin-top: 0; | |
| display: block; | |
| width: 100%; | |
| } | |
| .cta_button p { | |
| margin-bottom: 0; | |
| } | |
| .cta_button .button #hyperlink { | |
| padding-left: 0; | |
| } | |
| .cta_button .fa-arrow-circle-right { | |
| display: inline-block; | |
| } | |
| } | |
| @media all and (max-width: 325px) { | |
| .cta_button h3 { | |
| font-size: 16px; | |
| line-height: 18px; | |
| } | |
| .cta_button p { | |
| font-size: 12px; | |
| line-height: 14px; | |
| padding-bottom: 5px; | |
| } | |
| } | |
| @media all and (max-width: 319px) { | |
| .cta_button .img-xs { | |
| display: block; | |
| } | |
| } | |
| @media all and (min-width: 320px) and (max-width: 495px) { | |
| .cta_button .img-sm { | |
| display: block; | |
| } | |
| } | |
| @media all and (min-width: 420px) { | |
| .cta_button .img-sm { | |
| width: auto; | |
| } | |
| } | |
| @media all and (min-width: 496px) and (max-width: 689px) { | |
| .cta_button .img-med { | |
| width: auto; | |
| display: block; | |
| } | |
| .cta_button .left { | |
| vertical-align: top; | |
| } | |
| } | |
| @media all and (min-width: 690px) { | |
| .cta_button .right { | |
| padding-top: 7px; | |
| padding-right: 7px; | |
| padding-bottom: 10px; | |
| } | |
| .cta_button .img-lrg { | |
| width: auto; | |
| margin-top: -10px; | |
| margin-right: -5px; | |
| display: block; | |
| } | |
| .cta_button .left { | |
| vertical-align: top; | |
| } | |
| } | |
| .cta_button .box-green { | |
| background-color: #bee23a; | |
| } | |
| .cta_button .box-green h3 { | |
| color: #4b4a3b; | |
| } | |
| .cta_button .box-green p { | |
| color: #4d4d4d; | |
| } | |
| .cta_button .box-blue { | |
| background-color: #7dc6cd; | |
| } | |
| .cta_button .box-blue h3 { | |
| color: #fff; | |
| } | |
| .cta_button .box-blue p { | |
| color: #4d4d4d; | |
| } | |
| .cta_button .box-yellow { | |
| background-color: #ffca01; | |
| } | |
| .cta_button .box-yellow h3 { | |
| color: #4b4a3b; | |
| } | |
| .cta_button .box-yellow p { | |
| color: #4d4d4d; | |
| } | |
| .cta_button .box-brown { | |
| background-color: #4b4a3b; | |
| } | |
| .cta_button .box-brown h3 { | |
| color: #7dc6cd; | |
| } | |
| .cta_button .box-brown p { | |
| color: #fff; | |
| } | |
| </style> | |
| </head> | |
| <script src="http://use.typekit.net/osw5duy.js"></script> | |
| <script>try{Typekit.load();}catch(e){}</script> | |
| <body class="cta_button"> | |
| <table class="box box-yellow" style="height:150px;"> | |
| <tbody> | |
| <tr> | |
| <td class="left"> | |
| <h3>What is your home worth?</h3> | |
| <p>Use Zoocasa™, our quick estimate tool to find out more.</p> | |
| <p class="button" id="hyperlink">Get Started<span class="fa fa-arrow-circle-right"></span></p> | |
| </td> | |
| <td class="right"> | |
| <img class="img-xs" src="http://www.zoocasa.com/images/hubspot/apps_yellow_sml.png"/> | |
| <img class="img-sm" src="http://www.zoocasa.com/images/hubspot/apps_yellow_sml.png"/> | |
| <img class="img-med" src="http://www.zoocasa.com/images/hubspot/apps_yellow_sml.png"/> | |
| <img class="img-lrg" src="http://www.zoocasa.com/images/hubspot/apps_yellow_lrg.png"/> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <script id="jsbin-source-html" type="text/html"><!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Zoocasa</title> | |
| <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"></head> | |
| <script src="//use.typekit.net/osw5duy.js"><\/script> | |
| <script>try{Typekit.load();}catch(e){}<\/script> | |
| <body class="cta_button"> | |
| <table class="box box-yellow" style="height:150px;"> | |
| <tbody> | |
| <tr> | |
| <td class="left"> | |
| <h3>What is your home worth?</h3> | |
| <p>Use Zoocasa™, our quick estimate tool to find out more.</p> | |
| <p class="button" id="hyperlink">Get Started<span class="fa fa-arrow-circle-right"></span></p> | |
| </td> | |
| <td class="right"> | |
| <img class="img-xs" src="http://www.zoocasa.com/images/hubspot/apps_yellow_sml.png"/> | |
| <img class="img-sm" src="http://www.zoocasa.com/images/hubspot/apps_yellow_sml.png"/> | |
| <img class="img-med" src="http://www.zoocasa.com/images/hubspot/apps_yellow_sml.png"/> | |
| <img class="img-lrg" src="http://www.zoocasa.com/images/hubspot/apps_yellow_lrg.png"/> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </body> | |
| </html> | |
| </script> | |
| <script id="jsbin-source-css" type="text/css">/* NORMALIZE START */ | |
| /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
| /** | |
| * 1. Set default font family to sans-serif. | |
| * 2. Prevent iOS text size adjust after orientation change, without disabling | |
| * user zoom. | |
| */ | |
| html { | |
| font-family: sans-serif; /* 1 */ | |
| -ms-text-size-adjust: 100%; /* 2 */ | |
| -webkit-text-size-adjust: 100%; /* 2 */ | |
| } | |
| /** | |
| * Remove default margin. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /* HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
| * and Firefox. | |
| * Correct `block` display not defined for `main` in IE 11. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * 1. Correct `inline-block` display not defined in IE 8/9. | |
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
| */ | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; /* 1 */ | |
| vertical-align: baseline; /* 2 */ | |
| } | |
| /** | |
| * Prevent modern browsers from displaying `audio` without controls. | |
| * Remove excess height in iOS 5 devices. | |
| */ | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| /** | |
| * Address `[hidden]` styling not present in IE 8/9/10. | |
| * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. | |
| */ | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* Links | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background color from active links in IE 10. | |
| */ | |
| a { | |
| background-color: transparent; | |
| } | |
| /** | |
| * Improve readability when focused and also mouse hovered in all browsers. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| /* Text-level semantics | |
| ========================================================================== */ | |
| /** | |
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| /** | |
| * Address styling not present in Safari and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Address inconsistent and variable font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| /* Embedded content | |
| ========================================================================== */ | |
| /** | |
| * Remove border when inside `a` element in IE 8/9/10. | |
| */ | |
| img { | |
| border: 0; | |
| } | |
| /** | |
| * Correct overflow not hidden in IE 9/10/11. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /* Grouping content | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 8/9 and Safari. | |
| */ | |
| figure { | |
| margin: 1em 40px; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Contain overflow in all browsers. | |
| */ | |
| pre { | |
| overflow: auto; | |
| } | |
| /** | |
| * Address odd `em`-unit font size rendering in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| /* Forms | |
| ========================================================================== */ | |
| /** | |
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
| * styling of `select`, unless a `border` property is set. | |
| */ | |
| /** | |
| * 1. Correct color not being inherited. | |
| * Known issue: affects color of disabled elements. | |
| * 2. Correct font properties not being inherited. | |
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; /* 1 */ | |
| font: inherit; /* 2 */ | |
| margin: 0; /* 3 */ | |
| } | |
| /** | |
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
| */ | |
| button { | |
| overflow: visible; | |
| } | |
| /** | |
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
| * All other form control elements do not inherit `text-transform` values. | |
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
| * Correct `select` style inheritance in Firefox. | |
| */ | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| /** | |
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| * and `video` controls. | |
| * 2. Correct inability to style clickable `input` types in iOS. | |
| * 3. Improve usability and consistency of cursor style between image-type | |
| * `input` and others. | |
| */ | |
| button, | |
| html input[type="button"], /* 1 */ | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; /* 2 */ | |
| cursor: pointer; /* 3 */ | |
| } | |
| /** | |
| * Re-set default cursor for disabled elements. | |
| */ | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| /** | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| input { | |
| line-height: normal; | |
| } | |
| /** | |
| * It's recommended that you don't attempt to style these elements. | |
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
| * | |
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
| * 2. Remove excess padding in IE 8/9/10. | |
| */ | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
| * `font-size` values of the `input`, it causes the cursor style of the | |
| * decrement button to change from `default` to `text`. | |
| */ | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome | |
| * (include `-moz` to future-proof). | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; /* 1 */ | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; /* 2 */ | |
| box-sizing: content-box; | |
| } | |
| /** | |
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
| * Safari (but not Chrome) clips the cancel button when the search input has | |
| * padding (and `textfield` appearance). | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * Define consistent border, margin, and padding. | |
| */ | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| /** | |
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * Remove default vertical scrollbar in IE 8/9/10/11. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| } | |
| /** | |
| * Don't inherit the `font-weight` (applied by a rule above). | |
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
| */ | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| /* Tables | |
| ========================================================================== */ | |
| /** | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| /* NORMALIZE END */ | |
| /* HUBSPOT FONTAWESOME */ | |
| /*!* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license(Font:SIL OFL 1.1,CSS:MIT License) */@font-face { | |
| font-family:'FontAwesome';src:url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal | |
| } | |
| .fa { | |
| display: inline-block; | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale | |
| } | |
| .fa-lg { | |
| font-size: 1.33333333em; | |
| line-height: .75em; | |
| vertical-align: -15% | |
| } | |
| .fa-2x { | |
| font-size: 2em | |
| } | |
| .fa-3x { | |
| font-size: 3em | |
| } | |
| .fa-4x { | |
| font-size: 4em | |
| } | |
| .fa-5x { | |
| font-size: 5em | |
| } | |
| .fa-fw { | |
| width: 1.28571429em; | |
| text-align: center | |
| } | |
| .fa-ul { | |
| padding-left: 0; | |
| margin-left: 2.14285714em; | |
| list-style-type: none | |
| } | |
| .fa-ul>li { | |
| position: relative | |
| } | |
| .fa-li { | |
| position: absolute; | |
| left: -2.14285714em; | |
| width: 2.14285714em; | |
| top: .14285714em; | |
| text-align: center | |
| } | |
| .fa-li.fa-lg { | |
| left: -1.85714286em | |
| } | |
| .fa-border { | |
| padding: .2em .25em .15em; | |
| border: solid .08em #eee; | |
| border-radius: .1em | |
| } | |
| .pull-right { | |
| float: right | |
| } | |
| .pull-left { | |
| float: left | |
| } | |
| .fa.pull-left { | |
| margin-right: .3em | |
| } | |
| .fa.pull-right { | |
| margin-left: .3em | |
| } | |
| .fa-spin { | |
| -webkit-animation: spin 2s infinite linear; | |
| -moz-animation: spin 2s infinite linear; | |
| -o-animation: spin 2s infinite linear; | |
| animation: spin 2s infinite linear | |
| } | |
| @-moz-keyframes spin { | |
| 0% { | |
| -moz-transform: rotate(0deg) | |
| } | |
| 100% { | |
| -moz-transform: rotate(359deg) | |
| } | |
| } | |
| @-webkit-keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg) | |
| } | |
| } | |
| @-o-keyframes spin { | |
| 0% { | |
| -o-transform: rotate(0deg) | |
| } | |
| 100% { | |
| -o-transform: rotate(359deg) | |
| } | |
| } | |
| @keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| transform: rotate(359deg) | |
| } | |
| } | |
| .fa-rotate-90 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
| -webkit-transform: rotate(90deg); | |
| -moz-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| -o-transform: rotate(90deg); | |
| transform: rotate(90deg) | |
| } | |
| .fa-rotate-180 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
| -webkit-transform: rotate(180deg); | |
| -moz-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| -o-transform: rotate(180deg); | |
| transform: rotate(180deg) | |
| } | |
| .fa-rotate-270 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
| -webkit-transform: rotate(270deg); | |
| -moz-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| -o-transform: rotate(270deg); | |
| transform: rotate(270deg) | |
| } | |
| .fa-flip-horizontal { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1); | |
| -webkit-transform: scale(-1,1); | |
| -moz-transform: scale(-1,1); | |
| -ms-transform: scale(-1,1); | |
| -o-transform: scale(-1,1); | |
| transform: scale(-1,1) | |
| } | |
| .fa-flip-vertical { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1); | |
| -webkit-transform: scale(1,-1); | |
| -moz-transform: scale(1,-1); | |
| -ms-transform: scale(1,-1); | |
| -o-transform: scale(1,-1); | |
| transform: scale(1,-1) | |
| } | |
| .fa-stack { | |
| position: relative; | |
| display: inline-block; | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; | |
| vertical-align: middle | |
| } | |
| .fa-stack-1x,.fa-stack-2x { | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| text-align: center | |
| } | |
| .fa-stack-1x { | |
| line-height: inherit | |
| } | |
| .fa-stack-2x { | |
| font-size: 2em | |
| } | |
| .fa-inverse { | |
| color: #fff | |
| } | |
| .fa-glass:before { | |
| content: "\f000" | |
| } | |
| .fa-music:before { | |
| content: "\f001" | |
| } | |
| .fa-search:before { | |
| content: "\f002" | |
| } | |
| .fa-envelope-o:before { | |
| content: "\f003" | |
| } | |
| .fa-heart:before { | |
| content: "\f004" | |
| } | |
| .fa-star:before { | |
| content: "\f005" | |
| } | |
| .fa-star-o:before { | |
| content: "\f006" | |
| } | |
| .fa-user:before { | |
| content: "\f007" | |
| } | |
| .fa-film:before { | |
| content: "\f008" | |
| } | |
| .fa-th-large:before { | |
| content: "\f009" | |
| } | |
| .fa-th:before { | |
| content: "\f00a" | |
| } | |
| .fa-th-list:before { | |
| content: "\f00b" | |
| } | |
| .fa-check:before { | |
| content: "\f00c" | |
| } | |
| .fa-times:before { | |
| content: "\f00d" | |
| } | |
| .fa-search-plus:before { | |
| content: "\f00e" | |
| } | |
| .fa-search-minus:before { | |
| content: "\f010" | |
| } | |
| .fa-power-off:before { | |
| content: "\f011" | |
| } | |
| .fa-signal:before { | |
| content: "\f012" | |
| } | |
| .fa-gear:before,.fa-cog:before { | |
| content: "\f013" | |
| } | |
| .fa-trash-o:before { | |
| content: "\f014" | |
| } | |
| .fa-home:before { | |
| content: "\f015" | |
| } | |
| .fa-file-o:before { | |
| content: "\f016" | |
| } | |
| .fa-clock-o:before { | |
| content: "\f017" | |
| } | |
| .fa-road:before { | |
| content: "\f018" | |
| } | |
| .fa-download:before { | |
| content: "\f019" | |
| } | |
| .fa-arrow-circle-o-down:before { | |
| content: "\f01a" | |
| } | |
| .fa-arrow-circle-o-up:before { | |
| content: "\f01b" | |
| } | |
| .fa-inbox:before { | |
| content: "\f01c" | |
| } | |
| .fa-play-circle-o:before { | |
| content: "\f01d" | |
| } | |
| .fa-rotate-right:before,.fa-repeat:before { | |
| content: "\f01e" | |
| } | |
| .fa-refresh:before { | |
| content: "\f021" | |
| } | |
| .fa-list-alt:before { | |
| content: "\f022" | |
| } | |
| .fa-lock:before { | |
| content: "\f023" | |
| } | |
| .fa-flag:before { | |
| content: "\f024" | |
| } | |
| .fa-headphones:before { | |
| content: "\f025" | |
| } | |
| .fa-volume-off:before { | |
| content: "\f026" | |
| } | |
| .fa-volume-down:before { | |
| content: "\f027" | |
| } | |
| .fa-volume-up:before { | |
| content: "\f028" | |
| } | |
| .fa-qrcode:before { | |
| content: "\f029" | |
| } | |
| .fa-barcode:before { | |
| content: "\f02a" | |
| } | |
| .fa-tag:before { | |
| content: "\f02b" | |
| } | |
| .fa-tags:before { | |
| content: "\f02c" | |
| } | |
| .fa-book:before { | |
| content: "\f02d" | |
| } | |
| .fa-bookmark:before { | |
| content: "\f02e" | |
| } | |
| .fa-print:before { | |
| content: "\f02f" | |
| } | |
| .fa-camera:before { | |
| content: "\f030" | |
| } | |
| .fa-font:before { | |
| content: "\f031" | |
| } | |
| .fa-bold:before { | |
| content: "\f032" | |
| } | |
| .fa-italic:before { | |
| content: "\f033" | |
| } | |
| .fa-text-height:before { | |
| content: "\f034" | |
| } | |
| .fa-text-width:before { | |
| content: "\f035" | |
| } | |
| .fa-align-left:before { | |
| content: "\f036" | |
| } | |
| .fa-align-center:before { | |
| content: "\f037" | |
| } | |
| .fa-align-right:before { | |
| content: "\f038" | |
| } | |
| .fa-align-justify:before { | |
| content: "\f039" | |
| } | |
| .fa-list:before { | |
| content: "\f03a" | |
| } | |
| .fa-dedent:before,.fa-outdent:before { | |
| content: "\f03b" | |
| } | |
| .fa-indent:before { | |
| content: "\f03c" | |
| } | |
| .fa-video-camera:before { | |
| content: "\f03d" | |
| } | |
| .fa-photo:before,.fa-image:before,.fa-picture-o:before { | |
| content: "\f03e" | |
| } | |
| .fa-pencil:before { | |
| content: "\f040" | |
| } | |
| .fa-map-marker:before { | |
| content: "\f041" | |
| } | |
| .fa-adjust:before { | |
| content: "\f042" | |
| } | |
| .fa-tint:before { | |
| content: "\f043" | |
| } | |
| .fa-edit:before,.fa-pencil-square-o:before { | |
| content: "\f044" | |
| } | |
| .fa-share-square-o:before { | |
| content: "\f045" | |
| } | |
| .fa-check-square-o:before { | |
| content: "\f046" | |
| } | |
| .fa-arrows:before { | |
| content: "\f047" | |
| } | |
| .fa-step-backward:before { | |
| content: "\f048" | |
| } | |
| .fa-fast-backward:before { | |
| content: "\f049" | |
| } | |
| .fa-backward:before { | |
| content: "\f04a" | |
| } | |
| .fa-play:before { | |
| content: "\f04b" | |
| } | |
| .fa-pause:before { | |
| content: "\f04c" | |
| } | |
| .fa-stop:before { | |
| content: "\f04d" | |
| } | |
| .fa-forward:before { | |
| content: "\f04e" | |
| } | |
| .fa-fast-forward:before { | |
| content: "\f050" | |
| } | |
| .fa-step-forward:before { | |
| content: "\f051" | |
| } | |
| .fa-eject:before { | |
| content: "\f052" | |
| } | |
| .fa-chevron-left:before { | |
| content: "\f053" | |
| } | |
| .fa-chevron-right:before { | |
| content: "\f054" | |
| } | |
| .fa-plus-circle:before { | |
| content: "\f055" | |
| } | |
| .fa-minus-circle:before { | |
| content: "\f056" | |
| } | |
| .fa-times-circle:before { | |
| content: "\f057" | |
| } | |
| .fa-check-circle:before { | |
| content: "\f058" | |
| } | |
| .fa-question-circle:before { | |
| content: "\f059" | |
| } | |
| .fa-info-circle:before { | |
| content: "\f05a" | |
| } | |
| .fa-crosshairs:before { | |
| content: "\f05b" | |
| } | |
| .fa-times-circle-o:before { | |
| content: "\f05c" | |
| } | |
| .fa-check-circle-o:before { | |
| content: "\f05d" | |
| } | |
| .fa-ban:before { | |
| content: "\f05e" | |
| } | |
| .fa-arrow-left:before { | |
| content: "\f060" | |
| } | |
| .fa-arrow-right:before { | |
| content: "\f061" | |
| } | |
| .fa-arrow-up:before { | |
| content: "\f062" | |
| } | |
| .fa-arrow-down:before { | |
| content: "\f063" | |
| } | |
| .fa-mail-forward:before,.fa-share:before { | |
| content: "\f064" | |
| } | |
| .fa-expand:before { | |
| content: "\f065" | |
| } | |
| .fa-compress:before { | |
| content: "\f066" | |
| } | |
| .fa-plus:before { | |
| content: "\f067" | |
| } | |
| .fa-minus:before { | |
| content: "\f068" | |
| } | |
| .fa-asterisk:before { | |
| content: "\f069" | |
| } | |
| .fa-exclamation-circle:before { | |
| content: "\f06a" | |
| } | |
| .fa-gift:before { | |
| content: "\f06b" | |
| } | |
| .fa-leaf:before { | |
| content: "\f06c" | |
| } | |
| .fa-fire:before { | |
| content: "\f06d" | |
| } | |
| .fa-eye:before { | |
| content: "\f06e" | |
| } | |
| .fa-eye-slash:before { | |
| content: "\f070" | |
| } | |
| .fa-warning:before,.fa-exclamation-triangle:before { | |
| content: "\f071" | |
| } | |
| .fa-plane:before { | |
| content: "\f072" | |
| } | |
| .fa-calendar:before { | |
| content: "\f073" | |
| } | |
| .fa-random:before { | |
| content: "\f074" | |
| } | |
| .fa-comment:before { | |
| content: "\f075" | |
| } | |
| .fa-magnet:before { | |
| content: "\f076" | |
| } | |
| .fa-chevron-up:before { | |
| content: "\f077" | |
| } | |
| .fa-chevron-down:before { | |
| content: "\f078" | |
| } | |
| .fa-retweet:before { | |
| content: "\f079" | |
| } | |
| .fa-shopping-cart:before { | |
| content: "\f07a" | |
| } | |
| .fa-folder:before { | |
| content: "\f07b" | |
| } | |
| .fa-folder-open:before { | |
| content: "\f07c" | |
| } | |
| .fa-arrows-v:before { | |
| content: "\f07d" | |
| } | |
| .fa-arrows-h:before { | |
| content: "\f07e" | |
| } | |
| .fa-bar-chart-o:before { | |
| content: "\f080" | |
| } | |
| .fa-twitter-square:before { | |
| content: "\f081" | |
| } | |
| .fa-facebook-square:before { | |
| content: "\f082" | |
| } | |
| .fa-camera-retro:before { | |
| content: "\f083" | |
| } | |
| .fa-key:before { | |
| content: "\f084" | |
| } | |
| .fa-gears:before,.fa-cogs:before { | |
| content: "\f085" | |
| } | |
| .fa-comments:before { | |
| content: "\f086" | |
| } | |
| .fa-thumbs-o-up:before { | |
| content: "\f087" | |
| } | |
| .fa-thumbs-o-down:before { | |
| content: "\f088" | |
| } | |
| .fa-star-half:before { | |
| content: "\f089" | |
| } | |
| .fa-heart-o:before { | |
| content: "\f08a" | |
| } | |
| .fa-sign-out:before { | |
| content: "\f08b" | |
| } | |
| .fa-linkedin-square:before { | |
| content: "\f08c" | |
| } | |
| .fa-thumb-tack:before { | |
| content: "\f08d" | |
| } | |
| .fa-external-link:before { | |
| content: "\f08e" | |
| } | |
| .fa-sign-in:before { | |
| content: "\f090" | |
| } | |
| .fa-trophy:before { | |
| content: "\f091" | |
| } | |
| .fa-github-square:before { | |
| content: "\f092" | |
| } | |
| .fa-upload:before { | |
| content: "\f093" | |
| } | |
| .fa-lemon-o:before { | |
| content: "\f094" | |
| } | |
| .fa-phone:before { | |
| content: "\f095" | |
| } | |
| .fa-square-o:before { | |
| content: "\f096" | |
| } | |
| .fa-bookmark-o:before { | |
| content: "\f097" | |
| } | |
| .fa-phone-square:before { | |
| content: "\f098" | |
| } | |
| .fa-twitter:before { | |
| content: "\f099" | |
| } | |
| .fa-facebook:before { | |
| content: "\f09a" | |
| } | |
| .fa-github:before { | |
| content: "\f09b" | |
| } | |
| .fa-unlock:before { | |
| content: "\f09c" | |
| } | |
| .fa-credit-card:before { | |
| content: "\f09d" | |
| } | |
| .fa-rss:before { | |
| content: "\f09e" | |
| } | |
| .fa-hdd-o:before { | |
| content: "\f0a0" | |
| } | |
| .fa-bullhorn:before { | |
| content: "\f0a1" | |
| } | |
| .fa-bell:before { | |
| content: "\f0f3" | |
| } | |
| .fa-certificate:before { | |
| content: "\f0a3" | |
| } | |
| .fa-hand-o-right:before { | |
| content: "\f0a4" | |
| } | |
| .fa-hand-o-left:before { | |
| content: "\f0a5" | |
| } | |
| .fa-hand-o-up:before { | |
| content: "\f0a6" | |
| } | |
| .fa-hand-o-down:before { | |
| content: "\f0a7" | |
| } | |
| .fa-arrow-circle-left:before { | |
| content: "\f0a8" | |
| } | |
| .fa-arrow-circle-right:before { | |
| content: "\f0a9" | |
| } | |
| .fa-arrow-circle-up:before { | |
| content: "\f0aa" | |
| } | |
| .fa-arrow-circle-down:before { | |
| content: "\f0ab" | |
| } | |
| .fa-globe:before { | |
| content: "\f0ac" | |
| } | |
| .fa-wrench:before { | |
| content: "\f0ad" | |
| } | |
| .fa-tasks:before { | |
| content: "\f0ae" | |
| } | |
| .fa-filter:before { | |
| content: "\f0b0" | |
| } | |
| .fa-briefcase:before { | |
| content: "\f0b1" | |
| } | |
| .fa-arrows-alt:before { | |
| content: "\f0b2" | |
| } | |
| .fa-group:before,.fa-users:before { | |
| content: "\f0c0" | |
| } | |
| .fa-chain:before,.fa-link:before { | |
| content: "\f0c1" | |
| } | |
| .fa-cloud:before { | |
| content: "\f0c2" | |
| } | |
| .fa-flask:before { | |
| content: "\f0c3" | |
| } | |
| .fa-cut:before,.fa-scissors:before { | |
| content: "\f0c4" | |
| } | |
| .fa-copy:before,.fa-files-o:before { | |
| content: "\f0c5" | |
| } | |
| .fa-paperclip:before { | |
| content: "\f0c6" | |
| } | |
| .fa-save:before,.fa-floppy-o:before { | |
| content: "\f0c7" | |
| } | |
| .fa-square:before { | |
| content: "\f0c8" | |
| } | |
| .fa-navicon:before,.fa-reorder:before,.fa-bars:before { | |
| content: "\f0c9" | |
| } | |
| .fa-list-ul:before { | |
| content: "\f0ca" | |
| } | |
| .fa-list-ol:before { | |
| content: "\f0cb" | |
| } | |
| .fa-strikethrough:before { | |
| content: "\f0cc" | |
| } | |
| .fa-underline:before { | |
| content: "\f0cd" | |
| } | |
| .fa-table:before { | |
| content: "\f0ce" | |
| } | |
| .fa-magic:before { | |
| content: "\f0d0" | |
| } | |
| .fa-truck:before { | |
| content: "\f0d1" | |
| } | |
| .fa-pinterest:before { | |
| content: "\f0d2" | |
| } | |
| .fa-pinterest-square:before { | |
| content: "\f0d3" | |
| } | |
| .fa-google-plus-square:before { | |
| content: "\f0d4" | |
| } | |
| .fa-google-plus:before { | |
| content: "\f0d5" | |
| } | |
| .fa-money:before { | |
| content: "\f0d6" | |
| } | |
| .fa-caret-down:before { | |
| content: "\f0d7" | |
| } | |
| .fa-caret-up:before { | |
| content: "\f0d8" | |
| } | |
| .fa-caret-left:before { | |
| content: "\f0d9" | |
| } | |
| .fa-caret-right:before { | |
| content: "\f0da" | |
| } | |
| .fa-columns:before { | |
| content: "\f0db" | |
| } | |
| .fa-unsorted:before,.fa-sort:before { | |
| content: "\f0dc" | |
| } | |
| .fa-sort-down:before,.fa-sort-desc:before { | |
| content: "\f0dd" | |
| } | |
| .fa-sort-up:before,.fa-sort-asc:before { | |
| content: "\f0de" | |
| } | |
| .fa-envelope:before { | |
| content: "\f0e0" | |
| } | |
| .fa-linkedin:before { | |
| content: "\f0e1" | |
| } | |
| .fa-rotate-left:before,.fa-undo:before { | |
| content: "\f0e2" | |
| } | |
| .fa-legal:before,.fa-gavel:before { | |
| content: "\f0e3" | |
| } | |
| .fa-dashboard:before,.fa-tachometer:before { | |
| content: "\f0e4" | |
| } | |
| .fa-comment-o:before { | |
| content: "\f0e5" | |
| } | |
| .fa-comments-o:before { | |
| content: "\f0e6" | |
| } | |
| .fa-flash:before,.fa-bolt:before { | |
| content: "\f0e7" | |
| } | |
| .fa-sitemap:before { | |
| content: "\f0e8" | |
| } | |
| .fa-umbrella:before { | |
| content: "\f0e9" | |
| } | |
| .fa-paste:before,.fa-clipboard:before { | |
| content: "\f0ea" | |
| } | |
| .fa-lightbulb-o:before { | |
| content: "\f0eb" | |
| } | |
| .fa-exchange:before { | |
| content: "\f0ec" | |
| } | |
| .fa-cloud-download:before { | |
| content: "\f0ed" | |
| } | |
| .fa-cloud-upload:before { | |
| content: "\f0ee" | |
| } | |
| .fa-user-md:before { | |
| content: "\f0f0" | |
| } | |
| .fa-stethoscope:before { | |
| content: "\f0f1" | |
| } | |
| .fa-suitcase:before { | |
| content: "\f0f2" | |
| } | |
| .fa-bell-o:before { | |
| content: "\f0a2" | |
| } | |
| .fa-coffee:before { | |
| content: "\f0f4" | |
| } | |
| .fa-cutlery:before { | |
| content: "\f0f5" | |
| } | |
| .fa-file-text-o:before { | |
| content: "\f0f6" | |
| } | |
| .fa-building-o:before { | |
| content: "\f0f7" | |
| } | |
| .fa-hospital-o:before { | |
| content: "\f0f8" | |
| } | |
| .fa-ambulance:before { | |
| content: "\f0f9" | |
| } | |
| .fa-medkit:before { | |
| content: "\f0fa" | |
| } | |
| .fa-fighter-jet:before { | |
| content: "\f0fb" | |
| } | |
| .fa-beer:before { | |
| content: "\f0fc" | |
| } | |
| .fa-h-square:before { | |
| content: "\f0fd" | |
| } | |
| .fa-plus-square:before { | |
| content: "\f0fe" | |
| } | |
| .fa-angle-double-left:before { | |
| content: "\f100" | |
| } | |
| .fa-angle-double-right:before { | |
| content: "\f101" | |
| } | |
| .fa-angle-double-up:before { | |
| content: "\f102" | |
| } | |
| .fa-angle-double-down:before { | |
| content: "\f103" | |
| } | |
| .fa-angle-left:before { | |
| content: "\f104" | |
| } | |
| .fa-angle-right:before { | |
| content: "\f105" | |
| } | |
| .fa-angle-up:before { | |
| content: "\f106" | |
| } | |
| .fa-angle-down:before { | |
| content: "\f107" | |
| } | |
| .fa-desktop:before { | |
| content: "\f108" | |
| } | |
| .fa-laptop:before { | |
| content: "\f109" | |
| } | |
| .fa-tablet:before { | |
| content: "\f10a" | |
| } | |
| .fa-mobile-phone:before,.fa-mobile:before { | |
| content: "\f10b" | |
| } | |
| .fa-circle-o:before { | |
| content: "\f10c" | |
| } | |
| .fa-quote-left:before { | |
| content: "\f10d" | |
| } | |
| .fa-quote-right:before { | |
| content: "\f10e" | |
| } | |
| .fa-spinner:before { | |
| content: "\f110" | |
| } | |
| .fa-circle:before { | |
| content: "\f111" | |
| } | |
| .fa-mail-reply:before,.fa-reply:before { | |
| content: "\f112" | |
| } | |
| .fa-github-alt:before { | |
| content: "\f113" | |
| } | |
| .fa-folder-o:before { | |
| content: "\f114" | |
| } | |
| .fa-folder-open-o:before { | |
| content: "\f115" | |
| } | |
| .fa-smile-o:before { | |
| content: "\f118" | |
| } | |
| .fa-frown-o:before { | |
| content: "\f119" | |
| } | |
| .fa-meh-o:before { | |
| content: "\f11a" | |
| } | |
| .fa-gamepad:before { | |
| content: "\f11b" | |
| } | |
| .fa-keyboard-o:before { | |
| content: "\f11c" | |
| } | |
| .fa-flag-o:before { | |
| content: "\f11d" | |
| } | |
| .fa-flag-checkered:before { | |
| content: "\f11e" | |
| } | |
| .fa-terminal:before { | |
| content: "\f120" | |
| } | |
| .fa-code:before { | |
| content: "\f121" | |
| } | |
| .fa-mail-reply-all:before,.fa-reply-all:before { | |
| content: "\f122" | |
| } | |
| .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { | |
| content: "\f123" | |
| } | |
| .fa-location-arrow:before { | |
| content: "\f124" | |
| } | |
| .fa-crop:before { | |
| content: "\f125" | |
| } | |
| .fa-code-fork:before { | |
| content: "\f126" | |
| } | |
| .fa-unlink:before,.fa-chain-broken:before { | |
| content: "\f127" | |
| } | |
| .fa-question:before { | |
| content: "\f128" | |
| } | |
| .fa-info:before { | |
| content: "\f129" | |
| } | |
| .fa-exclamation:before { | |
| content: "\f12a" | |
| } | |
| .fa-superscript:before { | |
| content: "\f12b" | |
| } | |
| .fa-subscript:before { | |
| content: "\f12c" | |
| } | |
| .fa-eraser:before { | |
| content: "\f12d" | |
| } | |
| .fa-puzzle-piece:before { | |
| content: "\f12e" | |
| } | |
| .fa-microphone:before { | |
| content: "\f130" | |
| } | |
| .fa-microphone-slash:before { | |
| content: "\f131" | |
| } | |
| .fa-shield:before { | |
| content: "\f132" | |
| } | |
| .fa-calendar-o:before { | |
| content: "\f133" | |
| } | |
| .fa-fire-extinguisher:before { | |
| content: "\f134" | |
| } | |
| .fa-rocket:before { | |
| content: "\f135" | |
| } | |
| .fa-maxcdn:before { | |
| content: "\f136" | |
| } | |
| .fa-chevron-circle-left:before { | |
| content: "\f137" | |
| } | |
| .fa-chevron-circle-right:before { | |
| content: "\f138" | |
| } | |
| .fa-chevron-circle-up:before { | |
| content: "\f139" | |
| } | |
| .fa-chevron-circle-down:before { | |
| content: "\f13a" | |
| } | |
| .fa-html5:before { | |
| content: "\f13b" | |
| } | |
| .fa-css3:before { | |
| content: "\f13c" | |
| } | |
| .fa-anchor:before { | |
| content: "\f13d" | |
| } | |
| .fa-unlock-alt:before { | |
| content: "\f13e" | |
| } | |
| .fa-bullseye:before { | |
| content: "\f140" | |
| } | |
| .fa-ellipsis-h:before { | |
| content: "\f141" | |
| } | |
| .fa-ellipsis-v:before { | |
| content: "\f142" | |
| } | |
| .fa-rss-square:before { | |
| content: "\f143" | |
| } | |
| .fa-play-circle:before { | |
| content: "\f144" | |
| } | |
| .fa-ticket:before { | |
| content: "\f145" | |
| } | |
| .fa-minus-square:before { | |
| content: "\f146" | |
| } | |
| .fa-minus-square-o:before { | |
| content: "\f147" | |
| } | |
| .fa-level-up:before { | |
| content: "\f148" | |
| } | |
| .fa-level-down:before { | |
| content: "\f149" | |
| } | |
| .fa-check-square:before { | |
| content: "\f14a" | |
| } | |
| .fa-pencil-square:before { | |
| content: "\f14b" | |
| } | |
| .fa-external-link-square:before { | |
| content: "\f14c" | |
| } | |
| .fa-share-square:before { | |
| content: "\f14d" | |
| } | |
| .fa-compass:before { | |
| content: "\f14e" | |
| } | |
| .fa-toggle-down:before,.fa-caret-square-o-down:before { | |
| content: "\f150" | |
| } | |
| .fa-toggle-up:before,.fa-caret-square-o-up:before { | |
| content: "\f151" | |
| } | |
| .fa-toggle-right:before,.fa-caret-square-o-right:before { | |
| content: "\f152" | |
| } | |
| .fa-euro:before,.fa-eur:before { | |
| content: "\f153" | |
| } | |
| .fa-gbp:before { | |
| content: "\f154" | |
| } | |
| .fa-dollar:before,.fa-usd:before { | |
| content: "\f155" | |
| } | |
| .fa-rupee:before,.fa-inr:before { | |
| content: "\f156" | |
| } | |
| .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before { | |
| content: "\f157" | |
| } | |
| .fa-ruble:before,.fa-rouble:before,.fa-rub:before { | |
| content: "\f158" | |
| } | |
| .fa-won:before,.fa-krw:before { | |
| content: "\f159" | |
| } | |
| .fa-bitcoin:before,.fa-btc:before { | |
| content: "\f15a" | |
| } | |
| .fa-file:before { | |
| content: "\f15b" | |
| } | |
| .fa-file-text:before { | |
| content: "\f15c" | |
| } | |
| .fa-sort-alpha-asc:before { | |
| content: "\f15d" | |
| } | |
| .fa-sort-alpha-desc:before { | |
| content: "\f15e" | |
| } | |
| .fa-sort-amount-asc:before { | |
| content: "\f160" | |
| } | |
| .fa-sort-amount-desc:before { | |
| content: "\f161" | |
| } | |
| .fa-sort-numeric-asc:before { | |
| content: "\f162" | |
| } | |
| .fa-sort-numeric-desc:before { | |
| content: "\f163" | |
| } | |
| .fa-thumbs-up:before { | |
| content: "\f164" | |
| } | |
| .fa-thumbs-down:before { | |
| content: "\f165" | |
| } | |
| .fa-youtube-square:before { | |
| content: "\f166" | |
| } | |
| .fa-youtube:before { | |
| content: "\f167" | |
| } | |
| .fa-xing:before { | |
| content: "\f168" | |
| } | |
| .fa-xing-square:before { | |
| content: "\f169" | |
| } | |
| .fa-youtube-play:before { | |
| content: "\f16a" | |
| } | |
| .fa-dropbox:before { | |
| content: "\f16b" | |
| } | |
| .fa-stack-overflow:before { | |
| content: "\f16c" | |
| } | |
| .fa-instagram:before { | |
| content: "\f16d" | |
| } | |
| .fa-flickr:before { | |
| content: "\f16e" | |
| } | |
| .fa-adn:before { | |
| content: "\f170" | |
| } | |
| .fa-bitbucket:before { | |
| content: "\f171" | |
| } | |
| .fa-bitbucket-square:before { | |
| content: "\f172" | |
| } | |
| .fa-tumblr:before { | |
| content: "\f173" | |
| } | |
| .fa-tumblr-square:before { | |
| content: "\f174" | |
| } | |
| .fa-long-arrow-down:before { | |
| content: "\f175" | |
| } | |
| .fa-long-arrow-up:before { | |
| content: "\f176" | |
| } | |
| .fa-long-arrow-left:before { | |
| content: "\f177" | |
| } | |
| .fa-long-arrow-right:before { | |
| content: "\f178" | |
| } | |
| .fa-apple:before { | |
| content: "\f179" | |
| } | |
| .fa-windows:before { | |
| content: "\f17a" | |
| } | |
| .fa-android:before { | |
| content: "\f17b" | |
| } | |
| .fa-linux:before { | |
| content: "\f17c" | |
| } | |
| .fa-dribbble:before { | |
| content: "\f17d" | |
| } | |
| .fa-skype:before { | |
| content: "\f17e" | |
| } | |
| .fa-foursquare:before { | |
| content: "\f180" | |
| } | |
| .fa-trello:before { | |
| content: "\f181" | |
| } | |
| .fa-female:before { | |
| content: "\f182" | |
| } | |
| .fa-male:before { | |
| content: "\f183" | |
| } | |
| .fa-gittip:before { | |
| content: "\f184" | |
| } | |
| .fa-sun-o:before { | |
| content: "\f185" | |
| } | |
| .fa-moon-o:before { | |
| content: "\f186" | |
| } | |
| .fa-archive:before { | |
| content: "\f187" | |
| } | |
| .fa-bug:before { | |
| content: "\f188" | |
| } | |
| .fa-vk:before { | |
| content: "\f189" | |
| } | |
| .fa-weibo:before { | |
| content: "\f18a" | |
| } | |
| .fa-renren:before { | |
| content: "\f18b" | |
| } | |
| .fa-pagelines:before { | |
| content: "\f18c" | |
| } | |
| .fa-stack-exchange:before { | |
| content: "\f18d" | |
| } | |
| .fa-arrow-circle-o-right:before { | |
| content: "\f18e" | |
| } | |
| .fa-arrow-circle-o-left:before { | |
| content: "\f190" | |
| } | |
| .fa-toggle-left:before,.fa-caret-square-o-left:before { | |
| content: "\f191" | |
| } | |
| .fa-dot-circle-o:before { | |
| content: "\f192" | |
| } | |
| .fa-wheelchair:before { | |
| content: "\f193" | |
| } | |
| .fa-vimeo-square:before { | |
| content: "\f194" | |
| } | |
| .fa-turkish-lira:before,.fa-try:before { | |
| content: "\f195" | |
| } | |
| .fa-plus-square-o:before { | |
| content: "\f196" | |
| } | |
| .fa-space-shuttle:before { | |
| content: "\f197" | |
| } | |
| .fa-slack:before { | |
| content: "\f198" | |
| } | |
| .fa-envelope-square:before { | |
| content: "\f199" | |
| } | |
| .fa-wordpress:before { | |
| content: "\f19a" | |
| } | |
| .fa-openid:before { | |
| content: "\f19b" | |
| } | |
| .fa-institution:before,.fa-bank:before,.fa-university:before { | |
| content: "\f19c" | |
| } | |
| .fa-mortar-board:before,.fa-graduation-cap:before { | |
| content: "\f19d" | |
| } | |
| .fa-yahoo:before { | |
| content: "\f19e" | |
| } | |
| .fa-google:before { | |
| content: "\f1a0" | |
| } | |
| .fa-reddit:before { | |
| content: "\f1a1" | |
| } | |
| .fa-reddit-square:before { | |
| content: "\f1a2" | |
| } | |
| .fa-stumbleupon-circle:before { | |
| content: "\f1a3" | |
| } | |
| .fa-stumbleupon:before { | |
| content: "\f1a4" | |
| } | |
| .fa-delicious:before { | |
| content: "\f1a5" | |
| } | |
| .fa-digg:before { | |
| content: "\f1a6" | |
| } | |
| .fa-pied-piper-square:before,.fa-pied-piper:before { | |
| content: "\f1a7" | |
| } | |
| .fa-pied-piper-alt:before { | |
| content: "\f1a8" | |
| } | |
| .fa-drupal:before { | |
| content: "\f1a9" | |
| } | |
| .fa-joomla:before { | |
| content: "\f1aa" | |
| } | |
| .fa-language:before { | |
| content: "\f1ab" | |
| } | |
| .fa-fax:before { | |
| content: "\f1ac" | |
| } | |
| .fa-building:before { | |
| content: "\f1ad" | |
| } | |
| .fa-child:before { | |
| content: "\f1ae" | |
| } | |
| .fa-paw:before { | |
| content: "\f1b0" | |
| } | |
| .fa-spoon:before { | |
| content: "\f1b1" | |
| } | |
| .fa-cube:before { | |
| content: "\f1b2" | |
| } | |
| .fa-cubes:before { | |
| content: "\f1b3" | |
| } | |
| .fa-behance:before { | |
| content: "\f1b4" | |
| } | |
| .fa-behance-square:before { | |
| content: "\f1b5" | |
| } | |
| .fa-steam:before { | |
| content: "\f1b6" | |
| } | |
| .fa-steam-square:before { | |
| content: "\f1b7" | |
| } | |
| .fa-recycle:before { | |
| content: "\f1b8" | |
| } | |
| .fa-automobile:before,.fa-car:before { | |
| content: "\f1b9" | |
| } | |
| .fa-cab:before,.fa-taxi:before { | |
| content: "\f1ba" | |
| } | |
| .fa-tree:before { | |
| content: "\f1bb" | |
| } | |
| .fa-spotify:before { | |
| content: "\f1bc" | |
| } | |
| .fa-deviantart:before { | |
| content: "\f1bd" | |
| } | |
| .fa-soundcloud:before { | |
| content: "\f1be" | |
| } | |
| .fa-database:before { | |
| content: "\f1c0" | |
| } | |
| .fa-file-pdf-o:before { | |
| content: "\f1c1" | |
| } | |
| .fa-file-word-o:before { | |
| content: "\f1c2" | |
| } | |
| .fa-file-excel-o:before { | |
| content: "\f1c3" | |
| } | |
| .fa-file-powerpoint-o:before { | |
| content: "\f1c4" | |
| } | |
| .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before { | |
| content: "\f1c5" | |
| } | |
| .fa-file-zip-o:before,.fa-file-archive-o:before { | |
| content: "\f1c6" | |
| } | |
| .fa-file-sound-o:before,.fa-file-audio-o:before { | |
| content: "\f1c7" | |
| } | |
| .fa-file-movie-o:before,.fa-file-video-o:before { | |
| content: "\f1c8" | |
| } | |
| .fa-file-code-o:before { | |
| content: "\f1c9" | |
| } | |
| .fa-vine:before { | |
| content: "\f1ca" | |
| } | |
| .fa-codepen:before { | |
| content: "\f1cb" | |
| } | |
| .fa-jsfiddle:before { | |
| content: "\f1cc" | |
| } | |
| .fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before { | |
| content: "\f1cd" | |
| } | |
| .fa-circle-o-notch:before { | |
| content: "\f1ce" | |
| } | |
| .fa-ra:before,.fa-rebel:before { | |
| content: "\f1d0" | |
| } | |
| .fa-ge:before,.fa-empire:before { | |
| content: "\f1d1" | |
| } | |
| .fa-git-square:before { | |
| content: "\f1d2" | |
| } | |
| .fa-git:before { | |
| content: "\f1d3" | |
| } | |
| .fa-hacker-news:before { | |
| content: "\f1d4" | |
| } | |
| .fa-tencent-weibo:before { | |
| content: "\f1d5" | |
| } | |
| .fa-qq:before { | |
| content: "\f1d6" | |
| } | |
| .fa-wechat:before,.fa-weixin:before { | |
| content: "\f1d7" | |
| } | |
| .fa-send:before,.fa-paper-plane:before { | |
| content: "\f1d8" | |
| } | |
| .fa-send-o:before,.fa-paper-plane-o:before { | |
| content: "\f1d9" | |
| } | |
| .fa-history:before { | |
| content: "\f1da" | |
| } | |
| .fa-circle-thin:before { | |
| content: "\f1db" | |
| } | |
| .fa-header:before { | |
| content: "\f1dc" | |
| } | |
| .fa-paragraph:before { | |
| content: "\f1dd" | |
| } | |
| .fa-sliders:before { | |
| content: "\f1de" | |
| } | |
| .fa-share-alt:before { | |
| content: "\f1e0" | |
| } | |
| .fa-share-alt-square:before { | |
| content: "\f1e1" | |
| } | |
| .fa-bomb:before { | |
| content: "\f1e2" | |
| } | |
| /* ------------- */ | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| .cta_button { | |
| padding: 0; | |
| margin: 0; | |
| table, tr, td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| } | |
| tbody { | |
| width: 100%; | |
| display: inline-table; | |
| } | |
| .box { | |
| background-color: #4b4a3b; | |
| display: block; | |
| } | |
| .left { | |
| text-align: left; | |
| width: 55%; | |
| height: 100%; | |
| padding-right: 5px; | |
| } | |
| .right { | |
| vertical-align: top; | |
| text-align: right; | |
| width: 44%; | |
| height: 100%; | |
| padding-bottom: 3px; | |
| padding-right: 3px; | |
| padding-left: 3px; | |
| padding-top: 10px; | |
| } | |
| .clear { | |
| clear: both; | |
| } | |
| h3 { | |
| font-family: 'ff-meta-serif-web-pro', georgia; | |
| font-weight: bold; | |
| font-size: 24px; | |
| line-height: 24px; | |
| vertical-align: top; | |
| margin: 0; | |
| padding: 10px 0 0 10px; | |
| color: #7dc6cd; | |
| } | |
| img { | |
| margin: 5px 5px 5px 0; | |
| display: none; | |
| float: right; | |
| } | |
| p { | |
| font-family: Arial; | |
| font-size: 16px; | |
| line-height: 20px; | |
| vertical-align: top; | |
| margin: 0; | |
| padding: 5px 0 10px 10px; | |
| color: #fff; | |
| } | |
| #hyperlink { | |
| cursor: pointer; | |
| display: inline; | |
| font-family: Arial; | |
| font-weight: bold; | |
| color: #fff; | |
| text-decoration: none; | |
| vertical-align: top; | |
| padding: 5px 20px 7px; | |
| background-color: #EF5028; | |
| border-radius: 3px; | |
| width: inherit; | |
| margin-left: 10px; | |
| } | |
| .fa-arrow-circle-right { | |
| color: #EF5028; | |
| margin-left: 5px; | |
| display: none; | |
| } | |
| #hyperlink:hover { | |
| background-color: #be2a00; | |
| text-decoration: none; | |
| span { | |
| color: #be2a00; | |
| } | |
| } | |
| } | |
| // buttons | |
| @media all and (max-width: 495px) { | |
| .cta_button { | |
| #hyperlink { | |
| display: block; | |
| color: #EF5028; | |
| background-color: transparent; | |
| padding-left: 0; | |
| padding-right: 0; | |
| padding-top: 0; | |
| } | |
| #hyperlink:hover { | |
| color: #be2a00; | |
| background-color: transparent; | |
| } | |
| img { | |
| width: 100%; | |
| } | |
| } | |
| } | |
| // text | |
| @media all and (max-width: 495px) { | |
| .cta_button { | |
| h3 { | |
| padding-top: 7px; | |
| font-size: 20px; | |
| line-height: 22px; | |
| } | |
| p, #hyperlink { | |
| font-size: 14px; | |
| line-height: 18px; | |
| } | |
| h3, p, #hyperlink { | |
| padding-left: 7px; | |
| } | |
| #hyperlink { | |
| margin-left: 0; | |
| margin-top: 0; | |
| display: block; | |
| width: 100%; | |
| } | |
| p { | |
| margin-bottom: 0; | |
| } | |
| .button #hyperlink { | |
| padding-left: 0; | |
| } | |
| .fa-arrow-circle-right { | |
| display: inline-block; | |
| } | |
| } | |
| } | |
| // xx-small | |
| @media all and (max-width: 325px) { | |
| .cta_button { | |
| h3 { | |
| font-size: 16px; | |
| line-height: 18px; | |
| } | |
| p { | |
| font-size: 12px; | |
| line-height: 14px; | |
| padding-bottom: 5px; | |
| } | |
| } | |
| } | |
| // -- images -- | |
| // x-small | |
| @media all and (max-width: 319px) { | |
| .cta_button { | |
| .img-xs { | |
| display: block; | |
| } | |
| } | |
| } | |
| // small | |
| @media all and (min-width: 320px) and (max-width: 495px) { | |
| .cta_button { | |
| .img-sm { | |
| display: block; | |
| } | |
| } | |
| } | |
| // small | |
| @media all and (min-width: 420px) { | |
| .cta_button { | |
| .img-sm { | |
| width: auto; | |
| } | |
| } | |
| } | |
| // medium | |
| @media all and (min-width: 496px) and (max-width: 689px) { | |
| .cta_button { | |
| .img-med { | |
| width: auto; | |
| display: block; | |
| } | |
| .left { | |
| vertical-align: top; | |
| } | |
| } | |
| } | |
| // large | |
| @media all and (min-width: 690px) { | |
| .cta_button { | |
| .right { | |
| padding-top: 7px; | |
| padding-right: 7px; | |
| padding-bottom: 10px; | |
| } | |
| .img-lrg { | |
| width: auto; | |
| margin-top: -10px; | |
| margin-right: -5px; | |
| display: block; | |
| } | |
| .left { | |
| vertical-align: top; | |
| } | |
| } | |
| } | |
| .cta_button { | |
| .box-green { | |
| background-color: #bee23a; | |
| h3 { | |
| color: #4b4a3b; | |
| } | |
| p { | |
| color: #4d4d4d; | |
| } | |
| } | |
| .box-blue { | |
| background-color: #7dc6cd; | |
| h3 { | |
| color: #fff; | |
| } | |
| p { | |
| color: #4d4d4d; | |
| } | |
| } | |
| .box-yellow { | |
| background-color: #ffca01; | |
| h3 { | |
| color: #4b4a3b; | |
| } | |
| p { | |
| color: #4d4d4d; | |
| } | |
| } | |
| .box-brown { | |
| background-color: #4b4a3b; | |
| h3 { | |
| color: #7dc6cd; | |
| } | |
| p { | |
| color: #fff; | |
| } | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |
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 START */ | |
| /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
| /** | |
| * 1. Set default font family to sans-serif. | |
| * 2. Prevent iOS text size adjust after orientation change, without disabling | |
| * user zoom. | |
| */ | |
| html { | |
| font-family: sans-serif; | |
| /* 1 */ | |
| -ms-text-size-adjust: 100%; | |
| /* 2 */ | |
| -webkit-text-size-adjust: 100%; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove default margin. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /* HTML5 display definitions | |
| ========================================================================== */ | |
| /** | |
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
| * and Firefox. | |
| * Correct `block` display not defined for `main` in IE 11. | |
| */ | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| /** | |
| * 1. Correct `inline-block` display not defined in IE 8/9. | |
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
| */ | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| /* 1 */ | |
| vertical-align: baseline; | |
| /* 2 */ | |
| } | |
| /** | |
| * Prevent modern browsers from displaying `audio` without controls. | |
| * Remove excess height in iOS 5 devices. | |
| */ | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| /** | |
| * Address `[hidden]` styling not present in IE 8/9/10. | |
| * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. | |
| */ | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* Links | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background color from active links in IE 10. | |
| */ | |
| a { | |
| background-color: transparent; | |
| } | |
| /** | |
| * Improve readability when focused and also mouse hovered in all browsers. | |
| */ | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| /* Text-level semantics | |
| ========================================================================== */ | |
| /** | |
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
| */ | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| /** | |
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| /** | |
| * Address styling not present in Safari and Chrome. | |
| */ | |
| dfn { | |
| font-style: italic; | |
| } | |
| /** | |
| * Address variable `h1` font-size and margin within `section` and `article` | |
| * contexts in Firefox 4+, Safari, and Chrome. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /** | |
| * Address styling not present in IE 8/9. | |
| */ | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| /** | |
| * Address inconsistent and variable font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| /* Embedded content | |
| ========================================================================== */ | |
| /** | |
| * Remove border when inside `a` element in IE 8/9/10. | |
| */ | |
| img { | |
| border: 0; | |
| } | |
| /** | |
| * Correct overflow not hidden in IE 9/10/11. | |
| */ | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| /* Grouping content | |
| ========================================================================== */ | |
| /** | |
| * Address margin not present in IE 8/9 and Safari. | |
| */ | |
| figure { | |
| margin: 1em 40px; | |
| } | |
| /** | |
| * Address differences between Firefox and other browsers. | |
| */ | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| /** | |
| * Contain overflow in all browsers. | |
| */ | |
| pre { | |
| overflow: auto; | |
| } | |
| /** | |
| * Address odd `em`-unit font size rendering in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| /* Forms | |
| ========================================================================== */ | |
| /** | |
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
| * styling of `select`, unless a `border` property is set. | |
| */ | |
| /** | |
| * 1. Correct color not being inherited. | |
| * Known issue: affects color of disabled elements. | |
| * 2. Correct font properties not being inherited. | |
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| /* 1 */ | |
| font: inherit; | |
| /* 2 */ | |
| margin: 0; | |
| /* 3 */ | |
| } | |
| /** | |
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
| */ | |
| button { | |
| overflow: visible; | |
| } | |
| /** | |
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
| * All other form control elements do not inherit `text-transform` values. | |
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
| * Correct `select` style inheritance in Firefox. | |
| */ | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| /** | |
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| * and `video` controls. | |
| * 2. Correct inability to style clickable `input` types in iOS. | |
| * 3. Improve usability and consistency of cursor style between image-type | |
| * `input` and others. | |
| */ | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| /* 2 */ | |
| cursor: pointer; | |
| /* 3 */ | |
| } | |
| /** | |
| * Re-set default cursor for disabled elements. | |
| */ | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| /** | |
| * Remove inner padding and border in Firefox 4+. | |
| */ | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
| * the UA stylesheet. | |
| */ | |
| input { | |
| line-height: normal; | |
| } | |
| /** | |
| * It's recommended that you don't attempt to style these elements. | |
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
| * | |
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
| * 2. Remove excess padding in IE 8/9/10. | |
| */ | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ | |
| } | |
| /** | |
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
| * `font-size` values of the `input`, it causes the cursor style of the | |
| * decrement button to change from `default` to `text`. | |
| */ | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome | |
| * (include `-moz` to future-proof). | |
| */ | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| /* 1 */ | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| /* 2 */ | |
| box-sizing: content-box; | |
| } | |
| /** | |
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
| * Safari (but not Chrome) clips the cancel button when the search input has | |
| * padding (and `textfield` appearance). | |
| */ | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * Define consistent border, margin, and padding. | |
| */ | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| /** | |
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
| */ | |
| legend { | |
| border: 0; | |
| /* 1 */ | |
| padding: 0; | |
| /* 2 */ | |
| } | |
| /** | |
| * Remove default vertical scrollbar in IE 8/9/10/11. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| } | |
| /** | |
| * Don't inherit the `font-weight` (applied by a rule above). | |
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
| */ | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| /* Tables | |
| ========================================================================== */ | |
| /** | |
| * Remove most spacing between table cells. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| /* NORMALIZE END */ | |
| /* HUBSPOT FONTAWESOME */ | |
| /*!* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license(Font:SIL OFL 1.1,CSS:MIT License) */ | |
| @font-face { | |
| font-family: 'FontAwesome'; | |
| src: url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?v=4.1.0"); | |
| src: url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| .fa { | |
| display: inline-block; | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| .fa-lg { | |
| font-size: 1.33333333em; | |
| line-height: .75em; | |
| vertical-align: -15%; | |
| } | |
| .fa-2x { | |
| font-size: 2em; | |
| } | |
| .fa-3x { | |
| font-size: 3em; | |
| } | |
| .fa-4x { | |
| font-size: 4em; | |
| } | |
| .fa-5x { | |
| font-size: 5em; | |
| } | |
| .fa-fw { | |
| width: 1.28571429em; | |
| text-align: center; | |
| } | |
| .fa-ul { | |
| padding-left: 0; | |
| margin-left: 2.14285714em; | |
| list-style-type: none; | |
| } | |
| .fa-ul > li { | |
| position: relative; | |
| } | |
| .fa-li { | |
| position: absolute; | |
| left: -2.14285714em; | |
| width: 2.14285714em; | |
| top: .14285714em; | |
| text-align: center; | |
| } | |
| .fa-li.fa-lg { | |
| left: -1.85714em; | |
| } | |
| .fa-border { | |
| padding: .2em .25em .15em; | |
| border: solid .08em #eee; | |
| border-radius: 0.1em; | |
| } | |
| .pull-right { | |
| float: right; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .fa.pull-left { | |
| margin-right: 0.3em; | |
| } | |
| .fa.pull-right { | |
| margin-left: 0.3em; | |
| } | |
| .fa-spin { | |
| -webkit-animation: spin 2s infinite linear; | |
| -moz-animation: spin 2s infinite linear; | |
| -o-animation: spin 2s infinite linear; | |
| animation: spin 2s infinite linear; | |
| } | |
| @-moz-keyframes spin { | |
| 0% { | |
| -moz-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -moz-transform: rotate(359deg); | |
| } | |
| } | |
| @-webkit-keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| } | |
| } | |
| @-o-keyframes spin { | |
| 0% { | |
| -o-transform: rotate(0deg); | |
| } | |
| 100% { | |
| -o-transform: rotate(359deg); | |
| } | |
| } | |
| @keyframes spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| transform: rotate(359deg); | |
| } | |
| } | |
| .fa-rotate-90 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
| -webkit-transform: rotate(90deg); | |
| -moz-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| -o-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| } | |
| .fa-rotate-180 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
| -webkit-transform: rotate(180deg); | |
| -moz-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| -o-transform: rotate(180deg); | |
| transform: rotate(180deg); | |
| } | |
| .fa-rotate-270 { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
| -webkit-transform: rotate(270deg); | |
| -moz-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| -o-transform: rotate(270deg); | |
| transform: rotate(270deg); | |
| } | |
| .fa-flip-horizontal { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1); | |
| -webkit-transform: scale(-1, 1); | |
| -moz-transform: scale(-1, 1); | |
| -ms-transform: scale(-1, 1); | |
| -o-transform: scale(-1, 1); | |
| transform: scale(-1, 1); | |
| } | |
| .fa-flip-vertical { | |
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1); | |
| -webkit-transform: scale(1, -1); | |
| -moz-transform: scale(1, -1); | |
| -ms-transform: scale(1, -1); | |
| -o-transform: scale(1, -1); | |
| transform: scale(1, -1); | |
| } | |
| .fa-stack { | |
| position: relative; | |
| display: inline-block; | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; | |
| vertical-align: middle; | |
| } | |
| .fa-stack-1x, .fa-stack-2x { | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .fa-stack-1x { | |
| line-height: inherit; | |
| } | |
| .fa-stack-2x { | |
| font-size: 2em; | |
| } | |
| .fa-inverse { | |
| color: white; | |
| } | |
| .fa-glass:before { | |
| content: "\f000"; | |
| } | |
| .fa-music:before { | |
| content: "\f001"; | |
| } | |
| .fa-search:before { | |
| content: "\f002"; | |
| } | |
| .fa-envelope-o:before { | |
| content: "\f003"; | |
| } | |
| .fa-heart:before { | |
| content: "\f004"; | |
| } | |
| .fa-star:before { | |
| content: "\f005"; | |
| } | |
| .fa-star-o:before { | |
| content: "\f006"; | |
| } | |
| .fa-user:before { | |
| content: "\f007"; | |
| } | |
| .fa-film:before { | |
| content: "\f008"; | |
| } | |
| .fa-th-large:before { | |
| content: "\f009"; | |
| } | |
| .fa-th:before { | |
| content: "\f00a"; | |
| } | |
| .fa-th-list:before { | |
| content: "\f00b"; | |
| } | |
| .fa-check:before { | |
| content: "\f00c"; | |
| } | |
| .fa-times:before { | |
| content: "\f00d"; | |
| } | |
| .fa-search-plus:before { | |
| content: "\f00e"; | |
| } | |
| .fa-search-minus:before { | |
| content: "\f010"; | |
| } | |
| .fa-power-off:before { | |
| content: "\f011"; | |
| } | |
| .fa-signal:before { | |
| content: "\f012"; | |
| } | |
| .fa-gear:before, .fa-cog:before { | |
| content: "\f013"; | |
| } | |
| .fa-trash-o:before { | |
| content: "\f014"; | |
| } | |
| .fa-home:before { | |
| content: "\f015"; | |
| } | |
| .fa-file-o:before { | |
| content: "\f016"; | |
| } | |
| .fa-clock-o:before { | |
| content: "\f017"; | |
| } | |
| .fa-road:before { | |
| content: "\f018"; | |
| } | |
| .fa-download:before { | |
| content: "\f019"; | |
| } | |
| .fa-arrow-circle-o-down:before { | |
| content: "\f01a"; | |
| } | |
| .fa-arrow-circle-o-up:before { | |
| content: "\f01b"; | |
| } | |
| .fa-inbox:before { | |
| content: "\f01c"; | |
| } | |
| .fa-play-circle-o:before { | |
| content: "\f01d"; | |
| } | |
| .fa-rotate-right:before, .fa-repeat:before { | |
| content: "\f01e"; | |
| } | |
| .fa-refresh:before { | |
| content: "\f021"; | |
| } | |
| .fa-list-alt:before { | |
| content: "\f022"; | |
| } | |
| .fa-lock:before { | |
| content: "\f023"; | |
| } | |
| .fa-flag:before { | |
| content: "\f024"; | |
| } | |
| .fa-headphones:before { | |
| content: "\f025"; | |
| } | |
| .fa-volume-off:before { | |
| content: "\f026"; | |
| } | |
| .fa-volume-down:before { | |
| content: "\f027"; | |
| } | |
| .fa-volume-up:before { | |
| content: "\f028"; | |
| } | |
| .fa-qrcode:before { | |
| content: "\f029"; | |
| } | |
| .fa-barcode:before { | |
| content: "\f02a"; | |
| } | |
| .fa-tag:before { | |
| content: "\f02b"; | |
| } | |
| .fa-tags:before { | |
| content: "\f02c"; | |
| } | |
| .fa-book:before { | |
| content: "\f02d"; | |
| } | |
| .fa-bookmark:before { | |
| content: "\f02e"; | |
| } | |
| .fa-print:before { | |
| content: "\f02f"; | |
| } | |
| .fa-camera:before { | |
| content: "\f030"; | |
| } | |
| .fa-font:before { | |
| content: "\f031"; | |
| } | |
| .fa-bold:before { | |
| content: "\f032"; | |
| } | |
| .fa-italic:before { | |
| content: "\f033"; | |
| } | |
| .fa-text-height:before { | |
| content: "\f034"; | |
| } | |
| .fa-text-width:before { | |
| content: "\f035"; | |
| } | |
| .fa-align-left:before { | |
| content: "\f036"; | |
| } | |
| .fa-align-center:before { | |
| content: "\f037"; | |
| } | |
| .fa-align-right:before { | |
| content: "\f038"; | |
| } | |
| .fa-align-justify:before { | |
| content: "\f039"; | |
| } | |
| .fa-list:before { | |
| content: "\f03a"; | |
| } | |
| .fa-dedent:before, .fa-outdent:before { | |
| content: "\f03b"; | |
| } | |
| .fa-indent:before { | |
| content: "\f03c"; | |
| } | |
| .fa-video-camera:before { | |
| content: "\f03d"; | |
| } | |
| .fa-photo:before, .fa-image:before, .fa-picture-o:before { | |
| content: "\f03e"; | |
| } | |
| .fa-pencil:before { | |
| content: "\f040"; | |
| } | |
| .fa-map-marker:before { | |
| content: "\f041"; | |
| } | |
| .fa-adjust:before { | |
| content: "\f042"; | |
| } | |
| .fa-tint:before { | |
| content: "\f043"; | |
| } | |
| .fa-edit:before, .fa-pencil-square-o:before { | |
| content: "\f044"; | |
| } | |
| .fa-share-square-o:before { | |
| content: "\f045"; | |
| } | |
| .fa-check-square-o:before { | |
| content: "\f046"; | |
| } | |
| .fa-arrows:before { | |
| content: "\f047"; | |
| } | |
| .fa-step-backward:before { | |
| content: "\f048"; | |
| } | |
| .fa-fast-backward:before { | |
| content: "\f049"; | |
| } | |
| .fa-backward:before { | |
| content: "\f04a"; | |
| } | |
| .fa-play:before { | |
| content: "\f04b"; | |
| } | |
| .fa-pause:before { | |
| content: "\f04c"; | |
| } | |
| .fa-stop:before { | |
| content: "\f04d"; | |
| } | |
| .fa-forward:before { | |
| content: "\f04e"; | |
| } | |
| .fa-fast-forward:before { | |
| content: "\f050"; | |
| } | |
| .fa-step-forward:before { | |
| content: "\f051"; | |
| } | |
| .fa-eject:before { | |
| content: "\f052"; | |
| } | |
| .fa-chevron-left:before { | |
| content: "\f053"; | |
| } | |
| .fa-chevron-right:before { | |
| content: "\f054"; | |
| } | |
| .fa-plus-circle:before { | |
| content: "\f055"; | |
| } | |
| .fa-minus-circle:before { | |
| content: "\f056"; | |
| } | |
| .fa-times-circle:before { | |
| content: "\f057"; | |
| } | |
| .fa-check-circle:before { | |
| content: "\f058"; | |
| } | |
| .fa-question-circle:before { | |
| content: "\f059"; | |
| } | |
| .fa-info-circle:before { | |
| content: "\f05a"; | |
| } | |
| .fa-crosshairs:before { | |
| content: "\f05b"; | |
| } | |
| .fa-times-circle-o:before { | |
| content: "\f05c"; | |
| } | |
| .fa-check-circle-o:before { | |
| content: "\f05d"; | |
| } | |
| .fa-ban:before { | |
| content: "\f05e"; | |
| } | |
| .fa-arrow-left:before { | |
| content: "\f060"; | |
| } | |
| .fa-arrow-right:before { | |
| content: "\f061"; | |
| } | |
| .fa-arrow-up:before { | |
| content: "\f062"; | |
| } | |
| .fa-arrow-down:before { | |
| content: "\f063"; | |
| } | |
| .fa-mail-forward:before, .fa-share:before { | |
| content: "\f064"; | |
| } | |
| .fa-expand:before { | |
| content: "\f065"; | |
| } | |
| .fa-compress:before { | |
| content: "\f066"; | |
| } | |
| .fa-plus:before { | |
| content: "\f067"; | |
| } | |
| .fa-minus:before { | |
| content: "\f068"; | |
| } | |
| .fa-asterisk:before { | |
| content: "\f069"; | |
| } | |
| .fa-exclamation-circle:before { | |
| content: "\f06a"; | |
| } | |
| .fa-gift:before { | |
| content: "\f06b"; | |
| } | |
| .fa-leaf:before { | |
| content: "\f06c"; | |
| } | |
| .fa-fire:before { | |
| content: "\f06d"; | |
| } | |
| .fa-eye:before { | |
| content: "\f06e"; | |
| } | |
| .fa-eye-slash:before { | |
| content: "\f070"; | |
| } | |
| .fa-warning:before, .fa-exclamation-triangle:before { | |
| content: "\f071"; | |
| } | |
| .fa-plane:before { | |
| content: "\f072"; | |
| } | |
| .fa-calendar:before { | |
| content: "\f073"; | |
| } | |
| .fa-random:before { | |
| content: "\f074"; | |
| } | |
| .fa-comment:before { | |
| content: "\f075"; | |
| } | |
| .fa-magnet:before { | |
| content: "\f076"; | |
| } | |
| .fa-chevron-up:before { | |
| content: "\f077"; | |
| } | |
| .fa-chevron-down:before { | |
| content: "\f078"; | |
| } | |
| .fa-retweet:before { | |
| content: "\f079"; | |
| } | |
| .fa-shopping-cart:before { | |
| content: "\f07a"; | |
| } | |
| .fa-folder:before { | |
| content: "\f07b"; | |
| } | |
| .fa-folder-open:before { | |
| content: "\f07c"; | |
| } | |
| .fa-arrows-v:before { | |
| content: "\f07d"; | |
| } | |
| .fa-arrows-h:before { | |
| content: "\f07e"; | |
| } | |
| .fa-bar-chart-o:before { | |
| content: "\f080"; | |
| } | |
| .fa-twitter-square:before { | |
| content: "\f081"; | |
| } | |
| .fa-facebook-square:before { | |
| content: "\f082"; | |
| } | |
| .fa-camera-retro:before { | |
| content: "\f083"; | |
| } | |
| .fa-key:before { | |
| content: "\f084"; | |
| } | |
| .fa-gears:before, .fa-cogs:before { | |
| content: "\f085"; | |
| } | |
| .fa-comments:before { | |
| content: "\f086"; | |
| } | |
| .fa-thumbs-o-up:before { | |
| content: "\f087"; | |
| } | |
| .fa-thumbs-o-down:before { | |
| content: "\f088"; | |
| } | |
| .fa-star-half:before { | |
| content: "\f089"; | |
| } | |
| .fa-heart-o:before { | |
| content: "\f08a"; | |
| } | |
| .fa-sign-out:before { | |
| content: "\f08b"; | |
| } | |
| .fa-linkedin-square:before { | |
| content: "\f08c"; | |
| } | |
| .fa-thumb-tack:before { | |
| content: "\f08d"; | |
| } | |
| .fa-external-link:before { | |
| content: "\f08e"; | |
| } | |
| .fa-sign-in:before { | |
| content: "\f090"; | |
| } | |
| .fa-trophy:before { | |
| content: "\f091"; | |
| } | |
| .fa-github-square:before { | |
| content: "\f092"; | |
| } | |
| .fa-upload:before { | |
| content: "\f093"; | |
| } | |
| .fa-lemon-o:before { | |
| content: "\f094"; | |
| } | |
| .fa-phone:before { | |
| content: "\f095"; | |
| } | |
| .fa-square-o:before { | |
| content: "\f096"; | |
| } | |
| .fa-bookmark-o:before { | |
| content: "\f097"; | |
| } | |
| .fa-phone-square:before { | |
| content: "\f098"; | |
| } | |
| .fa-twitter:before { | |
| content: "\f099"; | |
| } | |
| .fa-facebook:before { | |
| content: "\f09a"; | |
| } | |
| .fa-github:before { | |
| content: "\f09b"; | |
| } | |
| .fa-unlock:before { | |
| content: "\f09c"; | |
| } | |
| .fa-credit-card:before { | |
| content: "\f09d"; | |
| } | |
| .fa-rss:before { | |
| content: "\f09e"; | |
| } | |
| .fa-hdd-o:before { | |
| content: "\f0a0"; | |
| } | |
| .fa-bullhorn:before { | |
| content: "\f0a1"; | |
| } | |
| .fa-bell:before { | |
| content: "\f0f3"; | |
| } | |
| .fa-certificate:before { | |
| content: "\f0a3"; | |
| } | |
| .fa-hand-o-right:before { | |
| content: "\f0a4"; | |
| } | |
| .fa-hand-o-left:before { | |
| content: "\f0a5"; | |
| } | |
| .fa-hand-o-up:before { | |
| content: "\f0a6"; | |
| } | |
| .fa-hand-o-down:before { | |
| content: "\f0a7"; | |
| } | |
| .fa-arrow-circle-left:before { | |
| content: "\f0a8"; | |
| } | |
| .fa-arrow-circle-right:before { | |
| content: "\f0a9"; | |
| } | |
| .fa-arrow-circle-up:before { | |
| content: "\f0aa"; | |
| } | |
| .fa-arrow-circle-down:before { | |
| content: "\f0ab"; | |
| } | |
| .fa-globe:before { | |
| content: "\f0ac"; | |
| } | |
| .fa-wrench:before { | |
| content: "\f0ad"; | |
| } | |
| .fa-tasks:before { | |
| content: "\f0ae"; | |
| } | |
| .fa-filter:before { | |
| content: "\f0b0"; | |
| } | |
| .fa-briefcase:before { | |
| content: "\f0b1"; | |
| } | |
| .fa-arrows-alt:before { | |
| content: "\f0b2"; | |
| } | |
| .fa-group:before, .fa-users:before { | |
| content: "\f0c0"; | |
| } | |
| .fa-chain:before, .fa-link:before { | |
| content: "\f0c1"; | |
| } | |
| .fa-cloud:before { | |
| content: "\f0c2"; | |
| } | |
| .fa-flask:before { | |
| content: "\f0c3"; | |
| } | |
| .fa-cut:before, .fa-scissors:before { | |
| content: "\f0c4"; | |
| } | |
| .fa-copy:before, .fa-files-o:before { | |
| content: "\f0c5"; | |
| } | |
| .fa-paperclip:before { | |
| content: "\f0c6"; | |
| } | |
| .fa-save:before, .fa-floppy-o:before { | |
| content: "\f0c7"; | |
| } | |
| .fa-square:before { | |
| content: "\f0c8"; | |
| } | |
| .fa-navicon:before, .fa-reorder:before, .fa-bars:before { | |
| content: "\f0c9"; | |
| } | |
| .fa-list-ul:before { | |
| content: "\f0ca"; | |
| } | |
| .fa-list-ol:before { | |
| content: "\f0cb"; | |
| } | |
| .fa-strikethrough:before { | |
| content: "\f0cc"; | |
| } | |
| .fa-underline:before { | |
| content: "\f0cd"; | |
| } | |
| .fa-table:before { | |
| content: "\f0ce"; | |
| } | |
| .fa-magic:before { | |
| content: "\f0d0"; | |
| } | |
| .fa-truck:before { | |
| content: "\f0d1"; | |
| } | |
| .fa-pinterest:before { | |
| content: "\f0d2"; | |
| } | |
| .fa-pinterest-square:before { | |
| content: "\f0d3"; | |
| } | |
| .fa-google-plus-square:before { | |
| content: "\f0d4"; | |
| } | |
| .fa-google-plus:before { | |
| content: "\f0d5"; | |
| } | |
| .fa-money:before { | |
| content: "\f0d6"; | |
| } | |
| .fa-caret-down:before { | |
| content: "\f0d7"; | |
| } | |
| .fa-caret-up:before { | |
| content: "\f0d8"; | |
| } | |
| .fa-caret-left:before { | |
| content: "\f0d9"; | |
| } | |
| .fa-caret-right:before { | |
| content: "\f0da"; | |
| } | |
| .fa-columns:before { | |
| content: "\f0db"; | |
| } | |
| .fa-unsorted:before, .fa-sort:before { | |
| content: "\f0dc"; | |
| } | |
| .fa-sort-down:before, .fa-sort-desc:before { | |
| content: "\f0dd"; | |
| } | |
| .fa-sort-up:before, .fa-sort-asc:before { | |
| content: "\f0de"; | |
| } | |
| .fa-envelope:before { | |
| content: "\f0e0"; | |
| } | |
| .fa-linkedin:before { | |
| content: "\f0e1"; | |
| } | |
| .fa-rotate-left:before, .fa-undo:before { | |
| content: "\f0e2"; | |
| } | |
| .fa-legal:before, .fa-gavel:before { | |
| content: "\f0e3"; | |
| } | |
| .fa-dashboard:before, .fa-tachometer:before { | |
| content: "\f0e4"; | |
| } | |
| .fa-comment-o:before { | |
| content: "\f0e5"; | |
| } | |
| .fa-comments-o:before { | |
| content: "\f0e6"; | |
| } | |
| .fa-flash:before, .fa-bolt:before { | |
| content: "\f0e7"; | |
| } | |
| .fa-sitemap:before { | |
| content: "\f0e8"; | |
| } | |
| .fa-umbrella:before { | |
| content: "\f0e9"; | |
| } | |
| .fa-paste:before, .fa-clipboard:before { | |
| content: "\f0ea"; | |
| } | |
| .fa-lightbulb-o:before { | |
| content: "\f0eb"; | |
| } | |
| .fa-exchange:before { | |
| content: "\f0ec"; | |
| } | |
| .fa-cloud-download:before { | |
| content: "\f0ed"; | |
| } | |
| .fa-cloud-upload:before { | |
| content: "\f0ee"; | |
| } | |
| .fa-user-md:before { | |
| content: "\f0f0"; | |
| } | |
| .fa-stethoscope:before { | |
| content: "\f0f1"; | |
| } | |
| .fa-suitcase:before { | |
| content: "\f0f2"; | |
| } | |
| .fa-bell-o:before { | |
| content: "\f0a2"; | |
| } | |
| .fa-coffee:before { | |
| content: "\f0f4"; | |
| } | |
| .fa-cutlery:before { | |
| content: "\f0f5"; | |
| } | |
| .fa-file-text-o:before { | |
| content: "\f0f6"; | |
| } | |
| .fa-building-o:before { | |
| content: "\f0f7"; | |
| } | |
| .fa-hospital-o:before { | |
| content: "\f0f8"; | |
| } | |
| .fa-ambulance:before { | |
| content: "\f0f9"; | |
| } | |
| .fa-medkit:before { | |
| content: "\f0fa"; | |
| } | |
| .fa-fighter-jet:before { | |
| content: "\f0fb"; | |
| } | |
| .fa-beer:before { | |
| content: "\f0fc"; | |
| } | |
| .fa-h-square:before { | |
| content: "\f0fd"; | |
| } | |
| .fa-plus-square:before { | |
| content: "\f0fe"; | |
| } | |
| .fa-angle-double-left:before { | |
| content: "\f100"; | |
| } | |
| .fa-angle-double-right:before { | |
| content: "\f101"; | |
| } | |
| .fa-angle-double-up:before { | |
| content: "\f102"; | |
| } | |
| .fa-angle-double-down:before { | |
| content: "\f103"; | |
| } | |
| .fa-angle-left:before { | |
| content: "\f104"; | |
| } | |
| .fa-angle-right:before { | |
| content: "\f105"; | |
| } | |
| .fa-angle-up:before { | |
| content: "\f106"; | |
| } | |
| .fa-angle-down:before { | |
| content: "\f107"; | |
| } | |
| .fa-desktop:before { | |
| content: "\f108"; | |
| } | |
| .fa-laptop:before { | |
| content: "\f109"; | |
| } | |
| .fa-tablet:before { | |
| content: "\f10a"; | |
| } | |
| .fa-mobile-phone:before, .fa-mobile:before { | |
| content: "\f10b"; | |
| } | |
| .fa-circle-o:before { | |
| content: "\f10c"; | |
| } | |
| .fa-quote-left:before { | |
| content: "\f10d"; | |
| } | |
| .fa-quote-right:before { | |
| content: "\f10e"; | |
| } | |
| .fa-spinner:before { | |
| content: "\f110"; | |
| } | |
| .fa-circle:before { | |
| content: "\f111"; | |
| } | |
| .fa-mail-reply:before, .fa-reply:before { | |
| content: "\f112"; | |
| } | |
| .fa-github-alt:before { | |
| content: "\f113"; | |
| } | |
| .fa-folder-o:before { | |
| content: "\f114"; | |
| } | |
| .fa-folder-open-o:before { | |
| content: "\f115"; | |
| } | |
| .fa-smile-o:before { | |
| content: "\f118"; | |
| } | |
| .fa-frown-o:before { | |
| content: "\f119"; | |
| } | |
| .fa-meh-o:before { | |
| content: "\f11a"; | |
| } | |
| .fa-gamepad:before { | |
| content: "\f11b"; | |
| } | |
| .fa-keyboard-o:before { | |
| content: "\f11c"; | |
| } | |
| .fa-flag-o:before { | |
| content: "\f11d"; | |
| } | |
| .fa-flag-checkered:before { | |
| content: "\f11e"; | |
| } | |
| .fa-terminal:before { | |
| content: "\f120"; | |
| } | |
| .fa-code:before { | |
| content: "\f121"; | |
| } | |
| .fa-mail-reply-all:before, .fa-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { | |
| content: "\f123"; | |
| } | |
| .fa-location-arrow:before { | |
| content: "\f124"; | |
| } | |
| .fa-crop:before { | |
| content: "\f125"; | |
| } | |
| .fa-code-fork:before { | |
| content: "\f126"; | |
| } | |
| .fa-unlink:before, .fa-chain-broken:before { | |
| content: "\f127"; | |
| } | |
| .fa-question:before { | |
| content: "\f128"; | |
| } | |
| .fa-info:before { | |
| content: "\f129"; | |
| } | |
| .fa-exclamation:before { | |
| content: "\f12a"; | |
| } | |
| .fa-superscript:before { | |
| content: "\f12b"; | |
| } | |
| .fa-subscript:before { | |
| content: "\f12c"; | |
| } | |
| .fa-eraser:before { | |
| content: "\f12d"; | |
| } | |
| .fa-puzzle-piece:before { | |
| content: "\f12e"; | |
| } | |
| .fa-microphone:before { | |
| content: "\f130"; | |
| } | |
| .fa-microphone-slash:before { | |
| content: "\f131"; | |
| } | |
| .fa-shield:before { | |
| content: "\f132"; | |
| } | |
| .fa-calendar-o:before { | |
| content: "\f133"; | |
| } | |
| .fa-fire-extinguisher:before { | |
| content: "\f134"; | |
| } | |
| .fa-rocket:before { | |
| content: "\f135"; | |
| } | |
| .fa-maxcdn:before { | |
| content: "\f136"; | |
| } | |
| .fa-chevron-circle-left:before { | |
| content: "\f137"; | |
| } | |
| .fa-chevron-circle-right:before { | |
| content: "\f138"; | |
| } | |
| .fa-chevron-circle-up:before { | |
| content: "\f139"; | |
| } | |
| .fa-chevron-circle-down:before { | |
| content: "\f13a"; | |
| } | |
| .fa-html5:before { | |
| content: "\f13b"; | |
| } | |
| .fa-css3:before { | |
| content: "\f13c"; | |
| } | |
| .fa-anchor:before { | |
| content: "\f13d"; | |
| } | |
| .fa-unlock-alt:before { | |
| content: "\f13e"; | |
| } | |
| .fa-bullseye:before { | |
| content: "\f140"; | |
| } | |
| .fa-ellipsis-h:before { | |
| content: "\f141"; | |
| } | |
| .fa-ellipsis-v:before { | |
| content: "\f142"; | |
| } | |
| .fa-rss-square:before { | |
| content: "\f143"; | |
| } | |
| .fa-play-circle:before { | |
| content: "\f144"; | |
| } | |
| .fa-ticket:before { | |
| content: "\f145"; | |
| } | |
| .fa-minus-square:before { | |
| content: "\f146"; | |
| } | |
| .fa-minus-square-o:before { | |
| content: "\f147"; | |
| } | |
| .fa-level-up:before { | |
| content: "\f148"; | |
| } | |
| .fa-level-down:before { | |
| content: "\f149"; | |
| } | |
| .fa-check-square:before { | |
| content: "\f14a"; | |
| } | |
| .fa-pencil-square:before { | |
| content: "\f14b"; | |
| } | |
| .fa-external-link-square:before { | |
| content: "\f14c"; | |
| } | |
| .fa-share-square:before { | |
| content: "\f14d"; | |
| } | |
| .fa-compass:before { | |
| content: "\f14e"; | |
| } | |
| .fa-toggle-down:before, .fa-caret-square-o-down:before { | |
| content: "\f150"; | |
| } | |
| .fa-toggle-up:before, .fa-caret-square-o-up:before { | |
| content: "\f151"; | |
| } | |
| .fa-toggle-right:before, .fa-caret-square-o-right:before { | |
| content: "\f152"; | |
| } | |
| .fa-euro:before, .fa-eur:before { | |
| content: "\f153"; | |
| } | |
| .fa-gbp:before { | |
| content: "\f154"; | |
| } | |
| .fa-dollar:before, .fa-usd:before { | |
| content: "\f155"; | |
| } | |
| .fa-rupee:before, .fa-inr:before { | |
| content: "\f156"; | |
| } | |
| .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { | |
| content: "\f157"; | |
| } | |
| .fa-ruble:before, .fa-rouble:before, .fa-rub:before { | |
| content: "\f158"; | |
| } | |
| .fa-won:before, .fa-krw:before { | |
| content: "\f159"; | |
| } | |
| .fa-bitcoin:before, .fa-btc:before { | |
| content: "\f15a"; | |
| } | |
| .fa-file:before { | |
| content: "\f15b"; | |
| } | |
| .fa-file-text:before { | |
| content: "\f15c"; | |
| } | |
| .fa-sort-alpha-asc:before { | |
| content: "\f15d"; | |
| } | |
| .fa-sort-alpha-desc:before { | |
| content: "\f15e"; | |
| } | |
| .fa-sort-amount-asc:before { | |
| content: "\f160"; | |
| } | |
| .fa-sort-amount-desc:before { | |
| content: "\f161"; | |
| } | |
| .fa-sort-numeric-asc:before { | |
| content: "\f162"; | |
| } | |
| .fa-sort-numeric-desc:before { | |
| content: "\f163"; | |
| } | |
| .fa-thumbs-up:before { | |
| content: "\f164"; | |
| } | |
| .fa-thumbs-down:before { | |
| content: "\f165"; | |
| } | |
| .fa-youtube-square:before { | |
| content: "\f166"; | |
| } | |
| .fa-youtube:before { | |
| content: "\f167"; | |
| } | |
| .fa-xing:before { | |
| content: "\f168"; | |
| } | |
| .fa-xing-square:before { | |
| content: "\f169"; | |
| } | |
| .fa-youtube-play:before { | |
| content: "\f16a"; | |
| } | |
| .fa-dropbox:before { | |
| content: "\f16b"; | |
| } | |
| .fa-stack-overflow:before { | |
| content: "\f16c"; | |
| } | |
| .fa-instagram:before { | |
| content: "\f16d"; | |
| } | |
| .fa-flickr:before { | |
| content: "\f16e"; | |
| } | |
| .fa-adn:before { | |
| content: "\f170"; | |
| } | |
| .fa-bitbucket:before { | |
| content: "\f171"; | |
| } | |
| .fa-bitbucket-square:before { | |
| content: "\f172"; | |
| } | |
| .fa-tumblr:before { | |
| content: "\f173"; | |
| } | |
| .fa-tumblr-square:before { | |
| content: "\f174"; | |
| } | |
| .fa-long-arrow-down:before { | |
| content: "\f175"; | |
| } | |
| .fa-long-arrow-up:before { | |
| content: "\f176"; | |
| } | |
| .fa-long-arrow-left:before { | |
| content: "\f177"; | |
| } | |
| .fa-long-arrow-right:before { | |
| content: "\f178"; | |
| } | |
| .fa-apple:before { | |
| content: "\f179"; | |
| } | |
| .fa-windows:before { | |
| content: "\f17a"; | |
| } | |
| .fa-android:before { | |
| content: "\f17b"; | |
| } | |
| .fa-linux:before { | |
| content: "\f17c"; | |
| } | |
| .fa-dribbble:before { | |
| content: "\f17d"; | |
| } | |
| .fa-skype:before { | |
| content: "\f17e"; | |
| } | |
| .fa-foursquare:before { | |
| content: "\f180"; | |
| } | |
| .fa-trello:before { | |
| content: "\f181"; | |
| } | |
| .fa-female:before { | |
| content: "\f182"; | |
| } | |
| .fa-male:before { | |
| content: "\f183"; | |
| } | |
| .fa-gittip:before { | |
| content: "\f184"; | |
| } | |
| .fa-sun-o:before { | |
| content: "\f185"; | |
| } | |
| .fa-moon-o:before { | |
| content: "\f186"; | |
| } | |
| .fa-archive:before { | |
| content: "\f187"; | |
| } | |
| .fa-bug:before { | |
| content: "\f188"; | |
| } | |
| .fa-vk:before { | |
| content: "\f189"; | |
| } | |
| .fa-weibo:before { | |
| content: "\f18a"; | |
| } | |
| .fa-renren:before { | |
| content: "\f18b"; | |
| } | |
| .fa-pagelines:before { | |
| content: "\f18c"; | |
| } | |
| .fa-stack-exchange:before { | |
| content: "\f18d"; | |
| } | |
| .fa-arrow-circle-o-right:before { | |
| content: "\f18e"; | |
| } | |
| .fa-arrow-circle-o-left:before { | |
| content: "\f190"; | |
| } | |
| .fa-toggle-left:before, .fa-caret-square-o-left:before { | |
| content: "\f191"; | |
| } | |
| .fa-dot-circle-o:before { | |
| content: "\f192"; | |
| } | |
| .fa-wheelchair:before { | |
| content: "\f193"; | |
| } | |
| .fa-vimeo-square:before { | |
| content: "\f194"; | |
| } | |
| .fa-turkish-lira:before, .fa-try:before { | |
| content: "\f195"; | |
| } | |
| .fa-plus-square-o:before { | |
| content: "\f196"; | |
| } | |
| .fa-space-shuttle:before { | |
| content: "\f197"; | |
| } | |
| .fa-slack:before { | |
| content: "\f198"; | |
| } | |
| .fa-envelope-square:before { | |
| content: "\f199"; | |
| } | |
| .fa-wordpress:before { | |
| content: "\f19a"; | |
| } | |
| .fa-openid:before { | |
| content: "\f19b"; | |
| } | |
| .fa-institution:before, .fa-bank:before, .fa-university:before { | |
| content: "\f19c"; | |
| } | |
| .fa-mortar-board:before, .fa-graduation-cap:before { | |
| content: "\f19d"; | |
| } | |
| .fa-yahoo:before { | |
| content: "\f19e"; | |
| } | |
| .fa-google:before { | |
| content: "\f1a0"; | |
| } | |
| .fa-reddit:before { | |
| content: "\f1a1"; | |
| } | |
| .fa-reddit-square:before { | |
| content: "\f1a2"; | |
| } | |
| .fa-stumbleupon-circle:before { | |
| content: "\f1a3"; | |
| } | |
| .fa-stumbleupon:before { | |
| content: "\f1a4"; | |
| } | |
| .fa-delicious:before { | |
| content: "\f1a5"; | |
| } | |
| .fa-digg:before { | |
| content: "\f1a6"; | |
| } | |
| .fa-pied-piper-square:before, .fa-pied-piper:before { | |
| content: "\f1a7"; | |
| } | |
| .fa-pied-piper-alt:before { | |
| content: "\f1a8"; | |
| } | |
| .fa-drupal:before { | |
| content: "\f1a9"; | |
| } | |
| .fa-joomla:before { | |
| content: "\f1aa"; | |
| } | |
| .fa-language:before { | |
| content: "\f1ab"; | |
| } | |
| .fa-fax:before { | |
| content: "\f1ac"; | |
| } | |
| .fa-building:before { | |
| content: "\f1ad"; | |
| } | |
| .fa-child:before { | |
| content: "\f1ae"; | |
| } | |
| .fa-paw:before { | |
| content: "\f1b0"; | |
| } | |
| .fa-spoon:before { | |
| content: "\f1b1"; | |
| } | |
| .fa-cube:before { | |
| content: "\f1b2"; | |
| } | |
| .fa-cubes:before { | |
| content: "\f1b3"; | |
| } | |
| .fa-behance:before { | |
| content: "\f1b4"; | |
| } | |
| .fa-behance-square:before { | |
| content: "\f1b5"; | |
| } | |
| .fa-steam:before { | |
| content: "\f1b6"; | |
| } | |
| .fa-steam-square:before { | |
| content: "\f1b7"; | |
| } | |
| .fa-recycle:before { | |
| content: "\f1b8"; | |
| } | |
| .fa-automobile:before, .fa-car:before { | |
| content: "\f1b9"; | |
| } | |
| .fa-cab:before, .fa-taxi:before { | |
| content: "\f1ba"; | |
| } | |
| .fa-tree:before { | |
| content: "\f1bb"; | |
| } | |
| .fa-spotify:before { | |
| content: "\f1bc"; | |
| } | |
| .fa-deviantart:before { | |
| content: "\f1bd"; | |
| } | |
| .fa-soundcloud:before { | |
| content: "\f1be"; | |
| } | |
| .fa-database:before { | |
| content: "\f1c0"; | |
| } | |
| .fa-file-pdf-o:before { | |
| content: "\f1c1"; | |
| } | |
| .fa-file-word-o:before { | |
| content: "\f1c2"; | |
| } | |
| .fa-file-excel-o:before { | |
| content: "\f1c3"; | |
| } | |
| .fa-file-powerpoint-o:before { | |
| content: "\f1c4"; | |
| } | |
| .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { | |
| content: "\f1c5"; | |
| } | |
| .fa-file-zip-o:before, .fa-file-archive-o:before { | |
| content: "\f1c6"; | |
| } | |
| .fa-file-sound-o:before, .fa-file-audio-o:before { | |
| content: "\f1c7"; | |
| } | |
| .fa-file-movie-o:before, .fa-file-video-o:before { | |
| content: "\f1c8"; | |
| } | |
| .fa-file-code-o:before { | |
| content: "\f1c9"; | |
| } | |
| .fa-vine:before { | |
| content: "\f1ca"; | |
| } | |
| .fa-codepen:before { | |
| content: "\f1cb"; | |
| } | |
| .fa-jsfiddle:before { | |
| content: "\f1cc"; | |
| } | |
| .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { | |
| content: "\f1cd"; | |
| } | |
| .fa-circle-o-notch:before { | |
| content: "\f1ce"; | |
| } | |
| .fa-ra:before, .fa-rebel:before { | |
| content: "\f1d0"; | |
| } | |
| .fa-ge:before, .fa-empire:before { | |
| content: "\f1d1"; | |
| } | |
| .fa-git-square:before { | |
| content: "\f1d2"; | |
| } | |
| .fa-git:before { | |
| content: "\f1d3"; | |
| } | |
| .fa-hacker-news:before { | |
| content: "\f1d4"; | |
| } | |
| .fa-tencent-weibo:before { | |
| content: "\f1d5"; | |
| } | |
| .fa-qq:before { | |
| content: "\f1d6"; | |
| } | |
| .fa-wechat:before, .fa-weixin:before { | |
| content: "\f1d7"; | |
| } | |
| .fa-send:before, .fa-paper-plane:before { | |
| content: "\f1d8"; | |
| } | |
| .fa-send-o:before, .fa-paper-plane-o:before { | |
| content: "\f1d9"; | |
| } | |
| .fa-history:before { | |
| content: "\f1da"; | |
| } | |
| .fa-circle-thin:before { | |
| content: "\f1db"; | |
| } | |
| .fa-header:before { | |
| content: "\f1dc"; | |
| } | |
| .fa-paragraph:before { | |
| content: "\f1dd"; | |
| } | |
| .fa-sliders:before { | |
| content: "\f1de"; | |
| } | |
| .fa-share-alt:before { | |
| content: "\f1e0"; | |
| } | |
| .fa-share-alt-square:before { | |
| content: "\f1e1"; | |
| } | |
| .fa-bomb:before { | |
| content: "\f1e2"; | |
| } | |
| /* ------------- */ | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| .cta_button { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .cta_button table, .cta_button tr, .cta_button td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| } | |
| .cta_button tbody { | |
| width: 100%; | |
| display: inline-table; | |
| } | |
| .cta_button .box { | |
| background-color: #4b4a3b; | |
| display: block; | |
| } | |
| .cta_button .left { | |
| text-align: left; | |
| width: 55%; | |
| height: 100%; | |
| padding-right: 5px; | |
| } | |
| .cta_button .right { | |
| vertical-align: top; | |
| text-align: right; | |
| width: 44%; | |
| height: 100%; | |
| padding-bottom: 3px; | |
| padding-right: 3px; | |
| padding-left: 3px; | |
| padding-top: 10px; | |
| } | |
| .cta_button .clear { | |
| clear: both; | |
| } | |
| .cta_button h3 { | |
| font-family: 'ff-meta-serif-web-pro', georgia; | |
| font-weight: bold; | |
| font-size: 24px; | |
| line-height: 24px; | |
| vertical-align: top; | |
| margin: 0; | |
| padding: 10px 0 0 10px; | |
| color: #7dc6cd; | |
| } | |
| .cta_button img { | |
| margin: 5px 5px 5px 0; | |
| display: none; | |
| float: right; | |
| } | |
| .cta_button p { | |
| font-family: Arial; | |
| font-size: 16px; | |
| line-height: 20px; | |
| vertical-align: top; | |
| margin: 0; | |
| padding: 5px 0 10px 10px; | |
| color: #fff; | |
| } | |
| .cta_button #hyperlink { | |
| cursor: pointer; | |
| display: inline; | |
| font-family: Arial; | |
| font-weight: bold; | |
| color: #fff; | |
| text-decoration: none; | |
| vertical-align: top; | |
| padding: 5px 20px 7px; | |
| background-color: #EF5028; | |
| border-radius: 3px; | |
| width: inherit; | |
| margin-left: 10px; | |
| } | |
| .cta_button .fa-arrow-circle-right { | |
| color: #EF5028; | |
| margin-left: 5px; | |
| display: none; | |
| } | |
| .cta_button #hyperlink:hover { | |
| background-color: #be2a00; | |
| text-decoration: none; | |
| } | |
| .cta_button #hyperlink:hover span { | |
| color: #be2a00; | |
| } | |
| @media all and (max-width: 495px) { | |
| .cta_button #hyperlink { | |
| display: block; | |
| color: #EF5028; | |
| background-color: transparent; | |
| padding-left: 0; | |
| padding-right: 0; | |
| padding-top: 0; | |
| } | |
| .cta_button #hyperlink:hover { | |
| color: #be2a00; | |
| background-color: transparent; | |
| } | |
| .cta_button img { | |
| width: 100%; | |
| } | |
| } | |
| @media all and (max-width: 495px) { | |
| .cta_button h3 { | |
| padding-top: 7px; | |
| font-size: 20px; | |
| line-height: 22px; | |
| } | |
| .cta_button p, .cta_button #hyperlink { | |
| font-size: 14px; | |
| line-height: 18px; | |
| } | |
| .cta_button h3, .cta_button p, .cta_button #hyperlink { | |
| padding-left: 7px; | |
| } | |
| .cta_button #hyperlink { | |
| margin-left: 0; | |
| margin-top: 0; | |
| display: block; | |
| width: 100%; | |
| } | |
| .cta_button p { | |
| margin-bottom: 0; | |
| } | |
| .cta_button .button #hyperlink { | |
| padding-left: 0; | |
| } | |
| .cta_button .fa-arrow-circle-right { | |
| display: inline-block; | |
| } | |
| } | |
| @media all and (max-width: 325px) { | |
| .cta_button h3 { | |
| font-size: 16px; | |
| line-height: 18px; | |
| } | |
| .cta_button p { | |
| font-size: 12px; | |
| line-height: 14px; | |
| padding-bottom: 5px; | |
| } | |
| } | |
| @media all and (max-width: 319px) { | |
| .cta_button .img-xs { | |
| display: block; | |
| } | |
| } | |
| @media all and (min-width: 320px) and (max-width: 495px) { | |
| .cta_button .img-sm { | |
| display: block; | |
| } | |
| } | |
| @media all and (min-width: 420px) { | |
| .cta_button .img-sm { | |
| width: auto; | |
| } | |
| } | |
| @media all and (min-width: 496px) and (max-width: 689px) { | |
| .cta_button .img-med { | |
| width: auto; | |
| display: block; | |
| } | |
| .cta_button .left { | |
| vertical-align: top; | |
| } | |
| } | |
| @media all and (min-width: 690px) { | |
| .cta_button .right { | |
| padding-top: 7px; | |
| padding-right: 7px; | |
| padding-bottom: 10px; | |
| } | |
| .cta_button .img-lrg { | |
| width: auto; | |
| margin-top: -10px; | |
| margin-right: -5px; | |
| display: block; | |
| } | |
| .cta_button .left { | |
| vertical-align: top; | |
| } | |
| } | |
| .cta_button .box-green { | |
| background-color: #bee23a; | |
| } | |
| .cta_button .box-green h3 { | |
| color: #4b4a3b; | |
| } | |
| .cta_button .box-green p { | |
| color: #4d4d4d; | |
| } | |
| .cta_button .box-blue { | |
| background-color: #7dc6cd; | |
| } | |
| .cta_button .box-blue h3 { | |
| color: #fff; | |
| } | |
| .cta_button .box-blue p { | |
| color: #4d4d4d; | |
| } | |
| .cta_button .box-yellow { | |
| background-color: #ffca01; | |
| } | |
| .cta_button .box-yellow h3 { | |
| color: #4b4a3b; | |
| } | |
| .cta_button .box-yellow p { | |
| color: #4d4d4d; | |
| } | |
| .cta_button .box-brown { | |
| background-color: #4b4a3b; | |
| } | |
| .cta_button .box-brown h3 { | |
| color: #7dc6cd; | |
| } | |
| .cta_button .box-brown p { | |
| color: #fff; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment