/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2018 IcoFont 
* @license - https://icofont.com/license/
*/
@font-face {
  font-family: IcoFont;
  font-weight: 400;
  font-style: Regular;
  src: url(fonts/icofont.woff2) format("woff2"), url(fonts/icofont.woff) format("woff")
}

[class*=" icofont-"],
[class^=icofont-] {
  font-family: IcoFont !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased
}

.icofont-angry-monster:before {
  content: "\E800"
}

.icofont-bathtub:before {
  content: "\E801"
}

.icofont-bird-wings:before {
  content: "\E802"
}

.icofont-bow:before {
  content: "\E803"
}

.icofont-castle:before {
  content: "\E804"
}

.icofont-circuit:before {
  content: "\E805"
}

.icofont-crown-king:before {
  content: "\E806"
}

.icofont-crown-queen:before {
  content: "\E807"
}

.icofont-dart:before {
  content: "\E808"
}

.icofont-disability-race:before {
  content: "\E809"
}

.icofont-diving-goggle:before {
  content: "\E80A"
}

.icofont-eye-open:before {
  content: "\E80B"
}

.icofont-flora-flower:before {
  content: "\E80C"
}

.icofont-flora:before {
  content: "\E80D"
}

.icofont-gift-box:before {
  content: "\E80E"
}

.icofont-halloween-pumpkin:before {
  content: "\E80F"
}

.icofont-hand-power:before {
  content: "\E810"
}

.icofont-hand-thunder:before {
  content: "\E811"
}

.icofont-king-monster:before {
  content: "\E812"
}

.icofont-love:before {
  content: "\E813"
}

.icofont-magician-hat:before {
  content: "\E814"
}

.icofont-native-american:before {
  content: "\E815"
}

.icofont-owl-look:before {
  content: "\E816"
}

.icofont-phoenix:before {
  content: "\E817"
}

.icofont-robot-face:before {
  content: "\E818"
}

.icofont-sand-clock:before {
  content: "\E819"
}

.icofont-shield-alt:before {
  content: "\E81A"
}

.icofont-ship-wheel:before {
  content: "\E81B"
}

.icofont-skull-danger:before {
  content: "\E81C"
}

.icofont-skull-face:before {
  content: "\E81D"
}

.icofont-snowmobile:before {
  content: "\E81E"
}

.icofont-space-shuttle:before {
  content: "\E81F"
}

.icofont-star-shape:before {
  content: "\E820"
}

.icofont-swirl:before {
  content: "\E821"
}

.icofont-tattoo-wing:before {
  content: "\E822"
}

.icofont-throne:before {
  content: "\E823"
}

.icofont-tree-alt:before {
  content: "\E824"
}

.icofont-triangle:before {
  content: "\E825"
}

.icofont-unity-hand:before {
  content: "\E826"
}

.icofont-weed:before {
  content: "\E827"
}

.icofont-woman-bird:before {
  content: "\E828"
}

.icofont-bat:before {
  content: "\E829"
}

.icofont-bear-face:before {
  content: "\E82A"
}

.icofont-bear-tracks:before {
  content: "\E82B"
}

.icofont-bear:before {
  content: "\E82C"
}

.icofont-bird-alt:before {
  content: "\E82D"
}

.icofont-bird-flying:before {
  content: "\E82E"
}

.icofont-bird:before {
  content: "\E82F"
}

.icofont-birds:before {
  content: "\E830"
}

.icofont-bone:before {
  content: "\E831"
}

.icofont-bull:before {
  content: "\E832"
}

.icofont-butterfly-alt:before {
  content: "\E833"
}

.icofont-butterfly:before {
  content: "\E834"
}

.icofont-camel-alt:before {
  content: "\E835"
}

.icofont-camel-head:before {
  content: "\E836"
}

.icofont-camel:before {
  content: "\E837"
}

.icofont-cat-alt-1:before {
  content: "\E838"
}

.icofont-cat-alt-2:before {
  content: "\E839"
}

.icofont-cat-alt-3:before {
  content: "\E83A"
}

.icofont-cat-dog:before {
  content: "\E83B"
}

.icofont-cat-face:before {
  content: "\E83C"
}

.icofont-cat:before {
  content: "\E83D"
}

.icofont-cow-head:before {
  content: "\E83E"
}

.icofont-cow:before {
  content: "\E83F"
}

.icofont-crab:before {
  content: "\E840"
}

.icofont-crocodile:before {
  content: "\E841"
}

.icofont-deer-head:before {
  content: "\E842"
}

.icofont-dog-alt:before {
  content: "\E843"
}

.icofont-dog-barking:before {
  content: "\E844"
}

.icofont-dog:before {
  content: "\E845"
}

.icofont-dolphin:before {
  content: "\E846"
}

.icofont-duck-tracks:before {
  content: "\E847"
}

.icofont-eagle-head:before {
  content: "\E848"
}

.icofont-eaten-fish:before {
  content: "\E849"
}

.icofont-elephant-alt:before {
  content: "\E84A"
}

.icofont-elephant-head-alt:before {
  content: "\E84B"
}

.icofont-elephant-head:before {
  content: "\E84C"
}

.icofont-elephant:before {
  content: "\E84D"
}

.icofont-elk:before {
  content: "\E84E"
}

.icofont-fish-1:before {
  content: "\E84F"
}

.icofont-fish-2:before {
  content: "\E850"
}

.icofont-fish-3:before {
  content: "\E851"
}

.icofont-fish-4:before {
  content: "\E852"
}

.icofont-fish-5:before {
  content: "\E853"
}

.icofont-fish:before {
  content: "\E854"
}

.icofont-fox-alt:before {
  content: "\E855"
}

.icofont-fox:before {
  content: "\E856"
}

.icofont-frog-tracks:before {
  content: "\E857"
}

.icofont-frog:before {
  content: "\E858"
}

.icofont-froggy:before {
  content: "\E859"
}

.icofont-giraffe-head-1:before {
  content: "\E85A"
}

.icofont-giraffe-head-2:before {
  content: "\E85B"
}

.icofont-giraffe-head:before {
  content: "\E85C"
}

.icofont-giraffe:before {
  content: "\E85D"
}

.icofont-goat-head:before {
  content: "\E85E"
}

.icofont-gorilla:before {
  content: "\E85F"
}

.icofont-hen-tracks:before {
  content: "\E860"
}

.icofont-horse-head-1:before {
  content: "\E861"
}

.icofont-horse-head-2:before {
  content: "\E862"
}

.icofont-horse-head:before {
  content: "\E863"
}

.icofont-horse-tracks:before {
  content: "\E864"
}

.icofont-jellyfish:before {
  content: "\E865"
}

.icofont-kangaroo:before {
  content: "\E866"
}

.icofont-lemur:before {
  content: "\E867"
}

.icofont-lion-head-1:before {
  content: "\E868"
}

.icofont-lion-head-2:before {
  content: "\E869"
}

.icofont-lion-head:before {
  content: "\E86A"
}

.icofont-lion:before {
  content: "\E86B"
}

.icofont-monkey-2:before {
  content: "\E86C"
}

.icofont-monkey-3:before {
  content: "\E86D"
}

.icofont-monkey-face:before {
  content: "\E86E"
}

.icofont-monkey:before {
  content: "\E86F"
}

.icofont-octopus-alt:before {
  content: "\E870"
}

.icofont-octopus:before {
  content: "\E871"
}

.icofont-owl:before {
  content: "\E872"
}

.icofont-panda-face:before {
  content: "\E873"
}

.icofont-panda:before {
  content: "\E874"
}

.icofont-panther:before {
  content: "\E875"
}

.icofont-parrot-lip:before {
  content: "\E876"
}

.icofont-parrot:before {
  content: "\E877"
}

.icofont-paw:before {
  content: "\E878"
}

.icofont-pelican:before {
  content: "\E879"
}

.icofont-penguin:before {
  content: "\E87A"
}

.icofont-pig-face:before {
  content: "\E87B"
}

.icofont-pig:before {
  content: "\E87C"
}

.icofont-pigeon-1:before {
  content: "\E87D"
}

.icofont-pigeon-2:before {
  content: "\E87E"
}

.icofont-pigeon:before {
  content: "\E87F"
}

.icofont-rabbit:before {
  content: "\E880"
}

.icofont-rat:before {
  content: "\E881"
}

.icofont-rhino-head:before {
  content: "\E882"
}

.icofont-rhino:before {
  content: "\E883"
}

.icofont-rooster:before {
  content: "\E884"
}

.icofont-seahorse:before {
  content: "\E885"
}

.icofont-seal:before {
  content: "\E886"
}

.icofont-shrimp-alt:before {
  content: "\E887"
}

.icofont-shrimp:before {
  content: "\E888"
}

.icofont-snail-1:before {
  content: "\E889"
}

.icofont-snail-2:before {
  content: "\E88A"
}

.icofont-snail-3:before {
  content: "\E88B"
}

.icofont-snail:before {
  content: "\E88C"
}

.icofont-snake:before {
  content: "\E88D"
}

.icofont-squid:before {
  content: "\E88E"
}

.icofont-squirrel:before {
  content: "\E88F"
}

.icofont-tiger-face:before {
  content: "\E890"
}

.icofont-tiger:before {
  content: "\E891"
}

.icofont-turtle:before {
  content: "\E892"
}

.icofont-whale:before {
  content: "\E893"
}

.icofont-woodpecker:before {
  content: "\E894"
}

.icofont-zebra:before {
  content: "\E895"
}

.icofont-brand-acer:before {
  content: "\E896"
}

.icofont-brand-adidas:before {
  content: "\E897"
}

.icofont-brand-adobe:before {
  content: "\E898"
}

.icofont-brand-air-new-zealand:before {
  content: "\E899"
}

.icofont-brand-airbnb:before {
  content: "\E89A"
}

.icofont-brand-aircell:before {
  content: "\E89B"
}

.icofont-brand-airtel:before {
  content: "\E89C"
}

.icofont-brand-alcatel:before {
  content: "\E89D"
}

.icofont-brand-alibaba:before {
  content: "\E89E"
}

.icofont-brand-aliexpress:before {
  content: "\E89F"
}

.icofont-brand-alipay:before {
  content: "\E8A0"
}

.icofont-brand-amazon:before {
  content: "\E8A1"
}

.icofont-brand-amd:before {
  content: "\E8A2"
}

.icofont-brand-american-airlines:before {
  content: "\E8A3"
}

.icofont-brand-android-robot:before {
  content: "\E8A4"
}

.icofont-brand-android:before {
  content: "\E8A5"
}

.icofont-brand-aol:before {
  content: "\E8A6"
}

.icofont-brand-apple:before {
  content: "\E8A7"
}

.icofont-brand-appstore:before {
  content: "\E8A8"
}

.icofont-brand-asus:before {
  content: "\E8A9"
}

.icofont-brand-ati:before {
  content: "\E8AA"
}

.icofont-brand-att:before {
  content: "\E8AB"
}

.icofont-brand-audi:before {
  content: "\E8AC"
}

.icofont-brand-axiata:before {
  content: "\E8AD"
}

.icofont-brand-bada:before {
  content: "\E8AE"
}

.icofont-brand-bbc:before {
  content: "\E8AF"
}

.icofont-brand-bing:before {
  content: "\E8B0"
}

.icofont-brand-blackberry:before {
  content: "\E8B1"
}

.icofont-brand-bmw:before {
  content: "\E8B2"
}

.icofont-brand-box:before {
  content: "\E8B3"
}

.icofont-brand-burger-king:before {
  content: "\E8B4"
}

.icofont-brand-business-insider:before {
  content: "\E8B5"
}

.icofont-brand-buzzfeed:before {
  content: "\E8B6"
}

.icofont-brand-cannon:before {
  content: "\E8B7"
}

.icofont-brand-casio:before {
  content: "\E8B8"
}

.icofont-brand-china-mobile:before {
  content: "\E8B9"
}

.icofont-brand-china-telecom:before {
  content: "\E8BA"
}

.icofont-brand-china-unicom:before {
  content: "\E8BB"
}

.icofont-brand-cisco:before {
  content: "\E8BC"
}

.icofont-brand-citibank:before {
  content: "\E8BD"
}

.icofont-brand-cnet:before {
  content: "\E8BE"
}

.icofont-brand-cnn:before {
  content: "\E8BF"
}

.icofont-brand-cocal-cola:before {
  content: "\E8C0"
}

.icofont-brand-compaq:before {
  content: "\E8C1"
}

.icofont-brand-debian:before {
  content: "\E8C2"
}

.icofont-brand-delicious:before {
  content: "\E8C3"
}

.icofont-brand-dell:before {
  content: "\E8C4"
}

.icofont-brand-designbump:before {
  content: "\E8C5"
}

.icofont-brand-designfloat:before {
  content: "\E8C6"
}

.icofont-brand-disney:before {
  content: "\E8C7"
}

.icofont-brand-dodge:before {
  content: "\E8C8"
}

.icofont-brand-dove:before {
  content: "\E8C9"
}

.icofont-brand-drupal:before {
  content: "\E8CA"
}

.icofont-brand-ebay:before {
  content: "\E8CB"
}

.icofont-brand-eleven:before {
  content: "\E8CC"
}

.icofont-brand-emirates:before {
  content: "\E8CD"
}

.icofont-brand-espn:before {
  content: "\E8CE"
}

.icofont-brand-etihad-airways:before {
  content: "\E8CF"
}

.icofont-brand-etisalat:before {
  content: "\E8D0"
}

.icofont-brand-etsy:before {
  content: "\E8D1"
}

.icofont-brand-fastrack:before {
  content: "\E8D2"
}

.icofont-brand-fedex:before {
  content: "\E8D3"
}

.icofont-brand-ferrari:before {
  content: "\E8D4"
}

.icofont-brand-fitbit:before {
  content: "\E8D5"
}

.icofont-brand-flikr:before {
  content: "\E8D6"
}

.icofont-brand-forbes:before {
  content: "\E8D7"
}

.icofont-brand-foursquare:before {
  content: "\E8D8"
}

.icofont-brand-foxconn:before {
  content: "\E8D9"
}

.icofont-brand-fujitsu:before {
  content: "\E8DA"
}

.icofont-brand-general-electric:before {
  content: "\E8DB"
}

.icofont-brand-gillette:before {
  content: "\E8DC"
}

.icofont-brand-gizmodo:before {
  content: "\E8DD"
}

.icofont-brand-gnome:before {
  content: "\E8DE"
}

.icofont-brand-google:before {
  content: "\E8DF"
}

.icofont-brand-gopro:before {
  content: "\E8E0"
}

.icofont-brand-gucci:before {
  content: "\E8E1"
}

.icofont-brand-hallmark:before {
  content: "\E8E2"
}

.icofont-brand-hi5:before {
  content: "\E8E3"
}

.icofont-brand-honda:before {
  content: "\E8E4"
}

.icofont-brand-hp:before {
  content: "\E8E5"
}

.icofont-brand-hsbc:before {
  content: "\E8E6"
}

.icofont-brand-htc:before {
  content: "\E8E7"
}

.icofont-brand-huawei:before {
  content: "\E8E8"
}

.icofont-brand-hulu:before {
  content: "\E8E9"
}

.icofont-brand-hyundai:before {
  content: "\E8EA"
}

.icofont-brand-ibm:before {
  content: "\E8EB"
}

.icofont-brand-icofont:before {
  content: "\E8EC"
}

.icofont-brand-icq:before {
  content: "\E8ED"
}

.icofont-brand-ikea:before {
  content: "\E8EE"
}

.icofont-brand-imdb:before {
  content: "\E8EF"
}

.icofont-brand-indiegogo:before {
  content: "\E8F0"
}

.icofont-brand-intel:before {
  content: "\E8F1"
}

.icofont-brand-ipair:before {
  content: "\E8F2"
}

.icofont-brand-jaguar:before {
  content: "\E8F3"
}

.icofont-brand-java:before {
  content: "\E8F4"
}

.icofont-brand-joomla:before {
  content: "\E8F5"
}

.icofont-brand-kickstarter:before {
  content: "\E8F6"
}

.icofont-brand-kik:before {
  content: "\E8F7"
}

.icofont-brand-lastfm:before {
  content: "\E8F8"
}

.icofont-brand-lego:before {
  content: "\E8F9"
}

.icofont-brand-lenovo:before {
  content: "\E8FA"
}

.icofont-brand-levis:before {
  content: "\E8FB"
}

.icofont-brand-lexus:before {
  content: "\E8FC"
}

.icofont-brand-lg:before {
  content: "\E8FD"
}

.icofont-brand-life-hacker:before {
  content: "\E8FE"
}

.icofont-brand-linux-mint:before {
  content: "\E8FF"
}

.icofont-brand-linux:before {
  content: "\E900"
}

.icofont-brand-lionix:before {
  content: "\E901"
}

.icofont-brand-loreal:before {
  content: "\E902"
}

.icofont-brand-louis-vuitton:before {
  content: "\E903"
}

.icofont-brand-mac-os:before {
  content: "\E904"
}

.icofont-brand-marvel-app:before {
  content: "\E905"
}

.icofont-brand-mashable:before {
  content: "\E906"
}

.icofont-brand-mazda:before {
  content: "\E907"
}

.icofont-brand-mcdonals:before {
  content: "\E908"
}

.icofont-brand-mercedes:before {
  content: "\E909"
}

.icofont-brand-micromax:before {
  content: "\E90A"
}

.icofont-brand-microsoft:before {
  content: "\E90B"
}

.icofont-brand-mobileme:before {
  content: "\E90C"
}

.icofont-brand-mobily:before {
  content: "\E90D"
}

.icofont-brand-motorola:before {
  content: "\E90E"
}

.icofont-brand-msi:before {
  content: "\E90F"
}

.icofont-brand-mts:before {
  content: "\E910"
}

.icofont-brand-myspace:before {
  content: "\E911"
}

.icofont-brand-mytv:before {
  content: "\E912"
}

.icofont-brand-nasa:before {
  content: "\E913"
}

.icofont-brand-natgeo:before {
  content: "\E914"
}

.icofont-brand-nbc:before {
  content: "\E915"
}

.icofont-brand-nescafe:before {
  content: "\E916"
}

.icofont-brand-nestle:before {
  content: "\E917"
}

.icofont-brand-netflix:before {
  content: "\E918"
}

.icofont-brand-nexus:before {
  content: "\E919"
}

.icofont-brand-nike:before {
  content: "\E91A"
}

.icofont-brand-nokia:before {
  content: "\E91B"
}

.icofont-brand-nvidia:before {
  content: "\E91C"
}

.icofont-brand-omega:before {
  content: "\E91D"
}

.icofont-brand-opensuse:before {
  content: "\E91E"
}

.icofont-brand-oracle:before {
  content: "\E91F"
}

.icofont-brand-panasonic:before {
  content: "\E920"
}

.icofont-brand-paypal:before {
  content: "\E921"
}

.icofont-brand-pepsi:before {
  content: "\E922"
}

.icofont-brand-philips:before {
  content: "\E923"
}

.icofont-brand-pizza-hut:before {
  content: "\E924"
}

.icofont-brand-playstation:before {
  content: "\E925"
}

.icofont-brand-puma:before {
  content: "\E926"
}

.icofont-brand-qatar-air:before {
  content: "\E927"
}

.icofont-brand-qvc:before {
  content: "\E928"
}

.icofont-brand-readernaut:before {
  content: "\E929"
}

.icofont-brand-redbull:before {
  content: "\E92A"
}

.icofont-brand-reebok:before {
  content: "\E92B"
}

.icofont-brand-reuters:before {
  content: "\E92C"
}

.icofont-brand-samsung:before {
  content: "\E92D"
}

.icofont-brand-sap:before {
  content: "\E92E"
}

.icofont-brand-saudia-airlines:before {
  content: "\E92F"
}

.icofont-brand-scribd:before {
  content: "\E930"
}

.icofont-brand-shell:before {
  content: "\E931"
}

.icofont-brand-siemens:before {
  content: "\E932"
}

.icofont-brand-sk-telecom:before {
  content: "\E933"
}

.icofont-brand-slideshare:before {
  content: "\E934"
}

.icofont-brand-smashing-magazine:before {
  content: "\E935"
}

.icofont-brand-snapchat:before {
  content: "\E936"
}

.icofont-brand-sony-ericsson:before {
  content: "\E937"
}

.icofont-brand-sony:before {
  content: "\E938"
}

.icofont-brand-soundcloud:before {
  content: "\E939"
}

.icofont-brand-sprint:before {
  content: "\E93A"
}

.icofont-brand-squidoo:before {
  content: "\E93B"
}

.icofont-brand-starbucks:before {
  content: "\E93C"
}

.icofont-brand-stc:before {
  content: "\E93D"
}

.icofont-brand-steam:before {
  content: "\E93E"
}

.icofont-brand-suzuki:before {
  content: "\E93F"
}

.icofont-brand-symbian:before {
  content: "\E940"
}

.icofont-brand-t-mobile:before {
  content: "\E941"
}

.icofont-brand-tango:before {
  content: "\E942"
}

.icofont-brand-target:before {
  content: "\E943"
}

.icofont-brand-tata-indicom:before {
  content: "\E944"
}

.icofont-brand-techcrunch:before {
  content: "\E945"
}

.icofont-brand-telenor:before {
  content: "\E946"
}

.icofont-brand-teliasonera:before {
  content: "\E947"
}

.icofont-brand-tesla:before {
  content: "\E948"
}

.icofont-brand-the-verge:before {
  content: "\E949"
}

.icofont-brand-thenextweb:before {
  content: "\E94A"
}

.icofont-brand-toshiba:before {
  content: "\E94B"
}

.icofont-brand-toyota:before {
  content: "\E94C"
}

.icofont-brand-tribenet:before {
  content: "\E94D"
}

.icofont-brand-ubuntu:before {
  content: "\E94E"
}

.icofont-brand-unilever:before {
  content: "\E94F"
}

.icofont-brand-vaio:before {
  content: "\E950"
}

.icofont-brand-verizon:before {
  content: "\E951"
}

.icofont-brand-viber:before {
  content: "\E952"
}

.icofont-brand-vodafone:before {
  content: "\E953"
}

.icofont-brand-volkswagen:before {
  content: "\E954"
}

.icofont-brand-walmart:before {
  content: "\E955"
}

.icofont-brand-warnerbros:before {
  content: "\E956"
}

.icofont-brand-whatsapp:before {
  content: "\E957"
}

.icofont-brand-wikipedia:before {
  content: "\E958"
}

.icofont-brand-windows:before {
  content: "\E959"
}

.icofont-brand-wire:before {
  content: "\E95A"
}

.icofont-brand-wordpress:before {
  content: "\E95B"
}

.icofont-brand-xiaomi:before {
  content: "\E95C"
}

.icofont-brand-yahoobuzz:before {
  content: "\E95D"
}

.icofont-brand-yamaha:before {
  content: "\E95E"
}

.icofont-brand-youtube:before {
  content: "\E95F"
}

.icofont-brand-zain:before {
  content: "\E960"
}

.icofont-bank-alt:before {
  content: "\E961"
}

.icofont-bank:before {
  content: "\E962"
}

.icofont-barcode:before {
  content: "\E963"
}

.icofont-bill-alt:before {
  content: "\E964"
}

.icofont-billboard:before {
  content: "\E965"
}

.icofont-briefcase-1:before {
  content: "\E966"
}

.icofont-briefcase-2:before {
  content: "\E967"
}

.icofont-businessman:before {
  content: "\E968"
}

.icofont-businesswoman:before {
  content: "\E969"
}

.icofont-chair:before {
  content: "\E96A"
}

.icofont-coins:before {
  content: "\E96B"
}

.icofont-company:before {
  content: "\E96C"
}

.icofont-contact-add:before {
  content: "\E96D"
}

.icofont-files-stack:before {
  content: "\E96E"
}

.icofont-handshake-deal:before {
  content: "\E96F"
}

.icofont-id-card:before {
  content: "\E970"
}

.icofont-meeting-add:before {
  content: "\E971"
}

.icofont-money-bag:before {
  content: "\E972"
}

.icofont-pie-chart:before {
  content: "\E973"
}

.icofont-presentation-alt:before {
  content: "\E974"
}

.icofont-presentation:before {
  content: "\E975"
}

.icofont-stamp:before {
  content: "\E976"
}

.icofont-stock-mobile:before {
  content: "\E977"
}

.icofont-chart-arrows-axis:before {
  content: "\E978"
}

.icofont-chart-bar-graph:before {
  content: "\E979"
}

.icofont-chart-flow-1:before {
  content: "\E97A"
}

.icofont-chart-flow-2:before {
  content: "\E97B"
}

.icofont-chart-flow:before {
  content: "\E97C"
}

.icofont-chart-growth:before {
  content: "\E97D"
}

.icofont-chart-histogram-alt:before {
  content: "\E97E"
}

.icofont-chart-histogram:before {
  content: "\E97F"
}

.icofont-chart-line-alt:before {
  content: "\E980"
}

.icofont-chart-line:before {
  content: "\E981"
}

.icofont-chart-pie-alt:before {
  content: "\E982"
}

.icofont-chart-pie:before {
  content: "\E983"
}

.icofont-chart-radar-graph:before {
  content: "\E984"
}

.icofont-architecture-alt:before {
  content: "\E985"
}

.icofont-architecture:before {
  content: "\E986"
}

.icofont-barricade:before {
  content: "\E987"
}

.icofont-bolt:before {
  content: "\E988"
}

.icofont-bricks:before {
  content: "\E989"
}

.icofont-building-alt:before {
  content: "\E98A"
}

.icofont-bull-dozer:before {
  content: "\E98B"
}

.icofont-calculations:before {
  content: "\E98C"
}

.icofont-cement-mix:before {
  content: "\E98D"
}

.icofont-cement-mixer:before {
  content: "\E98E"
}

.icofont-concrete-mixer:before {
  content: "\E98F"
}

.icofont-danger-zone:before {
  content: "\E990"
}

.icofont-drill:before {
  content: "\E991"
}

.icofont-eco-energy:before {
  content: "\E992"
}

.icofont-eco-environmen:before {
  content: "\E993"
}

.icofont-energy-air:before {
  content: "\E994"
}

.icofont-energy-oil:before {
  content: "\E995"
}

.icofont-energy-savings:before {
  content: "\E996"
}

.icofont-energy-solar:before {
  content: "\E997"
}

.icofont-energy-water:before {
  content: "\E998"
}

.icofont-engineer:before {
  content: "\E999"
}

.icofont-fire-extinguisher-alt:before {
  content: "\E99A"
}

.icofont-fire-extinguisher:before {
  content: "\E99B"
}

.icofont-fix-tools:before {
  content: "\E99C"
}

.icofont-fork-lift:before {
  content: "\E99D"
}

.icofont-glue-oil:before {
  content: "\E99E"
}

.icofont-hammer-alt:before {
  content: "\E99F"
}

.icofont-hammer:before {
  content: "\E9A0"
}

.icofont-help-robot:before {
  content: "\E9A1"
}

.icofont-industries-1:before {
  content: "\E9A2"
}

.icofont-industries-2:before {
  content: "\E9A3"
}

.icofont-industries-3:before {
  content: "\E9A4"
}

.icofont-industries-4:before {
  content: "\E9A5"
}

.icofont-industries-5:before {
  content: "\E9A6"
}

.icofont-industries:before {
  content: "\E9A7"
}

.icofont-labour:before {
  content: "\E9A8"
}

.icofont-mining:before {
  content: "\E9A9"
}

.icofont-paint-brush:before {
  content: "\E9AA"
}

.icofont-pollution:before {
  content: "\E9AB"
}

.icofont-power-zone:before {
  content: "\E9AC"
}

.icofont-radio-active:before {
  content: "\E9AD"
}

.icofont-recycle-alt:before {
  content: "\E9AE"
}

.icofont-recycling-man:before {
  content: "\E9AF"
}

.icofont-safety-hat-light:before {
  content: "\E9B0"
}

.icofont-safety-hat:before {
  content: "\E9B1"
}

.icofont-saw:before {
  content: "\E9B2"
}

.icofont-screw-driver:before {
  content: "\E9B3"
}

.icofont-tools-1:before {
  content: "\E9B4"
}

.icofont-tools-bag:before {
  content: "\E9B5"
}

.icofont-tow-truck:before {
  content: "\E9B6"
}

.icofont-trolley:before {
  content: "\E9B7"
}

.icofont-trowel:before {
  content: "\E9B8"
}

.icofont-under-construction-alt:before {
  content: "\E9B9"
}

.icofont-under-construction:before {
  content: "\E9BA"
}

.icofont-vehicle-cement:before {
  content: "\E9BB"
}

.icofont-vehicle-crane:before {
  content: "\E9BC"
}

.icofont-vehicle-delivery-van:before {
  content: "\E9BD"
}

.icofont-vehicle-dozer:before {
  content: "\E9BE"
}

.icofont-vehicle-excavator:before {
  content: "\E9BF"
}

.icofont-vehicle-trucktor:before {
  content: "\E9C0"
}

.icofont-vehicle-wrecking:before {
  content: "\E9C1"
}

.icofont-worker:before {
  content: "\E9C2"
}

.icofont-workers-group:before {
  content: "\E9C3"
}

.icofont-wrench:before {
  content: "\E9C4"
}

.icofont-afghani-false:before {
  content: "\E9C5"
}

.icofont-afghani-minus:before {
  content: "\E9C6"
}

.icofont-afghani-plus:before {
  content: "\E9C7"
}

.icofont-afghani-true:before {
  content: "\E9C8"
}

.icofont-afghani:before {
  content: "\E9C9"
}

.icofont-baht-false:before {
  content: "\E9CA"
}

.icofont-baht-minus:before {
  content: "\E9CB"
}

.icofont-baht-plus:before {
  content: "\E9CC"
}

.icofont-baht-true:before {
  content: "\E9CD"
}

.icofont-baht:before {
  content: "\E9CE"
}

.icofont-bitcoin-false:before {
  content: "\E9CF"
}

.icofont-bitcoin-minus:before {
  content: "\E9D0"
}

.icofont-bitcoin-plus:before {
  content: "\E9D1"
}

.icofont-bitcoin-true:before {
  content: "\E9D2"
}

.icofont-bitcoin:before {
  content: "\E9D3"
}

.icofont-dollar-flase:before {
  content: "\E9D4"
}

.icofont-dollar-minus:before {
  content: "\E9D5"
}

.icofont-dollar-plus:before {
  content: "\E9D6"
}

.icofont-dollar-true:before {
  content: "\E9D7"
}

.icofont-dollar:before {
  content: "\E9D8"
}

.icofont-dong-false:before {
  content: "\E9D9"
}

.icofont-dong-minus:before {
  content: "\E9DA"
}

.icofont-dong-plus:before {
  content: "\E9DB"
}

.icofont-dong-true:before {
  content: "\E9DC"
}

.icofont-dong:before {
  content: "\E9DD"
}

.icofont-euro-false:before {
  content: "\E9DE"
}

.icofont-euro-minus:before {
  content: "\E9DF"
}

.icofont-euro-plus:before {
  content: "\E9E0"
}

.icofont-euro-true:before {
  content: "\E9E1"
}

.icofont-euro:before {
  content: "\E9E2"
}

.icofont-frank-false:before {
  content: "\E9E3"
}

.icofont-frank-minus:before {
  content: "\E9E4"
}

.icofont-frank-plus:before {
  content: "\E9E5"
}

.icofont-frank-true:before {
  content: "\E9E6"
}

.icofont-frank:before {
  content: "\E9E7"
}

.icofont-hryvnia-false:before {
  content: "\E9E8"
}

.icofont-hryvnia-minus:before {
  content: "\E9E9"
}

.icofont-hryvnia-plus:before {
  content: "\E9EA"
}

.icofont-hryvnia-true:before {
  content: "\E9EB"
}

.icofont-hryvnia:before {
  content: "\E9EC"
}

.icofont-lira-false:before {
  content: "\E9ED"
}

.icofont-lira-minus:before {
  content: "\E9EE"
}

.icofont-lira-plus:before {
  content: "\E9EF"
}

.icofont-lira-true:before {
  content: "\E9F0"
}

.icofont-lira:before {
  content: "\E9F1"
}

.icofont-peseta-false:before {
  content: "\E9F2"
}

.icofont-peseta-minus:before {
  content: "\E9F3"
}

.icofont-peseta-plus:before {
  content: "\E9F4"
}

.icofont-peseta-true:before {
  content: "\E9F5"
}

.icofont-peseta:before {
  content: "\E9F6"
}

.icofont-peso-false:before {
  content: "\E9F7"
}

.icofont-peso-minus:before {
  content: "\E9F8"
}

.icofont-peso-plus:before {
  content: "\E9F9"
}

.icofont-peso-true:before {
  content: "\E9FA"
}

.icofont-peso:before {
  content: "\E9FB"
}

.icofont-pound-false:before {
  content: "\E9FC"
}

.icofont-pound-minus:before {
  content: "\E9FD"
}

.icofont-pound-plus:before {
  content: "\E9FE"
}

.icofont-pound-true:before {
  content: "\E9FF"
}

.icofont-pound:before {
  content: "\EA00"
}

.icofont-renminbi-false:before {
  content: "\EA01"
}

.icofont-renminbi-minus:before {
  content: "\EA02"
}

.icofont-renminbi-plus:before {
  content: "\EA03"
}

.icofont-renminbi-true:before {
  content: "\EA04"
}

.icofont-renminbi:before {
  content: "\EA05"
}

.icofont-riyal-false:before {
  content: "\EA06"
}

.icofont-riyal-minus:before {
  content: "\EA07"
}

.icofont-riyal-plus:before {
  content: "\EA08"
}

.icofont-riyal-true:before {
  content: "\EA09"
}

.icofont-riyal:before {
  content: "\EA0A"
}

.icofont-rouble-false:before {
  content: "\EA0B"
}

.icofont-rouble-minus:before {
  content: "\EA0C"
}

.icofont-rouble-plus:before {
  content: "\EA0D"
}

.icofont-rouble-true:before {
  content: "\EA0E"
}

.icofont-rouble:before {
  content: "\EA0F"
}

.icofont-rupee-false:before {
  content: "\EA10"
}

.icofont-rupee-minus:before {
  content: "\EA11"
}

.icofont-rupee-plus:before {
  content: "\EA12"
}

.icofont-rupee-true:before {
  content: "\EA13"
}

.icofont-rupee:before {
  content: "\EA14"
}

.icofont-taka-false:before {
  content: "\EA15"
}

.icofont-taka-minus:before {
  content: "\EA16"
}

.icofont-taka-plus:before {
  content: "\EA17"
}

.icofont-taka-true:before {
  content: "\EA18"
}

.icofont-taka:before {
  content: "\EA19"
}

.icofont-turkish-lira-false:before {
  content: "\EA1A"
}

.icofont-turkish-lira-minus:before {
  content: "\EA1B"
}

.icofont-turkish-lira-plus:before {
  content: "\EA1C"
}

.icofont-turkish-lira-true:before {
  content: "\EA1D"
}

.icofont-turkish-lira:before {
  content: "\EA1E"
}

.icofont-won-false:before {
  content: "\EA1F"
}

.icofont-won-minus:before {
  content: "\EA20"
}

.icofont-won-plus:before {
  content: "\EA21"
}

.icofont-won-true:before {
  content: "\EA22"
}

.icofont-won:before {
  content: "\EA23"
}

.icofont-yen-false:before {
  content: "\EA24"
}

.icofont-yen-minus:before {
  content: "\EA25"
}

.icofont-yen-plus:before {
  content: "\EA26"
}

.icofont-yen-true:before {
  content: "\EA27"
}

.icofont-yen:before {
  content: "\EA28"
}

.icofont-android-nexus:before {
  content: "\EA29"
}

.icofont-android-tablet:before {
  content: "\EA2A"
}

.icofont-apple-watch:before {
  content: "\EA2B"
}

.icofont-drawing-tablet:before {
  content: "\EA2C"
}

.icofont-earphone:before {
  content: "\EA2D"
}

.icofont-flash-drive:before {
  content: "\EA2E"
}

.icofont-game-console:before {
  content: "\EA2F"
}

.icofont-game-controller:before {
  content: "\EA30"
}

.icofont-game-pad:before {
  content: "\EA31"
}

.icofont-game:before {
  content: "\EA32"
}

.icofont-headphone-alt-1:before {
  content: "\EA33"
}

.icofont-headphone-alt-2:before {
  content: "\EA34"
}

.icofont-headphone-alt-3:before {
  content: "\EA35"
}

.icofont-headphone-alt:before {
  content: "\EA36"
}

.icofont-headphone:before {
  content: "\EA37"
}

.icofont-htc-one:before {
  content: "\EA38"
}

.icofont-imac:before {
  content: "\EA39"
}

.icofont-ipad:before {
  content: "\EA3A"
}

.icofont-iphone:before {
  content: "\EA3B"
}

.icofont-ipod-nano:before {
  content: "\EA3C"
}

.icofont-ipod-touch:before {
  content: "\EA3D"
}

.icofont-keyboard-alt:before {
  content: "\EA3E"
}

.icofont-keyboard-wireless:before {
  content: "\EA3F"
}

.icofont-keyboard:before {
  content: "\EA40"
}

.icofont-laptop-alt:before {
  content: "\EA41"
}

.icofont-laptop:before {
  content: "\EA42"
}

.icofont-macbook:before {
  content: "\EA43"
}

.icofont-magic-mouse:before {
  content: "\EA44"
}

.icofont-micro-chip:before {
  content: "\EA45"
}

.icofont-microphone-alt:before {
  content: "\EA46"
}

.icofont-microphone:before {
  content: "\EA47"
}

.icofont-monitor:before {
  content: "\EA48"
}

.icofont-mouse:before {
  content: "\EA49"
}

.icofont-mp3-player:before {
  content: "\EA4A"
}

.icofont-nintendo:before {
  content: "\EA4B"
}

.icofont-playstation-alt:before {
  content: "\EA4C"
}

.icofont-psvita:before {
  content: "\EA4D"
}

.icofont-radio-mic:before {
  content: "\EA4E"
}

.icofont-radio:before {
  content: "\EA4F"
}

.icofont-refrigerator:before {
  content: "\EA50"
}

.icofont-samsung-galaxy:before {
  content: "\EA51"
}

.icofont-surface-tablet:before {
  content: "\EA52"
}

.icofont-ui-head-phone:before {
  content: "\EA53"
}

.icofont-ui-keyboard:before {
  content: "\EA54"
}

.icofont-washing-machine:before {
  content: "\EA55"
}

.icofont-wifi-router:before {
  content: "\EA56"
}

.icofont-wii-u:before {
  content: "\EA57"
}

.icofont-windows-lumia:before {
  content: "\EA58"
}

.icofont-wireless-mouse:before {
  content: "\EA59"
}

.icofont-xbox-360:before {
  content: "\EA5A"
}

.icofont-arrow-down:before {
  content: "\EA5B"
}

.icofont-arrow-left:before {
  content: "\EA5C"
}

.icofont-arrow-right:before {
  content: "\EA5D"
}

.icofont-arrow-up:before {
  content: "\EA5E"
}

.icofont-block-down:before {
  content: "\EA5F"
}

.icofont-block-left:before {
  content: "\EA60"
}

.icofont-block-right:before {
  content: "\EA61"
}

.icofont-block-up:before {
  content: "\EA62"
}

.icofont-bubble-down:before {
  content: "\EA63"
}

.icofont-bubble-left:before {
  content: "\EA64"
}

.icofont-bubble-right:before {
  content: "\EA65"
}

.icofont-bubble-up:before {
  content: "\EA66"
}

.icofont-caret-down:before {
  content: "\EA67"
}

.icofont-caret-left:before {
  content: "\EA68"
}

.icofont-caret-right:before {
  content: "\EA69"
}

.icofont-caret-up:before {
  content: "\EA6A"
}

.icofont-circled-down:before {
  content: "\EA6B"
}

.icofont-circled-left:before {
  content: "\EA6C"
}

.icofont-circled-right:before {
  content: "\EA6D"
}

.icofont-circled-up:before {
  content: "\EA6E"
}

.icofont-collapse:before {
  content: "\EA6F"
}

.icofont-cursor-drag:before {
  content: "\EA70"
}

.icofont-curved-double-left:before {
  content: "\EA71"
}

.icofont-curved-double-right:before {
  content: "\EA72"
}

.icofont-curved-down:before {
  content: "\EA73"
}

.icofont-curved-left:before {
  content: "\EA74"
}

.icofont-curved-right:before {
  content: "\EA75"
}

.icofont-curved-up:before {
  content: "\EA76"
}

.icofont-dotted-down:before {
  content: "\EA77"
}

.icofont-dotted-left:before {
  content: "\EA78"
}

.icofont-dotted-right:before {
  content: "\EA79"
}

.icofont-dotted-up:before {
  content: "\EA7A"
}

.icofont-double-left:before {
  content: "\EA7B"
}

.icofont-double-right:before {
  content: "\EA7C"
}

.icofont-expand-alt:before {
  content: "\EA7D"
}

.icofont-hand-down:before {
  content: "\EA7E"
}

.icofont-hand-drag:before {
  content: "\EA7F"
}

.icofont-hand-drag1:before {
  content: "\EA80"
}

.icofont-hand-drag2:before {
  content: "\EA81"
}

.icofont-hand-drawn-alt-down:before {
  content: "\EA82"
}

.icofont-hand-drawn-alt-left:before {
  content: "\EA83"
}

.icofont-hand-drawn-alt-right:before {
  content: "\EA84"
}

.icofont-hand-drawn-alt-up:before {
  content: "\EA85"
}

.icofont-hand-drawn-down:before {
  content: "\EA86"
}

.icofont-hand-drawn-left:before {
  content: "\EA87"
}

.icofont-hand-drawn-right:before {
  content: "\EA88"
}

.icofont-hand-drawn-up:before {
  content: "\EA89"
}

.icofont-hand-grippers:before {
  content: "\EA8A"
}

.icofont-hand-left:before {
  content: "\EA8B"
}

.icofont-hand-right:before {
  content: "\EA8C"
}

.icofont-hand-up:before {
  content: "\EA8D"
}

.icofont-line-block-down:before {
  content: "\EA8E"
}

.icofont-line-block-left:before {
  content: "\EA8F"
}

.icofont-line-block-right:before {
  content: "\EA90"
}

.icofont-line-block-up:before {
  content: "\EA91"
}

.icofont-long-arrow-down:before {
  content: "\EA92"
}

.icofont-long-arrow-left:before {
  content: "\EA93"
}

.icofont-long-arrow-right:before {
  content: "\EA94"
}

.icofont-long-arrow-up:before {
  content: "\EA95"
}

.icofont-rounded-collapse:before {
  content: "\EA96"
}

.icofont-rounded-double-left:before {
  content: "\EA97"
}

.icofont-rounded-double-right:before {
  content: "\EA98"
}

.icofont-rounded-down:before {
  content: "\EA99"
}

.icofont-rounded-expand:before {
  content: "\EA9A"
}

.icofont-rounded-left-down:before {
  content: "\EA9B"
}

.icofont-rounded-left-up:before {
  content: "\EA9C"
}

.icofont-rounded-left:before {
  content: "\EA9D"
}

.icofont-rounded-right-down:before {
  content: "\EA9E"
}

.icofont-rounded-right-up:before {
  content: "\EA9F"
}

.icofont-rounded-right:before {
  content: "\EAA0"
}

.icofont-rounded-up:before {
  content: "\EAA1"
}

.icofont-scroll-bubble-down:before {
  content: "\EAA2"
}

.icofont-scroll-bubble-left:before {
  content: "\EAA3"
}

.icofont-scroll-bubble-right:before {
  content: "\EAA4"
}

.icofont-scroll-bubble-up:before {
  content: "\EAA5"
}

.icofont-scroll-double-down:before {
  content: "\EAA6"
}

.icofont-scroll-double-left:before {
  content: "\EAA7"
}

.icofont-scroll-double-right:before {
  content: "\EAA8"
}

.icofont-scroll-double-up:before {
  content: "\EAA9"
}

.icofont-scroll-down:before {
  content: "\EAAA"
}

.icofont-scroll-left:before {
  content: "\EAAB"
}

.icofont-scroll-long-down:before {
  content: "\EAAC"
}

.icofont-scroll-long-left:before {
  content: "\EAAD"
}

.icofont-scroll-long-right:before {
  content: "\EAAE"
}

.icofont-scroll-long-up:before {
  content: "\EAAF"
}

.icofont-scroll-right:before {
  content: "\EAB0"
}

.icofont-scroll-up:before {
  content: "\EAB1"
}

.icofont-simple-down:before {
  content: "\EAB2"
}

.icofont-simple-left-down:before {
  content: "\EAB3"
}

.icofont-simple-left-up:before {
  content: "\EAB4"
}

.icofont-simple-left:before {
  content: "\EAB5"
}

.icofont-simple-right-down:before {
  content: "\EAB6"
}

.icofont-simple-right-up:before {
  content: "\EAB7"
}

.icofont-simple-right:before {
  content: "\EAB8"
}

.icofont-simple-up:before {
  content: "\EAB9"
}

.icofont-square-down:before {
  content: "\EABA"
}

.icofont-square-left:before {
  content: "\EABB"
}

.icofont-square-right:before {
  content: "\EABC"
}

.icofont-square-up:before {
  content: "\EABD"
}

.icofont-stylish-down:before {
  content: "\EABE"
}

.icofont-stylish-left:before {
  content: "\EABF"
}

.icofont-stylish-right:before {
  content: "\EAC0"
}

.icofont-stylish-up:before {
  content: "\EAC1"
}

.icofont-swoosh-down:before {
  content: "\EAC2"
}

.icofont-swoosh-left:before {
  content: "\EAC3"
}

.icofont-swoosh-right:before {
  content: "\EAC4"
}

.icofont-swoosh-up:before {
  content: "\EAC5"
}

.icofont-thin-double-left:before {
  content: "\EAC6"
}

.icofont-thin-double-right:before {
  content: "\EAC7"
}

.icofont-thin-down:before {
  content: "\EAC8"
}

.icofont-thin-left:before {
  content: "\EAC9"
}

.icofont-thin-right:before {
  content: "\EACA"
}

.icofont-thin-up:before {
  content: "\EACB"
}

.icofont-abc:before {
  content: "\EACC"
}

.icofont-atom:before {
  content: "\EACD"
}

.icofont-award:before {
  content: "\EACE"
}

.icofont-bell-alt:before {
  content: "\EACF"
}

.icofont-black-board:before {
  content: "\EAD0"
}

.icofont-book-alt:before {
  content: "\EAD1"
}

.icofont-book:before {
  content: "\EAD2"
}

.icofont-brainstorming:before {
  content: "\EAD3"
}

.icofont-certificate-alt-1:before {
  content: "\EAD4"
}

.icofont-certificate-alt-2:before {
  content: "\EAD5"
}

.icofont-certificate:before {
  content: "\EAD6"
}

.icofont-education:before {
  content: "\EAD7"
}

.icofont-electron:before {
  content: "\EAD8"
}

.icofont-fountain-pen:before {
  content: "\EAD9"
}

.icofont-globe-alt:before {
  content: "\EADA"
}

.icofont-graduate-alt:before {
  content: "\EADB"
}

.icofont-graduate:before {
  content: "\EADC"
}

.icofont-group-students:before {
  content: "\EADD"
}

.icofont-hat-alt:before {
  content: "\EADE"
}

.icofont-hat:before {
  content: "\EADF"
}

.icofont-instrument:before {
  content: "\EAE0"
}

.icofont-lamp-light:before {
  content: "\EAE1"
}

.icofont-medal:before {
  content: "\EAE2"
}

.icofont-microscope-alt:before {
  content: "\EAE3"
}

.icofont-microscope:before {
  content: "\EAE4"
}

.icofont-paper:before {
  content: "\EAE5"
}

.icofont-pen-alt-4:before {
  content: "\EAE6"
}

.icofont-pen-nib:before {
  content: "\EAE7"
}

.icofont-pencil-alt-5:before {
  content: "\EAE8"
}

.icofont-quill-pen:before {
  content: "\EAE9"
}

.icofont-read-book-alt:before {
  content: "\EAEA"
}

.icofont-read-book:before {
  content: "\EAEB"
}

.icofont-school-bag:before {
  content: "\EAEC"
}

.icofont-school-bus:before {
  content: "\EAED"
}

.icofont-student-alt:before {
  content: "\EAEE"
}

.icofont-student:before {
  content: "\EAEF"
}

.icofont-teacher:before {
  content: "\EAF0"
}

.icofont-test-bulb:before {
  content: "\EAF1"
}

.icofont-test-tube-alt:before {
  content: "\EAF2"
}

.icofont-university:before {
  content: "\EAF3"
}

.icofont-angry:before {
  content: "\EAF4"
}

.icofont-astonished:before {
  content: "\EAF5"
}

.icofont-confounded:before {
  content: "\EAF6"
}

.icofont-confused:before {
  content: "\EAF7"
}

.icofont-crying:before {
  content: "\EAF8"
}

.icofont-dizzy:before {
  content: "\EAF9"
}

.icofont-expressionless:before {
  content: "\EAFA"
}

.icofont-heart-eyes:before {
  content: "\EAFB"
}

.icofont-laughing:before {
  content: "\EAFC"
}

.icofont-nerd-smile:before {
  content: "\EAFD"
}

.icofont-open-mouth:before {
  content: "\EAFE"
}

.icofont-rage:before {
  content: "\EAFF"
}

.icofont-rolling-eyes:before {
  content: "\EB00"
}

.icofont-sad:before {
  content: "\EB01"
}

.icofont-simple-smile:before {
  content: "\EB02"
}

.icofont-slightly-smile:before {
  content: "\EB03"
}

.icofont-smirk:before {
  content: "\EB04"
}

.icofont-stuck-out-tongue:before {
  content: "\EB05"
}

.icofont-wink-smile:before {
  content: "\EB06"
}

.icofont-worried:before {
  content: "\EB07"
}

.icofont-file-alt:before {
  content: "\EB08"
}

.icofont-file-audio:before {
  content: "\EB09"
}

.icofont-file-avi-mp4:before {
  content: "\EB0A"
}

.icofont-file-bmp:before {
  content: "\EB0B"
}

.icofont-file-code:before {
  content: "\EB0C"
}

.icofont-file-css:before {
  content: "\EB0D"
}

.icofont-file-document:before {
  content: "\EB0E"
}

.icofont-file-eps:before {
  content: "\EB0F"
}

.icofont-file-excel:before {
  content: "\EB10"
}

.icofont-file-exe:before {
  content: "\EB11"
}

.icofont-file-file:before {
  content: "\EB12"
}

.icofont-file-flv:before {
  content: "\EB13"
}

.icofont-file-gif:before {
  content: "\EB14"
}

.icofont-file-html5:before {
  content: "\EB15"
}

.icofont-file-image:before {
  content: "\EB16"
}

.icofont-file-iso:before {
  content: "\EB17"
}

.icofont-file-java:before {
  content: "\EB18"
}

.icofont-file-javascript:before {
  content: "\EB19"
}

.icofont-file-jpg:before {
  content: "\EB1A"
}

.icofont-file-midi:before {
  content: "\EB1B"
}

.icofont-file-mov:before {
  content: "\EB1C"
}

.icofont-file-mp3:before {
  content: "\EB1D"
}

.icofont-file-pdf:before {
  content: "\EB1E"
}

.icofont-file-php:before {
  content: "\EB1F"
}

.icofont-file-png:before {
  content: "\EB20"
}

.icofont-file-powerpoint:before {
  content: "\EB21"
}

.icofont-file-presentation:before {
  content: "\EB22"
}

.icofont-file-psb:before {
  content: "\EB23"
}

.icofont-file-psd:before {
  content: "\EB24"
}

.icofont-file-python:before {
  content: "\EB25"
}

.icofont-file-ruby:before {
  content: "\EB26"
}

.icofont-file-spreadsheet:before {
  content: "\EB27"
}

.icofont-file-sql:before {
  content: "\EB28"
}

.icofont-file-svg:before {
  content: "\EB29"
}

.icofont-file-text:before {
  content: "\EB2A"
}

.icofont-file-tiff:before {
  content: "\EB2B"
}

.icofont-file-video:before {
  content: "\EB2C"
}

.icofont-file-wave:before {
  content: "\EB2D"
}

.icofont-file-wmv:before {
  content: "\EB2E"
}

.icofont-file-word:before {
  content: "\EB2F"
}

.icofont-file-zip:before {
  content: "\EB30"
}

.icofont-cycling-alt:before {
  content: "\EB31"
}

.icofont-cycling:before {
  content: "\EB32"
}

.icofont-dumbbell:before {
  content: "\EB33"
}

.icofont-dumbbells:before {
  content: "\EB34"
}

.icofont-gym-alt-1:before {
  content: "\EB35"
}

.icofont-gym-alt-2:before {
  content: "\EB36"
}

.icofont-gym-alt-3:before {
  content: "\EB37"
}

.icofont-gym:before {
  content: "\EB38"
}

.icofont-muscle-weight:before {
  content: "\EB39"
}

.icofont-muscle:before {
  content: "\EB3A"
}

.icofont-apple:before {
  content: "\EB3B"
}

.icofont-arabian-coffee:before {
  content: "\EB3C"
}

.icofont-artichoke:before {
  content: "\EB3D"
}

.icofont-asparagus:before {
  content: "\EB3E"
}

.icofont-avocado:before {
  content: "\EB3F"
}

.icofont-baby-food:before {
  content: "\EB40"
}

.icofont-banana:before {
  content: "\EB41"
}

.icofont-bbq:before {
  content: "\EB42"
}

.icofont-beans:before {
  content: "\EB43"
}

.icofont-beer:before {
  content: "\EB44"
}

.icofont-bell-pepper-capsicum:before {
  content: "\EB45"
}

.icofont-birthday-cake:before {
  content: "\EB46"
}

.icofont-bread:before {
  content: "\EB47"
}

.icofont-broccoli:before {
  content: "\EB48"
}

.icofont-burger:before {
  content: "\EB49"
}

.icofont-cabbage:before {
  content: "\EB4A"
}

.icofont-carrot:before {
  content: "\EB4B"
}

.icofont-cauli-flower:before {
  content: "\EB4C"
}

.icofont-cheese:before {
  content: "\EB4D"
}

.icofont-chef:before {
  content: "\EB4E"
}

.icofont-cherry:before {
  content: "\EB4F"
}

.icofont-chicken-fry:before {
  content: "\EB50"
}

.icofont-chicken:before {
  content: "\EB51"
}

.icofont-cocktail:before {
  content: "\EB52"
}

.icofont-coconut-water:before {
  content: "\EB53"
}

.icofont-coconut:before {
  content: "\EB54"
}

.icofont-coffee-alt:before {
  content: "\EB55"
}

.icofont-coffee-cup:before {
  content: "\EB56"
}

.icofont-coffee-mug:before {
  content: "\EB57"
}

.icofont-coffee-pot:before {
  content: "\EB58"
}

.icofont-cola:before {
  content: "\EB59"
}

.icofont-corn:before {
  content: "\EB5A"
}

.icofont-croissant:before {
  content: "\EB5B"
}

.icofont-crop-plant:before {
  content: "\EB5C"
}

.icofont-cucumber:before {
  content: "\EB5D"
}

.icofont-culinary:before {
  content: "\EB5E"
}

.icofont-cup-cake:before {
  content: "\EB5F"
}

.icofont-dining-table:before {
  content: "\EB60"
}

.icofont-donut:before {
  content: "\EB61"
}

.icofont-egg-plant:before {
  content: "\EB62"
}

.icofont-egg-poached:before {
  content: "\EB63"
}

.icofont-farmer-alt:before {
  content: "\EB64"
}

.icofont-farmer:before {
  content: "\EB65"
}

.icofont-fast-food:before {
  content: "\EB66"
}

.icofont-food-basket:before {
  content: "\EB67"
}

.icofont-food-cart:before {
  content: "\EB68"
}

.icofont-fork-and-knife:before {
  content: "\EB69"
}

.icofont-french-fries:before {
  content: "\EB6A"
}

.icofont-fruits:before {
  content: "\EB6B"
}

.icofont-grapes:before {
  content: "\EB6C"
}

.icofont-honey:before {
  content: "\EB6D"
}

.icofont-hot-dog:before {
  content: "\EB6E"
}

.icofont-ice-cream-alt:before {
  content: "\EB6F"
}

.icofont-ice-cream:before {
  content: "\EB70"
}

.icofont-juice:before {
  content: "\EB71"
}

.icofont-ketchup:before {
  content: "\EB72"
}

.icofont-kiwi:before {
  content: "\EB73"
}

.icofont-layered-cake:before {
  content: "\EB74"
}

.icofont-lemon-alt:before {
  content: "\EB75"
}

.icofont-lemon:before {
  content: "\EB76"
}

.icofont-lobster:before {
  content: "\EB77"
}

.icofont-mango:before {
  content: "\EB78"
}

.icofont-milk:before {
  content: "\EB79"
}

.icofont-mushroom:before {
  content: "\EB7A"
}

.icofont-noodles:before {
  content: "\EB7B"
}

.icofont-onion:before {
  content: "\EB7C"
}

.icofont-orange:before {
  content: "\EB7D"
}

.icofont-pear:before {
  content: "\EB7E"
}

.icofont-peas:before {
  content: "\EB7F"
}

.icofont-pepper:before {
  content: "\EB80"
}

.icofont-pie-alt:before {
  content: "\EB81"
}

.icofont-pie:before {
  content: "\EB82"
}

.icofont-pineapple:before {
  content: "\EB83"
}

.icofont-pizza-slice:before {
  content: "\EB84"
}

.icofont-pizza:before {
  content: "\EB85"
}

.icofont-plant:before {
  content: "\EB86"
}

.icofont-popcorn:before {
  content: "\EB87"
}

.icofont-potato:before {
  content: "\EB88"
}

.icofont-pumpkin:before {
  content: "\EB89"
}

.icofont-raddish:before {
  content: "\EB8A"
}

.icofont-restaurant-menu:before {
  content: "\EB8B"
}

.icofont-restaurant:before {
  content: "\EB8C"
}

.icofont-salt-and-pepper:before {
  content: "\EB8D"
}

.icofont-sandwich:before {
  content: "\EB8E"
}

.icofont-sausage:before {
  content: "\EB8F"
}

.icofont-soft-drinks:before {
  content: "\EB90"
}

.icofont-soup-bowl:before {
  content: "\EB91"
}

.icofont-spoon-and-fork:before {
  content: "\EB92"
}

.icofont-steak:before {
  content: "\EB93"
}

.icofont-strawberry:before {
  content: "\EB94"
}

.icofont-sub-sandwich:before {
  content: "\EB95"
}

.icofont-sushi:before {
  content: "\EB96"
}

.icofont-taco:before {
  content: "\EB97"
}

.icofont-tea-pot:before {
  content: "\EB98"
}

.icofont-tea:before {
  content: "\EB99"
}

.icofont-tomato:before {
  content: "\EB9A"
}

.icofont-watermelon:before {
  content: "\EB9B"
}

.icofont-wheat:before {
  content: "\EB9C"
}

.icofont-baby-backpack:before {
  content: "\EB9D"
}

.icofont-baby-cloth:before {
  content: "\EB9E"
}

.icofont-baby-milk-bottle:before {
  content: "\EB9F"
}

.icofont-baby-trolley:before {
  content: "\EBA0"
}

.icofont-baby:before {
  content: "\EBA1"
}

.icofont-candy:before {
  content: "\EBA2"
}

.icofont-holding-hands:before {
  content: "\EBA3"
}

.icofont-infant-nipple:before {
  content: "\EBA4"
}

.icofont-kids-scooter:before {
  content: "\EBA5"
}

.icofont-safety-pin:before {
  content: "\EBA6"
}

.icofont-teddy-bear:before {
  content: "\EBA7"
}

.icofont-toy-ball:before {
  content: "\EBA8"
}

.icofont-toy-cat:before {
  content: "\EBA9"
}

.icofont-toy-duck:before {
  content: "\EBAA"
}

.icofont-toy-elephant:before {
  content: "\EBAB"
}

.icofont-toy-hand:before {
  content: "\EBAC"
}

.icofont-toy-horse:before {
  content: "\EBAD"
}

.icofont-toy-lattu:before {
  content: "\EBAE"
}

.icofont-toy-train:before {
  content: "\EBAF"
}

.icofont-burglar:before {
  content: "\EBB0"
}

.icofont-cannon-firing:before {
  content: "\EBB1"
}

.icofont-cc-camera:before {
  content: "\EBB2"
}

.icofont-cop-badge:before {
  content: "\EBB3"
}

.icofont-cop:before {
  content: "\EBB4"
}

.icofont-court-hammer:before {
  content: "\EBB5"
}

.icofont-court:before {
  content: "\EBB6"
}

.icofont-finger-print:before {
  content: "\EBB7"
}

.icofont-gavel:before {
  content: "\EBB8"
}

.icofont-handcuff-alt:before {
  content: "\EBB9"
}

.icofont-handcuff:before {
  content: "\EBBA"
}

.icofont-investigation:before {
  content: "\EBBB"
}

.icofont-investigator:before {
  content: "\EBBC"
}

.icofont-jail:before {
  content: "\EBBD"
}

.icofont-judge:before {
  content: "\EBBE"
}

.icofont-law-alt-1:before {
  content: "\EBBF"
}

.icofont-law-alt-2:before {
  content: "\EBC0"
}

.icofont-law-alt-3:before {
  content: "\EBC1"
}

.icofont-law-book:before {
  content: "\EBC2"
}

.icofont-law-document:before {
  content: "\EBC3"
}

.icofont-law-order:before {
  content: "\EBC4"
}

.icofont-law-protect:before {
  content: "\EBC5"
}

.icofont-law-scales:before {
  content: "\EBC6"
}

.icofont-law:before {
  content: "\EBC7"
}

.icofont-lawyer-alt-1:before {
  content: "\EBC8"
}

.icofont-lawyer-alt-2:before {
  content: "\EBC9"
}

.icofont-lawyer:before {
  content: "\EBCA"
}

.icofont-legal:before {
  content: "\EBCB"
}

.icofont-pistol:before {
  content: "\EBCC"
}

.icofont-police-badge:before {
  content: "\EBCD"
}

.icofont-police-cap:before {
  content: "\EBCE"
}

.icofont-police-car-alt-1:before {
  content: "\EBCF"
}

.icofont-police-car-alt-2:before {
  content: "\EBD0"
}

.icofont-police-car:before {
  content: "\EBD1"
}

.icofont-police-hat:before {
  content: "\EBD2"
}

.icofont-police-van:before {
  content: "\EBD3"
}

.icofont-police:before {
  content: "\EBD4"
}

.icofont-thief-alt:before {
  content: "\EBD5"
}

.icofont-thief:before {
  content: "\EBD6"
}

.icofont-abacus-alt:before {
  content: "\EBD7"
}

.icofont-abacus:before {
  content: "\EBD8"
}

.icofont-angle-180:before {
  content: "\EBD9"
}

.icofont-angle-45:before {
  content: "\EBDA"
}

.icofont-angle-90:before {
  content: "\EBDB"
}

.icofont-angle:before {
  content: "\EBDC"
}

.icofont-calculator-alt-1:before {
  content: "\EBDD"
}

.icofont-calculator-alt-2:before {
  content: "\EBDE"
}

.icofont-calculator:before {
  content: "\EBDF"
}

.icofont-circle-ruler-alt:before {
  content: "\EBE0"
}

.icofont-circle-ruler:before {
  content: "\EBE1"
}

.icofont-compass-alt-1:before {
  content: "\EBE2"
}

.icofont-compass-alt-2:before {
  content: "\EBE3"
}

.icofont-compass-alt-3:before {
  content: "\EBE4"
}

.icofont-compass-alt-4:before {
  content: "\EBE5"
}

.icofont-golden-ratio:before {
  content: "\EBE6"
}

.icofont-marker-alt-1:before {
  content: "\EBE7"
}

.icofont-marker-alt-2:before {
  content: "\EBE8"
}

.icofont-marker-alt-3:before {
  content: "\EBE9"
}

.icofont-marker:before {
  content: "\EBEA"
}

.icofont-math:before {
  content: "\EBEB"
}

.icofont-mathematical-alt-1:before {
  content: "\EBEC"
}

.icofont-mathematical-alt-2:before {
  content: "\EBED"
}

.icofont-mathematical:before {
  content: "\EBEE"
}

.icofont-pen-alt-1:before {
  content: "\EBEF"
}

.icofont-pen-alt-2:before {
  content: "\EBF0"
}

.icofont-pen-alt-3:before {
  content: "\EBF1"
}

.icofont-pen-holder-alt-1:before {
  content: "\EBF2"
}

.icofont-pen-holder:before {
  content: "\EBF3"
}

.icofont-pen:before {
  content: "\EBF4"
}

.icofont-pencil-alt-1:before {
  content: "\EBF5"
}

.icofont-pencil-alt-2:before {
  content: "\EBF6"
}

.icofont-pencil-alt-3:before {
  content: "\EBF7"
}

.icofont-pencil-alt-4:before {
  content: "\EBF8"
}

.icofont-pencil:before {
  content: "\EBF9"
}

.icofont-ruler-alt-1:before {
  content: "\EBFA"
}

.icofont-ruler-alt-2:before {
  content: "\EBFB"
}

.icofont-ruler-compass-alt:before {
  content: "\EBFC"
}

.icofont-ruler-compass:before {
  content: "\EBFD"
}

.icofont-ruler-pencil-alt-1:before {
  content: "\EBFE"
}

.icofont-ruler-pencil-alt-2:before {
  content: "\EBFF"
}

.icofont-ruler-pencil:before {
  content: "\EC00"
}

.icofont-ruler:before {
  content: "\EC01"
}

.icofont-rulers-alt:before {
  content: "\EC02"
}

.icofont-rulers:before {
  content: "\EC03"
}

.icofont-square-root:before {
  content: "\EC04"
}

.icofont-ui-calculator:before {
  content: "\EC05"
}

.icofont-aids:before {
  content: "\EC06"
}

.icofont-ambulance-crescent:before {
  content: "\EC07"
}

.icofont-ambulance-cross:before {
  content: "\EC08"
}

.icofont-ambulance:before {
  content: "\EC09"
}

.icofont-autism:before {
  content: "\EC0A"
}

.icofont-bandage:before {
  content: "\EC0B"
}

.icofont-blind:before {
  content: "\EC0C"
}

.icofont-blood-drop:before {
  content: "\EC0D"
}

.icofont-blood-test:before {
  content: "\EC0E"
}

.icofont-blood:before {
  content: "\EC0F"
}

.icofont-brain-alt:before {
  content: "\EC10"
}

.icofont-brain:before {
  content: "\EC11"
}

.icofont-capsule:before {
  content: "\EC12"
}

.icofont-crutch:before {
  content: "\EC13"
}

.icofont-disabled:before {
  content: "\EC14"
}

.icofont-dna-alt-1:before {
  content: "\EC15"
}

.icofont-dna-alt-2:before {
  content: "\EC16"
}

.icofont-dna:before {
  content: "\EC17"
}

.icofont-doctor-alt:before {
  content: "\EC18"
}

.icofont-doctor:before {
  content: "\EC19"
}

.icofont-drug-pack:before {
  content: "\EC1A"
}

.icofont-drug:before {
  content: "\EC1B"
}

.icofont-first-aid-alt:before {
  content: "\EC1C"
}

.icofont-first-aid:before {
  content: "\EC1D"
}

.icofont-heart-beat-alt:before {
  content: "\EC1E"
}

.icofont-heart-beat:before {
  content: "\EC1F"
}

.icofont-heartbeat:before {
  content: "\EC20"
}

.icofont-herbal:before {
  content: "\EC21"
}

.icofont-hospital:before {
  content: "\EC22"
}

.icofont-icu:before {
  content: "\EC23"
}

.icofont-injection-syringe:before {
  content: "\EC24"
}

.icofont-laboratory:before {
  content: "\EC25"
}

.icofont-medical-sign-alt:before {
  content: "\EC26"
}

.icofont-medical-sign:before {
  content: "\EC27"
}

.icofont-nurse-alt:before {
  content: "\EC28"
}

.icofont-nurse:before {
  content: "\EC29"
}

.icofont-nursing-home:before {
  content: "\EC2A"
}

.icofont-operation-theater:before {
  content: "\EC2B"
}

.icofont-paralysis-disability:before {
  content: "\EC2C"
}

.icofont-patient-bed:before {
  content: "\EC2D"
}

.icofont-patient-file:before {
  content: "\EC2E"
}

.icofont-pills:before {
  content: "\EC2F"
}

.icofont-prescription:before {
  content: "\EC30"
}

.icofont-pulse:before {
  content: "\EC31"
}

.icofont-stethoscope-alt:before {
  content: "\EC32"
}

.icofont-stethoscope:before {
  content: "\EC33"
}

.icofont-stretcher:before {
  content: "\EC34"
}

.icofont-surgeon-alt:before {
  content: "\EC35"
}

.icofont-surgeon:before {
  content: "\EC36"
}

.icofont-tablets:before {
  content: "\EC37"
}

.icofont-test-bottle:before {
  content: "\EC38"
}

.icofont-test-tube:before {
  content: "\EC39"
}

.icofont-thermometer-alt:before {
  content: "\EC3A"
}

.icofont-thermometer:before {
  content: "\EC3B"
}

.icofont-tooth:before {
  content: "\EC3C"
}

.icofont-xray:before {
  content: "\EC3D"
}

.icofont-ui-add:before {
  content: "\EC3E"
}

.icofont-ui-alarm:before {
  content: "\EC3F"
}

.icofont-ui-battery:before {
  content: "\EC40"
}

.icofont-ui-block:before {
  content: "\EC41"
}

.icofont-ui-bluetooth:before {
  content: "\EC42"
}

.icofont-ui-brightness:before {
  content: "\EC43"
}

.icofont-ui-browser:before {
  content: "\EC44"
}

.icofont-ui-calendar:before {
  content: "\EC45"
}

.icofont-ui-call:before {
  content: "\EC46"
}

.icofont-ui-camera:before {
  content: "\EC47"
}

.icofont-ui-cart:before {
  content: "\EC48"
}

.icofont-ui-cell-phone:before {
  content: "\EC49"
}

.icofont-ui-chat:before {
  content: "\EC4A"
}

.icofont-ui-check:before {
  content: "\EC4B"
}

.icofont-ui-clip-board:before {
  content: "\EC4C"
}

.icofont-ui-clip:before {
  content: "\EC4D"
}

.icofont-ui-clock:before {
  content: "\EC4E"
}

.icofont-ui-close:before {
  content: "\EC4F"
}

.icofont-ui-contact-list:before {
  content: "\EC50"
}

.icofont-ui-copy:before {
  content: "\EC51"
}

.icofont-ui-cut:before {
  content: "\EC52"
}

.icofont-ui-delete:before {
  content: "\EC53"
}

.icofont-ui-dial-phone:before {
  content: "\EC54"
}

.icofont-ui-edit:before {
  content: "\EC55"
}

.icofont-ui-email:before {
  content: "\EC56"
}

.icofont-ui-file:before {
  content: "\EC57"
}

.icofont-ui-fire-wall:before {
  content: "\EC58"
}

.icofont-ui-flash-light:before {
  content: "\EC59"
}

.icofont-ui-flight:before {
  content: "\EC5A"
}

.icofont-ui-folder:before {
  content: "\EC5B"
}

.icofont-ui-game:before {
  content: "\EC5C"
}

.icofont-ui-handicapped:before {
  content: "\EC5D"
}

.icofont-ui-home:before {
  content: "\EC5E"
}

.icofont-ui-image:before {
  content: "\EC5F"
}

.icofont-ui-laoding:before {
  content: "\EC60"
}

.icofont-ui-lock:before {
  content: "\EC61"
}

.icofont-ui-love-add:before {
  content: "\EC62"
}

.icofont-ui-love-broken:before {
  content: "\EC63"
}

.icofont-ui-love-remove:before {
  content: "\EC64"
}

.icofont-ui-love:before {
  content: "\EC65"
}

.icofont-ui-map:before {
  content: "\EC66"
}

.icofont-ui-message:before {
  content: "\EC67"
}

.icofont-ui-messaging:before {
  content: "\EC68"
}

.icofont-ui-movie:before {
  content: "\EC69"
}

.icofont-ui-music-player:before {
  content: "\EC6A"
}

.icofont-ui-music:before {
  content: "\EC6B"
}

.icofont-ui-mute:before {
  content: "\EC6C"
}

.icofont-ui-network:before {
  content: "\EC6D"
}

.icofont-ui-next:before {
  content: "\EC6E"
}

.icofont-ui-note:before {
  content: "\EC6F"
}

.icofont-ui-office:before {
  content: "\EC70"
}

.icofont-ui-password:before {
  content: "\EC71"
}

.icofont-ui-pause:before {
  content: "\EC72"
}

.icofont-ui-play-stop:before {
  content: "\EC73"
}

.icofont-ui-play:before {
  content: "\EC74"
}

.icofont-ui-pointer:before {
  content: "\EC75"
}

.icofont-ui-power:before {
  content: "\EC76"
}

.icofont-ui-press:before {
  content: "\EC77"
}

.icofont-ui-previous:before {
  content: "\EC78"
}

.icofont-ui-rate-add:before {
  content: "\EC79"
}

.icofont-ui-rate-blank:before {
  content: "\EC7A"
}

.icofont-ui-rate-remove:before {
  content: "\EC7B"
}

.icofont-ui-rating:before {
  content: "\EC7C"
}

.icofont-ui-record:before {
  content: "\EC7D"
}

.icofont-ui-remove:before {
  content: "\EC7E"
}

.icofont-ui-reply:before {
  content: "\EC7F"
}

.icofont-ui-rotation:before {
  content: "\EC80"
}

.icofont-ui-rss:before {
  content: "\EC81"
}

.icofont-ui-search:before {
  content: "\EC82"
}

.icofont-ui-settings:before {
  content: "\EC83"
}

.icofont-ui-social-link:before {
  content: "\EC84"
}

.icofont-ui-tag:before {
  content: "\EC85"
}

.icofont-ui-text-chat:before {
  content: "\EC86"
}

.icofont-ui-text-loading:before {
  content: "\EC87"
}

.icofont-ui-theme:before {
  content: "\EC88"
}

.icofont-ui-timer:before {
  content: "\EC89"
}

.icofont-ui-touch-phone:before {
  content: "\EC8A"
}

.icofont-ui-travel:before {
  content: "\EC8B"
}

.icofont-ui-unlock:before {
  content: "\EC8C"
}

.icofont-ui-user-group:before {
  content: "\EC8D"
}

.icofont-ui-user:before {
  content: "\EC8E"
}

.icofont-ui-v-card:before {
  content: "\EC8F"
}

.icofont-ui-video-chat:before {
  content: "\EC90"
}

.icofont-ui-video-message:before {
  content: "\EC91"
}

.icofont-ui-video-play:before {
  content: "\EC92"
}

.icofont-ui-video:before {
  content: "\EC93"
}

.icofont-ui-volume:before {
  content: "\EC94"
}

.icofont-ui-weather:before {
  content: "\EC95"
}

.icofont-ui-wifi:before {
  content: "\EC96"
}

.icofont-ui-zoom-in:before {
  content: "\EC97"
}

.icofont-ui-zoom-out:before {
  content: "\EC98"
}

.icofont-cassette-player:before {
  content: "\EC99"
}

.icofont-cassette:before {
  content: "\EC9A"
}

.icofont-forward:before {
  content: "\EC9B"
}

.icofont-guiter:before {
  content: "\EC9C"
}

.icofont-movie:before {
  content: "\EC9D"
}

.icofont-multimedia:before {
  content: "\EC9E"
}

.icofont-music-alt:before {
  content: "\EC9F"
}

.icofont-music-disk:before {
  content: "\ECA0"
}

.icofont-music-note:before {
  content: "\ECA1"
}

.icofont-music-notes:before {
  content: "\ECA2"
}

.icofont-music:before {
  content: "\ECA3"
}

.icofont-mute-volume:before {
  content: "\ECA4"
}

.icofont-pause:before {
  content: "\ECA5"
}

.icofont-play-alt-1:before {
  content: "\ECA6"
}

.icofont-play-alt-2:before {
  content: "\ECA7"
}

.icofont-play-alt-3:before {
  content: "\ECA8"
}

.icofont-play-pause:before {
  content: "\ECA9"
}

.icofont-play:before {
  content: "\ECAA"
}

.icofont-record:before {
  content: "\ECAB"
}

.icofont-retro-music-disk:before {
  content: "\ECAC"
}

.icofont-rewind:before {
  content: "\ECAD"
}

.icofont-song-notes:before {
  content: "\ECAE"
}

.icofont-sound-wave-alt:before {
  content: "\ECAF"
}

.icofont-sound-wave:before {
  content: "\ECB0"
}

.icofont-stop:before {
  content: "\ECB1"
}

.icofont-video-alt:before {
  content: "\ECB2"
}

.icofont-video-cam:before {
  content: "\ECB3"
}

.icofont-video-clapper:before {
  content: "\ECB4"
}

.icofont-video:before {
  content: "\ECB5"
}

.icofont-volume-bar:before {
  content: "\ECB6"
}

.icofont-volume-down:before {
  content: "\ECB7"
}

.icofont-volume-mute:before {
  content: "\ECB8"
}

.icofont-volume-off:before {
  content: "\ECB9"
}

.icofont-volume-up:before {
  content: "\ECBA"
}

.icofont-youtube-play:before {
  content: "\ECBB"
}

.icofont-2checkout-alt:before {
  content: "\ECBC"
}

.icofont-2checkout:before {
  content: "\ECBD"
}

.icofont-amazon-alt:before {
  content: "\ECBE"
}

.icofont-amazon:before {
  content: "\ECBF"
}

.icofont-american-express-alt:before {
  content: "\ECC0"
}

.icofont-american-express:before {
  content: "\ECC1"
}

.icofont-apple-pay-alt:before {
  content: "\ECC2"
}

.icofont-apple-pay:before {
  content: "\ECC3"
}

.icofont-bank-transfer-alt:before {
  content: "\ECC4"
}

.icofont-bank-transfer:before {
  content: "\ECC5"
}

.icofont-braintree-alt:before {
  content: "\ECC6"
}

.icofont-braintree:before {
  content: "\ECC7"
}

.icofont-cash-on-delivery-alt:before {
  content: "\ECC8"
}

.icofont-cash-on-delivery:before {
  content: "\ECC9"
}

.icofont-diners-club-alt-1:before {
  content: "\ECCA"
}

.icofont-diners-club-alt-2:before {
  content: "\ECCB"
}

.icofont-diners-club-alt-3:before {
  content: "\ECCC"
}

.icofont-diners-club:before {
  content: "\ECCD"
}

.icofont-discover-alt:before {
  content: "\ECCE"
}

.icofont-discover:before {
  content: "\ECCF"
}

.icofont-eway-alt:before {
  content: "\ECD0"
}

.icofont-eway:before {
  content: "\ECD1"
}

.icofont-google-wallet-alt-1:before {
  content: "\ECD2"
}

.icofont-google-wallet-alt-2:before {
  content: "\ECD3"
}

.icofont-google-wallet-alt-3:before {
  content: "\ECD4"
}

.icofont-google-wallet:before {
  content: "\ECD5"
}

.icofont-jcb-alt:before {
  content: "\ECD6"
}

.icofont-jcb:before {
  content: "\ECD7"
}

.icofont-maestro-alt:before {
  content: "\ECD8"
}

.icofont-maestro:before {
  content: "\ECD9"
}

.icofont-mastercard-alt:before {
  content: "\ECDA"
}

.icofont-mastercard:before {
  content: "\ECDB"
}

.icofont-payoneer-alt:before {
  content: "\ECDC"
}

.icofont-payoneer:before {
  content: "\ECDD"
}

.icofont-paypal-alt:before {
  content: "\ECDE"
}

.icofont-paypal:before {
  content: "\ECDF"
}

.icofont-sage-alt:before {
  content: "\ECE0"
}

.icofont-sage:before {
  content: "\ECE1"
}

.icofont-skrill-alt:before {
  content: "\ECE2"
}

.icofont-skrill:before {
  content: "\ECE3"
}

.icofont-stripe-alt:before {
  content: "\ECE4"
}

.icofont-stripe:before {
  content: "\ECE5"
}

.icofont-visa-alt:before {
  content: "\ECE6"
}

.icofont-visa-electron:before {
  content: "\ECE7"
}

.icofont-visa:before {
  content: "\ECE8"
}

.icofont-western-union-alt:before {
  content: "\ECE9"
}

.icofont-western-union:before {
  content: "\ECEA"
}

.icofont-boy:before {
  content: "\ECEB"
}

.icofont-business-man-alt-1:before {
  content: "\ECEC"
}

.icofont-business-man-alt-2:before {
  content: "\ECED"
}

.icofont-business-man-alt-3:before {
  content: "\ECEE"
}

.icofont-business-man:before {
  content: "\ECEF"
}

.icofont-female:before {
  content: "\ECF0"
}

.icofont-funky-man:before {
  content: "\ECF1"
}

.icofont-girl-alt:before {
  content: "\ECF2"
}

.icofont-girl:before {
  content: "\ECF3"
}

.icofont-group:before {
  content: "\ECF4"
}

.icofont-hotel-boy-alt:before {
  content: "\ECF5"
}

.icofont-hotel-boy:before {
  content: "\ECF6"
}

.icofont-kid:before {
  content: "\ECF7"
}

.icofont-man-in-glasses:before {
  content: "\ECF8"
}

.icofont-people:before {
  content: "\ECF9"
}

.icofont-support:before {
  content: "\ECFA"
}

.icofont-user-alt-1:before {
  content: "\ECFB"
}

.icofont-user-alt-2:before {
  content: "\ECFC"
}

.icofont-user-alt-3:before {
  content: "\ECFD"
}

.icofont-user-alt-4:before {
  content: "\ECFE"
}

.icofont-user-alt-5:before {
  content: "\ECFF"
}

.icofont-user-alt-6:before {
  content: "\ED00"
}

.icofont-user-alt-7:before {
  content: "\ED01"
}

.icofont-user-female:before {
  content: "\ED02"
}

.icofont-user-male:before {
  content: "\ED03"
}

.icofont-user-suited:before {
  content: "\ED04"
}

.icofont-user:before {
  content: "\ED05"
}

.icofont-users-alt-1:before {
  content: "\ED06"
}

.icofont-users-alt-2:before {
  content: "\ED07"
}

.icofont-users-alt-3:before {
  content: "\ED08"
}

.icofont-users-alt-4:before {
  content: "\ED09"
}

.icofont-users-alt-5:before {
  content: "\ED0A"
}

.icofont-users-alt-6:before {
  content: "\ED0B"
}

.icofont-users-social:before {
  content: "\ED0C"
}

.icofont-users:before {
  content: "\ED0D"
}

.icofont-waiter-alt:before {
  content: "\ED0E"
}

.icofont-waiter:before {
  content: "\ED0F"
}

.icofont-woman-in-glasses:before {
  content: "\ED10"
}

.icofont-search-1:before {
  content: "\ED11"
}

.icofont-search-2:before {
  content: "\ED12"
}

.icofont-search-document:before {
  content: "\ED13"
}

.icofont-search-folder:before {
  content: "\ED14"
}

.icofont-search-job:before {
  content: "\ED15"
}

.icofont-search-map:before {
  content: "\ED16"
}

.icofont-search-property:before {
  content: "\ED17"
}

.icofont-search-restaurant:before {
  content: "\ED18"
}

.icofont-search-stock:before {
  content: "\ED19"
}

.icofont-search-user:before {
  content: "\ED1A"
}

.icofont-search:before {
  content: "\ED1B"
}

.icofont-500px:before {
  content: "\ED1C"
}

.icofont-aim:before {
  content: "\ED1D"
}

.icofont-badoo:before {
  content: "\ED1E"
}

.icofont-baidu-tieba:before {
  content: "\ED1F"
}

.icofont-bbm-messenger:before {
  content: "\ED20"
}

.icofont-bebo:before {
  content: "\ED21"
}

.icofont-behance:before {
  content: "\ED22"
}

.icofont-blogger:before {
  content: "\ED23"
}

.icofont-bootstrap:before {
  content: "\ED24"
}

.icofont-brightkite:before {
  content: "\ED25"
}

.icofont-cloudapp:before {
  content: "\ED26"
}

.icofont-concrete5:before {
  content: "\ED27"
}

.icofont-delicious:before {
  content: "\ED28"
}

.icofont-designbump:before {
  content: "\ED29"
}

.icofont-designfloat:before {
  content: "\ED2A"
}

.icofont-deviantart:before {
  content: "\ED2B"
}

.icofont-digg:before {
  content: "\ED2C"
}

.icofont-dotcms:before {
  content: "\ED2D"
}

.icofont-dribbble:before {
  content: "\ED2E"
}

.icofont-dribble:before {
  content: "\ED2F"
}

.icofont-dropbox:before {
  content: "\ED30"
}

.icofont-ebuddy:before {
  content: "\ED31"
}

.icofont-ello:before {
  content: "\ED32"
}

.icofont-ember:before {
  content: "\ED33"
}

.icofont-envato:before {
  content: "\ED34"
}

.icofont-evernote:before {
  content: "\ED35"
}

.icofont-facebook-messenger:before {
  content: "\ED36"
}

.icofont-facebook:before {
  content: "\ED37"
}

.icofont-feedburner:before {
  content: "\ED38"
}

.icofont-flikr:before {
  content: "\ED39"
}

.icofont-folkd:before {
  content: "\ED3A"
}

.icofont-foursquare:before {
  content: "\ED3B"
}

.icofont-friendfeed:before {
  content: "\ED3C"
}

.icofont-ghost:before {
  content: "\ED3D"
}

.icofont-github:before {
  content: "\ED3E"
}

.icofont-gnome:before {
  content: "\ED3F"
}

.icofont-google-buzz:before {
  content: "\ED40"
}

.icofont-google-hangouts:before {
  content: "\ED41"
}

.icofont-google-map:before {
  content: "\ED42"
}

.icofont-google-plus:before {
  content: "\ED43"
}

.icofont-google-talk:before {
  content: "\ED44"
}

.icofont-hype-machine:before {
  content: "\ED45"
}

.icofont-instagram:before {
  content: "\ED46"
}

.icofont-kakaotalk:before {
  content: "\ED47"
}

.icofont-kickstarter:before {
  content: "\ED48"
}

.icofont-kik:before {
  content: "\ED49"
}

.icofont-kiwibox:before {
  content: "\ED4A"
}

.icofont-line-messenger:before {
  content: "\ED4B"
}

.icofont-line:before {
  content: "\ED4C"
}

.icofont-linkedin:before {
  content: "\ED4D"
}

.icofont-linux-mint:before {
  content: "\ED4E"
}

.icofont-live-messenger:before {
  content: "\ED4F"
}

.icofont-livejournal:before {
  content: "\ED50"
}

.icofont-magento:before {
  content: "\ED51"
}

.icofont-meetme:before {
  content: "\ED52"
}

.icofont-meetup:before {
  content: "\ED53"
}

.icofont-mixx:before {
  content: "\ED54"
}

.icofont-newsvine:before {
  content: "\ED55"
}

.icofont-nimbuss:before {
  content: "\ED56"
}

.icofont-odnoklassniki:before {
  content: "\ED57"
}

.icofont-opencart:before {
  content: "\ED58"
}

.icofont-oscommerce:before {
  content: "\ED59"
}

.icofont-pandora:before {
  content: "\ED5A"
}

.icofont-photobucket:before {
  content: "\ED5B"
}

.icofont-picasa:before {
  content: "\ED5C"
}

.icofont-pinterest:before {
  content: "\ED5D"
}

.icofont-prestashop:before {
  content: "\ED5E"
}

.icofont-qik:before {
  content: "\ED5F"
}

.icofont-qq:before {
  content: "\ED60"
}

.icofont-readernaut:before {
  content: "\ED61"
}

.icofont-reddit:before {
  content: "\ED62"
}

.icofont-renren:before {
  content: "\ED63"
}

.icofont-rss:before {
  content: "\ED64"
}

.icofont-shopify:before {
  content: "\ED65"
}

.icofont-silverstripe:before {
  content: "\ED66"
}

.icofont-skype:before {
  content: "\ED67"
}

.icofont-slack:before {
  content: "\ED68"
}

.icofont-slashdot:before {
  content: "\ED69"
}

.icofont-slidshare:before {
  content: "\ED6A"
}

.icofont-smugmug:before {
  content: "\ED6B"
}

.icofont-snapchat:before {
  content: "\ED6C"
}

.icofont-soundcloud:before {
  content: "\ED6D"
}

.icofont-spotify:before {
  content: "\ED6E"
}

.icofont-stack-exchange:before {
  content: "\ED6F"
}

.icofont-stack-overflow:before {
  content: "\ED70"
}

.icofont-steam:before {
  content: "\ED71"
}

.icofont-stumbleupon:before {
  content: "\ED72"
}

.icofont-tagged:before {
  content: "\ED73"
}

.icofont-technorati:before {
  content: "\ED74"
}

.icofont-telegram:before {
  content: "\ED75"
}

.icofont-tinder:before {
  content: "\ED76"
}

.icofont-trello:before {
  content: "\ED77"
}

.icofont-tumblr:before {
  content: "\ED78"
}

.icofont-twitch:before {
  content: "\ED79"
}

.icofont-twitter:before {
  content: "\ED7A"
}

.icofont-typo3:before {
  content: "\ED7B"
}

.icofont-ubercart:before {
  content: "\ED7C"
}

.icofont-viber:before {
  content: "\ED7D"
}

.icofont-viddler:before {
  content: "\ED7E"
}

.icofont-vimeo:before {
  content: "\ED7F"
}

.icofont-vine:before {
  content: "\ED80"
}

.icofont-virb:before {
  content: "\ED81"
}

.icofont-virtuemart:before {
  content: "\ED82"
}

.icofont-vk:before {
  content: "\ED83"
}

.icofont-wechat:before {
  content: "\ED84"
}

.icofont-weibo:before {
  content: "\ED85"
}

.icofont-whatsapp:before {
  content: "\ED86"
}

.icofont-xing:before {
  content: "\ED87"
}

.icofont-yahoo:before {
  content: "\ED88"
}

.icofont-yelp:before {
  content: "\ED89"
}

.icofont-youku:before {
  content: "\ED8A"
}

.icofont-youtube:before {
  content: "\ED8B"
}

.icofont-zencart:before {
  content: "\ED8C"
}

.icofont-badminton-birdie:before {
  content: "\ED8D"
}

.icofont-baseball:before {
  content: "\ED8E"
}

.icofont-baseballer:before {
  content: "\ED8F"
}

.icofont-basketball-hoop:before {
  content: "\ED90"
}

.icofont-basketball:before {
  content: "\ED91"
}

.icofont-billiard-ball:before {
  content: "\ED92"
}

.icofont-boot-alt-1:before {
  content: "\ED93"
}

.icofont-boot-alt-2:before {
  content: "\ED94"
}

.icofont-boot:before {
  content: "\ED95"
}

.icofont-bowling-alt:before {
  content: "\ED96"
}

.icofont-bowling:before {
  content: "\ED97"
}

.icofont-canoe:before {
  content: "\ED98"
}

.icofont-cheer-leader:before {
  content: "\ED99"
}

.icofont-climbing:before {
  content: "\ED9A"
}

.icofont-corner:before {
  content: "\ED9B"
}

.icofont-field-alt:before {
  content: "\ED9C"
}

.icofont-field:before {
  content: "\ED9D"
}

.icofont-football-alt:before {
  content: "\ED9E"
}

.icofont-football-american:before {
  content: "\ED9F"
}

.icofont-football:before {
  content: "\EDA0"
}

.icofont-foul:before {
  content: "\EDA1"
}

.icofont-goal-keeper:before {
  content: "\EDA2"
}

.icofont-goal:before {
  content: "\EDA3"
}

.icofont-golf-alt:before {
  content: "\EDA4"
}

.icofont-golf-bag:before {
  content: "\EDA5"
}

.icofont-golf-cart:before {
  content: "\EDA6"
}

.icofont-golf-field:before {
  content: "\EDA7"
}

.icofont-golf:before {
  content: "\EDA8"
}

.icofont-golfer:before {
  content: "\EDA9"
}

.icofont-helmet:before {
  content: "\EDAA"
}

.icofont-hockey-alt:before {
  content: "\EDAB"
}

.icofont-hockey:before {
  content: "\EDAC"
}

.icofont-ice-skate:before {
  content: "\EDAD"
}

.icofont-jersey-alt:before {
  content: "\EDAE"
}

.icofont-jersey:before {
  content: "\EDAF"
}

.icofont-jumping:before {
  content: "\EDB0"
}

.icofont-kick:before {
  content: "\EDB1"
}

.icofont-leg:before {
  content: "\EDB2"
}

.icofont-match-review:before {
  content: "\EDB3"
}

.icofont-medal-sport:before {
  content: "\EDB4"
}

.icofont-offside:before {
  content: "\EDB5"
}

.icofont-olympic-logo:before {
  content: "\EDB6"
}

.icofont-olympic:before {
  content: "\EDB7"
}

.icofont-padding:before {
  content: "\EDB8"
}

.icofont-penalty-card:before {
  content: "\EDB9"
}

.icofont-racer:before {
  content: "\EDBA"
}

.icofont-racing-car:before {
  content: "\EDBB"
}

.icofont-racing-flag-alt:before {
  content: "\EDBC"
}

.icofont-racing-flag:before {
  content: "\EDBD"
}

.icofont-racings-wheel:before {
  content: "\EDBE"
}

.icofont-referee:before {
  content: "\EDBF"
}

.icofont-refree-jersey:before {
  content: "\EDC0"
}

.icofont-result-sport:before {
  content: "\EDC1"
}

.icofont-rugby-ball:before {
  content: "\EDC2"
}

.icofont-rugby-player:before {
  content: "\EDC3"
}

.icofont-rugby:before {
  content: "\EDC4"
}

.icofont-runner-alt-1:before {
  content: "\EDC5"
}

.icofont-runner-alt-2:before {
  content: "\EDC6"
}

.icofont-runner:before {
  content: "\EDC7"
}

.icofont-score-board:before {
  content: "\EDC8"
}

.icofont-skiing-man:before {
  content: "\EDC9"
}

.icofont-skydiving-goggles:before {
  content: "\EDCA"
}

.icofont-snow-mobile:before {
  content: "\EDCB"
}

.icofont-steering:before {
  content: "\EDCC"
}

.icofont-stopwatch:before {
  content: "\EDCD"
}

.icofont-substitute:before {
  content: "\EDCE"
}

.icofont-swimmer:before {
  content: "\EDCF"
}

.icofont-table-tennis:before {
  content: "\EDD0"
}

.icofont-team-alt:before {
  content: "\EDD1"
}

.icofont-team:before {
  content: "\EDD2"
}

.icofont-tennis-player:before {
  content: "\EDD3"
}

.icofont-tennis:before {
  content: "\EDD4"
}

.icofont-tracking:before {
  content: "\EDD5"
}

.icofont-trophy-alt:before {
  content: "\EDD6"
}

.icofont-trophy:before {
  content: "\EDD7"
}

.icofont-volleyball-alt:before {
  content: "\EDD8"
}

.icofont-volleyball-fire:before {
  content: "\EDD9"
}

.icofont-volleyball:before {
  content: "\EDDA"
}

.icofont-water-bottle:before {
  content: "\EDDB"
}

.icofont-whistle-alt:before {
  content: "\EDDC"
}

.icofont-whistle:before {
  content: "\EDDD"
}

.icofont-win-trophy:before {
  content: "\EDDE"
}

.icofont-align-center:before {
  content: "\EDDF"
}

.icofont-align-left:before {
  content: "\EDE0"
}

.icofont-align-right:before {
  content: "\EDE1"
}

.icofont-all-caps:before {
  content: "\EDE2"
}

.icofont-bold:before {
  content: "\EDE3"
}

.icofont-brush:before {
  content: "\EDE4"
}

.icofont-clip-board:before {
  content: "\EDE5"
}

.icofont-code-alt:before {
  content: "\EDE6"
}

.icofont-color-bucket:before {
  content: "\EDE7"
}

.icofont-color-picker:before {
  content: "\EDE8"
}

.icofont-copy-invert:before {
  content: "\EDE9"
}

.icofont-copy:before {
  content: "\EDEA"
}

.icofont-cut:before {
  content: "\EDEB"
}

.icofont-delete-alt:before {
  content: "\EDEC"
}

.icofont-edit-alt:before {
  content: "\EDED"
}

.icofont-eraser-alt:before {
  content: "\EDEE"
}

.icofont-font:before {
  content: "\EDEF"
}

.icofont-heading:before {
  content: "\EDF0"
}

.icofont-indent:before {
  content: "\EDF1"
}

.icofont-italic-alt:before {
  content: "\EDF2"
}

.icofont-italic:before {
  content: "\EDF3"
}

.icofont-justify-all:before {
  content: "\EDF4"
}

.icofont-justify-center:before {
  content: "\EDF5"
}

.icofont-justify-left:before {
  content: "\EDF6"
}

.icofont-justify-right:before {
  content: "\EDF7"
}

.icofont-link-broken:before {
  content: "\EDF8"
}

.icofont-outdent:before {
  content: "\EDF9"
}

.icofont-paper-clip:before {
  content: "\EDFA"
}

.icofont-paragraph:before {
  content: "\EDFB"
}

.icofont-pin:before {
  content: "\EDFC"
}

.icofont-printer:before {
  content: "\EDFD"
}

.icofont-redo:before {
  content: "\EDFE"
}

.icofont-rotation:before {
  content: "\EDFF"
}

.icofont-save:before {
  content: "\EE00"
}

.icofont-small-cap:before {
  content: "\EE01"
}

.icofont-strike-through:before {
  content: "\EE02"
}

.icofont-sub-listing:before {
  content: "\EE03"
}

.icofont-subscript:before {
  content: "\EE04"
}

.icofont-superscript:before {
  content: "\EE05"
}

.icofont-table:before {
  content: "\EE06"
}

.icofont-text-height:before {
  content: "\EE07"
}

.icofont-text-width:before {
  content: "\EE08"
}

.icofont-trash:before {
  content: "\EE09"
}

.icofont-underline:before {
  content: "\EE0A"
}

.icofont-undo:before {
  content: "\EE0B"
}

.icofont-air-balloon:before {
  content: "\EE0C"
}

.icofont-airplane-alt:before {
  content: "\EE0D"
}

.icofont-airplane:before {
  content: "\EE0E"
}

.icofont-articulated-truck:before {
  content: "\EE0F"
}

.icofont-auto-mobile:before {
  content: "\EE10"
}

.icofont-auto-rickshaw:before {
  content: "\EE11"
}

.icofont-bicycle-alt-1:before {
  content: "\EE12"
}

.icofont-bicycle-alt-2:before {
  content: "\EE13"
}

.icofont-bicycle:before {
  content: "\EE14"
}

.icofont-bus-alt-1:before {
  content: "\EE15"
}

.icofont-bus-alt-2:before {
  content: "\EE16"
}

.icofont-bus-alt-3:before {
  content: "\EE17"
}

.icofont-bus:before {
  content: "\EE18"
}

.icofont-cab:before {
  content: "\EE19"
}

.icofont-cable-car:before {
  content: "\EE1A"
}

.icofont-car-alt-1:before {
  content: "\EE1B"
}

.icofont-car-alt-2:before {
  content: "\EE1C"
}

.icofont-car-alt-3:before {
  content: "\EE1D"
}

.icofont-car-alt-4:before {
  content: "\EE1E"
}

.icofont-car:before {
  content: "\EE1F"
}

.icofont-delivery-time:before {
  content: "\EE20"
}

.icofont-fast-delivery:before {
  content: "\EE21"
}

.icofont-fire-truck-alt:before {
  content: "\EE22"
}

.icofont-fire-truck:before {
  content: "\EE23"
}

.icofont-free-delivery:before {
  content: "\EE24"
}

.icofont-helicopter:before {
  content: "\EE25"
}

.icofont-motor-bike-alt:before {
  content: "\EE26"
}

.icofont-motor-bike:before {
  content: "\EE27"
}

.icofont-motor-biker:before {
  content: "\EE28"
}

.icofont-oil-truck:before {
  content: "\EE29"
}

.icofont-rickshaw:before {
  content: "\EE2A"
}

.icofont-rocket-alt-1:before {
  content: "\EE2B"
}

.icofont-rocket-alt-2:before {
  content: "\EE2C"
}

.icofont-rocket:before {
  content: "\EE2D"
}

.icofont-sail-boat-alt-1:before {
  content: "\EE2E"
}

.icofont-sail-boat-alt-2:before {
  content: "\EE2F"
}

.icofont-sail-boat:before {
  content: "\EE30"
}

.icofont-scooter:before {
  content: "\EE31"
}

.icofont-sea-plane:before {
  content: "\EE32"
}

.icofont-ship-alt:before {
  content: "\EE33"
}

.icofont-ship:before {
  content: "\EE34"
}

.icofont-speed-boat:before {
  content: "\EE35"
}

.icofont-taxi:before {
  content: "\EE36"
}

.icofont-tractor:before {
  content: "\EE37"
}

.icofont-train-line:before {
  content: "\EE38"
}

.icofont-train-steam:before {
  content: "\EE39"
}

.icofont-tram:before {
  content: "\EE3A"
}

.icofont-truck-alt:before {
  content: "\EE3B"
}

.icofont-truck-loaded:before {
  content: "\EE3C"
}

.icofont-truck:before {
  content: "\EE3D"
}

.icofont-van-alt:before {
  content: "\EE3E"
}

.icofont-van:before {
  content: "\EE3F"
}

.icofont-yacht:before {
  content: "\EE40"
}

.icofont-5-star-hotel:before {
  content: "\EE41"
}

.icofont-air-ticket:before {
  content: "\EE42"
}

.icofont-beach-bed:before {
  content: "\EE43"
}

.icofont-beach:before {
  content: "\EE44"
}

.icofont-camping-vest:before {
  content: "\EE45"
}

.icofont-direction-sign:before {
  content: "\EE46"
}

.icofont-hill-side:before {
  content: "\EE47"
}

.icofont-hill:before {
  content: "\EE48"
}

.icofont-hotel:before {
  content: "\EE49"
}

.icofont-island-alt:before {
  content: "\EE4A"
}

.icofont-island:before {
  content: "\EE4B"
}

.icofont-sandals-female:before {
  content: "\EE4C"
}

.icofont-sandals-male:before {
  content: "\EE4D"
}

.icofont-travelling:before {
  content: "\EE4E"
}

.icofont-breakdown:before {
  content: "\EE4F"
}

.icofont-celsius:before {
  content: "\EE50"
}

.icofont-clouds:before {
  content: "\EE51"
}

.icofont-cloudy:before {
  content: "\EE52"
}

.icofont-dust:before {
  content: "\EE53"
}

.icofont-eclipse:before {
  content: "\EE54"
}

.icofont-fahrenheit:before {
  content: "\EE55"
}

.icofont-forest-fire:before {
  content: "\EE56"
}

.icofont-full-night:before {
  content: "\EE57"
}

.icofont-full-sunny:before {
  content: "\EE58"
}

.icofont-hail-night:before {
  content: "\EE59"
}

.icofont-hail-rainy-night:before {
  content: "\EE5A"
}

.icofont-hail-rainy-sunny:before {
  content: "\EE5B"
}

.icofont-hail-rainy:before {
  content: "\EE5C"
}

.icofont-hail-sunny:before {
  content: "\EE5D"
}

.icofont-hail-thunder-night:before {
  content: "\EE5E"
}

.icofont-hail-thunder-sunny:before {
  content: "\EE5F"
}

.icofont-hail-thunder:before {
  content: "\EE60"
}

.icofont-hail:before {
  content: "\EE61"
}

.icofont-hill-night:before {
  content: "\EE62"
}

.icofont-hill-sunny:before {
  content: "\EE63"
}

.icofont-hurricane:before {
  content: "\EE64"
}

.icofont-meteor:before {
  content: "\EE65"
}

.icofont-night:before {
  content: "\EE66"
}

.icofont-rainy-night:before {
  content: "\EE67"
}

.icofont-rainy-sunny:before {
  content: "\EE68"
}

.icofont-rainy-thunder:before {
  content: "\EE69"
}

.icofont-rainy:before {
  content: "\EE6A"
}

.icofont-snow-alt:before {
  content: "\EE6B"
}

.icofont-snow-flake:before {
  content: "\EE6C"
}

.icofont-snow-temp:before {
  content: "\EE6D"
}

.icofont-snow:before {
  content: "\EE6E"
}

.icofont-snowy-hail:before {
  content: "\EE6F"
}

.icofont-snowy-night-hail:before {
  content: "\EE70"
}

.icofont-snowy-night-rainy:before {
  content: "\EE71"
}

.icofont-snowy-night:before {
  content: "\EE72"
}

.icofont-snowy-rainy:before {
  content: "\EE73"
}

.icofont-snowy-sunny-hail:before {
  content: "\EE74"
}

.icofont-snowy-sunny-rainy:before {
  content: "\EE75"
}

.icofont-snowy-sunny:before {
  content: "\EE76"
}

.icofont-snowy-thunder-night:before {
  content: "\EE77"
}

.icofont-snowy-thunder-sunny:before {
  content: "\EE78"
}

.icofont-snowy-thunder:before {
  content: "\EE79"
}

.icofont-snowy-windy-night:before {
  content: "\EE7A"
}

.icofont-snowy-windy-sunny:before {
  content: "\EE7B"
}

.icofont-snowy-windy:before {
  content: "\EE7C"
}

.icofont-snowy:before {
  content: "\EE7D"
}

.icofont-sun-alt:before {
  content: "\EE7E"
}

.icofont-sun-rise:before {
  content: "\EE7F"
}

.icofont-sun-set:before {
  content: "\EE80"
}

.icofont-sun:before {
  content: "\EE81"
}

.icofont-sunny-day-temp:before {
  content: "\EE82"
}

.icofont-sunny:before {
  content: "\EE83"
}

.icofont-thunder-light:before {
  content: "\EE84"
}

.icofont-tornado:before {
  content: "\EE85"
}

.icofont-umbrella-alt:before {
  content: "\EE86"
}

.icofont-umbrella:before {
  content: "\EE87"
}

.icofont-volcano:before {
  content: "\EE88"
}

.icofont-wave:before {
  content: "\EE89"
}

.icofont-wind-scale-0:before {
  content: "\EE8A"
}

.icofont-wind-scale-1:before {
  content: "\EE8B"
}

.icofont-wind-scale-10:before {
  content: "\EE8C"
}

.icofont-wind-scale-11:before {
  content: "\EE8D"
}

.icofont-wind-scale-12:before {
  content: "\EE8E"
}

.icofont-wind-scale-2:before {
  content: "\EE8F"
}

.icofont-wind-scale-3:before {
  content: "\EE90"
}

.icofont-wind-scale-4:before {
  content: "\EE91"
}

.icofont-wind-scale-5:before {
  content: "\EE92"
}

.icofont-wind-scale-6:before {
  content: "\EE93"
}

.icofont-wind-scale-7:before {
  content: "\EE94"
}

.icofont-wind-scale-8:before {
  content: "\EE95"
}

.icofont-wind-scale-9:before {
  content: "\EE96"
}

.icofont-wind-waves:before {
  content: "\EE97"
}

.icofont-wind:before {
  content: "\EE98"
}

.icofont-windy-hail:before {
  content: "\EE99"
}

.icofont-windy-night:before {
  content: "\EE9A"
}

.icofont-windy-raining:before {
  content: "\EE9B"
}

.icofont-windy-sunny:before {
  content: "\EE9C"
}

.icofont-windy-thunder-raining:before {
  content: "\EE9D"
}

.icofont-windy-thunder:before {
  content: "\EE9E"
}

.icofont-windy:before {
  content: "\EE9F"
}

.icofont-addons:before {
  content: "\EEA0"
}

.icofont-address-book:before {
  content: "\EEA1"
}

.icofont-adjust:before {
  content: "\EEA2"
}

.icofont-alarm:before {
  content: "\EEA3"
}

.icofont-anchor:before {
  content: "\EEA4"
}

.icofont-archive:before {
  content: "\EEA5"
}

.icofont-at:before {
  content: "\EEA6"
}

.icofont-attachment:before {
  content: "\EEA7"
}

.icofont-audio:before {
  content: "\EEA8"
}

.icofont-automation:before {
  content: "\EEA9"
}

.icofont-badge:before {
  content: "\EEAA"
}

.icofont-bag-alt:before {
  content: "\EEAB"
}

.icofont-bag:before {
  content: "\EEAC"
}

.icofont-ban:before {
  content: "\EEAD"
}

.icofont-bar-code:before {
  content: "\EEAE"
}

.icofont-bars:before {
  content: "\EEAF"
}

.icofont-basket:before {
  content: "\EEB0"
}

.icofont-battery-empty:before {
  content: "\EEB1"
}

.icofont-battery-full:before {
  content: "\EEB2"
}

.icofont-battery-half:before {
  content: "\EEB3"
}

.icofont-battery-low:before {
  content: "\EEB4"
}

.icofont-beaker:before {
  content: "\EEB5"
}

.icofont-beard:before {
  content: "\EEB6"
}

.icofont-bed:before {
  content: "\EEB7"
}

.icofont-bell:before {
  content: "\EEB8"
}

.icofont-beverage:before {
  content: "\EEB9"
}

.icofont-bill:before {
  content: "\EEBA"
}

.icofont-bin:before {
  content: "\EEBB"
}

.icofont-binary:before {
  content: "\EEBC"
}

.icofont-binoculars:before {
  content: "\EEBD"
}

.icofont-bluetooth:before {
  content: "\EEBE"
}

.icofont-bomb:before {
  content: "\EEBF"
}

.icofont-book-mark:before {
  content: "\EEC0"
}

.icofont-box:before {
  content: "\EEC1"
}

.icofont-briefcase:before {
  content: "\EEC2"
}

.icofont-broken:before {
  content: "\EEC3"
}

.icofont-bucket:before {
  content: "\EEC4"
}

.icofont-bucket1:before {
  content: "\EEC5"
}

.icofont-bucket2:before {
  content: "\EEC6"
}

.icofont-bug:before {
  content: "\EEC7"
}

.icofont-building:before {
  content: "\EEC8"
}

.icofont-bulb-alt:before {
  content: "\EEC9"
}

.icofont-bullet:before {
  content: "\EECA"
}

.icofont-bullhorn:before {
  content: "\EECB"
}

.icofont-bullseye:before {
  content: "\EECC"
}

.icofont-calendar:before {
  content: "\EECD"
}

.icofont-camera-alt:before {
  content: "\EECE"
}

.icofont-camera:before {
  content: "\EECF"
}

.icofont-card:before {
  content: "\EED0"
}

.icofont-cart-alt:before {
  content: "\EED1"
}

.icofont-cart:before {
  content: "\EED2"
}

.icofont-cc:before {
  content: "\EED3"
}

.icofont-charging:before {
  content: "\EED4"
}

.icofont-chat:before {
  content: "\EED5"
}

.icofont-check-alt:before {
  content: "\EED6"
}

.icofont-check-circled:before {
  content: "\EED7"
}

.icofont-check:before {
  content: "\EED8"
}

.icofont-checked:before {
  content: "\EED9"
}

.icofont-children-care:before {
  content: "\EEDA"
}

.icofont-clip:before {
  content: "\EEDB"
}

.icofont-clock-time:before {
  content: "\EEDC"
}

.icofont-close-circled:before {
  content: "\EEDD"
}

.icofont-close-line-circled:before {
  content: "\EEDE"
}

.icofont-close-line-squared-alt:before {
  content: "\EEDF"
}

.icofont-close-line-squared:before {
  content: "\EEE0"
}

.icofont-close-line:before {
  content: "\EEE1"
}

.icofont-close-squared-alt:before {
  content: "\EEE2"
}

.icofont-close-squared:before {
  content: "\EEE3"
}

.icofont-close:before {
  content: "\EEE4"
}

.icofont-cloud-download:before {
  content: "\EEE5"
}

.icofont-cloud-refresh:before {
  content: "\EEE6"
}

.icofont-cloud-upload:before {
  content: "\EEE7"
}

.icofont-cloud:before {
  content: "\EEE8"
}

.icofont-code-not-allowed:before {
  content: "\EEE9"
}

.icofont-code:before {
  content: "\EEEA"
}

.icofont-comment:before {
  content: "\EEEB"
}

.icofont-compass-alt:before {
  content: "\EEEC"
}

.icofont-compass:before {
  content: "\EEED"
}

.icofont-computer:before {
  content: "\EEEE"
}

.icofont-connection:before {
  content: "\EEEF"
}

.icofont-console:before {
  content: "\EEF0"
}

.icofont-contacts:before {
  content: "\EEF1"
}

.icofont-contrast:before {
  content: "\EEF2"
}

.icofont-copyright:before {
  content: "\EEF3"
}

.icofont-credit-card:before {
  content: "\EEF4"
}

.icofont-crop:before {
  content: "\EEF5"
}

.icofont-crown:before {
  content: "\EEF6"
}

.icofont-cube:before {
  content: "\EEF7"
}

.icofont-cubes:before {
  content: "\EEF8"
}

.icofont-dashboard-web:before {
  content: "\EEF9"
}

.icofont-dashboard:before {
  content: "\EEFA"
}

.icofont-data:before {
  content: "\EEFB"
}

.icofont-database-add:before {
  content: "\EEFC"
}

.icofont-database-locked:before {
  content: "\EEFD"
}

.icofont-database-remove:before {
  content: "\EEFE"
}

.icofont-database:before {
  content: "\EEFF"
}

.icofont-delete:before {
  content: "\EF00"
}

.icofont-diamond:before {
  content: "\EF01"
}

.icofont-dice-multiple:before {
  content: "\EF02"
}

.icofont-dice:before {
  content: "\EF03"
}

.icofont-disc:before {
  content: "\EF04"
}

.icofont-diskette:before {
  content: "\EF05"
}

.icofont-document-folder:before {
  content: "\EF06"
}

.icofont-download-alt:before {
  content: "\EF07"
}

.icofont-download:before {
  content: "\EF08"
}

.icofont-downloaded:before {
  content: "\EF09"
}

.icofont-drag:before {
  content: "\EF0A"
}

.icofont-drag1:before {
  content: "\EF0B"
}

.icofont-drag2:before {
  content: "\EF0C"
}

.icofont-drag3:before {
  content: "\EF0D"
}

.icofont-earth:before {
  content: "\EF0E"
}

.icofont-ebook:before {
  content: "\EF0F"
}

.icofont-edit:before {
  content: "\EF10"
}

.icofont-eject:before {
  content: "\EF11"
}

.icofont-email:before {
  content: "\EF12"
}

.icofont-envelope-open:before {
  content: "\EF13"
}

.icofont-envelope:before {
  content: "\EF14"
}

.icofont-eraser:before {
  content: "\EF15"
}

.icofont-error:before {
  content: "\EF16"
}

.icofont-excavator:before {
  content: "\EF17"
}

.icofont-exchange:before {
  content: "\EF18"
}

.icofont-exclamation-circle:before {
  content: "\EF19"
}

.icofont-exclamation-square:before {
  content: "\EF1A"
}

.icofont-exclamation-tringle:before {
  content: "\EF1B"
}

.icofont-exclamation:before {
  content: "\EF1C"
}

.icofont-exit:before {
  content: "\EF1D"
}

.icofont-expand:before {
  content: "\EF1E"
}

.icofont-external-link:before {
  content: "\EF1F"
}

.icofont-external:before {
  content: "\EF20"
}

.icofont-eye-alt:before {
  content: "\EF21"
}

.icofont-eye-blocked:before {
  content: "\EF22"
}

.icofont-eye-dropper:before {
  content: "\EF23"
}

.icofont-eye:before {
  content: "\EF24"
}

.icofont-favourite:before {
  content: "\EF25"
}

.icofont-fax:before {
  content: "\EF26"
}

.icofont-file-fill:before {
  content: "\EF27"
}

.icofont-film:before {
  content: "\EF28"
}

.icofont-filter:before {
  content: "\EF29"
}

.icofont-fire-alt:before {
  content: "\EF2A"
}

.icofont-fire-burn:before {
  content: "\EF2B"
}

.icofont-fire:before {
  content: "\EF2C"
}

.icofont-flag-alt-1:before {
  content: "\EF2D"
}

.icofont-flag-alt-2:before {
  content: "\EF2E"
}

.icofont-flag:before {
  content: "\EF2F"
}

.icofont-flame-torch:before {
  content: "\EF30"
}

.icofont-flash-light:before {
  content: "\EF31"
}

.icofont-flash:before {
  content: "\EF32"
}

.icofont-flask:before {
  content: "\EF33"
}

.icofont-focus:before {
  content: "\EF34"
}

.icofont-folder-open:before {
  content: "\EF35"
}

.icofont-folder:before {
  content: "\EF36"
}

.icofont-foot-print:before {
  content: "\EF37"
}

.icofont-garbage:before {
  content: "\EF38"
}

.icofont-gear-alt:before {
  content: "\EF39"
}

.icofont-gear:before {
  content: "\EF3A"
}

.icofont-gears:before {
  content: "\EF3B"
}

.icofont-gift:before {
  content: "\EF3C"
}

.icofont-glass:before {
  content: "\EF3D"
}

.icofont-globe:before {
  content: "\EF3E"
}

.icofont-graffiti:before {
  content: "\EF3F"
}

.icofont-grocery:before {
  content: "\EF40"
}

.icofont-hand:before {
  content: "\EF41"
}

.icofont-hanger:before {
  content: "\EF42"
}

.icofont-hard-disk:before {
  content: "\EF43"
}

.icofont-heart-alt:before {
  content: "\EF44"
}

.icofont-heart:before {
  content: "\EF45"
}

.icofont-history:before {
  content: "\EF46"
}

.icofont-home:before {
  content: "\EF47"
}

.icofont-horn:before {
  content: "\EF48"
}

.icofont-hour-glass:before {
  content: "\EF49"
}

.icofont-id:before {
  content: "\EF4A"
}

.icofont-image:before {
  content: "\EF4B"
}

.icofont-inbox:before {
  content: "\EF4C"
}

.icofont-infinite:before {
  content: "\EF4D"
}

.icofont-info-circle:before {
  content: "\EF4E"
}

.icofont-info-square:before {
  content: "\EF4F"
}

.icofont-info:before {
  content: "\EF50"
}

.icofont-institution:before {
  content: "\EF51"
}

.icofont-interface:before {
  content: "\EF52"
}

.icofont-invisible:before {
  content: "\EF53"
}

.icofont-jacket:before {
  content: "\EF54"
}

.icofont-jar:before {
  content: "\EF55"
}

.icofont-jewlery:before {
  content: "\EF56"
}

.icofont-karate:before {
  content: "\EF57"
}

.icofont-key-hole:before {
  content: "\EF58"
}

.icofont-key:before {
  content: "\EF59"
}

.icofont-label:before {
  content: "\EF5A"
}

.icofont-lamp:before {
  content: "\EF5B"
}

.icofont-layers:before {
  content: "\EF5C"
}

.icofont-layout:before {
  content: "\EF5D"
}

.icofont-leaf:before {
  content: "\EF5E"
}

.icofont-leaflet:before {
  content: "\EF5F"
}

.icofont-learn:before {
  content: "\EF60"
}

.icofont-lego:before {
  content: "\EF61"
}

.icofont-lens:before {
  content: "\EF62"
}

.icofont-letter:before {
  content: "\EF63"
}

.icofont-letterbox:before {
  content: "\EF64"
}

.icofont-library:before {
  content: "\EF65"
}

.icofont-license:before {
  content: "\EF66"
}

.icofont-life-bouy:before {
  content: "\EF67"
}

.icofont-life-buoy:before {
  content: "\EF68"
}

.icofont-life-jacket:before {
  content: "\EF69"
}

.icofont-life-ring:before {
  content: "\EF6A"
}

.icofont-light-bulb:before {
  content: "\EF6B"
}

.icofont-lighter:before {
  content: "\EF6C"
}

.icofont-lightning-ray:before {
  content: "\EF6D"
}

.icofont-like:before {
  content: "\EF6E"
}

.icofont-line-height:before {
  content: "\EF6F"
}

.icofont-link-alt:before {
  content: "\EF70"
}

.icofont-link:before {
  content: "\EF71"
}

.icofont-list:before {
  content: "\EF72"
}

.icofont-listening:before {
  content: "\EF73"
}

.icofont-listine-dots:before {
  content: "\EF74"
}

.icofont-listing-box:before {
  content: "\EF75"
}

.icofont-listing-number:before {
  content: "\EF76"
}

.icofont-live-support:before {
  content: "\EF77"
}

.icofont-location-arrow:before {
  content: "\EF78"
}

.icofont-location-pin:before {
  content: "\EF79"
}

.icofont-lock:before {
  content: "\EF7A"
}

.icofont-login:before {
  content: "\EF7B"
}

.icofont-logout:before {
  content: "\EF7C"
}

.icofont-lollipop:before {
  content: "\EF7D"
}

.icofont-long-drive:before {
  content: "\EF7E"
}

.icofont-look:before {
  content: "\EF7F"
}

.icofont-loop:before {
  content: "\EF80"
}

.icofont-luggage:before {
  content: "\EF81"
}

.icofont-lunch:before {
  content: "\EF82"
}

.icofont-lungs:before {
  content: "\EF83"
}

.icofont-magic-alt:before {
  content: "\EF84"
}

.icofont-magic:before {
  content: "\EF85"
}

.icofont-magnet:before {
  content: "\EF86"
}

.icofont-mail-box:before {
  content: "\EF87"
}

.icofont-mail:before {
  content: "\EF88"
}

.icofont-male:before {
  content: "\EF89"
}

.icofont-map-pins:before {
  content: "\EF8A"
}

.icofont-map:before {
  content: "\EF8B"
}

.icofont-maximize:before {
  content: "\EF8C"
}

.icofont-measure:before {
  content: "\EF8D"
}

.icofont-medicine:before {
  content: "\EF8E"
}

.icofont-mega-phone:before {
  content: "\EF8F"
}

.icofont-megaphone-alt:before {
  content: "\EF90"
}

.icofont-megaphone:before {
  content: "\EF91"
}

.icofont-memorial:before {
  content: "\EF92"
}

.icofont-memory-card:before {
  content: "\EF93"
}

.icofont-mic-mute:before {
  content: "\EF94"
}

.icofont-mic:before {
  content: "\EF95"
}

.icofont-military:before {
  content: "\EF96"
}

.icofont-mill:before {
  content: "\EF97"
}

.icofont-minus-circle:before {
  content: "\EF98"
}

.icofont-minus-square:before {
  content: "\EF99"
}

.icofont-minus:before {
  content: "\EF9A"
}

.icofont-mobile-phone:before {
  content: "\EF9B"
}

.icofont-molecule:before {
  content: "\EF9C"
}

.icofont-money:before {
  content: "\EF9D"
}

.icofont-moon:before {
  content: "\EF9E"
}

.icofont-mop:before {
  content: "\EF9F"
}

.icofont-muffin:before {
  content: "\EFA0"
}

.icofont-mustache:before {
  content: "\EFA1"
}

.icofont-navigation-menu:before {
  content: "\EFA2"
}

.icofont-navigation:before {
  content: "\EFA3"
}

.icofont-network-tower:before {
  content: "\EFA4"
}

.icofont-network:before {
  content: "\EFA5"
}

.icofont-news:before {
  content: "\EFA6"
}

.icofont-newspaper:before {
  content: "\EFA7"
}

.icofont-no-smoking:before {
  content: "\EFA8"
}

.icofont-not-allowed:before {
  content: "\EFA9"
}

.icofont-notebook:before {
  content: "\EFAA"
}

.icofont-notepad:before {
  content: "\EFAB"
}

.icofont-notification:before {
  content: "\EFAC"
}

.icofont-numbered:before {
  content: "\EFAD"
}

.icofont-opposite:before {
  content: "\EFAE"
}

.icofont-optic:before {
  content: "\EFAF"
}

.icofont-options:before {
  content: "\EFB0"
}

.icofont-package:before {
  content: "\EFB1"
}

.icofont-page:before {
  content: "\EFB2"
}

.icofont-paint:before {
  content: "\EFB3"
}

.icofont-paper-plane:before {
  content: "\EFB4"
}

.icofont-paperclip:before {
  content: "\EFB5"
}

.icofont-papers:before {
  content: "\EFB6"
}

.icofont-pay:before {
  content: "\EFB7"
}

.icofont-penguin-linux:before {
  content: "\EFB8"
}

.icofont-pestle:before {
  content: "\EFB9"
}

.icofont-phone-circle:before {
  content: "\EFBA"
}

.icofont-phone:before {
  content: "\EFBB"
}

.icofont-picture:before {
  content: "\EFBC"
}

.icofont-pine:before {
  content: "\EFBD"
}

.icofont-pixels:before {
  content: "\EFBE"
}

.icofont-plugin:before {
  content: "\EFBF"
}

.icofont-plus-circle:before {
  content: "\EFC0"
}

.icofont-plus-square:before {
  content: "\EFC1"
}

.icofont-plus:before {
  content: "\EFC2"
}

.icofont-polygonal:before {
  content: "\EFC3"
}

.icofont-power:before {
  content: "\EFC4"
}

.icofont-price:before {
  content: "\EFC5"
}

.icofont-print:before {
  content: "\EFC6"
}

.icofont-puzzle:before {
  content: "\EFC7"
}

.icofont-qr-code:before {
  content: "\EFC8"
}

.icofont-queen:before {
  content: "\EFC9"
}

.icofont-question-circle:before {
  content: "\EFCA"
}

.icofont-question-square:before {
  content: "\EFCB"
}

.icofont-question:before {
  content: "\EFCC"
}

.icofont-quote-left:before {
  content: "\EFCD"
}

.icofont-quote-right:before {
  content: "\EFCE"
}

.icofont-random:before {
  content: "\EFCF"
}

.icofont-recycle:before {
  content: "\EFD0"
}

.icofont-refresh:before {
  content: "\EFD1"
}

.icofont-repair:before {
  content: "\EFD2"
}

.icofont-reply-all:before {
  content: "\EFD3"
}

.icofont-reply:before {
  content: "\EFD4"
}

.icofont-resize:before {
  content: "\EFD5"
}

.icofont-responsive:before {
  content: "\EFD6"
}

.icofont-retweet:before {
  content: "\EFD7"
}

.icofont-road:before {
  content: "\EFD8"
}

.icofont-robot:before {
  content: "\EFD9"
}

.icofont-royal:before {
  content: "\EFDA"
}

.icofont-rss-feed:before {
  content: "\EFDB"
}

.icofont-safety:before {
  content: "\EFDC"
}

.icofont-sale-discount:before {
  content: "\EFDD"
}

.icofont-satellite:before {
  content: "\EFDE"
}

.icofont-send-mail:before {
  content: "\EFDF"
}

.icofont-server:before {
  content: "\EFE0"
}

.icofont-settings-alt:before {
  content: "\EFE1"
}

.icofont-settings:before {
  content: "\EFE2"
}

.icofont-share-alt:before {
  content: "\EFE3"
}

.icofont-share-boxed:before {
  content: "\EFE4"
}

.icofont-share:before {
  content: "\EFE5"
}

.icofont-shield:before {
  content: "\EFE6"
}

.icofont-shopping-cart:before {
  content: "\EFE7"
}

.icofont-sign-in:before {
  content: "\EFE8"
}

.icofont-sign-out:before {
  content: "\EFE9"
}

.icofont-signal:before {
  content: "\EFEA"
}

.icofont-site-map:before {
  content: "\EFEB"
}

.icofont-smart-phone:before {
  content: "\EFEC"
}

.icofont-soccer:before {
  content: "\EFED"
}

.icofont-sort-alt:before {
  content: "\EFEE"
}

.icofont-sort:before {
  content: "\EFEF"
}

.icofont-space:before {
  content: "\EFF0"
}

.icofont-spanner:before {
  content: "\EFF1"
}

.icofont-speech-comments:before {
  content: "\EFF2"
}

.icofont-speed-meter:before {
  content: "\EFF3"
}

.icofont-spinner-alt-1:before {
  content: "\EFF4"
}

.icofont-spinner-alt-2:before {
  content: "\EFF5"
}

.icofont-spinner-alt-3:before {
  content: "\EFF6"
}

.icofont-spinner-alt-4:before {
  content: "\EFF7"
}

.icofont-spinner-alt-5:before {
  content: "\EFF8"
}

.icofont-spinner-alt-6:before {
  content: "\EFF9"
}

.icofont-spinner:before {
  content: "\EFFA"
}

.icofont-spreadsheet:before {
  content: "\EFFB"
}

.icofont-square:before {
  content: "\EFFC"
}

.icofont-ssl-security:before {
  content: "\EFFD"
}

.icofont-star-alt-1:before {
  content: "\EFFE"
}

.icofont-star-alt-2:before {
  content: "\EFFF"
}

.icofont-star:before {
  content: "\F000"
}

.icofont-street-view:before {
  content: "\F001"
}

.icofont-support-faq:before {
  content: "\F002"
}

.icofont-tack-pin:before {
  content: "\F003"
}

.icofont-tag:before {
  content: "\F004"
}

.icofont-tags:before {
  content: "\F005"
}

.icofont-tasks-alt:before {
  content: "\F006"
}

.icofont-tasks:before {
  content: "\F007"
}

.icofont-telephone:before {
  content: "\F008"
}

.icofont-telescope:before {
  content: "\F009"
}

.icofont-terminal:before {
  content: "\F00A"
}

.icofont-thumbs-down:before {
  content: "\F00B"
}

.icofont-thumbs-up:before {
  content: "\F00C"
}

.icofont-tick-boxed:before {
  content: "\F00D"
}

.icofont-tick-mark:before {
  content: "\F00E"
}

.icofont-ticket:before {
  content: "\F00F"
}

.icofont-tie:before {
  content: "\F010"
}

.icofont-toggle-off:before {
  content: "\F011"
}

.icofont-toggle-on:before {
  content: "\F012"
}

.icofont-tools-alt-2:before {
  content: "\F013"
}

.icofont-tools:before {
  content: "\F014"
}

.icofont-touch:before {
  content: "\F015"
}

.icofont-traffic-light:before {
  content: "\F016"
}

.icofont-transparent:before {
  content: "\F017"
}

.icofont-tree:before {
  content: "\F018"
}

.icofont-unique-idea:before {
  content: "\F019"
}

.icofont-unlock:before {
  content: "\F01A"
}

.icofont-unlocked:before {
  content: "\F01B"
}

.icofont-upload-alt:before {
  content: "\F01C"
}

.icofont-upload:before {
  content: "\F01D"
}

.icofont-usb-drive:before {
  content: "\F01E"
}

.icofont-usb:before {
  content: "\F01F"
}

.icofont-vector-path:before {
  content: "\F020"
}

.icofont-verification-check:before {
  content: "\F021"
}

.icofont-wall-clock:before {
  content: "\F022"
}

.icofont-wall:before {
  content: "\F023"
}

.icofont-wallet:before {
  content: "\F024"
}

.icofont-warning-alt:before {
  content: "\F025"
}

.icofont-warning:before {
  content: "\F026"
}

.icofont-water-drop:before {
  content: "\F027"
}

.icofont-web:before {
  content: "\F028"
}

.icofont-wheelchair:before {
  content: "\F029"
}

.icofont-wifi-alt:before {
  content: "\F02A"
}

.icofont-wifi:before {
  content: "\F02B"
}

.icofont-world:before {
  content: "\F02C"
}

.icofont-zigzag:before {
  content: "\F02D"
}

.icofont-zipped:before {
  content: "\F02E"
}

.icofont-xs {
  font-size: .5em
}

.icofont-sm {
  font-size: .75em
}

.icofont-md {
  font-size: 1.25em
}

.icofont-lg {
  font-size: 1.5em
}

.icofont-1x {
  font-size: 1em
}

.icofont-2x {
  font-size: 2em
}

.icofont-3x {
  font-size: 3em
}

.icofont-4x {
  font-size: 4em
}

.icofont-5x {
  font-size: 5em
}

.icofont-6x {
  font-size: 6em
}

.icofont-7x {
  font-size: 7em
}

.icofont-8x {
  font-size: 8em
}

.icofont-9x {
  font-size: 9em
}

.icofont-10x {
  font-size: 10em
}

.icofont-fw {
  text-align: center;
  width: 1.25em
}

.icofont-ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0
}

.icofont-ul>li {
  position: relative;
  line-height: 2em
}

.icofont-ul>li .icofont {
  display: inline-block;
  vertical-align: middle
}

.icofont-border {
  border: .08em solid #f1f1f1;
  border-radius: .1em;
  padding: .2em .25em .15em
}

.icofont-pull-left {
  float: left
}

.icofont-pull-right {
  float: right
}

.icofont.icofont-pull-left {
  margin-right: .3em
}

.icofont.icofont-pull-right {
  margin-left: .3em
}

.icofont-spin {
  -webkit-animation: icofont-spin 2s infinite linear;
  animation: icofont-spin 2s infinite linear;
  display: inline-block
}

.icofont-pulse {
  -webkit-animation: icofont-spin 1s infinite steps(8);
  animation: icofont-spin 1s infinite steps(8);
  display: inline-block
}

@-webkit-keyframes icofont-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes icofont-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.icofont-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.icofont-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.icofont-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.icofont-flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.icofont-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.icofont-flip-horizontal.icofont-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1)
}

:root .icofont-flip-horizontal,
:root .icofont-flip-vertical,
:root .icofont-rotate-90,
:root .icofont-rotate-180,
:root .icofont-rotate-270 {
  -webkit-filter: none;
  filter: none;
  display: inline-block
}

.icofont-inverse {
  color: #fff
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.transition {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s
}

.animated.fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s
}

.animated.faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }
}

.spr24 {
  width: 24px;
  height: 24px
}

.spr12,
.spr24 {
  background: url("../img/sprites.png")
}

.spr12 {
  width: 12px;
  height: 12px
}

.spr24-font {
  background-position: -150px 0
}

.spr24-fontSize {
  background-position: -175px 0
}

.spr24-letter-spacing {
  background-position: -225px 0
}

.spr24-bold {
  background-position: -200px 0
}

.spr24-italic {
  background-position: -475px 0
}

.spr24-line-height {
  background-position: -450px 0
}

.spr24-resize {
  background-position: -125px 0
}

.spr24-stroke {
  background-position: -250px 0
}

.spr24-move-x {
  background-position: 0 0
}

.spr24-move-y {
  background-position: -25px 0
}

.spr24-skew-x {
  background-position: -50px 0
}

.spr24-skew-y {
  background-position: -75px 0
}

.spr24-flip-x {
  background-position: -500px 0
}

.spr24-flip-y {
  background-position: -525px 0
}

.spr24-reflect {
  background-position: -575px 0
}

.spr24-rotate {
  background-position: -100px 0
}

.spr24-palette {
  background-position: -275px 0
}

.spr24-hue {
  background-position: -425px 0
}

.spr24-brightness {
  background-position: -300px 0
}

.spr24-contrast {
  background-position: -550px 0
}

.spr24-saturation {
  background-position: -325px 0
}

.spr24-opacity {
  background-position: -400px 0
}

.spr24-blur {
  background-position: -700px 0
}

.spr24-add-color-step {
  background-position: -625px 0
}

.spr24-range-reset,
.spr24-remove-color-step {
  background-position: -600px 0
}

.spr24-user {
  background-position: 0 -25px
}

.spr-layout {
  background: url("../img/layouts.png")
}

.spr-layout-1 {
  background-position: 0 0;
  width: 43px;
  height: 8px
}

.spr-layout-2 {
  background-position: -44px 0;
  width: 43px;
  height: 8px
}

.spr-layout-3 {
  background-position: -88px 0;
  width: 30px;
  height: 19px
}

.spr-layout-4 {
  background-position: -119px 0;
  width: 30px;
  height: 19px
}

.spr-layout-5 {
  background-position: 0 -9px;
  width: 48px;
  height: 8px
}

.spr-layout-6 {
  background-position: -49px -9px;
  width: 30px;
  height: 22px
}

.spr-layout-7 {
  background-position: 0 -18px;
  width: 43px;
  height: 8px
}

.spr-layout-8 {
  background-position: 0 -27px;
  width: 43px;
  height: 8px
}

.spr-layout-9 {
  background-position: -81px -22px;
  width: 30px;
  height: 15px
}

.spr-layout-10 {
  background-position: -111px -22px;
  width: 30px;
  height: 15px
}

body,
html {
  height: 100%;
  overflow-x: hidden
}

a,
a:active,
a:focus,
a:hover,
a:visited {
  color: #18bc9c
}

span.icofont-* {
  text-decoration: none !important
}

.hidden {
  display: none
}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none
}

.flex-center {
  display: flex;
  justify-content: center
}

.text-center {
  text-align: center
}

.btn {
  display: flex;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff !important;
  text-decoration: none !important;
  align-items: center;
  justify-content: center;
  height: 44px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none
}

.btn:active {
  transform: translateY(2px)
}

.btn-primary {
  background: #3498db
}

.btn-primary:hover {
  background: #258cd1
}

.btn-primary:active {
  background: #217dbb
}

.btn-primary:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, .5);
  -moz-box-shadow: 0 0 0 3px rgba(52, 152, 219, .5);
  box-shadow: 0 0 0 3px rgba(52, 152, 219, .5)
}

.btn-success {
  background: #18bc9c
}

.btn-success:hover {
  background: #15a589
}

.btn-success:active {
  background: #128f76
}

.btn-success:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(24, 188, 156, .5);
  -moz-box-shadow: 0 0 0 3px rgba(24, 188, 156, .5);
  box-shadow: 0 0 0 3px rgba(24, 188, 156, .5)
}

.btn-warning {
  background: #f39c12
}

.btn-warning:hover {
  background: #e08e0b
}

.btn-warning:active {
  background: #c87f0a
}

.btn-warning:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(243, 156, 18, .5);
  -moz-box-shadow: 0 0 0 3px rgba(243, 156, 18, .5);
  box-shadow: 0 0 0 3px rgba(243, 156, 18, .5)
}

.btn-danger {
  background: #e74c3c
}

.btn-danger:hover {
  background: #e43725
}

.btn-danger:active {
  background: #d62c1a
}

.btn-danger:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(231, 76, 60, .5);
  -moz-box-shadow: 0 0 0 3px rgba(231, 76, 60, .5);
  box-shadow: 0 0 0 3px rgba(231, 76, 60, .5)
}

.btn-small {
  height: 34px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px
}

.btn-icon {
  padding-left: 44px;
  justify-content: flex-start
}

.btn-icon span:first-child {
  position: absolute;
  left: 0;
  width: 44px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center
}

.row {
  margin-left: -5px;
  margin-right: -5px;
  padding-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  position: relative
}

.row.row-justify {
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0
}

.col,
div[class*=col-] {
  padding: 0 5px
}

.col {
  width: 100%
}

.col-5 {
  width: 5%
}

.col-10 {
  width: 10%
}

.col-15 {
  width: 15%
}

.col-20 {
  width: 20%
}

.col-25 {
  width: 25%
}

.col-30 {
  width: 30%
}

.col-three {
  width: 33.333%
}

.col-35 {
  width: 35%
}

.col-40 {
  width: 40%
}

.col-45 {
  width: 45%
}

.col-50 {
  width: 50%
}

.col-55 {
  width: 55%
}

.col-60 {
  width: 60%
}

.col-65 {
  width: 65%
}

.col-70 {
  width: 70%
}

.col-75 {
  width: 75%
}

.col-80 {
  width: 80%
}

.col-85 {
  width: 85%
}

.col-90 {
  width: 90%
}

.col-95 {
  width: 95%
}

.col-100 {
  width: 100%
}

.spacer10 {
  height: 10px
}

input[type=text],
select,
textarea {
  height: 44px;
  width: 100%;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #dadae7;
  padding: 0 15px;
  font-size: 15px
}

input[type=text]:focus,
select:focus,
textarea:focus {
  border-color: #2c3e50
}

input[type=text]:hover,
select:hover,
textarea:hover {
  border-color: #3498db
}

.bright:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1)
}

.darks:hover {
  -webkit-filter: brightness(.9);
  filter: brightness(.9)
}

* {
  scrollbar-face-color: #18bc9c;
  scrollbar-width: 5px;
  scrollbar-width: thin;
  scrollbar-track-color: rgba(0, 0, 0, .15);
  scrollbar-color: #18bc9c rgba(0, 0, 0, .15)
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-thumb {
  background: #18bc9c
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .15)
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 0
}

input[type=range]:focus {
  outline: none
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: rgba(0, 0, 0, .15);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 0;
  background: #18bc9c;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f39c12
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: rgba(0, 0, 0, .15)
}

input[type=range]:focus::-moz-range-track {
  background: #f39c12
}

input[type=range]::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border: none;
  background: #18bc9c;
  cursor: pointer;
  margin-top: -6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: rgba(0, 0, 0, .15)
}

input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, .15);
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

input[type=range]::-ms-fill-upper {
  background: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

input[type=range]::-ms-thumb {
  height: 14px;
  width: 14px;
  background: #18bc9c;
  margin-top: -6px;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1 !important
}

::-webkit-input-placeholder {
  color: #000;
  opacity: .5
}

:-moz-placeholder,
::-moz-placeholder {
  color: #000;
  opacity: .5
}

:-ms-input-placeholder {
  color: #000;
  opacity: .5
}

* {
  box-sizing: border-box;
  outline: none
}

body {
  font-size: 16px;
  font-family: Open Sans, sans-serif;
  background: #233140;
  line-height: 1.42857;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  min-height: 500px
}

.layout {
  display: flex;
  height: 100%
}

.layout-left {
  flex: 400px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative
}

.layout-right {
  width: 100%;
  display: flex;
  flex-direction: column
}

.layout-right-bottom,
.layout-right-top {
  position: relative;
  flex: 1;
  flex-shrink: 0;
  flex-grow: 0
}

.bottom-bar,
.top-bar {
  width: 100%;
  z-index: 1000;
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 500
}

.top-bar {
  height: 60px;
  position: relative;
  flex: 60px;
  flex-shrink: 0;
  flex-grow: 0;
  background: #2c3e50;
  border-bottom: 1px solid #354b60
}

.bottom-bar {
  height: 54px;
  flex: 54px;
  flex-shrink: 0;
  flex-grow: 0;
  background: #2c3e50;
  border-top: 1px solid #354b60
}

.top-bar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.top-bar-item-wrap {
  position: relative
}

.top-bar-item {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border: none;
  cursor: pointer;
  background: none;
  color: #fff;
  margin-left: 30px;
  font-size: 12px
}

.top-bar-item .top-bar-item-icon {
  margin-right: 10px;
}

.top-bar-item span {
  font-size: 24px;
  color: #18bc9c
}

.top-bar-item b,
.top-bar-item span {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.top-bar-item b {
  font-weight: 400
}

.top-bar-item:hover b {
  opacity: .5
}

.top-bar-item:hover span {
  color: #fff
}

.top-bar-item.disabled {
  opacity: .5;
  cursor: default
}

.top-bar-item.disabled span {
  color: #ccc
}

.top-bar-item.disabled:hover {
  text-decoration: none
}

.action-fullscreen .top-bar-item-icon span:first-child {
  display: inline-block
}

.action-fullscreen .top-bar-item-icon span:last-child {
  display: none
}

/*.action-download {
  background: #18bc9c;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  padding: 0 15px;
  height: 40px;
  font-size: 14px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
*/
.action-download span {
  color: #f39c12;
}

/*
.action-download b {
  color: #fff;
  font-weight: 600
}

.action-download:hover {
  background: #f39c12
}

.action-download:hover,
.buy-panel {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
*/
.buy-panel {
  position: fixed;
  right: 15px;
  top: 75px;
  background: #fff;
  padding: 15px;
  width: 320px;
  max-height: 360px;
  z-index: 500;
  -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .35);
  overflow: hidden;
  display: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

.buy-panel.on {
  display: block
}

.buy-panel-close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
  font-size: 20px;
  color: #2c3e50
}

.buy-panel-close:hover {
  color: #e74c3c
}

.buy-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid #f9f9fb
}

.buy-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none
}

.buy-item-icon {
  display: flex;
  justify-content: center;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
  flex: 48px
}

.buy-item-icon img {
  height: 48px;
  width: auto;
  margin: 0 5px
}

.buy-item-button {
  margin: 10px 0 5px;
  height: 36px
}

.buy-item-text {
  font-size: 12px
}

.buy-item-text b {
  color: #18bc9c
}

.buy-item-text a {
  text-decoration: underline
}

.buy-item-text a:hover {
  text-decoration: none
}

.canvas-zoom {
  display: flex;
  align-items: center
}

.canvas-zoom span {
  color: #fff;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none
}

.canvas-zoom span:nth-child(2) {
  width: 64px;
  text-align: center
}

.canvas-zoom span:first-child,
.canvas-zoom span:last-child {
  cursor: pointer;
  border-radius: 100%;
  border: 1px solid #18bc9c;
  font-size: 8px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.canvas-zoom span:first-child:hover,
.canvas-zoom span:last-child:hover {
  background: #18bc9c
}

.layout-right-middle {
  height: 100%;
  position: relative
}

.layout-right-middle-inner {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  right: 15px;
  overflow: auto;
  cursor: grab;
  cursor: -o-grab;
  cursor: -moz-grab;
  cursor: -webkit-grab
}

.panel {
  margin-bottom: 10px
}

.panel-heading {
  height: 28px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 2px 10px;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  position: relative;
  overflow: hidden
}

.panel-heading.expandable {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}

.panel-heading:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  bottom: 0;
  background-color: rgba(0, 0, 0, .2);
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .2)));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, .2));
  background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, .2));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, .2)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .2));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .2));
  background-image: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, .2) 100%);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .2));
  background-color: transparent
}

.panel-heading:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/sprites.png");
  background-position: -25px -25px;
  width: 11px;
  height: 28px;
  right: 0;
  top: 0
}

.panel-toggler {
  position: absolute;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  top: 0;
  right: 5px;
  width: 30px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.panel-expandable .panel-heading {
  cursor: pointer
}

.panel-expandable .panel-heading:hover .panel-toggler {
  opacity: .75
}

.panel .panel-toggler:before {
  content: "-";
  display: inline
}

.panel.closed .panel-toggler:before {
  content: "+";
  display: inline
}

.panel-tabs {
  display: flex;
  margin-left: -5px;
  margin-right: -5px
}

.panel-tabs .panel-tab {
  width: 100%;
  margin: 0 5px;
  cursor: pointer
}

.panel-tabs .panel-tab:hover:not(.on) .panel-heading {
  text-decoration: underline
}

.panel-tabs .panel-tab.on {
  cursor: default
}

.panel-tabs .panel-tab.on .panel-heading {
  background: #18bc9c
}

.panel-body {
  padding: 15px 10px 0;
  border-top: none;
  background: #fff;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .15)
}

.panel.closed .panel-heading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.panel-tabs+.panel-body .panel-body-content,
.panel.closed .panel-body,
.panel.closed .panel-heading:after {
  display: none
}

.panel-tabs+.panel-body .panel-body-content.on {
  display: block
}

.panel.panel-primary .panel-heading {
  background: #2c3e50
}

.panel.panel-info .panel-heading {
  background: #3498db
}

.panel.panel-success .panel-heading {
  background: #18bc9c
}

.panel.panel-warning .panel-heading {
  background: #f39c12
}

.panel.panel-danger .panel-heading {
  background: #e74c3c
}

#preloader {
  display: none
}

#preloader .preloader-center {
  position: fixed;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1999
}

.preloader-icon img {
  width: 64px;
  height: auto
}

.preloader-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1998;
  background-color: #2c3e50;
  opacity: .75
}

.preloader-text {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%);
  z-index: 2000;
  color: #fff;
  font-size: 20px;
  font-weight: 300
}

#notifies {
  position: fixed;
  right: 5px;
  bottom: 0;
  z-index: 1000;
  width: 300px
}

.notify {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 5px 15px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  overflow: hidden;
  margin-bottom: 5px;
  position: relative
}

.notify .notify-icon {
  margin-right: 8px
}

.notify-text {
  position: relative;
  z-index: 100
}

.notify-success:before {
  background: #18bc9c
}

.notify-info:before,
.notify-success:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .75
}

.notify-info:before {
  background: #3498db
}

.notify-warning:before {
  background: #f39c12
}

.notify-danger:before,
.notify-warning:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .75
}

.notify-danger:before {
  background: #e74c3c
}

.all-wrapper {
  opacity: 0;
  height: 100%;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.all-wrapper.loaded {
  opacity: 1
}

.modal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.modal.on {
  display: block
}

.modal.active {
  opacity: 1;
  visibility: visible
}

.modal.active .modal-bg {
  opacity: .75;
  background: #1a242f
}

.modal-bg {
  position: fixed;
  opacity: 0;
  background: #1a242f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.modal-bg,
.modal-frame {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999
}

.modal-frame {
  position: absolute;
  text-align: center;
  overflow: auto
}

@media only screen and (max-width:767px) {
  .modal-frame {
    position: relative;
    display: block
  }
}

.modal-body {
  width: 100%;
  max-width: 640px;
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  padding: 15px
}

.modal-body-inner {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .35)
}

.modal-frame:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.modal-title {
  background-color: #15a589;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#18bc9c), to(#15a589));
  background-image: -moz-linear-gradient(#18bc9c, #15a589);
  background-image: -ms-linear-gradient(#18bc9c, #15a589);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #18bc9c), color-stop(100%, #15a589));
  background-image: -webkit-linear-gradient(#18bc9c, #15a589);
  background-image: -o-linear-gradient(#18bc9c, #15a589);
  background-image: -ms-linear-gradient(top, #18bc9c 0, #15a589 100%);
  background-image: linear-gradient(#18bc9c, #15a589);
  padding: 10px 20px;
  height: 60px;
  padding-right: 45px;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 600;
  position: relative
}

.modal-close,
.modal-title {
  color: #fff;
  align-items: center;
  display: flex
}

.modal-close {
  position: absolute;
  right: 15px;
  font-size: 10px;
  top: 15px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .1);
  justify-content: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.modal-close:hover {
  color: hsla(0, 0%, 100%, .5);
  transform: scale(.75)
}

.modal-content {
  padding: 20px;
  background: #fff
}

.modal-content p {
  margin-top: 0;
  margin-bottom: 15px
}

.modal-content p:last-child {
  margin-bottom: 0
}

.modal-content input[type=number],
.modal-content input[type=text] {
  display: block;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  padding: 0 15px;
  border: 2px solid #f39c12;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.modal-content input[type=number]:focus,
.modal-content input[type=text]:focus {
  border-color: #3498db
}

.modal-content input[type=number] {
  display: inline-block;
  min-width: 90px;
  width: auto;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.modal-content input[type=number]:focus {
  border-color: #3498db
}

.modal-content a {
  text-decoration: underline
}

.modal-content a:hover {
  text-decoration: none
}

.modal-content b {
  font-weight: 600
}

.modal-buttons {
  padding: 5px 15px;
  height: 74px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #eaeaf1;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9fb), to(#eaeaf1));
  background-image: -moz-linear-gradient(#f9f9fb, #eaeaf1);
  background-image: -ms-linear-gradient(#f9f9fb, #eaeaf1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9fb), color-stop(100%, #eaeaf1));
  background-image: -webkit-linear-gradient(#f9f9fb, #eaeaf1);
  background-image: -o-linear-gradient(#f9f9fb, #eaeaf1);
  background-image: -ms-linear-gradient(top, #f9f9fb 0, #eaeaf1 100%);
  background-image: linear-gradient(#f9f9fb, #eaeaf1)
}

.modal-buttons button {
  margin-left: 15px;
  padding-left: 30px;
  padding-right: 30px
}

.modal[data-type=big] .modal-body {
  max-width: 800px
}

.modal[data-type=full] .modal-body {
  max-width: none;
  width: auto;
  position: fixed;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px
}

.modal[data-type=full] .modal-body-inner {
  height: 100%;
  position: relative
}

.modal[data-type=full] .modal-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}

.modal[data-type=full] .modal-content {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  bottom: 74px;
  overflow: auto
}

.modal[data-type=full] .modal-buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.examples-list {
  text-align: center;
  font-size: 24px
}

.examples-list img {
  max-width: 100%;
  height: auto
}

.canvas-wrap {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  position: relative;
  overflow: hidden
}

.canvas-wrap #canvas {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
  width: 100% !important;
  height: 100% !important
}

.canvas-wrap.loading .canvas-preload {
  opacity: 1
}

.canvas-size-overlay {
  background: rgba(0, 0, 0, .85);
  padding: 3px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  left: 100%;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 15px;
  font-size: 10px
}

.canvas-preload,
.canvas-size-overlay {
  color: #fff;
  position: absolute;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0
}

.canvas-preload {
  z-index: 400;
  left: 15px;
  top: 15px;
  right: 15px;
  bottom: 15px;
  backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, .75) url("../img/preloader.svg") 50% no-repeat;
  background-size: 64px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 1px 1px 1px #000;
  font-size: 16px
}

#canvas-copy,
#canvas-final {
  display: none
}

.sidebar {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 510;
  top: 0;
  background: #f9f9fb;
  left: -100%;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s
}

.sidebar.opened {
  -webkit-box-shadow: 0 0 32px 8px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 32px 8px rgba(0, 0, 0, .25);
  box-shadow: 0 0 32px 8px rgba(0, 0, 0, .25);
  left: 0
}

.sidebar-second {
  left: 0;
  opacity: 0
}

.sidebar-second.opened {
  opacity: 1;
  left: 100%
}

.app-logo,
.sidebar-head {
  padding-bottom: 10px
}

.app-logo {
  position: relative;
  z-index: 200
}

.app-logo img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.sidebar-title-wrap {
  display: flex;
  height: 44px;
  background: #18bc9c;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px
}

.sidebar-title {
  font-weight: 600
}

.sidebar-title span {
  display: block;
  font-size: 12px;
  opacity: .75
}

.sidebar-close {
  font-size: 18px;
  cursor: pointer
}

.sidebar-close:hover {
  opacity: .75
}

.sidebar-inner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding: 0 10px
}

.sidebar-footer {
  padding-top: 10px
}

.sidebar-footer-info {
  padding: 10px;
  font-size: 14px;
  text-align: center
}

.sidebar-footer-actions {
  padding: 10px;
  background: #eaeaf1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.sidebar-footer-actions button {
  position: relative;
  z-index: 210;
  width: 100%;
  margin: 0 5px
}

.sidebar-footer-actions button:first-child {
  margin-left: 0
}

.sidebar-footer-actions button:last-child {
  margin-right: 0
}

.color-manual {
  padding: 0 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.color-manual-title {
  font-size: 14px
}

.color-manual-inner {
  display: flex;
  align-items: center
}

.color-manual-input {
  border: 2px solid #eaeaf1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  height: 34px;
  cursor: pointer
}

.color-manual-input:hover {
  border-color: #18bc9c
}

.options-tabs {
  padding: 10px 10px 0;
  display: flex
}

.options-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  margin: 0 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding-left: 5px;
  padding-right: 5px;
  background: #eaeaf1;
  font-size: 12px;
  font-weight: 700;
  color: #2c3e50;
  cursor: pointer;
  text-align: center
}

.options-tab:hover {
  color: #18bc9c
}

.options-tab.on {
  background: #18bc9c;
  color: #fff
}

.options-tab:first-child {
  margin-left: 0
}

.options-tab:last-child {
  margin-right: 0
}

.tab-logo {
  width: auto;
  width: 34px;
  flex: 34px;
  flex-shrink: 0;
  flex-grow: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f39c12;
  color: #fff;
  font-size: 20px
}

.tab-logo:hover {
  color: #fff;
  background: #e08e0b
}

.tab-logo.on {
  background: #18bc9c;
  color: #fff
}

.options-tab-content {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: none
}

.options-tab-content.on {
  display: block
}

.options-label {
  color: #000;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.2
}

.options-label i {
  color: #fff;
  margin-right: 8px
}

.control[data-type=image] {
  cursor: pointer;
  padding: 0;
  border: none;
  width: 64px;
  height: 64px;
  border: 2px solid #dadae7;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.control[data-type=image] .image-holder {
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  display: flex;
  align-items: center;
  justify-content: center
}

.control[data-type=image] img,
.control[data-type=image] svg {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.control[data-type=image]:before {
  width: 74px;
  height: 43px;
  content: "";
  display: block;
  position: absolute;
  background: url("../img/change-icon.png") 0 0 no-repeat;
  right: -84px;
  top: 0
}

.control[data-type=image]:hover {
  border-color: #2c3e50;
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1)
}

.control[data-type=image][data-style=big] {
  width: 100%;
  height: 150px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  background: #2c3e50;
  border-color: #2c3e50;
  padding: 0
}

.control[data-type=image][data-style=big]:before {
  display: none
}

.control[data-type=image][data-style=big]:after {
  content: "\421\43C\435\43D\438\442\44C";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  background: #18bc9c;
  z-index: 50
}

.control[data-type=image][data-style=big]:hover {
  -webkit-filter: none;
  filter: none
}

.control[data-type=image][data-style=big]:hover:after {
  background: #f39c12
}

.control[data-type=layout] {
  margin-bottom: -10px
}

.control[data-type=layout] .btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}

.control[data-type=layout] .btn.on {
  background: #18bc9c
}

.control[data-type=canvas-size] {
  display: flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer
}

.control[data-type=canvas-size]:hover {
  text-decoration: underline
}

.control[data-type=canvas-size] i {
  font-style: normal
}

.change-canvas-size-icon {
  background: url("../img/sprites.png");
  width: 24px;
  height: 24px;
  background-position: -375px 0;
  flex: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 8px
}

.row-canvas-size {
  display: none
}

.row-canvas-size input {
  width: 100%;
  height: 44px;
  border: none;
  padding-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 2px solid #dadae7
}

.control[data-type=check] {
  border: none;
  background: none;
  padding: 0;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer
}

.control[data-type=check] .check {
  flex: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #eaeaf1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.control[data-type=check] .spr24 {
  margin-right: 8px
}

.control[data-type=check] span {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.1;
  height: 24px;
  display: flex;
  align-items: center;
  text-align: left
}

.control[data-type=check]:hover .check {
  background: rgba(0, 0, 0, .05)
}

.control[data-type=check]:hover span {
  text-decoration: underline
}

.control[data-type=check]:active .check {
  background: rgba(0, 0, 0, .05);
  border-color: #18bc9c
}

.control[data-type=check]:active span {
  text-decoration: underline
}

.control[data-type=check][checked] .check {
  border-color: #18bc9c;
  background: #18bc9c;
  position: relative
}

.control[data-type=check][checked] .check:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/sprites.png");
  width: 24px;
  height: 24px;
  background-position: -350px 0;
  left: -2px;
  top: -2px
}

.control[data-type=check][checked]:hover .check {
  opacity: .95
}

.control[data-type=check][data-key="icon.enabled"] {
  justify-content: center
}

.control[data-type=select] select {
  height: 24px;
  padding-left: 0;
  font-size: 13px;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: none;
  border-top: none;
  border-right: none;
  cursor: pointer
}

.control[data-type=select] select option {
  padding-left: 0
}

.control.tinted,
.panel.tinted {
  opacity: .35
}

.control.tinter {
  cursor: default !important
}

.control[data-type=range] {
  display: flex;
  height: 24px;
  align-items: center;
  width: 100%;
  position: relative
}

.control[data-type=range] .spr24 {
  flex: 24px;
  margin-right: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  cursor: pointer
}

.control[data-type=range] .spr24:hover {
  opacity: .75
}

.control[data-type=range] input[type=number] {
  margin-left: 10px;
  width: 56px;
  height: 24px;
  font-size: 12px;
  display: none;
  border: 2px solid #f9f9fb
}

.control[data-type=range] .spr24-range-reset {
  margin-right: 0;
  margin-left: 10px;
  display: none
}

.control[data-type=range].expanded {
  left: 5px;
  right: 5px;
  top: 0;
  background: #fff;
  z-index: 500;
  position: absolute;
  width: auto;
  border: 2px solid #18bc9c;
  height: auto;
  padding: 5px 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .35);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.control[data-type=range].expanded .spr24-range-reset,
.control[data-type=range].expanded input[type=number],
.control[data-type=range]:not(.tinted):hover .range-tip {
  display: block
}

.range-tip {
  display: none;
  position: absolute;
  background: #2c3e50;
  color: #fff;
  padding-left: 6px;
  transform: translateY(-12px);
  padding-right: 6px;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  z-index: 550;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
  left: 50%;
  top: 100%;
  transform: translate(-50%, 5px);
  white-space: nowrap
}

.range-tip.on {
  display: inline-block
}

.range-tip:before {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px;
  border-color: transparent transparent #2c3e50
}

.control[data-type=font] {
  font-size: 12px;
  display: flex;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 24px;
  width: 100%
}

.control[data-type=font]:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, right top, from(transparent), to(#fff));
  background-image: -moz-linear-gradient(left, transparent, #fff);
  background-image: -ms-linear-gradient(left, transparent, #fff);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(left, transparent, #fff);
  background-image: -o-linear-gradient(left, transparent, #fff);
  background-image: -ms-linear-gradient(left, transparent 0, #fff 100%);
  background-image: linear-gradient(left, transparent, #fff);
  height: 24px;
  right: 0;
  top: 0;
  width: 30px;
  background-color: transparent
}

.control[data-type=font] .spr24 {
  flex: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 10px;
  text-align: center
}

.control[data-type=font] span {
  line-height: 1.2;
  display: inline-block;
  white-space: nowrap
}

.control[data-type=font]:hover span {
  text-decoration: underline
}

.color-box {
  width: 24px;
  height: 24px;
  flex: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  cursor: pointer
}

.color-box .color-box-outer {
  width: 22px;
  height: 22px;
  position: relative;
  background: url("../img/transparent.png") 1px 1px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  left: 1px;
  top: 1px
}

.color-box .color-box-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, .05);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.color-box.small {
  width: 14px;
  height: 14px;
  flex: 14px;
  flex-shrink: 0;
  flex-grow: 0
}

.color-box.small .color-box-outer {
  width: 12px;
  height: 12px;
  background: url("../img/transparent.png") 1px 1px
}

.control[data-type=color] {
  text-decoration: none;
  display: flex;
  padding: 0;
  border: none;
  background: none;
  align-items: center
}

.control[data-type=color]:not(.tinted) {
  cursor: pointer
}

.control[data-type=color] .color-box {
  margin-right: 8px
}

.control[data-type=color] span {
  font-size: 12px;
  display: block;
  line-height: 1.2
}

.control[data-type=color] span b {
  font-weight: 500;
  display: block;
  color: #adadc8;
  display: none
}

.control[data-type=color].active:not(.tinted) .color-box:before {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid #18bc9c;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

.control[data-type=color]:hover:not(.tinted) span {
  text-decoration: underline
}

.control[data-type=color]:hover:not(.tinted) .color-box-inner {
  border-color: rgba(0, 0, 0, .2)
}

.control[data-type=gradient] {
  padding: 15px 10px;
  padding-bottom: 0;
  border: 2px solid #18bc9c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.gradient-title {
  font-size: 12px;
  height: 22px;
  color: #fff;
  margin: -15px -10px 15px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  background: #18bc9c
}

.gradient-inner {
  display: flex;
  justify-content: space-between
}

.gradient-colors {
  display: flex;
  margin-right: 15px;
  flex-wrap: wrap;
  margin-bottom: -6px
}

.gradient-colors .color-box {
  margin-right: 6px;
  margin-bottom: 6px
}

.gradient-colors .color-box.active:before {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid #18bc9c;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

.gradient-colors .color-box:hover .color-box-inner {
  border-color: rgba(0, 0, 0, .2)
}

.gradient-type {
  flex: 125px;
  flex-shrink: 0;
  flex-grow: 0
}

.gradient-add-step,
.gradient-plus-minus {
  display: flex;
  align-items: center;
  height: 24px
}

.gradient-add-step {
  cursor: pointer;
  justify-content: center;
  width: 24px;
  flex: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 4px
}

.gradient-add-step span {
  background: url("../img/sprites.png");
  width: 24px;
  height: 24px;
  background-position: -625px 0
}

.gradient-add-step:hover {
  opacity: .75
}

.gradient-remove-step {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 24px;
  flex-shrink: 0;
  flex-grow: 0
}

.gradient-remove-step span {
  background: url("../img/sprites.png");
  width: 24px;
  height: 24px;
  background-position: -600px 0
}

.gradient-remove-step:hover {
  opacity: .75
}

.control.tinted .icon-palette {
  overflow: hidden;
  height: 24px
}

.gradient-from-lib,
.restore-palette {
  color: #18bc9c;
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1;
  cursor: pointer
}

.gradient-from-lib span:last-child,
.restore-palette span:last-child {
  text-decoration: underline
}

.gradient-from-lib:hover,
.restore-palette:hover {
  color: #2c3e50
}

.gradient-from-lib:hover span:last-child,
.restore-palette:hover span:last-child {
  text-decoration: none
}

.restore-palette {
  margin-bottom: 0
}

.restore-palette span:first-child {
  margin-right: 5px;
  color: #e74c3c;
  font-size: 14px
}

.control[data-type=textarea] {
  position: relative;
  overflow: hidden;
  padding-right: 18px;
  background: #dadae7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.control[data-type=textarea] textarea {
  display: block;
  width: 100%;
  background: #fff;
  font-size: 12px;
  height: 80px;
  padding: 5px;
  resize: none
}

.textarea-align-buttons {
  position: absolute;
  top: 5px;
  right: 4px
}

.control[data-type=text-align] div {
  cursor: pointer;
  background: url("../img/textarea.png");
  width: 12px;
  height: 12px;
  margin-bottom: 6px
}

.control[data-type=text-align] .align-left {
  background-position: -24px 0
}

.control[data-type=text-align] .align-left.on,
.control[data-type=text-align] .align-left:hover {
  background-position: -24px -12px
}

.control[data-type=text-align] .align-center {
  background-position: -36px 0
}

.control[data-type=text-align] .align-center.on,
.control[data-type=text-align] .align-center:hover {
  background-position: -36px -12px
}

.control[data-type=text-align] .align-right {
  background-position: -12px 0
}

.control[data-type=text-align] .align-right.on,
.control[data-type=text-align] .align-right:hover {
  background-position: -12px -12px
}

.textarea-emoji {
  background: url("../img/textarea.png");
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 100;
  right: 4px;
  bottom: 5px;
  cursor: pointer
}

.textarea-emoji:hover {
  background-position: 0 -12px
}

.insert-emoji-title {
  text-align: center;
  font-size: 12px;
  color: #18bc9c;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 5px
}

.insert-emoji-title:hover {
  text-decoration: none
}

.insert-emoji {
  display: none
}

.insert-emoji-list {
  height: 160px;
  overflow: auto;
  border: 2px solid #dadae7;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px
}

.insert-emoji-list span {
  float: left;
  width: 10%;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent
}

.insert-emoji-list span.on,
.insert-emoji-list span:hover {
  border-color: #3498db
}

.insert-emoji-list span.on {
  background: #3498db;
  color: #fff
}

.insert-emoji-close {
  width: 32px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #dadae7;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  cursor: pointer;
  line-height: 1
}

.insert-emoji-close:hover span {
  position: relative;
  top: -2px
}

.user-email {
  color: #f9f9fb;
  font-size: 12px;
  display: none;
  align-items: center;
  cursor: pointer
}

.user-email span:first-child {
  font-size: 24px;
  color: #18bc9c
}

.user-email.on {
  display: flex
}

.user-email span:last-child {
  margin-left: 10px;
  display: flex
}

.user-email:hover span:last-child {
  color: #f39c12
}

.main-menu-panel {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 150;
  padding: 64px 15px;
  backdrop-filter: blur(6px);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0
}

.main-menu-panel.on {
  left: 0;
  opacity: 1
}

.main-menu-panel-bg {
  background: #11181f;
  opacity: .85
}

.main-menu-inner,
.main-menu-panel-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.main-menu-inner {
  z-index: 50;
  flex-direction: column
}

.main-menu-close,
.main-menu-inner {
  display: flex;
  justify-content: center;
  align-items: center
}

.main-menu-close {
  margin-bottom: 30px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-size: 24px
}

.main-menu-close:hover {
  color: #f39c12
}

.main-menu-item {
  color: #fff !important;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 15px;
  text-decoration: none !important;
  cursor: pointer;
  background: rgba(0, 0, 0, .15);
  padding: 10px 45px 10px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.main-menu-item span:first-child {
  width: 24px;
  margin-right: 10px;
  color: #f39c12
}

.main-menu-item:hover {
  background: rgba(0, 0, 0, .5)
}

.your-place {
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #dadae7;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  text-align: center;
  color: #2c3e50
}

.your-place p {
  margin-bottom: 10px;
  margin-top: 0
}

.your-place p:last-child {
  margin-bottom: 0
}

.your-place a {
  color: #18bc9c !important;
  text-decoration: underline
}

.your-place a:hover {
  text-decoration: none
}

.bottom-bar-left {}

.bottom-bar-center-inner {
  position: relative
}

.bottom-bar-center-inner:hover .canvas-size-overlay {
  opacity: 1
}

.bottom-bar-right {}

.presets-list {
  display: none;
  background: #f9f9fb;
  padding: 2px
}

.presets-list.on {
  display: flex;
  flex-wrap: wrap
}

.preset {
  width: 20%;
  cursor: pointer
}

.preset .preset-inner {
  padding: 2px
}

.preset .preset-inner img {
  display: block;
  width: 100%;
  height: auto
}

.preset.on .preset-inner {
  background: #3498db;
  position: relative;
  z-index: 100
}

.preset:hover .preset-inner {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  position: relative;
  z-index: 100
}

#sidebar-images .sidebar-inner {
  padding-left: 0;
  padding-right: 0
}

.image-lists {
  height: 100%
}

.image-list {
  background: url(../img/preloader.svg) 50% no-repeat;
  background-size: 64px auto;
  display: none;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 4px 0 10px;
  margin-left: -2px
}

.image-list.on {
  display: flex;
  flex-wrap: wrap
}

.image-list[loaded=yes] {
  background: none
}

.image-list[loaded=yes] .image-col {
  opacity: 1
}

.image-list .image-col {
  opacity: 0;
  padding: 0 2px;
  margin-bottom: 4px;
  text-align: center;
  width: 33.33333333%
}

.image-list .image-col:nth-child(4n) {
  margin-right: 0
}

.image-list .image-col .image-col-inner {
  padding: 0;
  background: #fff;
  position: relative
}

.image-list .image-col .image {
  cursor: pointer;
  background-repeat: no-repeat;
  width: 104px;
  margin-left: auto;
  margin-right: auto;
  height: 104px;
  position: relative;
  border: 2px solid #fff;
  -webkit-transition: all .15s;
  -moz-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s
}

.image-list .image-col .image.on:after {
  background-color: #18bc9c;
  background-position: -350px 0
}

.image-list .image-col .image.on:after,
.image-list .image-col .image:hover:not(.on):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-image: url(../img/sprites.png)
}

.image-list .image-col .image:hover:not(.on):after {
  background-color: transparent;
  background-position: -625px 0
}

.image-list.small .image-col {
  width: 16.66666667%
}

.image-list.small .image-col-inner .image {
  width: 52px;
  height: 52px
}

.image-list.background .image-col {
  width: auto
}

.image-list.background .image-col-inner .image {
  width: 182px;
  height: 104px
}

.sidebar-uploaded-image {
  display: none
}

.sidebar-image-upload {
  padding: 10px 10px 0
}

.sidebar-image-upload.is-dragover .sidebar-image-upload-inner,
.sidebar-image-upload:hover .sidebar-image-upload-inner {
  border-color: #f39c12;
  background: #dadae7
}

.sidebar-image-upload.is-dragover .sidebar-image-upload-inner .image-upload-icon,
.sidebar-image-upload:hover .sidebar-image-upload-inner .image-upload-icon {
  color: #f39c12
}

.sidebar-image-upload.loading .image-upload-preloader {
  display: flex
}

.sidebar-image-upload-inner {
  background: #eaeaf1;
  border: 2px dashed #18bc9c;
  font-size: 14px;
  color: #2c3e50;
  text-align: center;
  position: relative;
  padding: 5px 15px;
  height: 80px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 500
}

.sidebar-image-upload-inner .image-upload-icon {
  margin-bottom: 5px;
  color: #3498db
}

.sidebar-image-upload-inner .image-upload-preloader {
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsla(0, 0%, 100%, .5);
  backdrop-filter: blur(3px);
  z-index: 50;
  display: none
}

.sidebar-image-upload-inner .image-upload-preloader img {
  width: 48px;
  height: auto
}

.colors-list {
  display: none
}

.colors-list.on {
  display: flex;
  flex-wrap: wrap
}

.colors-list .color-col {
  width: 20%
}

.colors-list .color-col .color {
  cursor: pointer;
  background: #fff;
  height: 30px
}

.colors-list .color-col .color.on {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 16px 8px rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 16px 8px rgba(0, 0, 0, .35);
  box-shadow: 0 0 16px 8px rgba(0, 0, 0, .35);
  position: relative;
  z-index: 100
}

.colors-list .color-col .color:hover {
  transform: scale(1.2);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5)
}

.gradients-list {
  display: none;
  margin-left: -2px;
  margin-right: -2px;
  background: #2c3e50;
  padding: 4px 2px 0
}

.gradients-list.on {
  display: flex;
  flex-wrap: wrap
}

.gradients-list .gradient-col {
  width: 50%;
  padding: 0 2px;
  margin-bottom: 4px
}

.gradients-list .gradient-col .gradient-col-inner {
  background: url("../img/transparent.png") 1px 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  position: relative
}

.gradients-list .gradient-col .gradient-col-inner:hover {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .85);
  z-index: 200
}

.gradients-list .gradient-col .gradient-col-inner:hover .gradient {
  color: #fff
}

.gradients-list .gradient-col .gradient {
  cursor: pointer;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  position: relative;
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0)
}

.gradients-list .gradient-col .gradient.on {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 16px 8px rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 16px 8px rgba(0, 0, 0, .35);
  box-shadow: 0 0 16px 8px rgba(0, 0, 0, .35);
  position: relative;
  z-index: 100;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .85)
}

.select-categories-wrap {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px
}

.select-categories-wrap select {
  cursor: pointer
}

.fonts-filter-wrap {
  position: relative
}

.fonts-filter-wrap .fonts-filter-left {
  width: 100%
}

.fonts-filter-wrap .fonts-filter {
  border-top: none;
  border-left: none;
  border-right: none;
  background: none;
  padding-left: 0;
  width: 100%;
  padding-right: 30px;
  border-radius: 0;
  font-size: 14px
}

.fonts-filter-wrap .fonts-filter-right {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 44px
}

.fonts-filter-wrap .fonts-filter-right span {
  font-size: 10px;
  cursor: pointer;
  color: #18bc9c
}

.fonts-filter-wrap .fonts-filter-right span:hover {
  color: #e74c3c
}

#sidebar-fonts .sidebar-inner {
  padding-left: 0;
  padding-right: 0
}

.fonts-lists {
  height: 100%
}

.fonts-list {
  display: none;
  padding: 0 4px 0 10px;
  margin-left: -2px;
  height: 100%
}

.fonts-list.on {
  display: flex;
  flex-wrap: wrap;
  overflow: auto
}

.fonts-list.filtered {
  height: auto
}

.fonts-list .font-col {
  width: 50%;
  margin-bottom: 4px;
  padding: 0 2px
}

.fonts-list .font-col.hidden {
  display: none
}

.fonts-list .font-col .font {
  display: block;
  background-image: url("../font-thumbs/fonts-google.png");
  background-repeat: no-repeat;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  width: 185px;
  cursor: pointer;
  position: relative
}

.fonts-list .font-col .font.on,
.fonts-list .font-col .font:hover {
  position: relative;
  z-index: 100
}

.fonts-list .font-col .font-caption {
  background-color: #dadae7;
  color: #2c3e50;
  font-size: 12px;
  text-align: center;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: .75;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.fonts-list .font-col .font.on+.font-caption {
  background: #3498db;
  color: #fff
}

.fonts-list .font-col .font:hover:not(.on)+.font-caption {
  background: #18bc9c;
  color: #fff
}

.fonts-list#fonts-local .font {
  background-image: url("../font-thumbs/fonts-local.png")
}

.font-preview {
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 36px;
  line-height: 1.2;
  background: 2px solid #eaeaf1
}

.font-preview img {
  display: none;
  width: 24px;
  height: auto
}

.font-preview.loading img {
  display: block
}

.font-preview.loading span {
  display: none
}

.mylogos-list {
  font-size: 14px;
  color: #2c3e50
}

.mylogo-item {
  margin-bottom: 15px;
  padding: 8px;
  background: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  border: 2px solid #fff
}

.mylogo-item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35)
}

.mylogo-item.on {
  border-color: #3498db
}

.mylogo-item-image {
  margin-right: 10px;
  flex: 48px;
  flex-shrink: 0;
  flex-grow: 0
}

.mylogo-item-image img {
  width: 100%;
  height: auto;
  display: block
}

.mylogo-item-content {
  width: 100%;
  margin-right: 15px
}

.mylogo-item-title {
  font-size: 14px
}

.mylogo-item-date {
  font-size: 12px;
  margin-top: 5px;
  color: #2c3e50
}

.mylogo-item-actions {
  display: flex
}

.mylogo-item-getlink,
.mylogo-item-load {
  margin-right: 5px
}

.mylogo-item-getlink,
.mylogo-item-load,
.mylogo-item-remove {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 10px
}

.iframe-yandex-pay {
  width: 100%;
  height: 46px;
  margin-top: 15px;
  display: block;
  position: relative
}

.body-thanks-page {
  padding: 30px;
  background: #2c3e50;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

@media only screen and (max-width:480px) {
  .body-thanks-page {
    padding: 15px;
    display: block
  }
}

.thanks-page-inner {
  background: #f9f9fb;
  padding: 30px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .35);
  border-radius: 4px;
  max-width: 680px;
  width: 100%
}

@media only screen and (max-width:480px) {
  .thanks-page-inner {
    padding: 15px
  }
}

.thanks-page-logo img {
  max-width: 100%
}

.thanks-page-logo-title {
  text-align: center;
  margin-top: 15px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 5px
}

.thanks-page-title {
  text-align: center;
  font-size: 24px;
  margin-top: 30px;
  font-weight: 600
}

@media only screen and (max-width:767px) {
  .thanks-page-title {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 15px
  }
}

.thanks-page-text {
  margin-top: 30px;
  line-height: 1.75
}

@media only screen and (max-width:767px) {
  .thanks-page-text {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 15px
  }
}

.modal {
  display: none
}

.download-prepare {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center
}

.download-prepare img {
  width: 64px;
  height: auto
}

.check-pay-preloader {
  display: flex;
  align-items: center
}

.check-pay-preloader img {
  margin-left: 15px;
  width: 32px;
  height: auto
}

.download-area .download-step {
  display: none
}

.download-area[status=prepare] .download-prepare {
  display: flex
}

.download-area[status=complete] .download-complete,
.download-area[status=wait] .download-wait {
  display: block
}

.download-complete {
  text-align: center
}

.btn-download-link {
  height: 60px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.btn-download-link span {
  margin-right: 10px
}

body.fullscreen {
  background-image: none
}

body.fullscreen .layout-left,
body.fullscreen .layout-right-bottom,
body.fullscreen .layout-right-top {
  display: none
}

body.fullscreen #canvas {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.admin {
  height: 100%;
  display: flex;
  flex-direction: column
}

.admin-header {
  flex: 80px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 0 15px;
  display: flex;
  align-items: center
}

.admin-header h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
  margin: 0;
  color: #fff
}

.admin-topbar {
  flex: 80px;
  flex-shrink: 0;
  flex-grow: 0;
  background: rgba(0, 0, 0, .5);
  padding: 0 15px;
  display: flex;
  align-items: center
}

.admin-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex
}

.admin-menu li {
  margin-right: 15px;
  font-size: 20px
}

.admin-menu li:hover a {
  text-decoration: none
}

.admin-menu li.on a {
  color: #fff !important;
  font-weight: 700
}

.admin-main {
  height: 100%;
  position: relative
}

.admin-main iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: none
}

.body-admin-inner {
  padding-left: 230px;
  min-height: 100%;
  padding-top: 80px
}

.admin-topbar-2 {
  height: 80px;
  background: rgba(0, 0, 0, .75);
  padding: 0 15px;
  display: flex;
  align-items: center;
  z-index: 500;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  border-top: 2px solid #2c3e50
}

.admin-menu-2 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex
}

.admin-menu-2 li {
  font-size: 18px;
  margin-right: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  white-space: nowrap
}

.admin-menu-2 li:hover a {
  text-decoration: none
}

.admin-menu-2 li.on a {
  color: #fff !important;
  font-weight: 700
}

.admin-sidebar {
  position: fixed;
  left: 15px;
  top: 110px;
  width: 200px;
  bottom: 30px;
  overflow: auto
}

.admin-sidebar-menu {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.admin-sidebar-menu li {
  margin-bottom: 10px;
  white-space: nowrap
}

.admin-sidebar-menu li:hover a {
  text-decoration: none
}

.admin-sidebar-menu li.on a {
  color: #fff !important;
  font-weight: 700
}

.admin-inner-main {
  padding: 30px
}

.admin-sprites {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 1290px;
  border: 1px solid #fff
}

.admin-sprite {
  margin: 1px;
  width: 100px;
  height: 100px;
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
  position: relative
}

.admin-sprites.small .admin-sprite {
  width: 48px;
  height: 48px
}

.admin-sprite img {
  width: 100%;
  height: auto;
  display: block
}

.admin-sprites.background .admin-sprite {
  width: 187px;
  height: 100px
}

.admin-sprites.background .admin-sprite-inner {
  width: 100%;
  height: 100%;
  background-position: 50%
}

.admin-sprite-del {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  background: #e74c3c;
  padding: 4px;
  font-size: 12px;
  color: #fff;
  cursor: pointer
}

.admin-sprite-del:hover {
  text-decoration: underline
}

.admin-sprite:hover .admin-sprite-del {
  display: inline-block
}