plugin-styles.css

plugin-styles.css

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: .67em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; -moz-box-sizing: border-box; }

/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("fontawesome/font/fontawesome-webfont.eot?v=3.2.1"); src: url("fontawesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("fontawesome/font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("fontawesome/font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("fontawesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); font-weight: normal; font-style: normal; }

/* FONT AWESOME CORE -------------------------- */
[class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; }

[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before { vertical-align: -10%; font-size: 1.33333em; }

/* makes sure icons active on rollover in links */
a [class^="icon-"], a [class*=" icon-"] { display: inline; }

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.14286em; text-align: right; padding-right: 0.28571em; }
[class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.42857em; }

.icons-ul { margin-left: 2.14286em; list-style-type: none; }
.icons-ul > li { position: relative; }
.icons-ul .icon-li { position: absolute; left: -2.14286em; width: 2.14286em; text-align: center; line-height: inherit; }

[class^="icon-"].hide, [class*=" icon-"].hide { display: none; }

.icon-muted { color: #eeeeee; }

.icon-light { color: white; }

.icon-dark { color: #333333; }

.icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.icon-2x { font-size: 2em; }
.icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.icon-3x { font-size: 3em; }
.icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.icon-4x { font-size: 4em; }
.icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.icon-5x { font-size: 5em; }
.icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.pull-right { float: right; }

.pull-left { float: left; }

[class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; }
[class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }

.icon-music:before { content: "\f001"; }

.icon-search:before { content: "\f002"; }

.icon-envelope-alt:before { content: "\f003"; }

.icon-heart:before { content: "\f004"; }

.icon-star:before { content: "\f005"; }

.icon-star-empty:before { content: "\f006"; }

.icon-user:before { content: "\f007"; }

.icon-film:before { content: "\f008"; }

.icon-th-large:before { content: "\f009"; }

.icon-th:before { content: "\f00a"; }

.icon-th-list:before { content: "\f00b"; }

.icon-ok:before { content: "\f00c"; }

.icon-remove:before { content: "\f00d"; }

.icon-zoom-in:before { content: "\f00e"; }

.icon-zoom-out:before { content: "\f010"; }

.icon-power-off:before, .icon-off:before { content: "\f011"; }

.icon-signal:before { content: "\f012"; }

.icon-gear:before, .icon-cog:before { content: "\f013"; }

.icon-trash:before { content: "\f014"; }

.icon-home:before { content: "\f015"; }

.icon-file-alt:before { content: "\f016"; }

.icon-time:before { content: "\f017"; }

.icon-road:before { content: "\f018"; }

.icon-download-alt:before { content: "\f019"; }

.icon-download:before { content: "\f01a"; }

.icon-upload:before { content: "\f01b"; }

.icon-inbox:before { content: "\f01c"; }

.icon-play-circle:before { content: "\f01d"; }

.icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; }

.icon-refresh:before { content: "\f021"; }

.icon-list-alt:before { content: "\f022"; }

.icon-lock:before { content: "\f023"; }

.icon-flag:before { content: "\f024"; }

.icon-headphones:before { content: "\f025"; }

.icon-volume-off:before { content: "\f026"; }

.icon-volume-down:before { content: "\f027"; }

.icon-volume-up:before { content: "\f028"; }

.icon-qrcode:before { content: "\f029"; }

.icon-barcode:before { content: "\f02a"; }

.icon-tag:before { content: "\f02b"; }

.icon-tags:before { content: "\f02c"; }

.icon-book:before { content: "\f02d"; }

.icon-bookmark:before { content: "\f02e"; }

.icon-print:before { content: "\f02f"; }

.icon-camera:before { content: "\f030"; }

.icon-font:before { content: "\f031"; }

.icon-bold:before { content: "\f032"; }

.icon-italic:before { content: "\f033"; }

.icon-text-height:before { content: "\f034"; }

.icon-text-width:before { content: "\f035"; }

.icon-align-left:before { content: "\f036"; }

.icon-align-center:before { content: "\f037"; }

.icon-align-right:before { content: "\f038"; }

.icon-align-justify:before { content: "\f039"; }

.icon-list:before { content: "\f03a"; }

.icon-indent-left:before { content: "\f03b"; }

.icon-indent-right:before { content: "\f03c"; }

.icon-facetime-video:before { content: "\f03d"; }

.icon-picture:before { content: "\f03e"; }

.icon-pencil:before { content: "\f040"; }

.icon-map-marker:before { content: "\f041"; }

.icon-adjust:before { content: "\f042"; }

.icon-tint:before { content: "\f043"; }

.icon-edit:before { content: "\f044"; }

.icon-share:before { content: "\f045"; }

.icon-check:before { content: "\f046"; }

.icon-move:before { content: "\f047"; }

.icon-step-backward:before { content: "\f048"; }

.icon-fast-backward:before { content: "\f049"; }

.icon-backward:before { content: "\f04a"; }

.icon-play:before { content: "\f04b"; }

.icon-pause:before { content: "\f04c"; }

.icon-stop:before { content: "\f04d"; }

.icon-forward:before { content: "\f04e"; }

.icon-fast-forward:before { content: "\f050"; }

.icon-step-forward:before { content: "\f051"; }

.icon-eject:before { content: "\f052"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-plus-sign:before { content: "\f055"; }

.icon-minus-sign:before { content: "\f056"; }

.icon-remove-sign:before { content: "\f057"; }

.icon-ok-sign:before { content: "\f058"; }

.icon-question-sign:before { content: "\f059"; }

.icon-info-sign:before { content: "\f05a"; }

.icon-screenshot:before { content: "\f05b"; }

.icon-remove-circle:before { content: "\f05c"; }

.icon-ok-circle:before { content: "\f05d"; }

.icon-ban-circle:before { content: "\f05e"; }

.icon-arrow-left:before { content: "\f060"; }

.icon-arrow-right:before { content: "\f061"; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before { content: "\f063"; }

.icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; }

.icon-resize-full:before { content: "\f065"; }

.icon-resize-small:before { content: "\f066"; }

.icon-plus:before { content: "\f067"; }

.icon-minus:before { content: "\f068"; }

.icon-asterisk:before { content: "\f069"; }

.icon-exclamation-sign:before { content: "\f06a"; }

.icon-gift:before { content: "\f06b"; }

.icon-leaf:before { content: "\f06c"; }

.icon-fire:before { content: "\f06d"; }

.icon-eye-open:before { content: "\f06e"; }

.icon-eye-close:before { content: "\f070"; }

.icon-warning-sign:before { content: "\f071"; }

.icon-plane:before { content: "\f072"; }

.icon-calendar:before { content: "\f073"; }

.icon-random:before { content: "\f074"; }

.icon-comment:before { content: "\f075"; }

.icon-magnet:before { content: "\f076"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-retweet:before { content: "\f079"; }

.icon-shopping-cart:before { content: "\f07a"; }

.icon-folder-close:before { content: "\f07b"; }

.icon-folder-open:before { content: "\f07c"; }

.icon-resize-vertical:before { content: "\f07d"; }

.icon-resize-horizontal:before { content: "\f07e"; }

.icon-bar-chart:before { content: "\f080"; }

.icon-twitter-sign:before { content: "\f081"; }

.icon-facebook-sign:before { content: "\f082"; }

.icon-camera-retro:before { content: "\f083"; }

.icon-key:before { content: "\f084"; }

.icon-gears:before, .icon-cogs:before { content: "\f085"; }

.icon-comments:before { content: "\f086"; }

.icon-thumbs-up-alt:before { content: "\f087"; }

.icon-thumbs-down-alt:before { content: "\f088"; }

.icon-star-half:before { content: "\f089"; }

.icon-heart-empty:before { content: "\f08a"; }

.icon-signout:before { content: "\f08b"; }

.icon-linkedin-sign:before { content: "\f08c"; }

.icon-pushpin:before { content: "\f08d"; }

.icon-external-link:before { content: "\f08e"; }

.icon-signin:before { content: "\f090"; }

.icon-trophy:before { content: "\f091"; }

.icon-github-sign:before { content: "\f092"; }

.icon-upload-alt:before { content: "\f093"; }

.icon-lemon:before { content: "\f094"; }

.icon-phone:before { content: "\f095"; }

.icon-unchecked:before, .icon-check-empty:before { content: "\f096"; }

.icon-bookmark-empty:before { content: "\f097"; }

.icon-phone-sign:before { content: "\f098"; }

.icon-twitter:before { content: "\f099"; }

.icon-facebook:before { content: "\f09a"; }

.icon-github:before { content: "\f09b"; }

.icon-unlock:before { content: "\f09c"; }

.icon-credit-card:before { content: "\f09d"; }

.icon-rss:before { content: "\f09e"; }

.icon-hdd:before { content: "\f0a0"; }

.icon-bullhorn:before { content: "\f0a1"; }

.icon-bell:before { content: "\f0a2"; }

.icon-certificate:before { content: "\f0a3"; }

.icon-hand-right:before { content: "\f0a4"; }

.icon-hand-left:before { content: "\f0a5"; }

.icon-hand-up:before { content: "\f0a6"; }

.icon-hand-down:before { content: "\f0a7"; }

.icon-circle-arrow-left:before { content: "\f0a8"; }

.icon-circle-arrow-right:before { content: "\f0a9"; }

.icon-circle-arrow-up:before { content: "\f0aa"; }

.icon-circle-arrow-down:before { content: "\f0ab"; }

.icon-globe:before { content: "\f0ac"; }

.icon-wrench:before { content: "\f0ad"; }

.icon-tasks:before { content: "\f0ae"; }

.icon-filter:before { content: "\f0b0"; }

.icon-briefcase:before { content: "\f0b1"; }

.icon-fullscreen:before { content: "\f0b2"; }

.icon-group:before { content: "\f0c0"; }

.icon-link:before { content: "\f0c1"; }

.icon-cloud:before { content: "\f0c2"; }

.icon-beaker:before { content: "\f0c3"; }

.icon-cut:before { content: "\f0c4"; }

.icon-copy:before { content: "\f0c5"; }

.icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; }

.icon-save:before { content: "\f0c7"; }

.icon-sign-blank:before { content: "\f0c8"; }

.icon-reorder:before { content: "\f0c9"; }

.icon-list-ul:before { content: "\f0ca"; }

.icon-list-ol:before { content: "\f0cb"; }

.icon-strikethrough:before { content: "\f0cc"; }

.icon-underline:before { content: "\f0cd"; }

.icon-table:before { content: "\f0ce"; }

.icon-magic:before { content: "\f0d0"; }

.icon-truck:before { content: "\f0d1"; }

.icon-pinterest:before { content: "\f0d2"; }

.icon-pinterest-sign:before { content: "\f0d3"; }

.icon-google-plus-sign:before { content: "\f0d4"; }

.icon-google-plus:before { content: "\f0d5"; }

.icon-money:before { content: "\f0d6"; }

.icon-caret-down:before { content: "\f0d7"; }

.icon-caret-up:before { content: "\f0d8"; }

.icon-caret-left:before { content: "\f0d9"; }

.icon-caret-right:before { content: "\f0da"; }

.icon-columns:before { content: "\f0db"; }

.icon-sort:before { content: "\f0dc"; }

.icon-sort-down:before { content: "\f0dd"; }

.icon-sort-up:before { content: "\f0de"; }

.icon-envelope:before { content: "\f0e0"; }

.icon-linkedin:before { content: "\f0e1"; }

.icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; }

.icon-legal:before { content: "\f0e3"; }

.icon-dashboard:before { content: "\f0e4"; }

.icon-comment-alt:before { content: "\f0e5"; }

.icon-comments-alt:before { content: "\f0e6"; }

.icon-bolt:before { content: "\f0e7"; }

.icon-sitemap:before { content: "\f0e8"; }

.icon-umbrella:before { content: "\f0e9"; }

.icon-paste:before { content: "\f0ea"; }

.icon-lightbulb:before { content: "\f0eb"; }

.icon-exchange:before { content: "\f0ec"; }

.icon-cloud-download:before { content: "\f0ed"; }

.icon-cloud-upload:before { content: "\f0ee"; }

.icon-user-md:before { content: "\f0f0"; }

.icon-stethoscope:before { content: "\f0f1"; }

.icon-suitcase:before { content: "\f0f2"; }

.icon-bell-alt:before { content: "\f0f3"; }

.icon-coffee:before { content: "\f0f4"; }

.icon-food:before { content: "\f0f5"; }

.icon-file-text-alt:before { content: "\f0f6"; }

.icon-building:before { content: "\f0f7"; }

.icon-hospital:before { content: "\f0f8"; }

.icon-ambulance:before { content: "\f0f9"; }

.icon-medkit:before { content: "\f0fa"; }

.icon-fighter-jet:before { content: "\f0fb"; }

.icon-beer:before { content: "\f0fc"; }

.icon-h-sign:before { content: "\f0fd"; }

.icon-plus-sign-alt:before { content: "\f0fe"; }

.icon-double-angle-left:before { content: "\f100"; }

.icon-double-angle-right:before { content: "\f101"; }

.icon-double-angle-up:before { content: "\f102"; }

.icon-double-angle-down:before { content: "\f103"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-desktop:before { content: "\f108"; }

.icon-laptop:before { content: "\f109"; }

.icon-tablet:before { content: "\f10a"; }

.icon-mobile-phone:before { content: "\f10b"; }

.icon-circle-blank:before { content: "\f10c"; }

.icon-quote-left:before { content: "\f10d"; }

.icon-quote-right:before { content: "\f10e"; }

.icon-spinner:before { content: "\f110"; }

.icon-circle:before { content: "\f111"; }

.icon-mail-reply:before, .icon-reply:before { content: "\f112"; }

.icon-github-alt:before { content: "\f113"; }

.icon-folder-close-alt:before { content: "\f114"; }

.icon-folder-open-alt:before { content: "\f115"; }

.icon-expand-alt:before { content: "\f116"; }

.icon-collapse-alt:before { content: "\f117"; }

.icon-smile:before { content: "\f118"; }

.icon-frown:before { content: "\f119"; }

.icon-meh:before { content: "\f11a"; }

.icon-gamepad:before { content: "\f11b"; }

.icon-keyboard:before { content: "\f11c"; }

.icon-flag-alt:before { content: "\f11d"; }

.icon-flag-checkered:before { content: "\f11e"; }

.icon-terminal:before { content: "\f120"; }

.icon-code:before { content: "\f121"; }

.icon-reply-all:before { content: "\f122"; }

.icon-mail-reply-all:before { content: "\f122"; }

.icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; }

.icon-location-arrow:before { content: "\f124"; }

.icon-crop:before { content: "\f125"; }

.icon-code-fork:before { content: "\f126"; }

.icon-unlink:before { content: "\f127"; }

.icon-question:before { content: "\f128"; }

.icon-info:before { content: "\f129"; }

.icon-exclamation:before { content: "\f12a"; }

.icon-superscript:before { content: "\f12b"; }

.icon-subscript:before { content: "\f12c"; }

.icon-eraser:before { content: "\f12d"; }

.icon-puzzle-piece:before { content: "\f12e"; }

.icon-microphone:before { content: "\f130"; }

.icon-microphone-off:before { content: "\f131"; }

.icon-shield:before { content: "\f132"; }

.icon-calendar-empty:before { content: "\f133"; }

.icon-fire-extinguisher:before { content: "\f134"; }

.icon-rocket:before { content: "\f135"; }

.icon-maxcdn:before { content: "\f136"; }

.icon-chevron-sign-left:before { content: "\f137"; }

.icon-chevron-sign-right:before { content: "\f138"; }

.icon-chevron-sign-up:before { content: "\f139"; }

.icon-chevron-sign-down:before { content: "\f13a"; }

.icon-html5:before { content: "\f13b"; }

.icon-css3:before { content: "\f13c"; }

.icon-anchor:before { content: "\f13d"; }

.icon-unlock-alt:before { content: "\f13e"; }

.icon-bullseye:before { content: "\f140"; }

.icon-ellipsis-horizontal:before { content: "\f141"; }

.icon-ellipsis-vertical:before { content: "\f142"; }

.icon-rss-sign:before { content: "\f143"; }

.icon-play-sign:before { content: "\f144"; }

.icon-ticket:before { content: "\f145"; }

.icon-minus-sign-alt:before { content: "\f146"; }

.icon-check-minus:before { content: "\f147"; }

.icon-level-up:before { content: "\f148"; }

.icon-level-down:before { content: "\f149"; }

.icon-check-sign:before { content: "\f14a"; }

.icon-edit-sign:before { content: "\f14b"; }

.icon-external-link-sign:before { content: "\f14c"; }

.icon-share-sign:before { content: "\f14d"; }

.icon-compass:before { content: "\f14e"; }

.icon-collapse:before { content: "\f150"; }

.icon-collapse-top:before { content: "\f151"; }

.icon-expand:before { content: "\f152"; }

.icon-euro:before, .icon-eur:before { content: "\f153"; }

.icon-gbp:before { content: "\f154"; }

.icon-dollar:before, .icon-usd:before { content: "\f155"; }

.icon-rupee:before, .icon-inr:before { content: "\f156"; }

.icon-yen:before, .icon-jpy:before { content: "\f157"; }

.icon-renminbi:before, .icon-cny:before { content: "\f158"; }

.icon-won:before, .icon-krw:before { content: "\f159"; }

.icon-bitcoin:before, .icon-btc:before { content: "\f15a"; }

.icon-file:before { content: "\f15b"; }

.icon-file-text:before { content: "\f15c"; }

.icon-sort-by-alphabet:before { content: "\f15d"; }

.icon-sort-by-alphabet-alt:before { content: "\f15e"; }

.icon-sort-by-attributes:before { content: "\f160"; }

.icon-sort-by-attributes-alt:before { content: "\f161"; }

.icon-sort-by-order:before { content: "\f162"; }

.icon-sort-by-order-alt:before { content: "\f163"; }

.icon-thumbs-up:before { content: "\f164"; }

.icon-thumbs-down:before { content: "\f165"; }

.icon-youtube-sign:before { content: "\f166"; }

.icon-youtube:before { content: "\f167"; }

.icon-xing:before { content: "\f168"; }

.icon-xing-sign:before { content: "\f169"; }

.icon-youtube-play:before { content: "\f16a"; }

.icon-dropbox:before { content: "\f16b"; }

.icon-stackexchange:before { content: "\f16c"; }

.icon-instagram:before { content: "\f16d"; }

.icon-flickr:before { content: "\f16e"; }

.icon-adn:before { content: "\f170"; }

.icon-bitbucket:before { content: "\f171"; }

.icon-bitbucket-sign:before { content: "\f172"; }

.icon-tumblr:before { content: "\f173"; }

.icon-tumblr-sign:before { content: "\f174"; }

.icon-long-arrow-down:before { content: "\f175"; }

.icon-long-arrow-up:before { content: "\f176"; }

.icon-long-arrow-left:before { content: "\f177"; }

.icon-long-arrow-right:before { content: "\f178"; }

.icon-apple:before { content: "\f179"; }

.icon-windows:before { content: "\f17a"; }

.icon-android:before { content: "\f17b"; }

.icon-linux:before { content: "\f17c"; }

.icon-dribbble:before { content: "\f17d"; }

.icon-skype:before { content: "\f17e"; }

.icon-foursquare:before { content: "\f180"; }

.icon-trello:before { content: "\f181"; }

.icon-female:before { content: "\f182"; }

.icon-male:before { content: "\f183"; }

.icon-gittip:before { content: "\f184"; }

.icon-sun:before { content: "\f185"; }

.icon-moon:before { content: "\f186"; }

.icon-archive:before { content: "\f187"; }

.icon-bug:before { content: "\f188"; }

.icon-vk:before { content: "\f189"; }

.icon-weibo:before { content: "\f18a"; }

.icon-renren:before { content: "\f18b"; }

body { -webkit-font-smoothing: antialiased; font-family: proxima-nova, "helvetica neue", sans-serif; color: #333333; line-height: 1.4em; background: #333333; }

h1, h2, h3, h4 { font-weight: 600; }

h1 { line-height: 1em; }

h2 { line-height: 1.2em; }

h3 { line-height: 1.3em; }

p { margin: 0.6em 0; }

b, strong { font-weight: 600; }

a { color: deeppink; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: 0; }

.container { max-width: 1140px; margin: 0 auto; overflow: hidden; *zoom: 1; }
@media (max-width: 767px) { .container { padding: 0 12px; } }
@media (min-width: 768px) and (max-width: 970px) { .container { padding: 0 12px; } }

.column { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; margin-left: 16.94915%; }
@media (max-width: 767px) { .column { width: 100%; float: left; margin-right: 1.69492%; display: inline; margin-left: 0%; } }
@media (min-width: 768px) and (max-width: 970px) { .column { width: 83.05085%; float: left; margin-right: 1.69492%; display: inline; margin-left: 8.47458%; } }

nav ul { list-style: none; padding: 0; margin: 0; }
nav li { display: inline-block; }

img { max-width: 100%; }

/* error and PDF link */
.error, .pdf-link { background: deeppink; color: #fff; padding: 2px 10px; margin-bottom: 20px; }
.error i, .pdf-link i { margin-right: 5px; }
.error a, .pdf-link a { color: #fff; }

/* header */
.site-header { color: #e8e8e8; background: #333333; width: 100%; position: fixed; top: 0; left: 0; border-bottom: 1px solid deeppink; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); }
.site-header .logo { width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; }
.site-header .logo a { color: #fff; }
.site-header .logo a:hover { text-decoration: none; }
@media (max-width: 767px) { .site-header .logo { width: 83.05085%; float: left; margin-right: 1.69492%; display: inline; }
  .site-header .logo span { display: none; } }
.site-header nav { width: 49.15254%; float: right; margin-right: 0; *margin-left: -1em; display: inline; text-align: right; }
.site-header nav a { display: block; padding: 10px 20px; color: #e8e8e8; text-decoration: none; }
.site-header nav a:hover { color: #fff; }
.site-header nav li:last-child a { padding-right: 0; }
.site-header .mobile-menu-link { color: #e8e8e8; font-size: 1.5em; padding: 8px 0; display: block; float: right; }
.site-header .mobile-menu-link:hover { color: #fff; text-decoration: none; }
@media (min-width: 768px) and (max-width: 970px) { .site-header .mobile-menu-link { display: none; } }
@media (min-width: 971px) { .site-header .mobile-menu-link { display: none; } }
@media (max-width: 767px) { .site-header nav { text-align: left; width: 100%; float: left; margin-right: 1.69492%; display: inline; display: none; }
  .site-header nav li { display: block; border-bottom: 1px solid #4d4d4d; }
  .site-header nav a { padding: 10px 10px 10px 0; } }
@media (min-width: 971px) { .site-header nav li:last-child a { padding-right: 0; } }

/* footer */
.site-footer { color: #e8e8e8; text-align: center; padding: 10px 0; border-top: 1px solid deeppink; }
.site-footer .legal { font-size: 0.9em; }
.site-footer .tinacious { width: 300px; margin: 0 auto; font-size: 0.95em; }
.site-footer .tinacious p { margin: 0; padding-top: 13px; }
.site-footer .tinacious img { float: left; margin: 0 0px 0 0; opacity: 0.6; }
.site-footer .tinacious a { color: #fff; color: rgba(255, 255, 255, 0.6); font-weight: 400; text-decoration: none; }
.site-footer .tinacious a:hover { color: rgba(255, 255, 255, 0.9); }
.site-footer .tinacious a:hover img { opacity: 1; }

.site-content { padding: 80px 0 40px; background: #fff; }
@media (max-width: 767px) { .site-content { padding: 55px 0 15px; } }
@media (min-width: 768px) and (max-width: 970px) { .site-content { padding: 70px 0 30px; } }

.social-icons { font-size: 1.5em; }
.social-icons a { color: #fff; background: #333333; text-decoration: none; display: inline-block; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; text-align: center; }
.social-icons a:hover { background: deeppink; }
@media (max-width: 767px) { .social-icons { width: 100%; float: left; margin-right: 1.69492%; display: inline; font-size: 1em; }
  .social-icons a { width: 35px; height: 35px; line-height: 35px; } }

.edit-link { background: deeppink; color: #fff; position: fixed; bottom: 0; right: 0; padding: 10px; }
.edit-link i { margin-right: 3px; }
.edit-link:hover { text-decoration: none; }
@media (max-width: 767px) { .edit-link { display: none; } }

.btn { background: deeppink; color: #fff; border: 2px solid deeppink; padding: 5px 8px; }
.btn i { margin-right: 5px; }

input, button { border: 2px solid #e8e8e8; padding: 5px 8px; -webkit-font-smoothing: antialiased; }
input:focus, button:focus { outline: none; }

fieldset { border: 0; padding: 5px 0; }

.login { position: relative; margin-bottom: 10px; }
.login .key { position: absolute; top: 10px; left: 10px; color: #b5b5b5; }
.login input[type="text"] { padding-left: 30px; color: #333333; }
.login input[type="text"]:focus { border: 2px solid deeppink; }
@media (max-width: 767px) { .login input { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; }
  .login .btn { width: 28.81356%; float: left; margin-right: 1.69492%; display: inline; } }
@media (min-width: 768px) and (max-width: 970px) { .login input, .login .btn { width: auto; float: none; } }

/* home page */
.home-page .image { width: 35.89744%; float: left; margin-right: 2.5641%; display: inline; }
.home-page .image img { border-radius: 50%; border: 3px solid #fff; margin: 5px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); width: 85.71429%; float: left; margin-right: 7.14286%; display: inline; }
@media (max-width: 767px) { .home-page .image { width: 100%; float: left; margin-right: 1.69492%; display: inline; }
  .home-page .image img { width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; margin-left: 25.42373%; } }
.home-page .intro { width: 61.53846%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
.home-page .intro .intro-text { font-size: 1.5em; line-height: 1.4em; margin: 20px 0 30px; }
@media (max-width: 767px) { .home-page .intro { width: 100%; float: left; margin-right: 1.69492%; display: inline; }
  .home-page .intro .intro-text { font-size: 1em; margin: 0 0 10px; } }
@media (min-width: 768px) and (max-width: 970px) { .home-page .intro .intro-text { margin-top: 0 0 10px 0; } }
.home-page .social-icons { text-align: right; }
@media (max-width: 767px) { .home-page .social-icons { text-align: center; } }

/* Web Design page */
.web-design-page .intro-text { font-size: 1.1em; }
.web-design-page .entry { clear: both; overflow: hidden; *zoom: 1; margin: 20px 0; }
.web-design-page .entry-image { width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; }
.web-design-page .entry-image img { max-width: 90%; }
.web-design-page .entry-body { width: 74.57627%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
@media (max-width: 767px) { .web-design-page .entry-image, .web-design-page .entry-body { width: 100%; float: left; margin-right: 1.69492%; display: inline; }
  .web-design-page .entry-image img { width: 120px; background: #f2f2f2; max-width: none; border-radius: 50%; border: 3px solid #fff; margin: 5px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); display: block; float: none; margin: 5px auto; } }

/* Resume page */
.resume-page h1 { margin: 0; }
.resume-page .column ul { padding-left: 0.8em; }
.resume-page .pdf-link { width: auto; float: right; padding: 0 10px; }
.resume-page .pdf-link a:hover { text-decoration: none; }
@media (max-width: 767px) { .resume-page .pdf-link { display: none; } }
.resume-page h2 { margin: 1.5em 0 0.5em 0; }
.resume-page h2:first-child { margin-top: 1em; }
.resume-page h3 { margin: 0.3em 0; }
.resume-page h4.company { margin: 0.3em 0; }
.resume-page .date { color: #4d4d4d; margin: 0.5em 0; font-style: italic; }
.resume-page .skills-list { font-size: 0.9em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.resume-page .skills-list ul { margin: 0; padding: 0; list-style: none; }
.resume-page .skills-list ul li { margin: 0.3em 0; }
.resume-page .entry { margin: 10px 0 30px 0; }
.resume-page .social-icons { margin-top: 15px; text-align: center; width: 100%; float: left; margin-right: 1.69492%; display: inline; }