@charset "UTF-8";

@font-face {
    font-family: exclusive-icon;
    src: url(../fonts/exclusive-icon.eot);
    src: url(../fonts/exclusive-icon.eot?#iefix) format("embedded-opentype"), url(../fonts/exclusive-icon.woff) format("woff"), url(../fonts/exclusive-icon.ttf) format("truetype"), url(../fonts/exclusive-icon.svg#exclusive-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

.menu-sorter {
    position: absolute;
    right: 0;
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    display: flex;
    flex-direction: column;
}

.background-modal-window {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

.modal-window {
    position: relative;
    top: 30%;
    left: 30%;
    width: 400px;
    height: 215px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    border-radius: 5px;
}

.modal-window-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    height: 100%;
}

.modal-window-text {
    max-width: 364px;
    margin: 32px 10px;
    font-size: 18px;
}

.modal-window-btn {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.active {
    color: #0f9aee;
}

.modal-task {
    position: relative;
    top: 100px;
    background-color: #fff;
    margin: 0 25px;
    padding: 15px;
    border-radius: 6px;
}

.modal-task-petition {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.buttons-task-control {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 90px;
}

.menu-sorter-element {
    padding: 10px 15px;
    cursor: pointer;
}

.menu-sorter-element:hover {
    background-color: #f6f7fb;
}

.menu-sorter-element-icon {
    margin: 0 10px 0 0;
}

.width-100per {
    width: 100%;
}

.line-center {
    display: flex;
    align-items: center;
}

.ei {
    display: inline-block;
    font: normal normal normal 14px/1 exclusive-icon;
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[data-icon]:before {
    font-family: exclusive-icon !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" ei-"]:before,
[class^=ei-]:before {
    font-family: exclusive-icon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ei-addthis:before {
    content: "\e28d"
}

.ei-amazon:before {
    content: "\e28e"
}

.ei-bebo:before {
    content: "\e28f"
}

.ei-behance:before {
    content: "\e29a"
}

.ei-bing:before {
    content: "\e29b"
}

.ei-blogger:before {
    content: "\e29c"
}

.ei-delicious:before {
    content: "\e29d"
}

.ei-deviantart:before {
    content: "\e29e"
}

.ei-digg:before {
    content: "\e29f"
}

.ei-dribble:before {
    content: "\e31a"
}

.ei-dropbox:before {
    content: "\e31b"
}

.ei-ebay:before {
    content: "\e31c"
}

.ei-evernote:before {
    content: "\e31d"
}

.ei-facebook:before {
    content: "\e31e"
}

.ei-flickr:before {
    content: "\e31f"
}

.ei-forrst:before {
    content: "\e32a"
}

.ei-foursquare:before {
    content: "\e32b"
}

.ei-foursquare-alt:before {
    content: "\e32c"
}

.ei-google-plus:before {
    content: "\e32d"
}

.ei-grooveshark:before {
    content: "\e32e"
}

.ei-html5:before {
    content: "\e32f"
}

.ei-instagram:before {
    content: "\e33a"
}

.ei-kickstarter:before {
    content: "\e33b"
}

.ei-lastfm:before {
    content: "\e33c"
}

.ei-linkedin:before {
    content: "\e33d"
}

.ei-livejournal:before {
    content: "\e33e"
}

.ei-myspace:before {
    content: "\e33f"
}

.ei-opera:before {
    content: "\e34a"
}

.ei-paypal:before {
    content: "\e34b"
}

.ei-picasa:before {
    content: "\e34c"
}

.ei-pinterest:before {
    content: "\e34d"
}

.ei-rss:before {
    content: "\e34e"
}

.ei-sharethis:before {
    content: "\e34f"
}

.ei-skype:before {
    content: "\e35a"
}

.ei-soundcloud:before {
    content: "\e35b"
}

.ei-stumbleupon:before {
    content: "\e35c"
}

.ei-technorati:before {
    content: "\e35d"
}

.ei-telegram:before {
    content: "\e35e"
}

.ei-tumblr:before {
    content: "\e35f"
}

.ei-twitter:before {
    content: "\e36a"
}

.ei-viber:before {
    content: "\e36b"
}

.ei-vimeo:before {
    content: "\e36c"
}

.ei-vk:before {
    content: "\e36d"
}

.ei-wikipedia:before {
    content: "\e36e"
}

.ei-wordpress:before {
    content: "\e36f"
}

.ei-xing:before {
    content: "\e37a"
}

.ei-yahoo:before {
    content: "\e37b"
}

.ei-yandex:before {
    content: "\e37c"
}

.ei-youtube:before {
    content: "\e37d"
}

.ei-zerply:before {
    content: "\e37e"
}

.ei-brazilian-real:before {
    content: "\e37f"
}

.ei-canadian-dollar:before {
    content: "\e38a"
}

.ei-colon:before {
    content: "\e38b"
}

.ei-czech-koruna:before {
    content: "\e38c"
}

.ei-danish-krone:before {
    content: "\e38d"
}

.ei-dollar:before {
    content: "\e38e"
}

.ei-dong:before {
    content: "\e38f"
}

.ei-dram:before {
    content: "\e39a"
}

.ei-euro:before {
    content: "\e39b"
}

.ei-forint:before {
    content: "\e39c"
}

.ei-hong-kong-dollar:before {
    content: "\e39d"
}

.ei-indonesian-rupiah:before {
    content: "\e39e"
}

.ei-lev:before {
    content: "\e39f"
}

.ei-malaysian-ringgit:before {
    content: "\e30a"
}

.ei-new-shekel:before {
    content: "\e30b"
}

.ei-new-taiwan-dollar:before {
    content: "\e30c"
}

.ei-philippine-peso:before {
    content: "\e30d"
}

.ei-pound-sterling:before {
    content: "\e30e"
}

.ei-renminbi:before {
    content: "\e30f"
}

.ei-ruble:before {
    content: "\e41a"
}

.ei-rupee:before {
    content: "\e41b"
}

.ei-rupee-alt:before {
    content: "\e41c"
}

.ei-singapore-dollar:before {
    content: "\e41d"
}

.ei-south-african-rand:before {
    content: "\e41e"
}

.ei-south-korean-won:before {
    content: "\e41f"
}

.ei-swiss-franc:before {
    content: "\e42a"
}

.ei-thai-baht:before {
    content: "\e42b"
}

.ei-tugrik:before {
    content: "\e42c"
}

.ei-turkish-lira:before {
    content: "\e42d"
}

.ei-zloty:before {
    content: "\e42e"
}

.ei-aircraft:before {
    content: "\e42f"
}

.ei-airplane-front:before {
    content: "\e43a"
}

.ei-airplane-side:before {
    content: "\e43b"
}

.ei-arrival:before {
    content: "\e43c"
}

.ei-backpack:before {
    content: "\e43d"
}

.ei-captain:before {
    content: "\e43e"
}

.ei-carrier:before {
    content: "\e43f"
}

.ei-cart:before {
    content: "\e44a"
}

.ei-cctv:before {
    content: "\e44b"
}

.ei-claims:before {
    content: "\e44c"
}

.ei-control-tower:before {
    content: "\e44d"
}

.ei-departures:before {
    content: "\e44e"
}

.ei-elevator:before {
    content: "\e44f"
}

.ei-escalator:before {
    content: "\e51a"
}

.ei-escalator-alt:before {
    content: "\e000"
}

.ei-id-card:before {
    content: "\e001"
}

.ei-inspection:before {
    content: "\e002"
}

.ei-liquids:before {
    content: "\e003"
}

.ei-lockers:before {
    content: "\e004"
}

.ei-luggage:before {
    content: "\e005"
}

.ei-luggage-alt:before {
    content: "\e006"
}

.ei-metal-detector:before {
    content: "\e007"
}

.ei-no-smoking:before {
    content: "\e008"
}

.ei-passport:before {
    content: "\e009"
}

.ei-plane-ticket:before {
    content: "\e00a"
}

.ei-schedules:before {
    content: "\e00b"
}

.ei-seat-belt:before {
    content: "\e00c"
}

.ei-signals:before {
    content: "\e00d"
}

.ei-toilets:before {
    content: "\e00e"
}

.ei-waiting-room:before {
    content: "\e00f"
}

.ei-american-football:before {
    content: "\e010"
}

.ei-american-football-alt:before {
    content: "\e011"
}

.ei-archery:before {
    content: "\e012"
}

.ei-badminton:before {
    content: "\e013"
}

.ei-baseball:before {
    content: "\e014"
}

.ei-baseball-hat:before {
    content: "\e015"
}

.ei-baseball-bat:before {
    content: "\e016"
}

.ei-baseball-glove:before {
    content: "\e017"
}

.ei-basketball:before {
    content: "\e018"
}

.ei-basketball-court:before {
    content: "\e019"
}

.ei-bowling:before {
    content: "\e01a"
}

.ei-bowling-alt:before {
    content: "\e01b"
}

.ei-boxing:before {
    content: "\e01c"
}

.ei-dart:before {
    content: "\e01d"
}

.ei-dart-board:before {
    content: "\e01e"
}

.ei-dart-board-alt:before {
    content: "\e01f"
}

.ei-dumbbell:before {
    content: "\e020"
}

.ei-fencing:before {
    content: "\e021"
}

.ei-field:before {
    content: "\e022"
}

.ei-football:before {
    content: "\e023"
}

.ei-football-field:before {
    content: "\e024"
}

.ei-goal:before {
    content: "\e025"
}

.ei-golf:before {
    content: "\e026"
}

.ei-hockey:before {
    content: "\e027"
}

.ei-hockey-alt:before {
    content: "\e028"
}

.ei-hockey-box:before {
    content: "\e029"
}

.ei-ice-skate:before {
    content: "\e02a"
}

.ei-karate:before {
    content: "\e02b"
}

.ei-ping-pong:before {
    content: "\e02c"
}

.ei-racket:before {
    content: "\e02d"
}

.ei-roller-skate:before {
    content: "\e02e"
}

.ei-rugby:before {
    content: "\e02f"
}

.ei-skateboard:before {
    content: "\e030"
}

.ei-surfboard:before {
    content: "\e031"
}

.ei-tennis:before {
    content: "\e032"
}

.ei-tennis-court:before {
    content: "\e033"
}

.ei-uniform:before {
    content: "\e034"
}

.ei-volleyball:before {
    content: "\e035"
}

.ei-volleyball-net:before {
    content: "\e036"
}

.ei-whistle:before {
    content: "\e037"
}

.ei-abacus:before {
    content: "\e038"
}

.ei-achievement:before {
    content: "\e039"
}

.ei-agenda:before {
    content: "\e03a"
}

.ei-agenda-alt:before {
    content: "\e03b"
}

.ei-archive:before {
    content: "\e03c"
}

.ei-balance:before {
    content: "\e03d"
}

.ei-bank:before {
    content: "\e03e"
}

.ei-bar-chart:before {
    content: "\e03f"
}

.ei-bar-chart-1:before {
    content: "\e040"
}

.ei-bar-chart-2:before {
    content: "\e041"
}

.ei-bill:before {
    content: "\e042"
}

.ei-bills:before {
    content: "\e043"
}

.ei-book:before {
    content: "\e044"
}

.ei-briefcase:before {
    content: "\e045"
}

.ei-business-card:before {
    content: "\e046"
}

.ei-cabinet:before {
    content: "\e047"
}

.ei-office-cart:before {
    content: "\e048"
}

.ei-circular-diagram:before {
    content: "\e049"
}

.ei-clip:before {
    content: "\e04a"
}

.ei-clipboard:before {
    content: "\e04b"
}

.ei-collaboration:before {
    content: "\e04c"
}

.ei-collaboration-alt:before {
    content: "\e04d"
}

.ei-conference:before {
    content: "\e04e"
}

.ei-deal:before {
    content: "\e04f"
}

.ei-decrease:before {
    content: "\e050"
}

.ei-desk-lamp:before {
    content: "\e051"
}

.ei-devaluation:before {
    content: "\e052"
}

.ei-dollar-money:before {
    content: "\e053"
}

.ei-employees:before {
    content: "\e054"
}

.ei-exchange:before {
    content: "\e055"
}

.ei-graph:before {
    content: "\e056"
}

.ei-growth:before {
    content: "\e057"
}

.ei-growth-alt:before {
    content: "\e058"
}

.ei-hand:before {
    content: "\e059"
}

.ei-human-resources:before {
    content: "\e05a"
}

.ei-id-card-alt:before {
    content: "\e05b"
}

.ei-insurance:before {
    content: "\e05c"
}

.ei-invest:before {
    content: "\e05d"
}

.ei-key:before {
    content: "\e05e"
}

.ei-light-bulb:before {
    content: "\e05f"
}

.ei-loss:before {
    content: "\e060"
}

.ei-medal:before {
    content: "\e061"
}

.ei-meeting:before {
    content: "\e062"
}

.ei-money:before {
    content: "\e063"
}

.ei-cheque:before {
    content: "\e064"
}

.ei-money-bag:before {
    content: "\e065"
}

.ei-office-chair:before {
    content: "\e066"
}

.ei-open-book:before {
    content: "\e067"
}

.ei-panel:before {
    content: "\e068"
}

.ei-panel-1:before {
    content: "\e069"
}

.ei-panel-2:before {
    content: "\e06a"
}

.ei-pen:before {
    content: "\e06b"
}

.ei-pencil:before {
    content: "\e06c"
}

.ei-pie-chart:before {
    content: "\e06d"
}

.ei-pie-chart-1:before {
    content: "\e06e"
}

.ei-pie-chart-2:before {
    content: "\e06f"
}

.ei-post-it:before {
    content: "\e070"
}

.ei-profit:before {
    content: "\e071"
}

.ei-profit-1:before {
    content: "\e072"
}

.ei-push-pin:before {
    content: "\e073"
}

.ei-pyramidal:before {
    content: "\e074"
}

.ei-retirement:before {
    content: "\e075"
}

.ei-rocket:before {
    content: "\e076"
}

.ei-safebox:before {
    content: "\e077"
}

.ei-scheme:before {
    content: "\e078"
}

.ei-skills:before {
    content: "\e079"
}

.ei-strategy:before {
    content: "\e07a"
}

.ei-tie:before {
    content: "\e07b"
}

.ei-time:before {
    content: "\e07c"
}

.ei-tools:before {
    content: "\e07d"
}

.ei-users:before {
    content: "\e07e"
}

.ei-users-1:before {
    content: "\e07f"
}

.ei-wallet:before {
    content: "\e080"
}

.ei-american-express:before {
    content: "\e081"
}

.ei-badge:before {
    content: "\e082"
}

.ei-badge-alt:before {
    content: "\e083"
}

.ei-barcode:before {
    content: "\e084"
}

.ei-browser:before {
    content: "\e085"
}

.ei-calculator-machine:before {
    content: "\e086"
}

.ei-cart-2:before {
    content: "\e087"
}

.ei-closed:before {
    content: "\e088"
}

.ei-coins:before {
    content: "\e089"
}

.ei-credit-card:before {
    content: "\e08a"
}

.ei-credit-card-1:before {
    content: "\e08b"
}

.ei-credit-card-2:before {
    content: "\e08c"
}

.ei-credit-card-3:before {
    content: "\e08d"
}

.ei-credit-card-4:before {
    content: "\e08e"
}

.ei-credit-card-5:before {
    content: "\e08f"
}

.ei-customer-service:before {
    content: "\e090"
}

.ei-diners-club:before {
    content: "\e091"
}

.ei-discount:before {
    content: "\e092"
}

.ei-dollar-2:before {
    content: "\e093"
}

.ei-euro-coin:before {
    content: "\e094"
}

.ei-furniture:before {
    content: "\e095"
}

.ei-gift:before {
    content: "\e096"
}

.ei-gift-card:before {
    content: "\e097"
}

.ei-hamburger:before {
    content: "\e098"
}

.ei-hanger:before {
    content: "\e099"
}

.ei-headset:before {
    content: "\e09a"
}

.ei-high-heels:before {
    content: "\e09b"
}

.ei-mastercard:before {
    content: "\e09c"
}

.ei-medal-1:before {
    content: "\e09d"
}

.ei-money-2:before {
    content: "\e09e"
}

.ei-money-1-1:before {
    content: "\e09f"
}

.ei-open:before {
    content: "\e0a0"
}

.ei-open-24:before {
    content: "\e0a1"
}

.ei-package:before {
    content: "\e0a2"
}

.ei-package-open:before {
    content: "\e0a3"
}

.ei-paid:before {
    content: "\e0a4"
}

.ei-percentage:before {
    content: "\e0a5"
}

.ei-piggy-bank:before {
    content: "\e0a6"
}

.ei-pound-sterling-1:before {
    content: "\e0a7"
}

.ei-price-tag:before {
    content: "\e0a8"
}

.ei-price-tag-1:before {
    content: "\e0a9"
}

.ei-sale:before {
    content: "\e0aa"
}

.ei-shield:before {
    content: "\e0ab"
}

.ei-shirt:before {
    content: "\e0ac"
}

.ei-shopping-bag:before {
    content: "\e0ad"
}

.ei-shopping-basket:before {
    content: "\e0ae"
}

.ei-shopping-basket-minus:before {
    content: "\e0af"
}

.ei-shopping-basket-add:before {
    content: "\e0b0"
}

.ei-shopping-cart:before {
    content: "\e0b1"
}

.ei-shopping-cart-full:before {
    content: "\e0b2"
}

.ei-shopping-cart-add:before {
    content: "\e0b3"
}

.ei-shopping-cart-minus:before {
    content: "\e0b4"
}

.ei-shopping-cart-secure:before {
    content: "\e0b5"
}

.ei-shopping-cart-dash:before {
    content: "\e0b6"
}

.ei-shopping-cart-raise:before {
    content: "\e0b7"
}

.ei-shopping-cart-down:before {
    content: "\e0b8"
}

.ei-shopping-cart-globe:before {
    content: "\e0b9"
}

.ei-sticker:before {
    content: "\e0ba"
}

.ei-store:before {
    content: "\e0bb"
}

.ei-store-search:before {
    content: "\e0bc"
}

.ei-ticket:before {
    content: "\e0bd"
}

.ei-timer:before {
    content: "\e0be"
}

.ei-truck:before {
    content: "\e0bf"
}

.ei-truck-1:before {
    content: "\e0c0"
}

.ei-truck-2:before {
    content: "\e0c1"
}

.ei-visa:before {
    content: "\e0c2"
}

.ei-yen:before {
    content: "\e0c3"
}

.ei-file-minus:before {
    content: "\e0c4"
}

.ei-file-add:before {
    content: "\e0c5"
}

.ei-file-delete:before {
    content: "\e0c6"
}

.ei-file-check:before {
    content: "\e0c7"
}

.ei-file-edit:before {
    content: "\e0c8"
}

.ei-file-globe:before {
    content: "\e0c9"
}

.ei-file-audio:before {
    content: "\e0ca"
}

.ei-file-audio-alt:before {
    content: "\e0cb"
}

.ei-file-image:before {
    content: "\e0cc"
}

.ei-file-video:before {
    content: "\e0cd"
}

.ei-file-code:before {
    content: "\e0ce"
}

.ei-file-excel:before {
    content: "\e0d0"
}

.ei-file-power-point:before {
    content: "\e0d1"
}

.ei-file-word:before {
    content: "\e0d2"
}

.ei-file-wma:before {
    content: "\e0d3"
}

.ei-file-iso:before {
    content: "\e0d4"
}

.ei-file-avi:before {
    content: "\e0d5"
}

.ei-file-php:before {
    content: "\e0d6"
}

.ei-file-indd:before {
    content: "\e0d7"
}

.ei-file-dss:before {
    content: "\e0d8"
}

.ei-file-gif:before {
    content: "\e0d9"
}

.ei-file-jar:before {
    content: "\e0da"
}

.ei-file-png:before {
    content: "\e0db"
}

.ei-file-css:before {
    content: "\e0dc"
}

.ei-file-fla:before {
    content: "\e0dd"
}

.ei-file-pdf:before {
    content: "\e0de"
}

.ei-file-mov:before {
    content: "\e0df"
}

.ei-file-html:before {
    content: "\e0e0"
}

.ei-file-mp3:before {
    content: "\e0e1"
}

.ei-file-psd:before {
    content: "\e0e2"
}

.ei-folder:before {
    content: "\e0e3"
}

.ei-folder-minus:before {
    content: "\e0e4"
}

.ei-folder-add:before {
    content: "\e0e5"
}

.ei-folder-delete:before {
    content: "\e0e6"
}

.ei-folder-check:before {
    content: "\e0e7"
}

.ei-folder-open:before {
    content: "\e0e8"
}

.ei-antenna:before {
    content: "\e0e9"
}

.ei-battery:before {
    content: "\e0ea"
}

.ei-battery-empty:before {
    content: "\e0eb"
}

.ei-battery-low:before {
    content: "\e0ec"
}

.ei-battery-2:before {
    content: "\e0ed"
}

.ei-battery-3:before {
    content: "\e0ee"
}

.ei-battery-full:before {
    content: "\e0ef"
}

.ei-calculator:before {
    content: "\e0f0"
}

.ei-calculator-app:before {
    content: "\e0f1"
}

.ei-cd:before {
    content: "\e0f2"
}

.ei-clapperboard:before {
    content: "\e0f3"
}

.ei-cpu:before {
    content: "\e0f4"
}

.ei-ereader:before {
    content: "\e0f5"
}

.ei-film-strip:before {
    content: "\e0f6"
}

.ei-gamepad:before {
    content: "\e0f7"
}

.ei-headphones:before {
    content: "\e0f8"
}

.ei-ipod:before {
    content: "\e0f9"
}

.ei-keyboard:before {
    content: "\e0fa"
}

.ei-laptop:before {
    content: "\e0fb"
}

.ei-megaphone:before {
    content: "\e0fc"
}

.ei-microphone:before {
    content: "\e0fd"
}

.ei-modem:before {
    content: "\e0fe"
}

.ei-monitor:before {
    content: "\e0ff"
}

.ei-mouse:before {
    content: "\e100"
}

.ei-movie:before {
    content: "\e101"
}

.ei-photo:before {
    content: "\e102"
}

.ei-photo-camera:before {
    content: "\e103"
}

.ei-printer:before {
    content: "\e104"
}

.ei-projector:before {
    content: "\e105"
}

.ei-radio:before {
    content: "\e106"
}

.ei-speaker-alt:before {
    content: "\e109"
}

.ei-tablet:before {
    content: "\e10a"
}

.ei-television:before {
    content: "\e10b"
}

.ei-usb:before {
    content: "\e10c"
}

.ei-video-camera:before {
    content: "\e10d"
}

.ei-video-camera-1:before {
    content: "\e10e"
}

.ei-video-camera-2:before {
    content: "\e10f"
}

.ei-webcam:before {
    content: "\e110"
}

.ei-backward:before {
    content: "\e111"
}

.ei-bluetooth:before {
    content: "\e112"
}

.ei-crotchet:before {
    content: "\e113"
}

.ei-demisemiquaver:before {
    content: "\e114"
}

.ei-eject:before {
    content: "\e115"
}

.ei-eject-1:before {
    content: "\e116"
}

.ei-eject-2:before {
    content: "\e117"
}

.ei-fast-forward:before {
    content: "\e118"
}

.ei-fast-forward-1:before {
    content: "\e119"
}

.ei-fast-forward-2:before {
    content: "\e11a"
}

.ei-hemidemisemiquaver:before {
    content: "\e11b"
}

.ei-minim:before {
    content: "\e11c"
}

.ei-music-player:before {
    content: "\e11d"
}

.ei-music-player-1:before {
    content: "\e11e"
}

.ei-nfc:before {
    content: "\e11f"
}

.ei-pause:before {
    content: "\e120"
}

.ei-pause-1:before {
    content: "\e121"
}

.ei-pause-2:before {
    content: "\e122"
}

.ei-play:before {
    content: "\e123"
}

.ei-play-1:before {
    content: "\e124"
}

.ei-play-2:before {
    content: "\e125"
}

.ei-previous:before {
    content: "\e126"
}

.ei-previous-1:before {
    content: "\e127"
}

.ei-previous-2:before {
    content: "\e128"
}

.ei-rec:before {
    content: "\e129"
}

.ei-rec-1:before {
    content: "\e12a"
}

.ei-rec-2:before {
    content: "\e12b"
}

.ei-rewind:before {
    content: "\e12c"
}

.ei-rewind-1:before {
    content: "\e12d"
}

.ei-semibreve:before {
    content: "\e12e"
}

.ei-semiquaver:before {
    content: "\e12f"
}

.ei-skip:before {
    content: "\e130"
}

.ei-skip-1:before {
    content: "\e131"
}

.ei-skip-2:before {
    content: "\e132"
}

.ei-stop:before {
    content: "\e133"
}

.ei-stop-1:before {
    content: "\e134"
}

.ei-stop-2:before {
    content: "\e135"
}

.ei-usb-alt:before {
    content: "\e136"
}

.ei-video-player:before {
    content: "\e137"
}

.ei-wifi:before {
    content: "\e138"
}

.ei-bold:before {
    content: "\e139"
}

.ei-broken-link:before {
    content: "\e13a"
}

.ei-center-align:before {
    content: "\e13b"
}

.ei-close:before {
    content: "\e13c"
}

.ei-columns:before {
    content: "\e13d"
}

.ei-copy:before {
    content: "\e13e"
}

.ei-eraser:before {
    content: "\e13f"
}

.ei-export:before {
    content: "\e140"
}

.ei-file-blank:before {
    content: "\e141"
}

.ei-file-text:before {
    content: "\e142"
}

.ei-font:before {
    content: "\e144"
}

.ei-import:before {
    content: "\e145"
}

.ei-indent:before {
    content: "\e146"
}

.ei-italic:before {
    content: "\e147"
}

.ei-justify:before {
    content: "\e148"
}

.ei-left-align:before {
    content: "\e149"
}

.ei-link:before {
    content: "\e14a"
}

.ei-list:before {
    content: "\e14b"
}

.ei-list-number:before {
    content: "\e14c"
}

.ei-outdent:before {
    content: "\e14d"
}

.ei-paperclip:before {
    content: "\e14e"
}

.ei-paragraph:before {
    content: "\e14f"
}

.ei-paste:before {
    content: "\e150"
}

.ei-preview:before {
    content: "\e151"
}

.ei-print:before {
    content: "\e152"
}

.ei-redo:before {
    content: "\e153"
}

.ei-right-align:before {
    content: "\e154"
}

.ei-save:before {
    content: "\e155"
}

.ei-save-edit:before {
    content: "\e156"
}

.ei-scissors:before {
    content: "\e157"
}

.ei-strikethrough:before {
    content: "\e158"
}

.ei-subscript:before {
    content: "\e159"
}

.ei-superscript:before {
    content: "\e15a"
}

.ei-table:before {
    content: "\e15b"
}

.ei-table-alt:before {
    content: "\e15c"
}

.ei-text-height:before {
    content: "\e15d"
}

.ei-text-width:before {
    content: "\e15e"
}

.ei-underline:before {
    content: "\e15f"
}

.ei-undo:before {
    content: "\e160"
}

.ei-bolt:before {
    content: "\e161"
}

.ei-circle:before {
    content: "\e162"
}

.ei-crown:before {
    content: "\e163"
}

.ei-cube:before {
    content: "\e164"
}

.ei-diamond:before {
    content: "\e165"
}

.ei-dice-1:before {
    content: "\e166"
}

.ei-dice-2:before {
    content: "\e167"
}

.ei-dice-3:before {
    content: "\e168"
}

.ei-dice-4:before {
    content: "\e169"
}

.ei-dice-5:before {
    content: "\e16a"
}

.ei-dice-6:before {
    content: "\e16b"
}

.ei-genders:before {
    content: "\e16c"
}

.ei-intersex:before {
    content: "\e16e"
}

.ei-joke:before {
    content: "\e16f"
}

.ei-male:before {
    content: "\e170"
}

.ei-moon:before {
    content: "\e172"
}

.ei-puzzle:before {
    content: "\e173"
}

.ei-sad:before {
    content: "\e174"
}

.ei-smiley:before {
    content: "\e175"
}

.ei-smiley-1:before {
    content: "\e176"
}

.ei-square:before {
    content: "\e177"
}

.ei-star:before {
    content: "\e178"
}

.ei-star-1:before {
    content: "\e179"
}

.ei-straight:before {
    content: "\e17a"
}

.ei-surprise:before {
    content: "\e17b"
}

.ei-female:before {
    content: "\e17c"
}

.ei-brush:before {
    content: "\e17f"
}

.ei-brush-alt:before {
    content: "\e180"
}

.ei-crop:before {
    content: "\e181"
}

.ei-dropper:before {
    content: "\e182"
}

.ei-edit:before {
    content: "\e183"
}

.ei-eraser-alt:before {
    content: "\e184"
}

.ei-magic-wand:before {
    content: "\e185"
}

.ei-paint-bucket:before {
    content: "\e186"
}

.ei-palette:before {
    content: "\e187"
}

.ei-pen-alt:before {
    content: "\e188"
}

.ei-pencil-alt:before {
    content: "\e189"
}

.ei-picture:before {
    content: "\e18a"
}

.ei-picture-alt:before {
    content: "\e18b"
}

.ei-scale:before {
    content: "\e18c"
}

.ei-spray:before {
    content: "\e18d"
}

.ei-writing:before {
    content: "\e18e"
}

.ei-checked:before {
    content: "\e18f"
}

.ei-checked-box:before {
    content: "\e190"
}

.ei-favorite-star:before {
    content: "\e191"
}

.ei-favorite-heart:before {
    content: "\e192"
}

.ei-star-2:before {
    content: "\e193"
}

.ei-star-half:before {
    content: "\e194"
}

.ei-star-full:before {
    content: "\e195"
}

.ei-heart:before {
    content: "\e196"
}

.ei-heart-half:before {
    content: "\e197"
}

.ei-heart-full:before {
    content: "\e198"
}

.ei-minus:before {
    content: "\e199"
}

.ei-minus-boxed:before {
    content: "\e19a"
}

.ei-plus:before {
    content: "\e19b"
}

.ei-plus-boxed:before {
    content: "\e19c"
}

.ei-unchecked:before {
    content: "\e19d"
}

.ei-unchecked-boxed:before {
    content: "\e19e"
}

.ei-email:before {
    content: "\e19f"
}

.ei-email-send:before {
    content: "\e1a0"
}

.ei-email-receive:before {
    content: "\e1a1"
}

.ei-email-lock:before {
    content: "\e1a2"
}

.ei-email-pin:before {
    content: "\e1a3"
}

.ei-email-search:before {
    content: "\e1a4"
}

.ei-email-minus:before {
    content: "\e1a5"
}

.ei-email-add:before {
    content: "\e1a6"
}

.ei-email-delete:before {
    content: "\e1a7"
}

.ei-email-star:before {
    content: "\e1a8"
}

.ei-email-back:before {
    content: "\e1a9"
}

.ei-email-backward:before {
    content: "\e1aa"
}

.ei-email-copy:before {
    content: "\e1ab"
}

.ei-email-check:before {
    content: "\e1ac"
}

.ei-email-open:before {
    content: "\e1ad"
}

.ei-email-open-alt:before {
    content: "\e1ae"
}

.ei-at-sign:before {
    content: "\e1af"
}

.ei-inbox:before {
    content: "\e1b0"
}

.ei-mobile-phone:before {
    content: "\e1b1"
}

.ei-mobile-phone-ring:before {
    content: "\e1b2"
}

.ei-mobile-phone-msg:before {
    content: "\e1b3"
}

.ei-mobile-phone-off:before {
    content: "\e1b4"
}

.ei-mobile-phone-vibrate:before {
    content: "\e1b5"
}

.ei-outbox:before {
    content: "\e1b6"
}

.ei-phone-book:before {
    content: "\e1b7"
}

.ei-phone-book-contact:before {
    content: "\e1b8"
}

.ei-phone-book-mail:before {
    content: "\e1b9"
}

.ei-phone-call:before {
    content: "\e1ba"
}

.ei-phone-call-ring:before {
    content: "\e1bb"
}

.ei-phone-call-off:before {
    content: "\e1bc"
}

.ei-smartphone:before {
    content: "\e1bd"
}

.ei-smartphone-ring:before {
    content: "\e1be"
}

.ei-smartphone-msg:before {
    content: "\e1bf"
}

.ei-smartphone-off:before {
    content: "\e1c0"
}

.ei-smartphone-vibrate:before {
    content: "\e1c1"
}

.ei-speech-bubble:before {
    content: "\e1c2"
}

.ei-speech-bubble-ing:before {
    content: "\e1c3"
}

.ei-speech-bubble-text:before {
    content: "\e1c4"
}

.ei-speech-bubble-dual:before {
    content: "\e1c5"
}

.ei-speech-box-ing:before {
    content: "\e1c8"
}

.ei-speech-box-text:before {
    content: "\e1c9"
}

.ei-speech-box-dual:before {
    content: "\e1ca"
}

.ei-24-hours:before {
    content: "\e1cc"
}

.ei-alarm:before {
    content: "\e1cd"
}

.ei-alarm-vibrate:before {
    content: "\e1ce"
}

.ei-alarm-off:before {
    content: "\e1cf"
}

.ei-calendar:before {
    content: "\e1d0"
}

.ei-calendar-flip:before {
    content: "\e1d1"
}

.ei-calendar-1:before {
    content: "\e1d2"
}

.ei-calendar-2:before {
    content: "\e1d3"
}

.ei-calendar-mark:before {
    content: "\e1d4"
}

.ei-calendar-cancel:before {
    content: "\e1d5"
}

.ei-calendar-3:before {
    content: "\e1d6"
}

.ei-clock:before {
    content: "\e1d7"
}

.ei-hourglass:before {
    content: "\e1d8"
}

.ei-hourglass-start:before {
    content: "\e1d9"
}

.ei-hourglass-2-end:before {
    content: "\e1da"
}

.ei-time-left:before {
    content: "\e1db"
}

.ei-time-left-alt:before {
    content: "\e1dc"
}

.ei-compress:before {
    content: "\e1dd"
}

.ei-compress-alt:before {
    content: "\e1de"
}

.ei-crossroads:before {
    content: "\e1df"
}

.ei-crossroads-alt:before {
    content: "\e1e0"
}

.ei-curve-arrow-down:before {
    content: "\e1e1"
}

.ei-curve-arrow-up:before {
    content: "\e1e2"
}

.ei-curve-arrow-left:before {
    content: "\e1e3"
}

.ei-curve-arrow-right:before {
    content: "\e1e4"
}

.ei-diagonal-arrow:before {
    content: "\e1e5"
}

.ei-diagonal-arrow-1:before {
    content: "\e1e6"
}

.ei-diagonal-arrow-2:before {
    content: "\e1e7"
}

.ei-diagonal-arrow-3:before {
    content: "\e1e8"
}

.ei-double-arrow:before {
    content: "\e1f5"
}

.ei-double-arrow-1:before {
    content: "\e1f6"
}

.ei-double-arrow-alt:before {
    content: "\e1fa"
}

.ei-down-arrow:before {
    content: "\e1fb"
}

.ei-down-arrow-1:before {
    content: "\e1fc"
}

.ei-down-arrow-2:before {
    content: "\e1fd"
}

.ei-down-arrow-3:before {
    content: "\e1fe"
}

.ei-down-arrow-4:before {
    content: "\e1ff"
}

.ei-down-chevron:before {
    content: "\e200"
}

.ei-down-chevron-2:before {
    content: "\e202"
}

.ei-down-chevron-box:before {
    content: "\e203"
}

.ei-down-chevron-circle:before {
    content: "\e204"
}

.ei-exchange-1:before {
    content: "\e205"
}

.ei-exchange-1-1:before {
    content: "\e206"
}

.ei-exchange-2:before {
    content: "\e207"
}

.ei-exchange-3:before {
    content: "\e208"
}

.ei-exchange-4:before {
    content: "\e209"
}

.ei-exchange-5:before {
    content: "\e20a"
}

.ei-expand:before {
    content: "\e20b"
}

.ei-expand-1:before {
    content: "\e20c"
}

.ei-expand-2:before {
    content: "\e20d"
}

.ei-full-screen:before {
    content: "\e20e"
}

.ei-left-arrow:before {
    content: "\e20f"
}

.ei-left-arrow-1:before {
    content: "\e210"
}

.ei-left-arrow-2:before {
    content: "\e213"
}

.ei-left-arrow-3:before {
    content: "\e214"
}

.ei-left-arrow-4:before {
    content: "\e215"
}

.ei-left-chevron:before {
    content: "\e216"
}

.ei-left-chevron-2:before {
    content: "\e218"
}

.ei-left-chevron-boxed:before {
    content: "\e219"
}

.ei-left-chevron-circle:before {
    content: "\e21a"
}

.ei-redo-1:before {
    content: "\e21b"
}

.ei-right-arrow:before {
    content: "\e21d"
}

.ei-right-arrow-1:before {
    content: "\e21e"
}

.ei-right-arrow-2:before {
    content: "\e221"
}

.ei-right-arrow-3:before {
    content: "\e222"
}

.ei-right-arrow-4:before {
    content: "\e223"
}

.ei-right-chevron:before {
    content: "\e224"
}

.ei-right-chevron-2:before {
    content: "\e226"
}

.ei-right-chevron-boxed:before {
    content: "\e227"
}

.ei-right-chevron-circle:before {
    content: "\e228"
}

.ei-turn-left:before {
    content: "\e229"
}

.ei-turn-right:before {
    content: "\e22b"
}

.ei-up-arrow:before {
    content: "\e22f"
}

.ei-up-arrow-1:before {
    content: "\e230"
}

.ei-up-arrow-2:before {
    content: "\e231"
}

.ei-up-arrow-3:before {
    content: "\e232"
}

.ei-up-arrow-4:before {
    content: "\e233"
}

.ei-up-chevron:before {
    content: "\e234"
}

.ei-up-chevron-2:before {
    content: "\e236"
}

.ei-up-chevron-boxed:before {
    content: "\e237"
}

.ei-up-chevron-circle:before {
    content: "\e238"
}

.ei-bars:before {
    content: "\e239"
}

.ei-bars-alt:before {
    content: "\e23a"
}

.ei-binoculars:before {
    content: "\e23b"
}

.ei-cloud:before {
    content: "\e23c"
}

.ei-cloud-download:before {
    content: "\e23d"
}

.ei-cloud-upload:before {
    content: "\e23e"
}

.ei-cloud-loading:before {
    content: "\e23f"
}

.ei-cloud-code:before {
    content: "\e240"
}

.ei-cloud-minus:before {
    content: "\e241"
}

.ei-clouds:before {
    content: "\e242"
}

.ei-cloud-music:before {
    content: "\e243"
}

.ei-cloud-add:before {
    content: "\e244"
}

.ei-cloud-delete:before {
    content: "\e245"
}

.ei-delete:before {
    content: "\e246"
}

.ei-delete-alt:before {
    content: "\e247"
}

.ei-download:before {
    content: "\e248"
}

.ei-download-1:before {
    content: "\e249"
}

.ei-download-2:before {
    content: "\e24a"
}

.ei-garbage:before {
    content: "\e24b"
}

.ei-garbage-alt:before {
    content: "\e24c"
}

.ei-garbage-2:before {
    content: "\e24d"
}

.ei-garbage-alt-1:before {
    content: "\e24e"
}

.ei-hide:before {
    content: "\e24f"
}

.ei-log-in:before {
    content: "\e254"
}

.ei-log-in-alt:before {
    content: "\e255"
}

.ei-log-out:before {
    content: "\e256"
}

.ei-log-out-alt:before {
    content: "\e257"
}

.ei-menu:before {
    content: "\e258"
}

.ei-menu-alt:before {
    content: "\e259"
}

.ei-menu-alt-2:before {
    content: "\e25a"
}

.ei-menu-3:before {
    content: "\e25b"
}

.ei-menu-4:before {
    content: "\e25c"
}

.ei-menu-5:before {
    content: "\e25d"
}

.ei-menu-6:before {
    content: "\e25e"
}

.ei-menu-7:before {
    content: "\e25f"
}

.ei-power-button:before {
    content: "\e260"
}

.ei-power-button-alt:before {
    content: "\e261"
}

.ei-refresh:before {
    content: "\e262"
}

.ei-refresh-alt:before {
    content: "\e263"
}

.ei-refresh-2:before {
    content: "\e264"
}

.ei-reply:before {
    content: "\e265"
}

.ei-reply-all:before {
    content: "\e266"
}

.ei-search:before {
    content: "\e267"
}

.ei-search-alt:before {
    content: "\e268"
}

.ei-show:before {
    content: "\e269"
}

.ei-switch:before {
    content: "\e26a"
}

.ei-switch-1:before {
    content: "\e26b"
}

.ei-upload:before {
    content: "\e26c"
}

.ei-upload-1:before {
    content: "\e26d"
}

.ei-upload-2:before {
    content: "\e26e"
}

.ei-blizzard:before {
    content: "\e26f"
}

.ei-breeze:before {
    content: "\e270"
}

.ei-cloudy-day:before {
    content: "\e271"
}

.ei-cold:before {
    content: "\e272"
}

.ei-dark-night:before {
    content: "\e273"
}

.ei-drizzle:before {
    content: "\e274"
}

.ei-drought:before {
    content: "\e275"
}

.ei-flood:before {
    content: "\e276"
}

.ei-foggy:before {
    content: "\e277"
}

.ei-hail:before {
    content: "\e278"
}

.ei-hail-storm:before {
    content: "\e279"
}

.ei-hot-weather:before {
    content: "\e27a"
}

.ei-hurricane:before {
    content: "\e27b"
}

.ei-lighting:before {
    content: "\e27c"
}

.ei-mist:before {
    content: "\e27d"
}

.ei-moon-eclipse:before {
    content: "\e27e"
}

.ei-night:before {
    content: "\e27f"
}

.ei-overcast-day:before {
    content: "\e280"
}

.ei-partialy-cloudy:before {
    content: "\e281"
}

.ei-pour-rain:before {
    content: "\e282"
}

.ei-puddles:before {
    content: "\e283"
}

.ei-rainbow:before {
    content: "\e284"
}

.ei-rainy-day:before {
    content: "\e285"
}

.ei-sleet:before {
    content: "\e286"
}

.ei-smog:before {
    content: "\e287"
}

.ei-snow-cloud:before {
    content: "\e288"
}

.ei-sun-eclipse:before {
    content: "\e289"
}

.ei-sunny-day:before {
    content: "\e28a"
}

.ei-temperature:before {
    content: "\e28b"
}

.ei-windy-day:before {
    content: "\e28c"
}

.ei-home:before {
    content: "\61"
}

@font-face {
    font-family: themify;
    src: url(../fonts/themify.eot?-fvbane);
    src: url(../fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(../fonts/themify.woff?-fvbane) format('woff'), url(../fonts/themify.ttf?-fvbane) format('truetype'), url(../fonts/themify.svg?-fvbane#themify) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"],
[class^=ti-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

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

.fa-th:before {
    content: "\f00a"
}

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

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

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

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

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

.fa-refresh:before {
    content: "\f021"
}

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

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

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

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

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

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

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

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

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

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

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

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

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

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

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

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

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

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

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

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

.fa-eject:before {
    content: "\f052"
}

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

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

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

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

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

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

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

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

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

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

.fa-retweet:before {
    content: "\f079"
}

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

.fa-folder:before {
    content: "\f07b"
}

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

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

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

.fa-key:before {
    content: "\f084"
}

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

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

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

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

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

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

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

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

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

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

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

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

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

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

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

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

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

.fa-money:before {
    content: "\f0d6"
}

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

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

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

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

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

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

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

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

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

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

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

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

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

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

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

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

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

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

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

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

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

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

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

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

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

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

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

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

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

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

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

.fa-crop:before {
    content: "\f125"
}

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

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

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

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

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

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

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

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

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

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

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

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

.fa-gbp:before {
    content: "\f154"
}

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

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

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

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

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

.fa-file:before {
    content: "\f15b"
}

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

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

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

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

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

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

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

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

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

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

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

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.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.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes bounce-sm {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40%,
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes bounce-sm {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40%,
    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.bounce-sm {
    -webkit-animation-name: bounce-sm;
    animation-name: bounce-sm
}

@-webkit-keyframes bounceLeft {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@keyframes bounceLeft {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    60% {
        -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

.bounceLeft {
    -webkit-animation-name: bounceLeft;
    animation-name: bounceLeft
}

@-webkit-keyframes bounceRight {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}

@keyframes bounceRight {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    60% {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px)
    }
}

.bounceRight {
    -webkit-animation-name: bounceRight;
    animation-name: bounceRight
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-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)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-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);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-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);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) 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 center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-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;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -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;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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% {
        -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
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-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);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

body,
html,
html a {
    -webkit-font-smoothing: antialiased
}

body {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    background-color: #f6f7fb;
    color: #888da8;
    line-height: 1.5;
    letter-spacing: .2px;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #515365;
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .5px;
    font-weight: 400;
    line-height: 1.5
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 300;
    color: #5c5f73
}

h1 {
    font-size: 26px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

.detail-head h4 {
    font-size: 22px
}

.detail-head .status {
    width: 15px;
    height: 15px;
    top: 8px;
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 12px
}

p {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    color: #888da8;
    line-height: 1.9
}

.lead {
    font-size: 18px
}

ul {
    margin-bottom: 0
}

a {
    color: #0f9aee
}

a:focus,
a:hover {
    text-decoration: none;
    color: #0c7bbe
}

a:focus {
    outline: 0
}

a.text-gray.active,
a.text-gray:focus,
a.text-gray:hover {
    color: #515365 !important
}

:focus {
    outline: 0
}

hr {
    border-top: 1px solid #e6ecf5
}

.font-primary,
.font-secondary {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif
}

.text-link:focus,
.text-link:hover {
    text-decoration: underline
}

.text-opacity {
    opacity: .85
}

.text-white {
    color: #fff !important
}

.text-dark {
    color: #515365 !important
}

.text-gray {
    color: #888da8 !important
}

.text-primary {
    color: #7774e7 !important
}

.text-success {
    color: #37c936 !important
}

.text-info {
    color: #0f9aee !important
}

.text-warning {
    color: #fc0 !important
}

.text-danger {
    color: #ff3c7e !important
}

.bg-white {
    background-color: #fff !important
}

.bg-dark {
    background-color: #515365 !important
}

.bg-gray {
    background-color: #ebeef6 !important
}

.bg-primary {
    background-color: #7774e7 !important
}

.bg-info {
    background-color: #0f9aee !important
}

.bg-success {
    background-color: #37c936 !important
}

.bg-warning {
    background-color: #fc0 !important
}

.bg-danger {
    background-color: #ff3c7e !important
}

.bg-primary-inverse {
    background: #7774e7;
    background: rgba(119, 116, 231, .1)
}

.bg-success-inverse {
    background: #37c936;
    background: rgba(55, 201, 54, .1)
}

.bg-info-inverse {
    background: #0f9aee;
    background: rgba(15, 154, 238, .1)
}

.bg-warning-inverse {
    background: #fc0;
    background: rgba(255, 204, 0, .1)
}

.bg-danger-inverse {
    background: #ff3c7e;
    background: rgba(255, 60, 126, .1)
}

.bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.bg > img {
    padding: 5rem;
    /* width: 100%; */
    /* margin-top: 100px; */
    width: 75%;
    float: right;
}

.overlay-dark {
    position: relative;
    overflow: hidden;
    color: #ccc
}

.overlay-dark h1,
.overlay-dark h2,
.overlay-dark h3,
.overlay-dark h4,
.overlay-dark h5,
.overlay-dark h6 {
    color: #fff
}

.overlay-dark p {
    color: #ccc
}

.overlay-dark:before {
    content: "";
    background-color: #515365;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    top: 0;
    left: 0;
    z-index: 2
}

.overlay-dark > div {
    position: relative;
    z-index: 3
}

blockquote {
    border-left: 0;
    padding-left: 30px;
    position: relative
}

blockquote:before {
    font-family: themify;
    content: "\e67f";
    position: absolute;
    left: 0;
    color: #515365
}

.fade.in {
    opacity: 1
}

.collapse.in {
    display: block
}

iframe {
    border: 0
}

@media only screen and (max-width: 767px) {
    iframe {
        min-height: 175px !important;
        height: auto
    }
}

@media print {
    body {
        font-size: 10px
    }

    .mrg-top-20,
    .mrg-top-30 {
        margin-top: 15px !important
    }

    .print-invisible {
        display: none
    }
}

.no-mrg {
    margin: 0 !important
}

.no-mrg-top {
    margin-top: 0 !important
}

.no-mrg-btm {
    margin-bottom: 0 !important
}

.no-mrg-right {
    margin-right: 0 !important
}

.no-mrg-left {
    margin-left: 0 !important
}

.no-mrg-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-mrg-horizon {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.margin-5 {
    margin: 5px !important
}

.margin-10 {
    margin: 10px !important
}

.margin-15 {
    margin: 15px !important
}

.margin-20 {
    margin: 20px !important
}

.margin-25 {
    margin: 25px !important
}

.margin-30 {
    margin: 30px !important
}

.margin-35 {
    margin: 35px !important
}

.margin-40 {
    margin: 40px !important
}

.margin-45 {
    margin: 45px !important
}

.margin-50 {
    margin: 50px !important
}

.margin-55 {
    margin: 55px !important
}

.margin-60 {
    margin: 60px !important
}

.margin-65 {
    margin: 65px !important
}

.margin-70 {
    margin: 70px !important
}

.margin-75 {
    margin: 75px !important
}

.margin-80 {
    margin: 80px !important
}

.margin-85 {
    margin: 85px !important
}

.margin-90 {
    margin: 90px !important
}

.margin-95 {
    margin: 95px !important
}

.margin-100 {
    margin: 100px !important
}

.margin-105 {
    margin: 105px !important
}

.margin-110 {
    margin: 110px !important
}

.margin-115 {
    margin: 115px !important
}

.margin-120 {
    margin: 120px !important
}

.margin-125 {
    margin: 125px !important
}

.margin-130 {
    margin: 130px !important
}

.margin-135 {
    margin: 135px !important
}

.margin-140 {
    margin: 140px !important
}

.margin-145 {
    margin: 145px !important
}

.margin-150 {
    margin: 150px !important
}

@media only screen and (max-width: 767px) {

    .margin-100,
    .margin-110,
    .margin-115,
    .margin-120,
    .margin-125,
    .margin-130,
    .margin-135,
    .margin-140,
    .margin-145,
    .margin-150,
    .margin-35,
    .margin-40,
    .margin-45,
    .margin-50,
    .margin-55,
    .margin-60,
    .margin-65,
    .margin-70,
    .margin-75,
    .margin-80,
    .margin-85,
    .margin-90,
    .margin-95 {
        margin: 30px !important
    }
}

.mrg-horizon-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.mrg-left-auto {
    margin-left: auto !important
}

.mrg-right-auto {
    margin-right: auto !important
}

.mrg-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mrg-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mrg-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mrg-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mrg-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.mrg-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mrg-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.mrg-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mrg-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.mrg-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mrg-vertical-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

.mrg-vertical-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.mrg-vertical-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important
}

.mrg-vertical-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.mrg-vertical-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important
}

.mrg-vertical-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.mrg-vertical-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important
}

.mrg-vertical-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important
}

.mrg-vertical-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important
}

.mrg-vertical-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.mrg-vertical-105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important
}

.mrg-vertical-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important
}

.mrg-vertical-115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important
}

.mrg-vertical-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.mrg-vertical-125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important
}

.mrg-vertical-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important
}

.mrg-vertical-135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important
}

.mrg-vertical-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important
}

.mrg-vertical-145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important
}

.mrg-vertical-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important
}

@media only screen and (max-width: 767px) {

    .mrg-vertical-100,
    .mrg-vertical-110,
    .mrg-vertical-115,
    .mrg-vertical-120,
    .mrg-vertical-125,
    .mrg-vertical-130,
    .mrg-vertical-135,
    .mrg-vertical-140,
    .mrg-vertical-145,
    .mrg-vertical-150,
    .mrg-vertical-35,
    .mrg-vertical-40,
    .mrg-vertical-45,
    .mrg-vertical-50,
    .mrg-vertical-55,
    .mrg-vertical-60,
    .mrg-vertical-65,
    .mrg-vertical-70,
    .mrg-vertical-75,
    .mrg-vertical-80,
    .mrg-vertical-85,
    .mrg-vertical-90,
    .mrg-vertical-95 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }
}

.mrg-horizon-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mrg-horizon-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mrg-horizon-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mrg-horizon-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mrg-horizon-25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.mrg-horizon-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mrg-horizon-35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.mrg-horizon-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mrg-horizon-45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.mrg-horizon-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mrg-horizon-55 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

.mrg-horizon-60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.mrg-horizon-65 {
    margin-left: 65px !important;
    margin-right: 65px !important
}

.mrg-horizon-70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.mrg-horizon-75 {
    margin-left: 75px !important;
    margin-right: 75px !important
}

.mrg-horizon-80 {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.mrg-horizon-85 {
    margin-left: 85px !important;
    margin-right: 85px !important
}

.mrg-horizon-90 {
    margin-left: 90px !important;
    margin-right: 90px !important
}

.mrg-horizon-95 {
    margin-left: 95px !important;
    margin-right: 95px !important
}

.mrg-horizon-100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.mrg-horizon-105 {
    margin-left: 105px !important;
    margin-right: 105px !important
}

.mrg-horizon-110 {
    margin-left: 110px !important;
    margin-right: 110px !important
}

.mrg-horizon-115 {
    margin-left: 115px !important;
    margin-right: 115px !important
}

.mrg-horizon-120 {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.mrg-horizon-125 {
    margin-left: 125px !important;
    margin-right: 125px !important
}

.mrg-horizon-130 {
    margin-left: 130px !important;
    margin-right: 130px !important
}

.mrg-horizon-135 {
    margin-left: 135px !important;
    margin-right: 135px !important
}

.mrg-horizon-140 {
    margin-left: 140px !important;
    margin-right: 140px !important
}

.mrg-horizon-145 {
    margin-left: 145px !important;
    margin-right: 145px !important
}

.mrg-horizon-150 {
    margin-left: 150px !important;
    margin-right: 150px !important
}

@media only screen and (max-width: 767px) {

    .mrg-horizon-100,
    .mrg-horizon-110,
    .mrg-horizon-115,
    .mrg-horizon-120,
    .mrg-horizon-125,
    .mrg-horizon-130,
    .mrg-horizon-135,
    .mrg-horizon-140,
    .mrg-horizon-145,
    .mrg-horizon-150,
    .mrg-horizon-35,
    .mrg-horizon-40,
    .mrg-horizon-45,
    .mrg-horizon-50,
    .mrg-horizon-55,
    .mrg-horizon-60,
    .mrg-horizon-65,
    .mrg-horizon-70,
    .mrg-horizon-75,
    .mrg-horizon-80,
    .mrg-horizon-85,
    .mrg-horizon-90,
    .mrg-horizon-95 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }
}

.mrg-top-5 {
    margin-top: 5px !important
}

.mrg-top-10 {
    margin-top: 10px !important
}

.mrg-top-15 {
    margin-top: 15px !important
}

.mrg-top-20 {
    margin-top: 20px !important
}

.mrg-top-25 {
    margin-top: 25px !important
}

.mrg-top-30 {
    margin-top: 30px !important
}

.mrg-top-35 {
    margin-top: 35px !important
}

.mrg-top-40 {
    margin-top: 40px !important
}

.mrg-top-45 {
    margin-top: 45px !important
}

.mrg-top-50 {
    margin-top: 50px !important
}

.mrg-top-55 {
    margin-top: 55px !important
}

.mrg-top-60 {
    margin-top: 60px !important
}

.mrg-top-65 {
    margin-top: 65px !important
}

.mrg-top-70 {
    margin-top: 70px !important
}

.mrg-top-75 {
    margin-top: 75px !important
}

.mrg-top-80 {
    margin-top: 80px !important
}

.mrg-top-85 {
    margin-top: 85px !important
}

.mrg-top-90 {
    margin-top: 90px !important
}

.mrg-top-95 {
    margin-top: 95px !important
}

.mrg-top-100 {
    margin-top: 100px !important
}

.mrg-top-105 {
    margin-top: 105px !important
}

.mrg-top-110 {
    margin-top: 110px !important
}

.mrg-top-115 {
    margin-top: 115px !important
}

.mrg-top-120 {
    margin-top: 120px !important
}

.mrg-top-125 {
    margin-top: 125px !important
}

.mrg-top-130 {
    margin-top: 130px !important
}

.mrg-top-135 {
    margin-top: 135px !important
}

.mrg-top-140 {
    margin-top: 140px !important
}

.mrg-top-145 {
    margin-top: 145px !important
}

.mrg-top-150 {
    margin-top: 150px !important
}

@media only screen and (max-width: 767px) {

    .mrg-top-100,
    .mrg-top-110,
    .mrg-top-115,
    .mrg-top-120,
    .mrg-top-125,
    .mrg-top-130,
    .mrg-top-135,
    .mrg-top-140,
    .mrg-top-145,
    .mrg-top-150,
    .mrg-top-35,
    .mrg-top-40,
    .mrg-top-45,
    .mrg-top-50,
    .mrg-top-55,
    .mrg-top-60,
    .mrg-top-65,
    .mrg-top-70,
    .mrg-top-75,
    .mrg-top-80,
    .mrg-top-85,
    .mrg-top-90,
    .mrg-top-95 {
        margin-top: 30px !important
    }
}

.mrg-btm-5 {
    margin-bottom: 5px !important
}

.mrg-btm-10 {
    margin-bottom: 10px !important
}

.mrg-btm-15 {
    margin-bottom: 15px !important
}

.mrg-btm-20 {
    margin-bottom: 20px !important
}

.mrg-btm-25 {
    margin-bottom: 25px !important
}

.mrg-btm-30 {
    margin-bottom: 30px !important
}

.mrg-btm-35 {
    margin-bottom: 35px !important
}

.mrg-btm-40 {
    margin-bottom: 40px !important
}

.mrg-btm-45 {
    margin-bottom: 45px !important
}

.mrg-btm-50 {
    margin-bottom: 50px !important
}

.mrg-btm-55 {
    margin-bottom: 55px !important
}

.mrg-btm-60 {
    margin-bottom: 60px !important
}

.mrg-btm-65 {
    margin-bottom: 65px !important
}

.mrg-btm-70 {
    margin-bottom: 70px !important
}

.mrg-btm-75 {
    margin-bottom: 75px !important
}

.mrg-btm-80 {
    margin-bottom: 80px !important
}

.mrg-btm-85 {
    margin-bottom: 85px !important
}

.mrg-btm-90 {
    margin-bottom: 90px !important
}

.mrg-btm-95 {
    margin-bottom: 95px !important
}

.mrg-btm-100 {
    margin-bottom: 100px !important
}

.mrg-btm-105 {
    margin-bottom: 105px !important
}

.mrg-btm-110 {
    margin-bottom: 110px !important
}

.mrg-btm-115 {
    margin-bottom: 115px !important
}

.mrg-btm-120 {
    margin-bottom: 120px !important
}

.mrg-btm-125 {
    margin-bottom: 125px !important
}

.mrg-btm-130 {
    margin-bottom: 130px !important
}

.mrg-btm-135 {
    margin-bottom: 135px !important
}

.mrg-btm-140 {
    margin-bottom: 140px !important
}

.mrg-btm-145 {
    margin-bottom: 145px !important
}

.mrg-btm-150 {
    margin-bottom: 150px !important
}

@media only screen and (max-width: 767px) {

    .mrg-btm-100,
    .mrg-btm-110,
    .mrg-btm-115,
    .mrg-btm-120,
    .mrg-btm-125,
    .mrg-btm-130,
    .mrg-btm-135,
    .mrg-btm-140,
    .mrg-btm-145,
    .mrg-btm-150,
    .mrg-btm-35,
    .mrg-btm-40,
    .mrg-btm-45,
    .mrg-btm-50,
    .mrg-btm-55,
    .mrg-btm-60,
    .mrg-btm-65,
    .mrg-btm-70,
    .mrg-btm-75,
    .mrg-btm-80,
    .mrg-btm-85,
    .mrg-btm-90,
    .mrg-btm-95 {
        margin-bottom: 30px !important
    }
}

.mrg-left-5 {
    margin-left: 5px !important
}

.mrg-left-10 {
    margin-left: 10px !important
}

.mrg-left-15 {
    margin-left: 15px !important
}

.mrg-left-20 {
    margin-left: 20px !important
}

.mrg-left-25 {
    margin-left: 25px !important
}

.mrg-left-30 {
    margin-left: 30px !important
}

.mrg-left-35 {
    margin-left: 35px !important
}

.mrg-left-40 {
    margin-left: 40px !important
}

.mrg-left-45 {
    margin-left: 45px !important
}

.mrg-left-50 {
    margin-left: 50px !important
}

.mrg-left-55 {
    margin-left: 55px !important
}

.mrg-left-60 {
    margin-left: 60px !important
}

.mrg-left-65 {
    margin-left: 65px !important
}

.mrg-left-70 {
    margin-left: 70px !important
}

.mrg-left-75 {
    margin-left: 75px !important
}

.mrg-left-80 {
    margin-left: 80px !important
}

.mrg-left-85 {
    margin-left: 85px !important
}

.mrg-left-90 {
    margin-left: 90px !important
}

.mrg-left-95 {
    margin-left: 95px !important
}

.mrg-left-100 {
    margin-left: 100px !important
}

.mrg-left-105 {
    margin-left: 105px !important
}

.mrg-left-110 {
    margin-left: 110px !important
}

.mrg-left-115 {
    margin-left: 115px !important
}

.mrg-left-120 {
    margin-left: 120px !important
}

.mrg-left-125 {
    margin-left: 125px !important
}

.mrg-left-130 {
    margin-left: 130px !important
}

.mrg-left-135 {
    margin-left: 135px !important
}

.mrg-left-140 {
    margin-left: 140px !important
}

.mrg-left-145 {
    margin-left: 145px !important
}

.mrg-left-150 {
    margin-left: 150px !important
}

@media only screen and (max-width: 767px) {

    .mrg-left-100,
    .mrg-left-110,
    .mrg-left-115,
    .mrg-left-120,
    .mrg-left-125,
    .mrg-left-130,
    .mrg-left-135,
    .mrg-left-140,
    .mrg-left-145,
    .mrg-left-150,
    .mrg-left-35,
    .mrg-left-40,
    .mrg-left-45,
    .mrg-left-50,
    .mrg-left-55,
    .mrg-left-60,
    .mrg-left-65,
    .mrg-left-70,
    .mrg-left-75,
    .mrg-left-80,
    .mrg-left-85,
    .mrg-left-90,
    .mrg-left-95 {
        margin-left: 30px !important
    }
}

.mrg-right-5 {
    margin-right: 5px !important
}

.mrg-right-10 {
    margin-right: 10px !important
}

.mrg-right-15 {
    margin-right: 15px !important
}

.mrg-right-20 {
    margin-right: 20px !important
}

.mrg-right-25 {
    margin-right: 25px !important
}

.mrg-right-30 {
    margin-right: 30px !important
}

.mrg-right-35 {
    margin-right: 35px !important
}

.mrg-right-40 {
    margin-right: 40px !important
}

.mrg-right-45 {
    margin-right: 45px !important
}

.mrg-right-50 {
    margin-right: 50px !important
}

.mrg-right-55 {
    margin-right: 55px !important
}

.mrg-right-60 {
    margin-right: 60px !important
}

.mrg-right-65 {
    margin-right: 65px !important
}

.mrg-right-70 {
    margin-right: 70px !important
}

.mrg-right-75 {
    margin-right: 75px !important
}

.mrg-right-80 {
    margin-right: 80px !important
}

.mrg-right-85 {
    margin-right: 85px !important
}

.mrg-right-90 {
    margin-right: 90px !important
}

.mrg-right-95 {
    margin-right: 95px !important
}

.mrg-right-100 {
    margin-right: 100px !important
}

.mrg-right-105 {
    margin-right: 105px !important
}

.mrg-right-110 {
    margin-right: 110px !important
}

.mrg-right-115 {
    margin-right: 115px !important
}

.mrg-right-120 {
    margin-right: 120px !important
}

.mrg-right-125 {
    margin-right: 125px !important
}

.mrg-right-130 {
    margin-right: 130px !important
}

.mrg-right-135 {
    margin-right: 135px !important
}

.mrg-right-140 {
    margin-right: 140px !important
}

.mrg-right-145 {
    margin-right: 145px !important
}

.mrg-right-150 {
    margin-right: 150px !important
}

@media only screen and (max-width: 767px) {

    .mrg-right-100,
    .mrg-right-110,
    .mrg-right-115,
    .mrg-right-120,
    .mrg-right-125,
    .mrg-right-130,
    .mrg-right-135,
    .mrg-right-140,
    .mrg-right-145,
    .mrg-right-150,
    .mrg-right-35,
    .mrg-right-40,
    .mrg-right-45,
    .mrg-right-50,
    .mrg-right-55,
    .mrg-right-60,
    .mrg-right-65,
    .mrg-right-70,
    .mrg-right-75,
    .mrg-right-80,
    .mrg-right-85,
    .mrg-right-90,
    .mrg-right-95 {
        margin-right: 30px !important
    }
}

.no-pdd {
    padding: 0 !important
}

.no-pdd-top {
    padding-top: 0 !important
}

.no-pdd-btm {
    padding-bottom: 0 !important
}

.no-pdd-left {
    padding-left: 0 !important
}

.no-pdd-right {
    padding-right: 0 !important
}

.no-pdd-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.no-pdd-horizon {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.padding-5 {
    padding: 5px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-15 {
    padding: 15px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-25 {
    padding: 25px !important
}

.padding-30 {
    padding: 30px !important
}

.padding-35 {
    padding: 35px !important
}

.padding-40 {
    padding: 40px !important
}

.padding-45 {
    padding: 45px !important
}

.padding-50 {
    padding: 50px !important
}

.padding-55 {
    padding: 55px !important
}

.padding-60 {
    padding: 60px !important
}

.padding-65 {
    padding: 65px !important
}

.padding-70 {
    padding: 70px !important
}

.padding-75 {
    padding: 75px !important
}

.padding-80 {
    padding: 80px !important
}

.padding-85 {
    padding: 85px !important
}

.padding-90 {
    padding: 90px !important
}

.padding-95 {
    padding: 95px !important
}

.padding-100 {
    padding: 100px !important
}

.padding-105 {
    padding: 105px !important
}

.padding-110 {
    padding: 110px !important
}

.padding-115 {
    padding: 115px !important
}

.padding-120 {
    padding: 120px !important
}

.padding-125 {
    padding: 125px !important
}

.padding-130 {
    padding: 130px !important
}

.padding-135 {
    padding: 135px !important
}

.padding-140 {
    padding: 140px !important
}

.padding-145 {
    padding: 145px !important
}

.padding-150 {
    padding: 150px !important
}

@media only screen and (max-width: 767px) {

    .padding-100,
    .padding-110,
    .padding-115,
    .padding-120,
    .padding-125,
    .padding-130,
    .padding-135,
    .padding-140,
    .padding-145,
    .padding-150,
    .padding-35,
    .padding-40,
    .padding-45,
    .padding-50,
    .padding-55,
    .padding-60,
    .padding-65,
    .padding-70,
    .padding-75,
    .padding-80,
    .padding-85,
    .padding-90,
    .padding-95 {
        padding: 30px !important
    }
}

.pdd-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.pdd-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pdd-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.pdd-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pdd-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.pdd-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pdd-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.pdd-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pdd-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.pdd-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.pdd-vertical-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

.pdd-vertical-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.pdd-vertical-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important
}

.pdd-vertical-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.pdd-vertical-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important
}

.pdd-vertical-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pdd-vertical-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important
}

.pdd-vertical-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.pdd-vertical-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important
}

.pdd-vertical-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.pdd-vertical-105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important
}

.pdd-vertical-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important
}

.pdd-vertical-115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important
}

.pdd-vertical-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.pdd-vertical-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important
}

.pdd-vertical-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important
}

.pdd-vertical-135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important
}

.pdd-vertical-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important
}

.pdd-vertical-145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important
}

.pdd-vertical-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important
}

@media only screen and (max-width: 767px) {

    .pdd-vertical-100,
    .pdd-vertical-110,
    .pdd-vertical-115,
    .pdd-vertical-120,
    .pdd-vertical-125,
    .pdd-vertical-130,
    .pdd-vertical-135,
    .pdd-vertical-140,
    .pdd-vertical-145,
    .pdd-vertical-150,
    .pdd-vertical-35,
    .pdd-vertical-40,
    .pdd-vertical-45,
    .pdd-vertical-50,
    .pdd-vertical-55,
    .pdd-vertical-60,
    .pdd-vertical-65,
    .pdd-vertical-70,
    .pdd-vertical-75,
    .pdd-vertical-80,
    .pdd-vertical-85,
    .pdd-vertical-90,
    .pdd-vertical-95 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

.pdd-horizon-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pdd-horizon-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pdd-horizon-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pdd-horizon-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pdd-horizon-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.pdd-horizon-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pdd-horizon-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.pdd-horizon-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.pdd-horizon-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.pdd-horizon-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.pdd-horizon-55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.pdd-horizon-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.pdd-horizon-65 {
    padding-left: 65px !important;
    padding-right: 65px !important
}

.pdd-horizon-70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.pdd-horizon-75 {
    padding-left: 75px !important;
    padding-right: 75px !important
}

.pdd-horizon-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.pdd-horizon-85 {
    padding-left: 85px !important;
    padding-right: 85px !important
}

.pdd-horizon-90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.pdd-horizon-95 {
    padding-left: 95px !important;
    padding-right: 95px !important
}

.pdd-horizon-100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.pdd-horizon-105 {
    padding-left: 105px !important;
    padding-right: 105px !important
}

.pdd-horizon-110 {
    padding-left: 110px !important;
    padding-right: 110px !important
}

.pdd-horizon-115 {
    padding-left: 115px !important;
    padding-right: 115px !important
}

.pdd-horizon-120 {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.pdd-horizon-125 {
    padding-left: 125px !important;
    padding-right: 125px !important
}

.pdd-horizon-130 {
    padding-left: 130px !important;
    padding-right: 130px !important
}

.pdd-horizon-135 {
    padding-left: 135px !important;
    padding-right: 135px !important
}

.pdd-horizon-140 {
    padding-left: 140px !important;
    padding-right: 140px !important
}

.pdd-horizon-145 {
    padding-left: 145px !important;
    padding-right: 145px !important
}

.pdd-horizon-150 {
    padding-left: 150px !important;
    padding-right: 150px !important
}

@media only screen and (max-width: 767px) {

    .pdd-horizon-100,
    .pdd-horizon-110,
    .pdd-horizon-115,
    .pdd-horizon-120,
    .pdd-horizon-125,
    .pdd-horizon-130,
    .pdd-horizon-135,
    .pdd-horizon-140,
    .pdd-horizon-145,
    .pdd-horizon-150,
    .pdd-horizon-35,
    .pdd-horizon-40,
    .pdd-horizon-45,
    .pdd-horizon-50,
    .pdd-horizon-55,
    .pdd-horizon-60,
    .pdd-horizon-65,
    .pdd-horizon-70,
    .pdd-horizon-75,
    .pdd-horizon-80,
    .pdd-horizon-85,
    .pdd-horizon-90,
    .pdd-horizon-95 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
}

.pdd-top-5 {
    padding-top: 5px !important
}

.pdd-top-10 {
    padding-top: 10px !important
}

.pdd-top-15 {
    padding-top: 15px !important
}

.pdd-top-20 {
    padding-top: 20px !important
}

.pdd-top-25 {
    padding-top: 25px !important
}

.pdd-top-30 {
    padding-top: 30px !important
}

.pdd-top-35 {
    padding-top: 35px !important
}

.pdd-top-40 {
    padding-top: 40px !important
}

.pdd-top-45 {
    padding-top: 45px !important
}

.pdd-top-50 {
    padding-top: 50px !important
}

.pdd-top-55 {
    margin-top: 55px !important
}

.pdd-top-60 {
    padding-top: 60px !important
}

.pdd-top-65 {
    padding-top: 65px !important
}

.pdd-top-70 {
    padding-top: 70px !important
}

.pdd-top-75 {
    padding-top: 75px !important
}

.pdd-top-80 {
    padding-top: 80px !important
}

.pdd-top-85 {
    padding-top: 85px !important
}

.pdd-top-90 {
    padding-top: 90px !important
}

.pdd-top-95 {
    padding-top: 95px !important
}

.pdd-top-100 {
    padding-top: 100px !important
}

.pdd-top-105 {
    padding-top: 105px !important
}

.pdd-top-110 {
    padding-top: 110px !important
}

.pdd-top-115 {
    padding-top: 115px !important
}

.pdd-top-120 {
    padding-top: 120px !important
}

.pdd-top-125 {
    padding-top: 125px !important
}

.pdd-top-130 {
    padding-top: 130px !important
}

.pdd-top-135 {
    padding-top: 135px !important
}

.pdd-top-140 {
    padding-top: 140px !important
}

.pdd-top-145 {
    padding-top: 145px !important
}

.pdd-top-150 {
    padding-top: 150px !important
}

@media only screen and (max-width: 767px) {

    .pdd-top-100,
    .pdd-top-110,
    .pdd-top-115,
    .pdd-top-120,
    .pdd-top-125,
    .pdd-top-130,
    .pdd-top-135,
    .pdd-top-140,
    .pdd-top-145,
    .pdd-top-150,
    .pdd-top-35,
    .pdd-top-40,
    .pdd-top-45,
    .pdd-top-50,
    .pdd-top-55,
    .pdd-top-60,
    .pdd-top-65,
    .pdd-top-70,
    .pdd-top-75,
    .pdd-top-80,
    .pdd-top-85,
    .pdd-top-90,
    .pdd-top-95 {
        padding-top: 30px !important
    }
}

.pdd-btm-5 {
    padding-bottom: 5px !important
}

.pdd-btm-10 {
    padding-bottom: 10px !important
}

.pdd-btm-15 {
    padding-bottom: 15px !important
}

.pdd-btm-20 {
    padding-bottom: 20px !important
}

.pdd-btm-25 {
    padding-bottom: 25px !important
}

.pdd-btm-30 {
    padding-bottom: 30px !important
}

.pdd-btm-35 {
    padding-bottom: 35px !important
}

.pdd-btm-40 {
    padding-bottom: 40px !important
}

.pdd-btm-45 {
    padding-bottom: 45px !important
}

.pdd-btm-50 {
    padding-bottom: 50px !important
}

.pdd-btm-55 {
    margin-bottom: 55px !important
}

.pdd-btm-60 {
    padding-bottom: 60px !important
}

.pdd-btm-65 {
    padding-bottom: 65px !important
}

.pdd-btm-70 {
    padding-bottom: 70px !important
}

.pdd-btm-75 {
    padding-bottom: 75px !important
}

.pdd-btm-80 {
    padding-bottom: 80px !important
}

.pdd-btm-85 {
    padding-bottom: 85px !important
}

.pdd-btm-90 {
    padding-bottom: 90px !important
}

.pdd-btm-95 {
    padding-bottom: 95px !important
}

.pdd-btm-100 {
    padding-bottom: 100px !important
}

.pdd-btm-105 {
    padding-bottom: 105px !important
}

.pdd-btm-110 {
    padding-bottom: 110px !important
}

.pdd-btm-115 {
    padding-bottom: 115px !important
}

.pdd-btm-120 {
    margin-bottom: 120px !important
}

.pdd-btm-125 {
    padding-bottom: 125px !important
}

.pdd-btm-130 {
    padding-bottom: 130px !important
}

.pdd-btm-135 {
    padding-bottom: 135px !important
}

.pdd-btm-140 {
    padding-bottom: 140px !important
}

.pdd-btm-145 {
    padding-bottom: 145px !important
}

.pdd-btm-150 {
    padding-bottom: 150px !important
}

@media only screen and (max-width: 767px) {

    .pdd-btm-100,
    .pdd-btm-110,
    .pdd-btm-115,
    .pdd-btm-120,
    .pdd-btm-125,
    .pdd-btm-130,
    .pdd-btm-135,
    .pdd-btm-140,
    .pdd-btm-145,
    .pdd-btm-150,
    .pdd-btm-35,
    .pdd-btm-40,
    .pdd-btm-45,
    .pdd-btm-50,
    .pdd-btm-55,
    .pdd-btm-60,
    .pdd-btm-65,
    .pdd-btm-70,
    .pdd-btm-75,
    .pdd-btm-80,
    .pdd-btm-85,
    .pdd-btm-90,
    .pdd-btm-95 {
        padding-bottom: 30px !important
    }
}

.pdd-left-5 {
    padding-left: 5px !important
}

.pdd-left-10 {
    padding-left: 10px !important
}

.pdd-left-15 {
    padding-left: 15px !important
}

.pdd-left-20 {
    padding-left: 20px !important
}

.pdd-left-25 {
    padding-left: 25px !important
}

.pdd-left-30 {
    padding-left: 30px !important
}

.pdd-left-35 {
    padding-left: 35px !important
}

.pdd-left-40 {
    padding-left: 40px !important
}

.pdd-left-45 {
    padding-left: 45px !important
}

.pdd-left-50 {
    padding-left: 50px !important
}

.pdd-left-55 {
    padding-left: 55px !important
}

.pdd-left-60 {
    padding-left: 60px !important
}

.pdd-left-65 {
    padding-left: 65px !important
}

.pdd-left-70 {
    padding-left: 70px !important
}

.pdd-left-75 {
    padding-left: 75px !important
}

.pdd-left-80 {
    padding-left: 80px !important
}

.pdd-left-85 {
    padding-left: 85px !important
}

.pdd-left-90 {
    padding-left: 90px !important
}

.pdd-left-95 {
    padding-left: 95px !important
}

.pdd-left-100 {
    padding-left: 100px !important
}

.pdd-left-105 {
    padding-left: 105px !important
}

.pdd-left-115 {
    padding-left: 115px !important
}

.pdd-left-120 {
    margin-left: 120px !important
}

.pdd-left-125 {
    padding-left: 125px !important
}

.pdd-left-130 {
    padding-left: 130px !important
}

.pdd-left-135 {
    padding-left: 135px !important
}

.pdd-left-140 {
    padding-left: 140px !important
}

.pdd-left-145 {
    padding-left: 145px !important
}

.pdd-left-150 {
    padding-left: 150px !important
}

@media only screen and (max-width: 767px) {

    .pdd-left-100,
    .pdd-left-110,
    .pdd-left-115,
    .pdd-left-120,
    .pdd-left-125,
    .pdd-left-130,
    .pdd-left-135,
    .pdd-left-140,
    .pdd-left-145,
    .pdd-left-150,
    .pdd-left-35,
    .pdd-left-40,
    .pdd-left-45,
    .pdd-left-50,
    .pdd-left-55,
    .pdd-left-60,
    .pdd-left-65,
    .pdd-left-70,
    .pdd-left-75,
    .pdd-left-80,
    .pdd-left-85,
    .pdd-left-90,
    .pdd-left-95 {
        padding-left: 30px !important
    }
}

.pdd-right-5 {
    padding-right: 5px !important
}

.pdd-right-10 {
    padding-right: 10px !important
}

.pdd-right-15 {
    padding-right: 15px !important
}

.pdd-right-20 {
    padding-right: 20px !important
}

.pdd-right-25 {
    padding-right: 25px !important
}

.pdd-right-30 {
    padding-right: 30px !important
}

.pdd-right-35 {
    padding-right: 35px !important
}

.pdd-right-40 {
    padding-right: 40px !important
}

.pdd-right-45 {
    padding-right: 45px !important
}

.pdd-right-50 {
    padding-right: 50px !important
}

.pdd-right-55 {
    margin-right: 55px !important
}

.pdd-right-60 {
    padding-right: 60px !important
}

.pdd-right-65 {
    padding-right: 65px !important
}

.pdd-right-70 {
    padding-right: 70px !important
}

.pdd-right-75 {
    padding-right: 75px !important
}

.pdd-right-80 {
    padding-right: 80px !important
}

.pdd-right-85 {
    padding-right: 85px !important
}

.pdd-right-90 {
    padding-right: 90px !important
}

.pdd-right-95 {
    padding-right: 95px !important
}

.pdd-right-100 {
    padding-right: 100px !important
}

.pdd-right-105 {
    padding-right: 105px !important
}

.pdd-left-110 {
    padding-left: 110px !important
}

.pdd-right-115 {
    padding-right: 115px !important
}

.pdd-right-120 {
    margin-right: 120px !important
}

.pdd-right-125 {
    padding-right: 125px !important
}

.pdd-right-130 {
    padding-right: 130px !important
}

.pdd-right-135 {
    padding-right: 135px !important
}

.pdd-right-140 {
    padding-right: 140px !important
}

.pdd-right-145 {
    padding-right: 145px !important
}

.pdd-right-150 {
    padding-right: 150px !important
}

@media only screen and (max-width: 767px) {

    .pdd-right-100,
    .pdd-right-110,
    .pdd-right-115,
    .pdd-right-120,
    .pdd-right-125,
    .pdd-right-130,
    .pdd-right-135,
    .pdd-right-140,
    .pdd-right-145,
    .pdd-right-150,
    .pdd-right-35,
    .pdd-right-40,
    .pdd-right-45,
    .pdd-right-50,
    .pdd-right-55,
    .pdd-right-60,
    .pdd-right-65,
    .pdd-right-70,
    .pdd-right-75,
    .pdd-right-80,
    .pdd-right-85,
    .pdd-right-90,
    .pdd-right-95 {
        padding-right: 30px !important
    }
}

.width-0 {
    width: 0
}

.width-10 {
    width: 10%
}

.width-15 {
    width: 15%
}

.width-20 {
    width: 20%
}

.width-25 {
    width: 25%
}

.width-30 {
    width: 30%
}

.width-35 {
    width: 35%
}

.width-40 {
    width: 40%
}

.width-45 {
    width: 45%
}

.width-50 {
    width: 50%
}

.width-55 {
    width: 55%
}

.width-60 {
    width: 60%
}

.width-65 {
    width: 65%
}

.width-70 {
    width: 70%
}

.width-75 {
    width: 75%
}

.width-80 {
    width: 80%
}

.width-85 {
    width: 85%
}

.width-90 {
    width: 90%
}

.width-95 {
    width: 95%
}

.width-100 {
    width: 100%
}

.height-100 {
    height: 100%
}

.full-height {
    min-height: 100vh
}

.ls-0 {
    letter-spacing: 0 !important
}

.ls-0-5 {
    letter-spacing: .5px !important
}

.ls-1 {
    letter-spacing: 1px !important
}

.ls-1-5 {
    letter-spacing: 1.5px !important
}

.ls-2 {
    letter-spacing: 2px !important
}

.ls-2-5 {
    letter-spacing: 2.5px !important
}

.ls-3 {
    letter-spacing: 3px !important
}

.ls-3-5 {
    letter-spacing: 3.5px !important
}

.ls-4 {
    letter-spacing: 4px !important
}

.ls-4-5 {
    letter-spacing: 4.5px !important
}

.ls-5 {
    letter-spacing: 5px !important
}

.ls-5-5 {
    letter-spacing: 5.5px !important
}

.ls-6 {
    letter-spacing: 6px !important
}

.ls-6-5 {
    letter-spacing: 6.5px !important
}

.ls-7 {
    letter-spacing: 7px !important
}

.ls-7-5 {
    letter-spacing: 7.5px !important
}

.ls-8 {
    letter-spacing: 8px !important
}

.ls-8-5 {
    letter-spacing: 8.5px !important
}

.ls-9 {
    letter-spacing: 9px !important
}

.ls-9-5 {
    letter-spacing: 9.5px !important
}

.ls-10 {
    letter-spacing: 10px !important
}

.ls-11 {
    letter-spacing: 11px !important
}

.ls-12 {
    letter-spacing: 12px !important
}

.ls-13 {
    letter-spacing: 13px !important
}

.ls-14 {
    letter-spacing: 14px !important
}

.ls-15 {
    letter-spacing: 15px !important
}

.lh-0 {
    line-height: 0 !important
}

.lh-0-5 {
    line-height: .5 !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-1-1 {
    line-height: 1.1 !important
}

.lh-1-2 {
    line-height: 1.2 !important
}

.lh-1-3 {
    line-height: 1.3 !important
}

.lh-1-4 {
    line-height: 1.4 !important
}

.lh-1-5 {
    line-height: 1.5 !important
}

.lh-1-6 {
    line-height: 1.6 !important
}

.lh-1-7 {
    line-height: 1.7 !important
}

.lh-1-8 {
    line-height: 1.8 !important
}

.lh-1-9 {
    line-height: 1.9 !important
}

.lh-2 {
    line-height: 2 !important
}

.lh-2-1 {
    line-height: 2.1 !important
}

.lh-2-2 {
    line-height: 2.2 !important
}

.lh-2-3 {
    line-height: 2.3 !important
}

.lh-2-4 {
    line-height: 2.4 !important
}

.lh-2-5 {
    line-height: 2.5 !important
}

.lh-3 {
    line-height: 3 !important
}

.lh-4 {
    line-height: 4 !important
}

.font-size-8 {
    font-size: 8px !important
}

.font-size-9 {
    font-size: 9px !important
}

.font-size-10 {
    font-size: 10px !important
}

.font-size-11 {
    font-size: 11px !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.font-size-15 {
    font-size: 15px !important
}

.font-size-16 {
    font-size: 16px !important
}

.font-size-17 {
    font-size: 17px !important
}

.font-size-18 {
    font-size: 18px !important
}

.font-size-19 {
    font-size: 19px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-21 {
    font-size: 21px !important
}

.font-size-22 {
    font-size: 22px !important
}

.font-size-23 {
    font-size: 23px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-25 {
    font-size: 25px !important
}

.font-size-26 {
    font-size: 26px !important
}

.font-size-27 {
    font-size: 27px !important
}

.font-size-28 {
    font-size: 28px !important
}

.font-size-29 {
    font-size: 29px !important
}

.font-size-30 {
    font-size: 30px !important
}

.font-size-35 {
    font-size: 35px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-45 {
    font-size: 45px !important
}

.font-size-50 {
    font-size: 50px !important
}

.font-size-55 {
    font-size: 55px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-65 {
    font-size: 65px !important
}

.font-size-70 {
    font-size: 70px !important
}

.font-size-75 {
    font-size: 75px !important
}

.font-size-80 {
    font-size: 80px !important
}

.font-size-85 {
    font-size: 85px !important
}

.font-size-90 {
    font-size: 90px !important
}

.font-size-95 {
    font-size: 95px !important
}

.font-size-100 {
    font-size: 100px !important
}

.font-size-105 {
    font-size: 105px !important
}

.font-size-110 {
    font-size: 110px !important
}

.font-size-115 {
    font-size: 115px !important
}

.font-size-120 {
    font-size: 120px !important
}

.font-size-125 {
    font-size: 125px !important
}

.font-size-130 {
    font-size: 130px !important
}

.font-size-135 {
    font-size: 135px !important
}

.font-size-140 {
    font-size: 140px !important
}

.font-size-145 {
    font-size: 145px !important
}

.font-size-150 {
    font-size: 150px !important
}

.font-size-155 {
    font-size: 155px !important
}

.font-size-160 {
    font-size: 160px !important
}

.font-size-165 {
    font-size: 165px !important
}

.font-size-170 {
    font-size: 170px !important
}

.font-size-175 {
    font-size: 175px !important
}

.font-size-180 {
    font-size: 180px !important
}

.font-size-185 {
    font-size: 185px !important
}

.font-size-190 {
    font-size: 190px !important
}

.font-size-195 {
    font-size: 195px !important
}

.font-size-200 {
    font-size: 200px !important
}

.text-light {
    font-weight: 300 !important
}

.text-normal {
    font-weight: 400 !important
}

.text-semibold {
    font-weight: 500 !important
}

.text-bold {
    font-weight: 700 !important
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

.table th, .table td {
    padding: 0;
    /* padding: 0.3rem 0; */
}

.as-sortable-item, .as-sortable-placeholder {
    margin: 0 2px !important;
}

label {
    margin-bottom: .1rem;
}

.display-block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.pointer {
    cursor: pointer;
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.static {
    position: static
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-auto {
    overflow: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-auto {
    overflow-x: auto
}

@media only screen and (max-width: 767px) {
    .pull-left-sm {
        float: left !important
    }

    .pull-right-sm {
        float: right !important
    }

    .pull-none-sm {
        float: none !important
    }
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.img-circle {
    border-radius: 50% !important
}

.border {
    border: 1px solid #e6ecf5
}

.border.top {
    border: 0 !important;
    border-top: 1px solid #e6ecf5 !important
}

.border.right {
    border: 0 !important;
    border-right: 1px solid #e6ecf5 !important
}

.border.bottom {
    border: 0 !important;
    border-bottom: 1px solid #e6ecf5 !important
}

.border.left {
    border: 0 !important;
    border-left: 1px solid #e6ecf5 !important
}

@media only screen and (max-width: 992px) {
    .border.border-hide-md {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .border.border-hide-sm {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important
    }
}

.no-border {
    border: 0 !important;
    border-radius: 0 !important
}

@media only screen and (max-width: 767px) {
    .text-center-sm {
        text-align: center !important
    }

    .text-left-sm {
        text-align: left !important
    }

    .text-right-sm {
        text-align: right !important
    }
}

.vertical-align {
    display: table;
    height: 100%;
    width: 100%
}

.vertical-align .table-cell {
    display: table-cell;
    vertical-align: middle
}

.vertical-align-super {
    vertical-align: super
}

.border-radius-4 {
    border-radius: 4px !important
}

.border-radius-6 {
    border-radius: 6px !important
}

.border-radius-8 {
    border-radius: 8px !important
}

.border-radius-10 {
    border-radius: 10px !important
}

.border-radius-round {
    border-radius: 50px !important
}

@media only screen and (max-width: 767px) {

    .font-size-100,
    .font-size-105,
    .font-size-110,
    .font-size-115,
    .font-size-120,
    .font-size-125,
    .font-size-130,
    .font-size-135,
    .font-size-140,
    .font-size-145,
    .font-size-50,
    .font-size-55,
    .font-size-60,
    .font-size-65,
    .font-size-70,
    .font-size-75,
    .font-size-80,
    .font-size-85,
    .font-size-90,
    .font-size-95 {
        font-size: 45px !important
    }

    .font-size-150,
    .font-size-155,
    .font-size-160,
    .font-size-165,
    .font-size-170,
    .font-size-175,
    .font-size-180,
    .font-size-185,
    .font-size-190,
    .font-size-195,
    .font-size-200 {
        font-size: 130px !important
    }
    input {
        cursor: pointer;
    }
    input.width-10,
    input.width-15,
    input.width-20,
    input.width-25,
    input.width-30,
    input.width-35,
    input.width-40,
    input.width-45,
    input.width-50,
    input.width-55,
    input.width-60,
    input.width-65,
    input.width-70,
    input.width-75,
    input.width-80,
    input.width-85,
    input.width-90,
    input.width-95,
    p.width-10,
    p.width-15,
    p.width-20,
    p.width-25,
    p.width-30,
    p.width-35,
    p.width-40,
    p.width-45,
    p.width-50,
    p.width-55,
    p.width-60,
    p.width-65,
    p.width-70,
    p.width-75,
    p.width-80,
    p.width-85,
    p.width-90,
    p.width-95 {
        width: 100% !important
    }
}

.side-nav {
    width: 280px;
    background-color: #fff;
    z-index: 1000;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

@media print {
    .side-nav {
        display: none
    }
}

.side-nav .side-nav-inner {
    position: relative;
    height: 100%
}

.side-nav .side-nav-inner .side-nav-logo {
    padding: 0 20px;
    border-bottom: 1px solid #e6ecf5;
    border-right: 1px solid #e6ecf5;
    line-height: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

.side-nav .side-nav-inner .side-nav-logo > a {
    display: inline-block;
    max-width: 150px;
    width: 100%
}

.side-nav .side-nav-inner .side-nav-logo > a .logo {
    background-repeat: no-repeat;
    background-position: center left;
    display: inline-block;
    width: 100%;
    min-height: calc(65px - 1px)
}

.side-nav .side-nav-inner .side-nav-logo > a .logo.logo-white {
    display: none
}

.side-nav .side-nav-inner .side-nav-logo .mobile-toggle {
    display: none;
    float: right;
    line-height: calc(65px - 1px);
    font-size: 18px
}

.side-nav .side-nav-inner .side-nav-logo .mobile-toggle a {
    color: #888da8
}

@media only screen and (max-width: 992px) {
    .side-nav .side-nav-inner .side-nav-logo .mobile-toggle {
        display: inline-block
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .side-nav .side-nav-inner .side-nav-logo .mobile-toggle {
        display: none
    }
}

.side-nav .side-nav-inner .side-nav-menu {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    border-right: 1px solid #e6ecf5;
    height: calc(100vh - 65px)
}

.side-nav .side-nav-inner .side-nav-menu:after,
.side-nav .side-nav-inner .side-nav-menu:before {
    content: " ";
    display: table
}

.side-nav .side-nav-inner .side-nav-menu:after {
    clear: both
}

.side-nav .side-nav-inner .side-nav-menu li {
    position: relative;
    display: block
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow {
    position: absolute;
    right: 50px;
    line-height: 40px;
    font-size: 10px;
    transition: all .05s ease-in;
    -webkit-transition: all .05s ease-in;
    -moz-transition: all .05s ease-in;
    -o-transition: all .05s ease-in;
    -ms-transition: all .05s ease-in
}

@media only screen and (max-width: 992px) {
    .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow {
        right: 25px
    }
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a {
    color: #515365
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder {
    color: #0f9aee
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a > .arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu {
    display: block
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu .dropdown-menu {
    padding-left: 20px
}

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu .arrow {
    line-height: 25px
}

.side-nav .side-nav-inner .side-nav-menu li a {
    color: #888da8;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.side-nav .side-nav-inner .side-nav-menu li a:focus,
.side-nav .side-nav-inner .side-nav-menu li a:hover {
    text-decoration: none;
    color: #515365
}

.side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder,
.side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder {
    color: #0f9aee
}

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu {
    position: relative;
    width: 100%;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding-left: 50px;
    padding-top: 0;
    background-color: transparent;
    float: none
}

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a {
    padding: 10px 15px;
    width: 220px;
}

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:focus,
.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #515365
}

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li.active a {
    color: #515365
}

.side-nav .side-nav-inner .side-nav-menu > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap
}

.side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    position: relative;
    left: 0;
    margin-right: 14px;
    font-size: 17px;
    border-radius: 6px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .side-nav {
        width: 70px
    }

    .side-nav .side-nav-inner .side-nav-logo {
        border-bottom: 1px solid transparent;
        padding: 0
    }

    .side-nav .side-nav-inner .side-nav-logo a .logo {
        width: 70px;
        background-position: center center
    }

    .side-nav .side-nav-inner .side-nav-logo a .logo-dark {
        background-image: url(../images/logo/logo-sm.png) !important
    }

    .side-nav .side-nav-inner .side-nav-logo a .logo-white {
        background-image: url(../images/logo/logo-white-sm.png) !important
    }

    .side-nav .side-nav-inner .side-nav-menu {
        overflow-x: hidden
    }

    .side-nav .side-nav-inner .side-nav-menu > li > a .title {
        display: none
    }

    .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow {
        opacity: 0
    }

    .side-nav .side-nav-inner .side-nav-menu li.dropdown.open ul.dropdown-menu {
        display: none !important
    }

    .side-nav:hover {
        width: 280px
    }

    .side-nav:hover .side-nav-inner .side-nav-logo {
        padding: 0 20px;
        border-bottom: 1px solid #e6ecf5
    }

    .side-nav:hover .side-nav-inner .side-nav-logo a .logo {
        width: 150px;
        background-position: center left
    }

    .side-nav:hover .side-nav-inner .side-nav-logo a .logo-dark {
        background-image: url(../images/logo/logo.png) !important
    }

    .side-nav:hover .side-nav-inner .side-nav-logo a .logo-white {
        background-image: url(../images/logo/logo-white.png) !important
    }

    .side-nav:hover .side-nav-inner .side-nav-menu > li > a .title {
        display: inline-block
    }

    .side-nav:hover .side-nav-inner .side-nav-menu li.dropdown .arrow {
        opacity: 1
    }

    .side-nav:hover .side-nav-inner .side-nav-menu li.open > ul.dropdown-menu {
        display: block !important
    }
}

/* @media only screen and (max-width:992px) {
  .side-nav {
    left: -280px;
    width: calc(280px - 30px)
  }
}

@media only screen and (min-width:1440px) {
  .is-collapsed .side-nav {
    width: 70px
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo {
    border-bottom: 1px solid transparent;
    padding: 0
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo>a .logo {
    width: 70px;
    background-position: center center
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo>a .logo-dark {
    background-image: url(../images/logo/logo-sm.png) !important
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo>a .logo-white {
    background-image: url(../images/logo/logo-white-sm.png) !important
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu {
    overflow-x: hidden
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu>li>a .title {
    display: none
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow {
    opacity: 0
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.dropdown.open ul.dropdown-menu {
    display: none !important
  }

  .is-collapsed .side-nav:hover {
    width: 280px
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo {
    padding: 0 20px;
    border-bottom: 1px solid #e6ecf5
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo a .logo {
    width: 150px;
    background-position: center left
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo a .logo-dark {
    background-image: url(../images/logo/logo.png) !important
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo a .logo-white {
    background-image: url(../images/logo/logo-white.png) !important
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu>li>a .title {
    display: inline-block
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu li.dropdown .arrow {
    opacity: 1
  }

  .is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu li.open>ul.dropdown-menu {
    display: block !important
  }
}

@media only screen and (min-width:992px) and (max-width:1440px) {
  .is-collapsed .side-nav {
    width: 280px
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo {
    padding: 0 20px;
    border-bottom: 1px solid #e6ecf5
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo>a .logo {
    width: 150px;
    background-position: center left
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo>a .logo-dark {
    background-image: url(../images/logo/logo.png) !important
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-logo>a .logo-white {
    background-image: url(../images/logo/logo-white.png) !important
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu>li>a .title {
    display: inline-block
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow {
    opacity: 1
  }

  .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.open>ul.dropdown-menu {
    display: block !important
  }
}

@media only screen and (max-width:992px) {
  .is-collapsed .side-nav {
    left: 0
  }
} */

.side-nav-dark .side-nav {
    background-color: #313644;
    color: #99abb4
}

.side-nav-dark .side-nav .side-nav-logo {
    border-bottom: 1px solid rgba(120, 130, 140, .3);
    border-right: 1px solid transparent
}

.side-nav-dark .side-nav .side-nav-logo a .logo.logo-white {
    display: block
}

.side-nav-dark .side-nav .side-nav-logo a .logo.logo-dark {
    display: none
}

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu {
    border-right: 1px solid transparent
}

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a {
    color: #99abb4;
    font-weight: 400
}

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a {
    color: #fff
}

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu {
    background-color: #262a35
}

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li.active > a,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:focus,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:hover {
    color: #fff
}

.side-nav-dark.is-collapsed .side-nav:hover .side-nav-logo {
    border-bottom: 1px solid rgba(120, 130, 140, .3)
}

.side-panel.side-panel-open .side-panel-wrapper {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px)
}

.side-panel .side-panel-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 300px;
    border-left: 1px solid #e6ecf5;
    margin: 0;
    overflow: hidden;
    z-index: 1030;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

@media only screen and (max-width: 767px) {
    .side-panel .side-panel-wrapper {
        width: 270px
    }
}

.side-panel .side-panel-wrapper > div {
    height: 100%
}

.side-panel .side-panel-wrapper .nav-tabs {
    border-bottom: 1px solid #e6ecf5
}

.side-panel .side-panel-wrapper .nav-tabs > li.active > a,
.side-panel .side-panel-wrapper .nav-tabs > li.active > a:focus,
.side-panel .side-panel-wrapper .nav-tabs > li.active > a:hover {
    color: #515365;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent
}

.side-panel .side-panel-wrapper .nav-tabs > li > a {
    margin-right: 2px;
    border: 0;
    border-radius: 4px 4px 0 0;
    color: #888da8;
    padding: 0 20px;
    line-height: 65px;
    min-height: 65px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .side-panel .side-panel-wrapper .nav-tabs > li > a {
        padding: 0 15px
    }
}

.side-panel .side-panel-wrapper .nav-tabs > li > a:focus,
.side-panel .side-panel-wrapper .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #515365
}

.side-panel .side-panel-wrapper .nav-tabs .panel-close {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 65px;
    border-left: 1px solid #e6ecf5
}

.side-panel .side-panel-wrapper .nav-tabs .panel-close > a {
    color: #888da8;
    padding: 0 20px;
    display: block
}

.side-panel .side-panel-wrapper .nav-tabs .panel-close > a:focus,
.side-panel .side-panel-wrapper .nav-tabs .panel-close > a:hover {
    color: #515365
}

.side-panel .side-panel-wrapper .tab-content,
.side-panel .side-panel-wrapper .tab-content .tab-pane {
    height: 100%
}

.side-panel .profile {
    height: calc(100vh - 65px);
    position: relative
}

.header {
    display: block;
    height: 65px;
    width: calc(100% - 280px);
    position: fixed;
    padding: 0;
    z-index: 800;
    background-color: #fff;
    border-bottom: 1px solid #e6ecf5;
    margin-bottom: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

@media print {
    .header {
        display: none
    }
}

@media only screen and (max-width: 992px) {
    .header {
        width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .header {
        width: calc(100% - 70px)
    }
}

.header .header-container:after,
.header .header-container:before {
    content: " ";
    display: table
}

.header .header-container:after {
    clear: both
}

.header .header-container .nav-left,
.header .header-container .nav-right {
    position: relative;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.header .header-container .nav-left > li,
.header .header-container .nav-right > li {
    float: left
}

.header .header-container .nav-left > li > a,
.header .header-container .nav-right > li > a {
    padding: 0 15px;
    line-height: 65px;
    min-height: 65px;
    color: #888da8;
    display: block;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.header .header-container .nav-left > li > a i,
.header .header-container .nav-right > li > a i {
    font-size: 18px
}

.header .header-container .nav-left > li > a:focus,
.header .header-container .nav-left > li > a:hover,
.header .header-container .nav-right > li > a:focus,
.header .header-container .nav-right > li > a:hover {
    text-decoration: none;
    color: #515365
}

@media only screen and (max-width: 992px) {

    .header .header-container .nav-left > li > a,
    .header .header-container .nav-right > li > a {
        padding: 0 15px
    }
}

.header .header-container .nav-left .user-profile,
.header .header-container .nav-right .user-profile {
    border-right: 1px solid #e6ecf5
}

@media only screen and (max-width: 992px) {

    .header .header-container .nav-left .user-profile,
    .header .header-container .nav-right .user-profile {
        border-right: 0;
        border-left: 0
    }
}

.header .header-container .nav-left .user-profile .profile-img,
.header .header-container .nav-right .user-profile .profile-img {
    display: inline-block;
    width: 35px;
    border-radius: 50%;
    margin-top: 15px;
    margin-right: 10px;
    float: left
}

@media only screen and (max-width: 992px) {

    .header .header-container .nav-left .user-profile .profile-img,
    .header .header-container .nav-right .user-profile .profile-img {
        width: 30px;
        margin-right: 0
    }
}

.header .header-container .nav-left .user-profile .user-info,
.header .header-container .nav-right .user-profile .user-info {
    display: inline-block
}

@media only screen and (max-width: 992px) {

    .header .header-container .nav-left .user-profile .user-info,
    .header .header-container .nav-right .user-profile .user-info {
        display: none
    }
}

.header .header-container .nav-left .user-profile .dropdown-menu > li > a,
.header .header-container .nav-right .user-profile .dropdown-menu > li > a {
    color: #515365
}

.header .header-container .nav-left .notifications,
.header .header-container .nav-right .notifications {
    position: relative
}

.header .header-container .nav-left .notifications .counter,
.header .header-container .nav-right .notifications .counter {
    position: absolute;
    right: 6px;
    top: 12px;
    background-color: #ff3c7e;
    color: #fff;
    padding: 3px 5.5px;
    border-radius: 50px;
    line-height: 1;
    font-size: 10px
}

.header .header-container .nav-left .notifications .dropdown-menu,
.header .header-container .nav-right .notifications .dropdown-menu {
    min-width: 350px;
    padding: 0
}

@media only screen and (max-width: 767px) {

    .header .header-container .nav-left .notifications .dropdown-menu,
    .header .header-container .nav-right .notifications .dropdown-menu {
        max-width: 300px
    }
}

.header .header-container .nav-left .notifications .dropdown-menu .list-info,
.header .header-container .nav-right .notifications .dropdown-menu .list-info {
    max-height: 248px;
    overflow-y: auto;
    position: relative
}

.header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a,
.header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a {
    padding: 20px 15px;
    font-size: 13px;
    display: block;
    border-bottom: 1px solid #e6ecf5;
    transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out
}

.header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a:focus,
.header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a:hover,
.header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a:focus,
.header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a:hover {
    color: #515365;
    text-decoration: none;
    background-color: #f6f7fb
}

.header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a .sub-title,
.header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a .sub-title {
    padding-top: 3px
}

.header .header-container .nav-left .notifications .dropdown-menu .list-info > li:last-child a,
.header .header-container .nav-right .notifications .dropdown-menu .list-info > li:last-child a {
    border-bottom: 0
}

.header .header-container .nav-left .notifications .dropdown-menu .notice-header,
.header .header-container .nav-right .notifications .dropdown-menu .notice-header {
    padding: 15px 20px;
    border-bottom: 1px solid #e6ecf5
}

.header .header-container .nav-left .notifications .dropdown-menu .notice-footer,
.header .header-container .nav-right .notifications .dropdown-menu .notice-footer {
    text-align: center;
    padding: 15px 20px;
    border-top: 1px solid #e6ecf5
}

.header .header-container .nav-left .notifications .dropdown-menu .notice-footer a,
.header .header-container .nav-right .notifications .dropdown-menu .notice-footer a {
    display: block
}

.header .header-container .nav-left .notifications .dropdown-menu.list-info,
.header .header-container .nav-right .notifications .dropdown-menu.list-info {
    position: absolute
}

.header .header-container .dropdown-menu {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transition: transform .15s ease-out;
    -webkit-transition: transform .15s ease-out;
    -moz-transition: transform .15s ease-out;
    -o-transition: transform .15s ease-out;
    -ms-transition: transform .15s ease-out;
    display: block;
    margin: 0
}

.header .header-container .dropdown-menu .divider {
    border-bottom: 1px solid #e6ecf5;
    height: 1px;
    overflow: hidden
}

.header .header-container .dropdown-menu > li > a {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.header .header-container .show .dropdown-menu {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1)
}

.header .header-container .nav-left {
    float: left;
    margin-left: 15px
}

.header .header-container .nav-right {
    float: right
}

.header .header-container .nav-right .dropdown-menu {
    left: auto;
    right: 0
}

.header .header-container .nav-right .dropdown-menu > li {
    width: 100%
}

.header .header-container .nav-right .dropdown-menu > li > a {
    line-height: 1.5;
    min-height: auto;
    padding: 10px 15px
}

.header .search-input input {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    outline: 0;
    height: 40px;
    margin-top: 12px;
    padding: 5px;
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .header .search-input input {
        width: 85px
    }
}

.header .search-input input::-webkit-input-placeholder {
    font-style: italic;
    color: #c3c5d3
}

.header .search-input input:-moz-placeholder {
    font-style: italic;
    color: #c3c5d3
}

.header .search-input input::-moz-placeholder {
    font-style: italic;
    color: #c3c5d3
}

.header .search-input input:-ms-input-placeholder {
    font-style: italic;
    color: #c3c5d3
}

.header .search-input .advanced-search {
    position: absolute;
    top: 59px;
    width: 380px;
    min-height: 50px;
    max-height: 500px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 767px) {
    .header .search-input .advanced-search {
        left: 40px
    }
}

.header .search-input .advanced-search .search-wrapper {
    position: relative
}

.header .search-input .advanced-search .search-wrapper ul > li > a {
    padding: 12px 20px
}

.header .search-input .advanced-search .search-wrapper ul > li > a:focus,
.header .search-input .advanced-search .search-wrapper ul > li > a:hover {
    background-color: #f6f7fb
}

.header .search-input .search-footer {
    border-top: 1px solid #e6ecf5;
    text-align: center;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.is-collapsed .header {
    width: calc(100% - 70px)
}

@media only screen and (max-width: 992px) {
    .is-collapsed .header {
        width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .is-collapsed .header {
        width: calc(100% - 280px)
    }
}

.content-footer .footer .go-right {
    float: right
}

.page-container {
    min-height: 100vh;
    padding-left: 280px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

@media print {
    .page-container {
        padding-left: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .page-container {
        padding-left: 70px
    }
}

@media only screen and (max-width: 992px) {
    .page-container {
        padding-left: 0
    }
}

.full-container {
    position: absolute;
    top: 65px;
    left: 280px;
    right: 0;
    min-height: calc(100vh - 65px);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .full-container {
        padding-left: 70px;
        left: 0
    }
}

@media only screen and (max-width: 992px) {
    .full-container {
        left: 0
    }
}

.ng-enter {
    transition: .5s;
    opacity: 0
}

.ng-enter-active {
    opacity: 1
}

.is-collapsed .page-container {
    padding-left: 70px
}

@media only screen and (max-width: 992px) {
    .is-collapsed .page-container {
        padding-left: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .is-collapsed .page-container {
        padding-left: 280px
    }
}

.is-collapsed .full-container {
    left: 70px
}

@media only screen and (max-width: 992px) {
    .is-collapsed .full-container {
        left: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .is-collapsed .full-container {
        left: 280px;
        padding-left: 0
    }
}

.widget {
    position: relative;
    overflow: hidden
}

.widget-news-1 .news-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    padding: 15px
}

.widget-news-1 .news-wrapper.wrapper-pdd-lg {
    padding: 40px 120px
}

.widget-news-1 .news-wrapper.wrapper-pdd-md {
    padding: 30px 50px
}

.widget-news-1 .news-wrapper.wrapper-pdd-sm {
    padding: 30px
}

.widget-news-1 .news-wrapper .user-thumbnail .user-img {
    display: inline-block;
    width: 60px;
    border-radius: 50%;
    float: left
}

.widget-news-1 .news-wrapper .user-thumbnail .user-info {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    padding-top: 5px
}

.widget-news-1 .news-wrapper .user-thumbnail .user-info .name {
    display: block;
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px
}

.widget-news-1 .news-wrapper .user-thumbnail .user-info .date {
    display: block;
    opacity: .8
}

.widget-news-1 .news-wrapper .news-content {
    position: relative
}

.widget-news-1 .news-wrapper .news-content .news-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px
}

.widget-news-1 .news-wrapper .news-content .news-article {
    color: #ccc
}

.widget-compose {
    padding: 15px
}

.widget-compose .composor-tools {
    padding-left: 0;
    list-style: none
}

.widget-compose .composor-tools > li {
    display: inline-block
}

.widget-compose .composor-tools > li > a {
    display: block;
    font-weight: 700;
    color: #888da8;
    padding: 10px
}

.widget-compose .composor-tools > li.active a,
.widget-compose .composor-tools > li > a:focus,
.widget-compose .composor-tools > li > a:hover {
    color: #515365
}

.widget-compose textarea.form-control {
    border: 0;
    min-height: 60px;
    padding: 20px 10px
}

.widget-feed {
    padding: 25px 30px
}

.widget-feed .feed-header {
    padding-bottom: 10px
}

.widget-feed .feed-body {
    padding: 15px 0
}

.widget-feed .feed-action {
    padding-left: 0;
    list-style: none
}

.widget-feed .feed-action > li {
    display: inline-block
}

.widget-feed .feed-action > li > a {
    display: block;
    color: #888da8;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 25px 10px 0
}

.widget-feed .feed-action > li.active a,
.widget-feed .feed-action > li > a:focus,
.widget-feed .feed-action > li > a:hover {
    color: #515365
}

.widget-feed .comment .comment-item {
    padding: 30px 0;
    border-bottom: 1px solid #e6ecf5
}

.widget-feed .comment .add-comment textarea {
    min-height: 50px;
    resize: none;
    border: 0;
    padding: 20px 10px 5px
}

.widget-feed .comment .list-info .info {
    height: auto
}

.widget-feed .comment .list-info .info p {
    margin-bottom: 0
}

.widget-feed .shared-item {
    position: relative;
    border: 1px solid #e6ecf5;
    display: -webkit-flex;
    display: flex
}

@media only screen and (max-width: 767px) {
    .widget-feed .shared-item {
        max-height: 130px;
        overflow: hidden
    }
}

.widget-feed .shared-item .item-image {
    flex: 4;
    width: 30%
}

.widget-feed .shared-item .item-content {
    flex: 6;
    width: 70%;
    padding: 30px
}

.widget-feed iframe {
    border: 0;
    width: 100%;
    min-height: 300px
}

.widget-weather .today-cel {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 1
}

.widget-weather .today-weather {
    font-size: 60px
}

.widget-weather .next-7day {
    text-align: center
}

.widget-project {
    position: relative;
    border: 1px solid #e6ecf5;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 20px
}

.widget-legends {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto
}

.rtl {
    text-align: right
}

.rtl .side-nav {
    right: 0;
    left: auto
}

@media only screen and (max-width: 992px) {
    .rtl .side-nav {
        right: -280px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .rtl .side-nav:hover .side-nav-inner .side-nav-menu > li > a .icon-holder {
        float: right;
        margin-left: 14px
    }
}

.rtl .side-nav .side-nav-inner .side-nav-menu {
    border-right: 0;
    border-left: 1px solid #e6ecf5
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li > a {
    line-height: 2.5
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder {
    float: right;
    margin-right: 0;
    margin-left: 14px
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .rtl .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder {
        float: none;
        margin-left: 0
    }
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown .arrow {
    line-height: 28px;
    right: auto;
    left: 30px
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown .arrow i:before {
    content: "\e64a"
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown.open .arrow {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg)
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu {
    padding-left: 0;
    padding-right: 30px
}

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a {
    text-align: right
}

.rtl .side-nav .side-nav-inner .side-nav-logo {
    border-right: 0;
    border-left: 1px solid #e6ecf5
}

.rtl .side-nav .side-nav-inner .side-nav-logo .mobile-toggle {
    float: left;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

@media only screen and (max-width: 992px) {
    .rtl.is-collapsed .side-nav {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 1440px) {
    .rtl.is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu > li > a .icon-holder {
        float: right;
        margin-left: 14px
    }

    .rtl.is-collapsed .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder {
        float: none;
        margin-left: 4px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .rtl.is-collapsed .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder {
        float: right;
        margin-left: 14px
    }
}

@media only screen and (min-width: 1440px) {
    .rtl.is-collapsed .page-container {
        padding-right: 70px
    }
}

.rtl .page-container {
    padding-left: 0
}

@media only screen and (min-width: 1440px) {
    .rtl .page-container {
        padding-right: 280px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .rtl .page-container {
        padding-right: 70px
    }
}

.rtl .header .header-container .nav-left {
    float: right;
    margin-right: 15px
}

.rtl .header .header-container .nav-left > li {
    float: right
}

.rtl .header .header-container .nav-right {
    float: left
}

.rtl .header .header-container .nav-right > li {
    float: right
}

.rtl .header .header-container .nav-right .user-profile {
    border-right: 0
}

.rtl .header .header-container .nav-right .dropdown-menu {
    left: 0;
    right: auto;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.rtl .header .search-input .advanced-search {
    left: -120px
}

.rtl .side-panel .side-panel-wrapper {
    border-left: 0;
    border-right: 1px solid #e6ecf5;
    left: calc(0px - 600px)
}

.rtl .side-panel .side-panel-wrapper .nav-tabs .panel-close {
    border-left: 0
}

.rtl .side-panel.side-panel-open .side-panel-wrapper {
    left: 0
}

.rtl .pull-right {
    float: left !important
}

.rtl .list-info .info {
    padding-left: 0;
    padding-right: 55px
}

.rtl .list-info .info .sub-title {
    max-width: 100%
}

.rtl .list-info .info .float-object {
    right: auto;
    left: 15px
}

.rtl .list-info .thumb-img {
    float: right
}

.rtl .progress-bar {
    margin-left: auto
}

.rtl .chat .chat-user-list .chat-user .user-info {
    padding-left: 0;
    padding-right: 55px
}

.rtl .chat .chat-user-list .chat-user .status {
    right: auto;
    left: 20px
}

.rtl .chat .chat-user-list .chat-user .thumb-img {
    float: right
}

.rtl .chat .conversation {
    text-align: left
}

.rtl .status {
    right: 0;
    left: auto
}

.rtl .pdd-left-20 {
    padding-right: 20px !important
}

.header-primary .header {
    background-color: #7774e7;
    color: #fff;
    border-color: #7774e7
}

.header-primary .header .header-container ul > li > a {
    color: #ededed
}

.header-primary .header .header-container ul > li > a:focus,
.header-primary .header .header-container ul > li > a:hover {
    color: #fff
}

.header-primary .header .header-container ul .user-profile {
    border-color: #7774e7
}

.header-primary .header .search-input input {
    color: #fff;
    opacity: .8
}

.header-primary .header .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-primary .header .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-primary .header .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-primary .header .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-primary .side-nav .side-nav-inner .side-nav-logo {
    background-color: #7774e7;
    border-color: #7774e7
}

.header-primary .side-nav .side-nav-inner .side-nav-logo a .logo-dark {
    display: none
}

.header-primary .side-nav .side-nav-inner .side-nav-logo a .logo-white {
    display: block
}

.header-info .header {
    background-color: #0f9aee;
    color: #fff;
    border-color: #0f9aee
}

.header-info .header .header-container ul > li > a {
    color: #ededed
}

.header-info .header .header-container ul > li > a:focus,
.header-info .header .header-container ul > li > a:hover {
    color: #fff
}

.header-info .header .header-container ul .user-profile {
    border-color: #0f9aee
}

.header-info .header .search-input input {
    color: #fff;
    opacity: .8
}

.header-info .header .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-info .header .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-info .header .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-info .header .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-info .side-nav .side-nav-inner .side-nav-logo {
    background-color: #0f9aee;
    border-color: #0f9aee
}

.header-info .side-nav .side-nav-inner .side-nav-logo a .logo-dark {
    display: none
}

.header-info .side-nav .side-nav-inner .side-nav-logo a .logo-white {
    display: block
}

.header-success .header {
    background-color: #3dc33c;
    color: #fff;
    border-color: #3dc33c
}

.header-success .header .header-container ul > li > a {
    color: #ededed
}

.header-success .header .header-container ul > li > a:focus,
.header-success .header .header-container ul > li > a:hover {
    color: #fff
}

.header-success .header .header-container ul .user-profile {
    border-color: #3dc33c
}

.header-success .header .search-input input {
    color: #fff;
    opacity: .8
}

.header-success .header .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-success .header .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-success .header .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-success .header .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-success .side-nav .side-nav-inner .side-nav-logo {
    background-color: #3dc33c;
    border-color: #3dc33c
}

.header-success .side-nav .side-nav-inner .side-nav-logo a .logo-dark {
    display: none
}

.header-success .side-nav .side-nav-inner .side-nav-logo a .logo-white {
    display: block
}

.header-danger .header {
    background-color: #f53f61;
    color: #fff;
    border-color: #f53f61
}

.header-danger .header .header-container ul > li > a {
    color: #ededed
}

.header-danger .header .header-container ul > li > a:focus,
.header-danger .header .header-container ul > li > a:hover {
    color: #fff
}

.header-danger .header .header-container ul .user-profile {
    border-color: #f53f61
}

.header-danger .header .search-input input {
    color: #fff;
    opacity: .8
}

.header-danger .header .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-danger .header .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-danger .header .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-danger .header .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-danger .side-nav .side-nav-inner .side-nav-logo {
    background-color: #f53f61;
    border-color: #f53f61
}

.header-danger .side-nav .side-nav-inner .side-nav-logo a .logo-dark {
    display: none
}

.header-danger .side-nav .side-nav-inner .side-nav-logo a .logo-white {
    display: block
}

.header-dark .header {
    background-color: #464e62;
    color: #fff;
    border-color: #464e62
}

.header-dark .header .header-container ul > li > a {
    color: #ededed
}

.header-dark .header .header-container ul > li > a:focus,
.header-dark .header .header-container ul > li > a:hover {
    color: #fff
}

.header-dark .header .header-container ul .user-profile {
    border-color: #464e62
}

.header-dark .header .search-input input {
    color: #fff;
    opacity: .8
}

.header-dark .header .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-dark .header .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-dark .header .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.header-dark .header .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.header-dark .side-nav .side-nav-inner .side-nav-logo {
    background-color: #464e62;
    border-color: #464e62
}

.header-dark .side-nav .side-nav-inner .side-nav-logo a .logo-dark {
    display: none
}

.header-dark .side-nav .side-nav-inner .side-nav-logo a .logo-white {
    display: block
}

.theme-configurator.theme-config-open .configurator-wrapper {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px)
}

.theme-configurator .configurator-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    border-left: 1px solid #e6ecf5;
    margin: 0;
    overflow: hidden;
    z-index: 1030;
    background-color: #fff;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.theme-configurator .configurator-wrapper .config-header {
    position: relative;
    padding: 0 15px;
    text-align: left;
    border-bottom: 1px solid #e6ecf5
}

.theme-configurator .configurator-wrapper .config-header .config-title {
    line-height: 65px;
    margin-bottom: 0
}

.theme-configurator .configurator-wrapper .config-header .config-close {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    padding: 0 20px;
    background-color: #fff;
    line-height: 65px;
    border-left: 1px solid #e6ecf5
}

.theme-configurator .configurator-wrapper .config-body {
    padding: 30px 40px
}

.theme-configurator .configurator-wrapper .config-body .theme-colors {
    padding: 7px 0;
    min-height: auto;
    display: inline-block
}

.theme-configurator .configurator-wrapper .config-body .theme-colors input {
    margin: 0;
    display: none;
    width: 22px
}

.theme-configurator .configurator-wrapper .config-body .theme-colors input + label {
    padding-left: 0
}

.theme-configurator .configurator-wrapper .config-body .theme-colors input + label:before {
    content: "";
    width: 55px;
    height: 55px;
    display: inline-block;
    border: 2px solid #e6ecf5;
    margin-right: 15px;
    font-family: themify;
    font-weight: 400;
    vertical-align: bottom;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 50px
}

.theme-configurator .configurator-wrapper .config-body .theme-colors input:checked + label:before {
    content: "\e64c";
    color: #888da8
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-primary input + label:before {
    background-color: #7774e7
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-primary input:checked + label:before {
    color: #fff
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-info input + label:before {
    background-color: #0f9aee
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-info input:checked + label:before {
    color: #fff
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-success input + label:before {
    background-color: #3dc33c
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-success input:checked + label:before {
    color: #fff
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-danger input + label:before {
    background-color: #f53f61
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-danger input:checked + label:before {
    color: #fff
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-dark input + label:before {
    background-color: #464e62
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.header-dark input:checked + label:before {
    color: #fff
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.side-nav-dark input + label:before {
    background-color: #313644
}

.theme-configurator .configurator-wrapper .config-body .theme-colors.side-nav-dark input:checked + label:before {
    color: #fff
}

.slick-next,
.slick-prev {
    z-index: 10;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.slick-next:before,
.slick-prev:before {
    font-family: themify;
    font-size: 25px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-next {
    right: 15px
}

.slick-next:before {
    content: "\e649"
}

.slick-prev {
    left: 15px
}

.slick-prev:before {
    content: "\e64a"
}

.slick-dots {
    bottom: 10px
}

.slick-dots li button:before {
    font-family: themify;
    content: "\e724";
    font-size: 16px;
    opacity: .5;
    color: #fff
}

.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1
}

.noUi-handle {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

.noUi-handle:active {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4)
}

.noUi-handle:after,
.noUi-handle:before {
    display: none
}

.noUi-horizontal {
    height: 6px
}

.noUi-horizontal .noUi-handle {
    left: -10px;
    top: -7px;
    width: 18px;
    height: 18px;
    border: 1px solid #d4deee
}

.noUi-vertical {
    height: 100%;
    width: 6px;
    display: inline-block
}

.noUi-vertical .noUi-handle {
    width: 18px;
    height: 18px;
    border: 1px solid #d4deee
}

.noUi-vertical .noUi-origin {
    border-radius: 0;
    bottom: 0
}

.noUi-background {
    background: #f6f7fb;
    box-shadow: none
}

.noUi-origin {
    border-radius: 0;
    bottom: 5px
}

.noUi-target {
    border: 1px solid #e6ecf5;
    box-shadow: none
}

.noUi-target.noUi-connect {
    box-shadow: none
}

.noUi-connect {
    background-color: #888da8
}

.noUi-connect.slider-primary {
    background-color: #7774e7
}

.noUi-connect.slider-success {
    background-color: #37c936
}

.noUi-connect.slider-info {
    background-color: #0f9aee
}

.noUi-connect.slider-warning {
    background-color: #fc0
}

.noUi-connect.slider-danger {
    background-color: #ff3c7e
}

.slider-primary .noUi-connect {
    background-color: #7774e7
}

.slider-success .noUi-connect {
    background-color: #37c936
}

.slider-info .noUi-connect {
    background-color: #0f9aee
}

.slider-warning .noUi-connect {
    background-color: #fc0
}

.slider-danger .noUi-connect {
    background-color: #ff3c7e
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #e6ecf5
}

.noUi-pips {
    color: #888da8
}

.noUi-value-sub {
    color: #888da8;
    margin-top: 5px;
    font-size: 11px
}

.noUi-value {
    margin-top: 5px;
    font-size: 12px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 10px
}

.selectize-control.single .selectize-input {
    border-color: #e6ecf5;
    box-shadow: none;
    background-color: #fff;
    background-image: none
}

.selectize-control.single .selectize-input:after {
    content: "\e64b";
    font-family: themify;
    border-style: none;
    border-width: 0;
    top: 40%;
    right: 25px;
    font-size: 10px;
    border-color: transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    content: "\e648"
}

.selectize-dropdown {
    color: #888da8
}

.selectize-dropdown .single,
.selectize-dropdown.single {
    border-color: #e6ecf5
}

.selectize-dropdown .active {
    background-color: #f6f7fb;
    color: #888da8
}

.selectize-input {
    color: #888da8;
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #e6ecf5
}

.selectize-input input {
    color: #888da8
}

.selectize-input input::-webkit-input-placeholder {
    color: #e0e2e9
}

.selectize-input input:-moz-placeholder {
    color: #e0e2e9
}

.selectize-input input::-moz-placeholder {
    color: #e0e2e9
}

.selectize-input input:-ms-input-placeholder {
    color: #e0e2e9
}

.selectize-input > *,
.selectize-input > input {
    line-height: 1.8 !important
}

.selectize-control.multi .selectize-input [data-value] {
    background-color: #e5f4fd;
    color: #0f9aee;
    background-image: none;
    border: 0;
    border-radius: 50px;
    margin-right: 8px;
    margin-bottom: 6px;
    padding: 0 10px;
    box-shadow: none;
    text-shadow: none;
    font-weight: 500
}

.selectize-control.multi .selectize-input [data-value].active {
    border: 0;
    background-color: #e5f4fd;
    color: #0f9aee;
    background-image: none
}

.item-primary.selectize-control.multi .selectize-input [data-value],
.item-primary.selectize-control.multi .selectize-input [data-value].active {
    background-color: #f7f6fe;
    color: #7774e7;
    background-image: none
}

.item-success.selectize-control.multi .selectize-input [data-value],
.item-success.selectize-control.multi .selectize-input [data-value].active,
.item-warning.selectize-control.multi .selectize-input [data-value] {
    background-color: #ebfaeb;
    color: #37c936;
    background-image: none
}

.item-warning.selectize-control.multi .selectize-input [data-value].active {
    background-color: #fffae6;
    color: #37c936;
    background-image: none
}

.item-danger.selectize-control.multi .selectize-input [data-value],
.item-danger.selectize-control.multi .selectize-input [data-value].active {
    background-color: #ffeff4;
    color: #ff3c7e;
    background-image: none
}

.noty_bar {
    padding: 15px;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    font-weight: 500;
    margin-bottom: 3px
}

.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px
}

.noty_bar .noty_buttons {
    padding: 10px
}

.noty_type_alert,
.noty_type_notification {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf5;
    color: #888da8
}

.noty_type_warning {
    background-color: #fffae6;
    color: #fc0
}

.noty_type_error {
    background-color: #ffeff4;
    color: #ff3c7e
}

.noty_type_info,
.noty_type_information {
    background-color: #e5f4fd;
    color: #0f9aee
}

.noty_type_success {
    background-color: #ebfaeb;
    color: #2fad2e
}

.noty_type_confirm {
    background-color: #cccbf6;
    color: #7774e7
}

#noty_top_layout_container {
    top: 55px !important;
    right: 0 !important;
    left: auto !important;
    width: 100% !important;
    margin-left: 30px !important;
    padding-left: 280px !important;
    z-index: 1 !important
}

#noty_bottom_layout_container {
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 100% !important;
    margin-left: 30px !important;
    padding-left: 280px !important;
    z-index: 1 !important
}

#noty_topLeft_layout_container,
#noty_topRight_layout_container {
    top: 70px !important
}

#noty_bottomLeft_layout_container,
#noty_topLeft_layout_container {
    left: 305px !important
}

.noty-animation {
    animation-duration: .2s;
    -webkit-animation-duration: .2s;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

.noty-animation.i-am-closing-now {
    opacity: 0;
    visibility: hidden
}

table.dataTable.no-footer {
    border-bottom: 1px solid #e6ecf5;
    margin-bottom: 20px
}

.sorting_asc:focus {
    outline: 0
}

.dataTables_wrapper .dataTables_length {
    color: #515365
}

@media only screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_length {
        text-align: left
    }
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #e6ecf5;
    border-radius: 2px;
    box-shadow: none;
    height: 35px;
    font-size: 14px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    color: #888da8;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in
}

.dataTables_wrapper .dataTables_length select::-webkit-input-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_length select:-moz-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_length select::-moz-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_length select:-ms-input-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_filter {
    color: #515365
}

@media only screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_filter {
        text-align: left
    }
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #e6ecf5;
    border-radius: 2px;
    box-shadow: none;
    height: 35px;
    font-size: 14px;
    margin-left: 15px;
    padding: 5px;
    color: #888da8;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in
}

.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_filter input:-moz-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_filter input::-moz-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder {
    color: #e0e2e9
}

.dataTables_wrapper .dataTables_info {
    color: #888da8
}

.dataTables_wrapper .dataTables_processing {
    color: #515365
}

.dataTables_wrapper .dataTables_paginate {
    color: #888da8
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #888da8 !important;
    padding: 6px 12px;
    border-radius: 50%;
    margin-right: 10px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    border-radius: 4px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    color: #888da8 !important;
    background: #888da8;
    background: rgba(136, 141, 168, .15);
    border-color: #fff
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    opacity: .4
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover {
    color: #888da8 !important;
    background: 0 0;
    border-color: transparent
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    background: #b7b5f2;
    border: 1px solid #b7b5f2
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: #7774e7;
    border: 1px solid #7774e7
}

.dataTables_wrapper .status {
    width: 5px;
    height: 5px
}

.datepicker {
    border-radius: 0;
    padding: 25px;
    box-shadow: none;
    border: 1px solid #e6ecf5
}

.datepicker table tr td,
.datepicker table tr th {
    border-radius: 0;
    width: 40px;
    height: 35px
}

.datepicker table tr td {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.datepicker table tr td span {
    border-radius: 0
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #7774e7;
    border-color: transparent
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #f6f7fb
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.datepicker tfoot tr th:hover {
    background: #f6f7fb;
    cursor: pointer
}

.datepicker-inline {
    width: 330px
}

.daterangepicker {
    border-radius: 0;
    padding: 30px;
    box-shadow: none;
    border: 1px solid #e6ecf5
}

.daterangepicker .input-mini {
    border-radius: 0;
    margin-bottom: 20px;
    height: 40px;
    padding: 0 6px 0 35px
}

.daterangepicker .input-mini.active {
    border-radius: 0;
    border-color: #6dc2f6
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 10px;
    top: 13px
}

.daterangepicker td,
.daterangepicker th {
    border-radius: 0;
    width: 40px;
    height: 35px
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #f6f7fb
}

.daterangepicker td.in-range {
    background-color: transparent;
    color: #7774e7
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #7774e7;
    border-color: transparent;
    color: #fff
}

.daterangepicker td.end-date,
.daterangepicker td.start-date,
.daterangepicker td.start-date.end-date {
    border-radius: 0
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    border: 1px solid #e6ecf5;
    min-height: 30px
}

.daterangepicker .calendar-time i {
    top: 8px;
    left: 35px
}

@media only screen and (min-width: 767px) {
    .daterangepicker .calendar {
        margin-right: 20px !important
    }
}

.note-editor {
    box-shadow: none
}

.note-editor.note-frame {
    border: 1px solid #e6ecf5;
    border-radius: 0
}

.note-editor.note-frame .note-statusbar {
    background-color: #f8fafc
}

.note-editor .btn-default {
    margin-bottom: 0
}

.note-editor .modal.in {
    z-index: 99999
}

.note-editor .panel-heading {
    background-color: transparent;
    border-bottom: 1px solid #e6ecf5
}

.note-editor.fullscreen .note-toolbar {
    background-color: #fff
}

.note-editor .note-btn.active {
    background-color: #edf2f8
}

.note-popover.popover {
    display: none
}

.nvd3 .nv-axis line,
.nvd3 .nv-axis path {
    stroke: #e6ecf5
}

.nvd3 text {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    fill: #888da8
}

.nvtooltip {
    color: #888da8;
    border-color: #e6ecf5;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.nvtooltip table {
    margin: 15px
}

.nvtooltip table td.legend-color-guide div {
    border: 0;
    border-radius: 50px
}

.nvtooltip table tr td,
.nvtooltip table tr.highlight td {
    padding: 7px 10px
}

.rickshaw_graph .x_ticks_d3 path,
.rickshaw_graph .y_ticks path {
    stroke: #c2d0e6
}

button {
    box-shadow: none;
    cursor: pointer;
    position: relative;
}

button:focus {
    outline: 0
}

button.active:focus,
button:active:focus {
    outline: 0;
    box-shadow: none
}

button.disabled,
button:disabled {
    opacity: .5;
    cursor: not-allowed
}

button:before {
    content: '';
    position: absolute;
    right: calc(50% - 12px);
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border: 2px solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.5s;
    animation: 0.8s linear infinite rotate;
}

button.sending {
    pointer-events: none;
    cursor: not-allowed;
}

button.sending:before {
    transition-delay: 0.5s;
    transition-duration: 1s;
    opacity: 1;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.btn {
    cursor: pointer;
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 10px;
    /* animation: 0.8s linear infinite rotate; */
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

/* .btn.dropdown-toggle {
  margin-bottom: 0
} */

.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn.active:focus,
.btn:active:focus {
    outline: 0
}

/* .btn-progress:before {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s;
  animation: 0.8s linear infinite rotate;
}
.btn-progress.sending {
  pointer-events: none;
  cursor: not-allowed;
}
.btn-progress.sending:before {
  transition-delay: 0.5s;
  transition-duration: 1s;
  opacity: 1;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

.btn-inverse {
    font-weight: 700
}

.btn-default {
    color: #515365;
    background-color: #fff;
    border-color: #d4deee;
    font-weight: 500
}

.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover {
    color: #515365;
    background-color: #edf2f8;
    border-color: #edf2f8
}

.btn-primary {
    background-color: #7774e7;
    border-color: #7774e7;
    color: #fff
}

.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #8c8aeb;
    border-color: #8c8aeb
}

.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active {
    background-color: #625ee3;
    border-color: #625ee3
}

.btn-primary.btn-inverse {
    background-color: #f7f6fe;
    color: #7774e7;
    border-color: transparent;
    box-shadow: none
}

.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse:hover {
    background-color: #e1e1fa;
    color: #625ee3;
    border-color: transparent
}

.btn-primary.disabled {
    background-color: #7774e7;
    border-color: #7774e7;
    opacity: .35
}

.btn-primary.disabled:focus,
.btn-primary.disabled:hover {
    background-color: #7774e7;
    border-color: #7774e7
}

.btn-success {
    background-color: #37c936;
    border-color: #37c936;
    color: #fff
}

.btn-success:focus,
.btn-success:hover {
    color: #fff;
    background-color: #4bce4a;
    border-color: #4bce4a
}

.btn-success.active,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active {
    background-color: #32b531;
    border-color: #32b531
}

.btn-success.btn-inverse {
    background-color: #ebfaeb;
    color: #37c936;
    border-color: transparent;
    box-shadow: none
}

.btn-success.btn-inverse:focus,
.btn-success.btn-inverse:hover {
    background-color: #d7f4d7;
    color: #32b531;
    border-color: transparent
}

.btn-success.disabled {
    background-color: #37c936;
    border-color: #37c936;
    opacity: .35
}

.btn-success.disabled:focus,
.btn-success.disabled:hover {
    background-color: #37c936;
    border-color: #37c936
}

.btn-info {
    background-color: #0f9aee;
    border-color: #0f9aee;
    color: #fff
}

.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #25a4f1;
    border-color: #25a4f1
}

.btn-info.active,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active {
    background-color: #0d8ad6;
    border-color: #0d8ad6
}

.btn-info.btn-inverse {
    background-color: #e5f4fd;
    color: #0f9aee;
    border-color: transparent;
    box-shadow: none
}

.btn-info.btn-inverse:focus,
.btn-info.btn-inverse:hover {
    background-color: #cdeafc;
    color: #0d8ad6;
    border-color: transparent
}

.btn-info.disabled {
    background-color: #0f9aee;
    border-color: #0f9aee;
    opacity: .35
}

.btn-info.disabled:focus,
.btn-info.disabled:hover {
    background-color: #0f9aee;
    border-color: #0f9aee
}

.btn-warning {
    color: #fff;
    background-color: #fc0;
    border-color: #fc0
}

.btn-warning:focus,
.btn-warning:hover {
    color: #fff;
    background-color: #ffd11a;
    border-color: #ffd11a
}

.btn-warning.active,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active {
    background-color: #e6b800;
    border-color: #e6b800
}

.btn-warning.btn-inverse {
    background-color: #fffae6;
    color: #fc0;
    border-color: transparent;
    box-shadow: none
}

.btn-warning.btn-inverse:focus,
.btn-warning.btn-inverse:hover {
    background-color: #fff5cc;
    color: #e6b800;
    border-color: transparent
}

.btn-warning.disabled {
    background-color: #fc0;
    border-color: #fc0;
    opacity: .35
}

.btn-warning.disabled:focus,
.btn-warning.disabled:hover {
    background-color: #fc0;
    border-color: #fc0
}

.btn-danger {
    color: #fff;
    background-color: #ff3c7e;
    border-color: #ff3c7e
}

.btn-danger:focus,
.btn-danger:hover {
    color: #fff;
    background-color: #ff568f;
    border-color: #ff568f
}

.btn-danger.active,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active {
    background-color: #ff236d;
    border-color: #ff236d
}

.btn-danger.btn-inverse {
    background-color: #ffeff4;
    color: #ff3c7e;
    border-color: transparent;
    box-shadow: none
}

.btn-danger.btn-inverse:focus,
.btn-danger.btn-inverse:hover {
    background-color: #ffd5e3;
    color: #ff236d;
    border-color: transparent
}

.btn-danger.disabled {
    background-color: #ff3c7e;
    border-color: #ff3c7e;
    opacity: .35
}

.btn-danger.disabled:focus,
.btn-danger.disabled:hover {
    background-color: #ff3c7e;
    border-color: #ff3c7e
}

.show > .dropdown-toggle.btn-primary,
.show > .dropdown-toggle.btn-primary:focus,
.show > .dropdown-toggle.btn-primary:hover {
    background-color: #625ee3;
    border-color: #625ee3
}

.show > .dropdown-toggle.btn-primary.btn-inverse,
.show > .dropdown-toggle.btn-primary.btn-inverse:focus,
.show > .dropdown-toggle.btn-primary.btn-inverse:hover {
    background-color: #e1e1fa;
    color: #625ee3
}

.show > .dropdown-toggle.btn-success,
.show > .dropdown-toggle.btn-success:focus,
.show > .dropdown-toggle.btn-success:hover {
    background-color: #32b531;
    border-color: #32b531
}

.show > .dropdown-toggle.btn-success.btn-inverse,
.show > .dropdown-toggle.btn-success.btn-inverse:focus,
.show > .dropdown-toggle.btn-success.btn-inverse:hover {
    background-color: #d7f4d7;
    color: #32b531
}

.show > .dropdown-toggle.btn-info,
.show > .dropdown-toggle.btn-info:focus,
.show > .dropdown-toggle.btn-info:hover {
    background-color: #0d8ad6;
    border-color: #0d8ad6
}

.show > .dropdown-toggle.btn-info.btn-inverse,
.show > .dropdown-toggle.btn-info.btn-inverse:focus,
.show > .dropdown-toggle.btn-info.btn-inverse:hover {
    background-color: #cdeafc;
    color: #0d8ad6
}

.show > .dropdown-toggle.btn-warning,
.show > .dropdown-toggle.btn-warning:focus,
.show > .dropdown-toggle.btn-warning:hover {
    background-color: #e6b800;
    border-color: #e6b800
}

.show > .dropdown-toggle.btn-warning.btn-inverse,
.show > .dropdown-toggle.btn-warning.btn-inverse:focus,
.show > .dropdown-toggle.btn-warning.btn-inverse:hover {
    background-color: #fff5cc;
    color: #e6b800
}

.show > .dropdown-toggle.btn-danger,
.show > .dropdown-toggle.btn-danger:focus,
.show > .dropdown-toggle.btn-danger:hover {
    background-color: #ff236d;
    border-color: #ff236d
}

.show > .dropdown-toggle.btn-danger.btn-inverse,
.show > .dropdown-toggle.btn-danger.btn-inverse:focus,
.show > .dropdown-toggle.btn-danger.btn-inverse:hover {
    background-color: #ffd5e3;
    color: #ff236d
}

.btn-flat {
    border: 0;
    color: #8f92a1;
    background-color: transparent
}

.btn-flat:focus,
.btn-flat:hover {
    background: #e6ecf5;
    background: rgba(230, 236, 245, .55);
    color: #6b7192
}

.btn-icon {
    padding: 10px 11px
}

.btn-facebook {
    background-color: #3B579D;
    color: #fff
}

.btn-facebook:focus,
.btn-facebook:hover {
    background-color: #5674bf;
    border-color: #5674bf;
    color: #fff
}

.btn-twitter {
    background-color: #2CAAE1;
    color: #fff
}

.btn-twitter:focus,
.btn-twitter:hover {
    background-color: #62c0e9;
    border-color: #62c0e9;
    color: #fff
}

.btn-instagram {
    background-color: #5d4a3b;
    color: #fff
}

.btn-instagram:focus,
.btn-instagram:hover {
    background-color: #826853;
    border-color: #826853;
    color: #fff
}

.btn-google-plus {
    background-color: #dc4a38;
    color: #fff
}

.btn-google-plus:focus,
.btn-google-plus:hover {
    background-color: #e5796c;
    border-color: #e5796c;
    color: #fff
}

.btn-dropbox {
    background-color: #007EE6;
    color: #fff
}

.btn-dropbox:focus,
.btn-dropbox:hover {
    background-color: #249cff;
    border-color: #249cff;
    color: #fff
}

.btn-dribbble {
    background-color: #ea4c89;
    color: #fff
}

.btn-dribbble:focus,
.btn-dribbble:hover {
    background-color: #f083ad;
    border-color: #f083ad;
    color: #fff
}

.btn-yahoo {
    background-color: #7b0099;
    color: #fff
}

.btn-yahoo:focus,
.btn-yahoo:hover {
    background-color: #ac00d6;
    border-color: #ac00d6;
    color: #fff
}

.btn-sound-cloud {
    background-color: #FF6A22;
    color: #fff
}

.btn-sound-cloud:focus,
.btn-sound-cloud:hover {
    background-color: #ff935f;
    border-color: #ff935f;
    color: #fff
}

.btn-html5 {
    background-color: #f16528;
    color: #fff
}

.btn-html5:focus,
.btn-html5:hover {
    background-color: #f58e61;
    border-color: #f58e61;
    color: #fff
}

.btn-wordpress {
    background-color: #0087be;
    color: #fff
}

.btn-wordpress:focus,
.btn-wordpress:hover {
    background-color: #00b2fb;
    border-color: #00b2fb;
    color: #fff
}

.btn-tumblr {
    background-color: #36465d;
    color: #fff
}

.btn-tumblr:focus,
.btn-tumblr:hover {
    background-color: #4c6384;
    border-color: #4c6384;
    color: #fff
}

.btn-skype {
    background-color: #00AAF1;
    color: #fff
}

.btn-skype:focus,
.btn-skype:hover {
    background-color: #2fc2ff;
    border-color: #2fc2ff;
    color: #fff
}

.btn-youtube {
    background-color: #DE2825;
    color: #fff
}

.btn-youtube:focus,
.btn-youtube:hover {
    background-color: #e65c5a;
    border-color: #e65c5a;
    color: #fff
}

.btn-vimeo {
    background-color: #1BB6EC;
    color: #fff
}

.btn-vimeo:focus,
.btn-vimeo:hover {
    background-color: #53c8f1;
    border-color: #53c8f1;
    color: #fff
}

.btn-linkedin {
    background-color: #0177b5;
    color: #fff
}

.btn-linkedin:focus,
.btn-linkedin:hover {
    background-color: #019ff2;
    border-color: #019ff2;
    color: #fff
}

.btn-pinterest {
    background-color: #c9181f;
    color: #fff
}

.btn-pinterest:focus,
.btn-pinterest:hover {
    background-color: #e7373e;
    border-color: #e7373e;
    color: #fff
}

.btn-group-lg > .btn,
.btn-lg {
    padding: 11px 30px;
    font-size: 13px
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 7px 12px
}

.btn-xs {
    font-size: 9px;
    padding: 5px 10px
}

.btn-rounded {
    border-radius: 50px
}

.btn-block {
    padding-top: 12px;
    padding-bottom: 12px
}

.btn-group .btn {
    padding: 10px 14px;
    margin-right: 0
}

.btn-group.btn-group-vertical .btn {
    margin-bottom: 0
}

.modal.fade .modal-dialog {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%)
}

.modal.fade.slide-in-right .modal-dialog {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%)
}

.modal.fade.slide-in-right.in .modal-dialog {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%)
}

.modal.fade.slide-in-left .modal-dialog {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%)
}

.modal.fade.slide-in-left.in .modal-dialog {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%)
}

.modal.fade.modal-fs .modal-dialog,
.modal.fade.modal-fs.in .modal-dialog {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%)
}

.modal-header {
    padding: 15px 20px 5px;
    border-bottom: 0
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    margin-bottom: 0
}

.modal-body {
    padding: 15px 20px
}

.modal-footer {
    padding: 15px 20px;
    border-top: 1px solid #e6ecf5;
    text-align: left
}

.modal-footer .btn {
    margin-bottom: 0
}

.modal-footer .btn + .btn {
    margin-left: 0
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 5px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-left .modal-dialog,
.modal-right .modal-dialog {
    width: 400px;
    height: 100%;
    margin: 0 auto 0 0
}

@media only screen and (max-width: 767px) {

    .modal-left .modal-dialog,
    .modal-right .modal-dialog {
        width: 260px
    }
}

.modal-left .modal-dialog .modal-content,
.modal-right .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0
}

.modal-left .modal-dialog .modal-content .side-modal-wrapper,
.modal-right .modal-dialog .modal-content .side-modal-wrapper {
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.modal-left .modal-dialog .modal-content .modal-footer,
.modal-right .modal-dialog .modal-content .modal-footer {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    left: 15px
}

.modal-right .modal-dialog {
    margin: 0 0 0 auto
}

.modal-backdrop {
    z-index: 1040;
    background: #515365;
    background: rgba(81, 83, 101, .5)
}

@media only screen and (min-width: 767px) {
    .modal-sm {
        width: 350px
    }
}

.modal-fs .modal-dialog {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    max-width: none
}

.modal-fs .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0;
    background: #fff;
    background: rgba(255, 255, 255, .9)
}

.modal-fs .modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 7px 10px;
    border: 1px solid #9ea0b1;
    border-radius: 50px;
    color: #9ea0b1
}

.modal-fs .modal-close:focus,
.modal-fs .modal-close:hover {
    color: #515365;
    text-decoration: none;
    border: 1px solid #515365
}

button,
input,
textarea {
    outline: 0
}

.form-group {
    margin-bottom: 25px
}

.form-control {
    border: 1px solid #e6ecf5;
    border-radius: 2px;
    box-shadow: none;
    height: 42px;
    font-size: 14px;
    color: #888da8;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in
}

.form-control::-webkit-input-placeholder {
    color: #e0e2e9
}

.form-control:-moz-placeholder {
    color: #e0e2e9
}

.form-control::-moz-placeholder {
    color: #e0e2e9
}

.form-control:-ms-input-placeholder {
    color: #e0e2e9
}

.form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: #3daef3
}

.form-control.input-sm {
    height: 30px
}

.form-control.input-lg {
    height: 50px
}

.form-control.error {
    border-color: #ff3c7e;
    background-color: #ffeff4
}

.form-control.valid {
    border-color: #37c936;
    background-color: #ebfaeb;
    color: #278d26
}

.has-success .form-control {
    box-shadow: none;
    border-color: #37c936
}

.has-success .form-control:focus {
    border-color: #37c936;
    box-shadow: none
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label .has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #37c936
}

.has-warning .form-control {
    box-shadow: none;
    border-color: #fc0
}

.has-warning .form-control:focus {
    border-color: #fc0;
    box-shadow: none
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label .has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #fc0
}

.has-error .form-control {
    box-shadow: none;
    border-color: #ff3c7e
}

.has-error .form-control:focus {
    border-color: #ff3c7e;
    box-shadow: none
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label .has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #ff3c7e
}

textarea.form-control {
    min-height: 65px
}

.input-icon {
    position: relative
}

.input-icon i {
    position: absolute;
    left: 10px;
    top: 15px;
    color: #e0e2e9
}

.input-icon .form-control {
    padding-left: 40px
}

.input-group-addon {
    background-color: transparent;
    border: 1px solid #e6ecf5;
    color: #e0e2e9
}

.input-group-addon .btn {
    margin: 0;
    padding: 0;
    background-color: transparent
}

.timepicker-input .input-group-addon {
    cursor: pointer
}

.checkbox {
    padding: 7px 0;
    min-height: auto
}

.checkbox input[type=checkbox] {
    margin: 0;
    display: none;
    width: 22px
}

.checkbox input[type=checkbox] + label {
    padding-left: 0
}

.checkbox input[type=checkbox] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 2px solid #e6ecf5;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 15px;
    font-family: themify;
    font-weight: 400;
    line-height: 19px;
    vertical-align: bottom;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.checkbox input[type=checkbox]:checked + label:before {
    content: "\e64c";
    color: #0f9aee
}

.checkbox.checkbox-primary input[type=checkbox]:checked + label:before {
    content: "\e64c";
    color: #7774e7
}

.checkbox.checkbox-success input[type=checkbox]:checked + label:before {
    content: "\e64c";
    color: #37c936
}

.checkbox.checkbox-warning input[type=checkbox]:checked + label:before {
    content: "\e64c";
    color: #fc0
}

.checkbox.checkbox-danger input[type=checkbox]:checked + label:before {
    content: "\e64c";
    color: #ff3c7e
}

.radio {
    padding: 7px 0;
    min-height: auto
}

.radio input[type=radio] {
    margin: 0;
    display: none;
    width: 22px
}

.radio input[type=radio] + label {
    padding-left: 0
}

.radio input[type=radio] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 2px solid #e6ecf5;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: 400;
    line-height: 19px;
    vertical-align: bottom;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.radio input[type=radio]:checked + label:before {
    content: "\f111";
    color: #0f9aee
}

.radio.radio-primary input[type=radio]:checked + label:before {
    content: "\f111";
    color: #7774e7
}

.radio.radio-success input[type=radio]:checked + label:before {
    content: "\f111";
    color: #37c936
}

.radio.radio-warning input[type=radio]:checked + label:before {
    content: "\f111";
    color: #fc0
}

.radio.radio-danger input[type=radio]:checked + label:before {
    content: "\f111";
    color: #ff3c7e
}

.checkbox label,
.radio label {
    cursor: pointer
}

.checkbox-inline,
.radio-inline {
    margin-right: 15px;
    margin-top: 0;
    display: inline-block
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 0
}

.toggle-checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.toggle-checkbox input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    transition: .4s ease;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    -ms-transition: .4s ease;
    height: 30px;
    width: 50px;
    border: 1px solid #e6ecf5;
    border-radius: 60px;
    cursor: pointer
}

.toggle-checkbox input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    display: block;
    transition: .2s cubic-bezier(0.24, 0, .5, 1);
    -webkit-transition: .2s cubic-bezier(0.24, 0, .5, 1);
    -moz-transition: .2s cubic-bezier(0.24, 0, .5, 1);
    -o-transition: .2s cubic-bezier(0.24, 0, .5, 1);
    -ms-transition: .2s cubic-bezier(0.24, 0, .5, 1);
    height: 30px;
    width: 50px;
    top: 0;
    left: 0;
    border-radius: 30px
}

.toggle-checkbox input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 0 rgba(0, 0, 0, .04), 0 4px 9px rgba(0, 0, 0, .13), 0 3px 3px rgba(0, 0, 0, .05);
    transition: .35s cubic-bezier(0.54, 1.6, .5, 1);
    -webkit-transition: .35s cubic-bezier(0.54, 1.6, .5, 1);
    -moz-transition: .35s cubic-bezier(0.54, 1.6, .5, 1);
    -o-transition: .35s cubic-bezier(0.54, 1.6, .5, 1);
    -ms-transition: .35s cubic-bezier(0.54, 1.6, .5, 1);
    background: #f7f7f7;
    height: 28px;
    width: 28px;
    top: 0;
    left: 0;
    border-radius: 60px
}

.toggle-checkbox input[type=checkbox]:checked + label:before {
    background: #0f9aee;
    transition: width .2s cubic-bezier(0, 0, 0, .1);
    -webkit-transition: width .2s cubic-bezier(0, 0, 0, .1);
    -moz-transition: width .2s cubic-bezier(0, 0, 0, .1);
    -o-transition: width .2s cubic-bezier(0, 0, 0, .1);
    -ms-transition: width .2s cubic-bezier(0, 0, 0, .1)
}

.toggle-checkbox input[type=checkbox]:checked + label:after {
    left: 24px
}

.toggle-checkbox.toggle-sm input[type=checkbox] + label,
.toggle-checkbox.toggle-sm input[type=checkbox] + label:before {
    height: 20px;
    width: 35px
}

.toggle-checkbox.toggle-sm input[type=checkbox] + label:after {
    height: 19px;
    width: 19px
}

.toggle-checkbox.toggle-sm input[type=checkbox]:checked + label:after {
    left: 16px
}

.toggle-checkbox.toggle-primary input[type=checkbox]:checked + label:before {
    background: #7774e7
}

.toggle-checkbox.toggle-success input[type=checkbox]:checked + label:before {
    background: #37c936
}

.toggle-checkbox.toggle-warning input[type=checkbox]:checked + label:before {
    background: #fc0
}

.toggle-checkbox.toggle-danger input[type=checkbox]:checked + label:before {
    background: #ff3c7e
}

.list {
    position: relative
}

.list li {
    padding-bottom: 10px;
    position: relative
}

.list.tick {
    list-style: none;
    padding-left: 0
}

.list.tick > li {
    padding-left: 30px
}

.list.tick > li:before {
    content: "\e64c";
    font-family: themify;
    position: absolute;
    left: 0
}

.list.star {
    list-style: none;
    padding-left: 0
}

.list.star > li {
    padding-left: 30px
}

.list.star > li:before {
    content: "\e60a";
    font-family: themify;
    position: absolute;
    left: 0
}

.list.dash {
    list-style: none;
    padding-left: 0
}

.list.dash > li {
    padding-left: 30px
}

.list.dash > li:before {
    content: "-";
    position: absolute;
    left: 10px
}

.list.bullet {
    list-style: none;
    padding-left: 0
}

.list.bullet > li {
    padding-left: 30px
}

.list.bullet > li:before {
    content: "\e724";
    font-family: themify;
    position: absolute;
    left: 0
}

.list.arrow {
    list-style: none;
    padding-left: 0
}

.list.arrow > li {
    padding-left: 30px
}

.list.arrow > li:before {
    content: "\e649";
    font-family: themify;
    position: absolute;
    font-size: 10px;
    left: 0;
    top: 4px
}

.list.decimal {
    list-style-type: decimal;
    padding-left: 20px
}

.list.decimal li {
    padding-left: 10px
}

.list.upper-roman {
    list-style-type: upper-roman;
    padding-left: 20px
}

.list.upper-roman li {
    padding-left: 10px
}

.list.lower-alpha {
    list-style-type: lower-alpha;
    padding-left: 20px
}

.list.lower-alpha li {
    padding-left: 10px
}

.list.bullet-primary > li:before {
    color: #7774e7
}

.list.bullet-info li:before {
    color: #0f9aee
}

.list.bullet-success li:before {
    color: #37c936
}

.list.bullet-warning li:before {
    color: #fc0
}

.list.bullet-danger li:before {
    color: #ff3c7e
}

.list.bullet-white li:before {
    color: #fff
}

.list.bullet-dark li:before {
    color: #515365
}

.list-info {
    margin-bottom: 0;
    display: block;
    position: relative;
    padding-left: 0;
    list-style: none
}

.list-info > li {
    display: block
}

.list-info > li > a {
    display: block;
    position: relative;
    padding: 12px 0
}

.list-info > li > a:focus,
.list-info > li > a:hover {
    text-decoration: none
}

.list-info .thumb-img {
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 17px;
    border-radius: 50px;
    float: left
}

.list-info img.thumb-img {
    height: 40px;
    width: 40px
}

.list-info .info .title {
    display: block;
    color: #515365;
    line-height: 1.5
}

.list-info .info .title.pdd-top-5 {
    padding-top: 7px !important
}

.list-info .info .float-object {
    position: absolute;
    right: 15px;
    color: #888da8;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.list-members {
    display: inline-block;
    margin-bottom: 0;
    overflow: hidden
}

.list-members > li {
    float: left
}

.list-members > li > a img,
.list-members > li > img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #fff;
    display: block
}

.list-members > li.all-members {
    border-radius: 100%
}

.list-members > li.all-members > a {
    width: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    border-radius: 100%;
    background-color: #f6f7fb;
    color: #888da8
}

.list-members > li.add-member > a {
    border: 2px dashed #e6ecf5;
    width: 35px;
    line-height: 30px;
    display: block;
    text-align: center;
    border-radius: 100%;
    color: #c2d0e6;
    margin-left: 5px
}

.list-link {
    margin-bottom: 0
}

.list-link li {
    padding: 10px 0
}

.list-link li a {
    color: #888da8
}

.list-link li a:focus,
.list-link li a:hover {
    color: #515365;
    text-decoration: none
}

.status {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50px;
    border: 3px solid;
    border-color: #e6ecf5;
    position: absolute;
    top: 8px;
    left: 0
}

.status.big {
    width: 20px;
    height: 20px;
}

.status.online,
.status.success {
    border-color: #37c936;
    background-color: #37c936
}

.status.danger,
.status.no-disturb {
    border-color: #ff3c7e;
    background-color: #ff3c7e
}

.status.away,
.status.warning {
    border-color: #fc0;
    background-color: #fc0
}

.status.info {
    border-color: #0f9aee;
    background-color: #0f9aee
}

.status.primary {
    border-color: #7774e7;
    background-color: #7774e7
}

.label,
.tag {
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1
}

.label-lg,
.tag-lg {
    font-size: 16px;
    padding: 6px 12px
}

label.error {
    color: #ff3c7e
}

label.success {
    color: #37c936
}

.label-primary {
    background-color: #f7f6fe;
    color: #7774e7
}

.label-success {
    background-color: #ebfaeb;
    color: #37c936
}

.label-info {
    background-color: #e5f4fd;
    color: #0f9aee
}

.label-warning {
    background-color: #fffae6;
    color: #fc0
}

.label-danger {
    background-color: #ffeff4;
    color: #ff3c7e
}

.tag {
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline
}

.tag-primary {
    background-color: #7774e7;
    color: #fff
}

.tag-success {
    background-color: #37c936;
    color: #fff
}

.tag-info {
    background-color: #0f9aee;
    color: #fff
}

.tag-warning {
    background-color: #fc0;
    color: #fff
}

.tag-danger {
    background-color: #ff3c7e;
    color: #fff
}

.card {
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #e6ecf5;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.card.bg-danger,
.card.bg-info,
.card.bg-primary,
.card.bg-success,
.card.bg-warning {
    color: #e6e6e6
}

.card.bg-danger h1,
.card.bg-danger h2,
.card.bg-danger h3,
.card.bg-danger h4,
.card.bg-danger h5,
.card.bg-danger h6,
.card.bg-info h1,
.card.bg-info h2,
.card.bg-info h3,
.card.bg-info h4,
.card.bg-info h5,
.card.bg-info h6,
.card.bg-primary h1,
.card.bg-primary h2,
.card.bg-primary h3,
.card.bg-primary h4,
.card.bg-primary h5,
.card.bg-primary h6,
.card.bg-success h1,
.card.bg-success h2,
.card.bg-success h3,
.card.bg-success h4,
.card.bg-success h5,
.card.bg-success h6,
.card.bg-warning h1,
.card.bg-warning h2,
.card.bg-warning h3,
.card.bg-warning h4,
.card.bg-warning h5,
.card.bg-warning h6 {
    color: #fff
}

.card.bg-danger p,
.card.bg-info p,
.card.bg-primary p,
.card.bg-success p,
.card.bg-warning p {
    color: #e6e6e6
}

.card .card-heading {
    padding: 15px 20px;
    position: relative
}

.card .card-heading .card-title {
    margin-bottom: 0
}

.card .card-body {
    padding: 15px 20px
}

.card .card-footer {
    position: relative;
    padding: 10px 15px;
    min-height: 55px;
    background-color: transparent
}

.card .card-footer .btn {
    margin: 0
}

.card .card-footer .btn-flat {
    font-size: 13px;
    text-transform: uppercase
}

.card .card-horizon {
    padding: 0;
    position: relative
}

.card .card-horizon .image-container {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0;
    top: 0
}

@media only screen and (max-width: 767px) {
    .card .card-horizon .image-container {
        position: static
    }
}

.card .card-horizon .card-body {
    position: relative
}

.card .card-horizon .background-holder {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .card .card-horizon .background-holder {
        min-height: 350px
    }
}

.card .card-horizon .background-holder.has-content {
    display: table
}

.card .card-horizon .background-holder.has-content .content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px
}

.card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    background: rgba(255, 255, 255, .85);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.portlet {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.portlet .portlet-item {
    list-style: none;
    padding: 18px 20px
}

.portlet .portlet-item > li {
    display: inline-block;
    margin-right: 3px
}

.portlet .portlet-item > li > a {
    margin-bottom: 0;
    margin-right: 0;
    padding: 5px 6px;
    font-size: 12px
}

.portlet .dropdown-menu {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transition: transform 150ms ease-out;
    -webkit-transition: transform 150ms ease-out;
    -moz-transition: transform 150ms ease-out;
    -o-transition: transform 150ms ease-out;
    -ms-transition: transform 150ms ease-out;
    display: block;
    margin: 0;
    border-radius: 0;
    left: auto;
    right: -10px
}

.portlet .show .dropdown-menu {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1)
}

.card-title {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    color: #515365;
    margin-top: 0;
    margin-bottom: 15px
}

.card-media {
    position: relative
}

.card-media img {
    width: 100%
}

.card-refresh:before {
    visibility: visible;
    opacity: 1
}

.card-refresh:after {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    border: 3px solid #e6ecf5;
    border-top: 3px solid #7774e7;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 3;
    -webkit-animation: spin 1.2s linear infinite;
    -moz-animation: spin 1.2s linear infinite;
    -ms-animation: spin 1.2s linear infinite;
    -o-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%)
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

a.card {
    display: block
}

a.card:focus,
a.card:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075)
}

.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6,
.page-title p,
.page-title span {
    font-size: 20px;
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 25px;
    margin-top: 0
}

.breadcrumb {
    padding: 0 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0
}

.dropdown .dropdown-menu {
    border: 0;
    border-radius: 5px
}

.dropdown.right .dropdown-menu {
    left: auto;
    right: 0
}

.dropdown-menu {
    font-size: 14px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    top: 100%
}

.dropdown-menu > li.divider {
    background-color: #e6ecf5
}

.dropdown-menu > li > a {
    line-height: 1.5;
    min-height: auto;
    padding: 10px 15px;
    display: block;
    transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    color: #888da8
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #515365;
    text-decoration: none;
    background-color: #f6f7fb
}

.dropdown-toggle:after {
    border: 0;
    display: none
}

#chat {
    height: 100%
}

.chat {
    padding: 15px 0;
    position: relative;
    height: calc(100vh - 65px)
}

.chat .chat-user-list {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    position: relative;
    left: 0;
    height: calc(100vh - 65px)
}

.chat .chat-user-list .chat-section {
    margin-bottom: 50px
}

.chat .chat-user-list .chat-section .chat-title {
    padding: 0 20px 10px
}

.chat .chat-user-list .chat-user {
    padding: 12px 20px;
    display: block;
    position: relative
}

.chat .chat-user-list .chat-user .thumb-img {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    float: left
}

.chat .chat-user-list .chat-user .user-info {
    padding-left: 55px;
    height: 40px
}

.chat .chat-user-list .chat-user .user-info .user-name {
    display: block;
    color: #515365
}

.chat .chat-user-list .chat-user .user-info .user-name.pdd-top-5 {
    padding-top: 7px !important
}

.chat .chat-user-list .chat-user .user-info .prev-chat {
    display: block;
    font-size: 12px;
    color: #b4b7c8
}

.chat .chat-user-list .chat-user:focus,
.chat .chat-user-list .chat-user:hover {
    text-decoration: none;
    background-color: #f6f7fb
}

.chat .chat-user-list .chat-user .status {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 20px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50px;
    border: 3px solid;
    border-color: #e6ecf5
}

.chat .chat-user-list .chat-user .status.online {
    border-color: #37c936
}

.chat .chat-user-list .chat-user .status.no-disturb {
    border-color: #ff3c7e
}

.chat .chat-user-list .chat-user .status.away {
    border-color: #fc0
}

.chat .conversation {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: -300px;
    background-color: #fff;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out
}

.chat .conversation .conversation-wrapper {
    position: relative;
    height: 100%
}

.chat .conversation .conversation-wrapper .conversation-header {
    position: relative;
    line-height: 60px;
    height: 60px;
    padding: 0 15px
}

.chat .conversation .conversation-wrapper .conversation-header .back {
    position: absolute;
    line-height: 60px;
    left: 15px;
    top: 2px;
    font-size: 18px;
    color: #888da8
}

.chat .conversation .conversation-wrapper .conversation-header .back:focus,
.chat .conversation .conversation-wrapper .conversation-header .back:hover {
    text-decoration: none;
    color: #515365
}

.chat .conversation .conversation-wrapper .conversation-header .user-name {
    display: block;
    text-align: center;
    font-size: 16px
}

.chat .conversation .conversation-wrapper .conversation-header .status {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50px;
    border: 3px solid;
    border-color: #e6ecf5
}

.chat .conversation .conversation-wrapper .conversation-header .status.online {
    border-color: #37c936
}

.chat .conversation .conversation-wrapper .conversation-header .status.no-disturb {
    border-color: #ff3c7e
}

.chat .conversation .conversation-wrapper .conversation-header .status.away {
    border-color: #fc0
}

.chat .conversation .conversation-wrapper .conversation-body {
    height: calc(100% - 115px);
    padding: 0 15px;
    position: relative
}

.chat .conversation .conversation-wrapper .conversation-body .msg {
    display: block;
    margin-bottom: 15px
}

.chat .conversation .conversation-wrapper .conversation-body .msg:after,
.chat .conversation .conversation-wrapper .conversation-body .msg:before {
    content: " ";
    display: table
}

.chat .conversation .conversation-wrapper .conversation-body .msg:after {
    clear: both
}

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble {
    position: relative;
    display: inline-block;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 13px
}

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble.friend {
    background-color: #f6f7fb;
    color: #515365;
    margin-left: 0;
    margin-right: 40px
}

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble.friend:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 7px;
    border-bottom: 6px solid transparent;
    border-right: 5px solid #f6f7fb;
    border-top: 6px solid transparent
}

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble.me {
    background-color: #0f9aee;
    color: #fff;
    margin-right: 0;
    margin-left: 40px;
    float: right
}

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble.me:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 7px;
    border-bottom: 6px solid transparent;
    border-left: 5px solid #0f9aee;
    border-top: 6px solid transparent
}

.chat .conversation .conversation-wrapper .conversation-footer {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #e6ecf5;
    height: 100%
}

.chat .conversation .conversation-wrapper .conversation-footer .chat-input {
    border: 0;
    line-height: 50px;
    outline: 0;
    padding: 0 55px;
    width: 100%
}

.chat .conversation .conversation-wrapper .conversation-footer .sent-btn,
.chat .conversation .conversation-wrapper .conversation-footer .upload-btn {
    border: 0;
    background-color: transparent;
    color: #c3c5d3;
    outline: 0;
    font-size: 22px;
    position: absolute;
    top: 8px;
    left: 10px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.chat .conversation .conversation-wrapper .conversation-footer .sent-btn:focus,
.chat .conversation .conversation-wrapper .conversation-footer .sent-btn:hover,
.chat .conversation .conversation-wrapper .conversation-footer .upload-btn:focus,
.chat .conversation .conversation-wrapper .conversation-footer .upload-btn:hover {
    color: #515365
}

.chat .conversation .conversation-wrapper .conversation-footer .sent-btn {
    left: auto;
    right: 20px;
    font-size: 19px;
    top: 10px
}

.chat.open .chat-user-list {
    left: -300px
}

.chat.open .conversation {
    right: 0
}

.todo-wrapper {
    position: relative
}

.todo-wrapper.open .todo-category-wrapper {
    left: -300px
}

.todo-wrapper.open .todolist-wrapper {
    right: 0
}

.todo-wrapper .todo-category-wrapper {
    position: relative;
    height: 100%;
    padding: 30px 15px;
    left: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.todo-wrapper .todo-category-wrapper a {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.todo-wrapper .todo-category-wrapper a .create-category,
.todo-wrapper .todo-category-wrapper a .todo-category {
    text-align: center;
    background-color: #f6f7fb;
    padding: 30px 5px;
    line-height: 1;
    display: block;
    border-radius: 4px
}

.todo-wrapper .todo-category-wrapper a .create-category .amount,
.todo-wrapper .todo-category-wrapper a .todo-category .amount {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
    color: #0f9aee
}

.todo-wrapper .todo-category-wrapper a .create-category .category,
.todo-wrapper .todo-category-wrapper a .todo-category .category {
    display: block;
    color: #888da8
}

.todo-wrapper .todo-category-wrapper a .create-category {
    background-color: transparent;
    border: 4px dashed #f6f7fb
}

.todo-wrapper .todo-category-wrapper a:nth-child(even) {
    padding-right: 7.5px
}

.todo-wrapper .todo-category-wrapper a:nth-child(odd) {
    padding-left: 7.5px
}

.todo-wrapper .todo-category-wrapper a:focus,
.todo-wrapper .todo-category-wrapper a:hover {
    text-decoration: none;
    opacity: .6
}

.todo-wrapper .todolist-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    right: -300px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.todo-wrapper .todolist-wrapper .todolist-header {
    position: relative;
    line-height: 60px;
    height: 60px;
    padding: 0 15px
}

.todo-wrapper .todolist-wrapper .todolist-header .add,
.todo-wrapper .todolist-wrapper .todolist-header .back {
    position: absolute;
    line-height: 60px;
    left: 15px;
    top: 2px;
    font-size: 18px;
    color: #888da8
}

.todo-wrapper .todolist-wrapper .todolist-header .add:focus,
.todo-wrapper .todolist-wrapper .todolist-header .add:hover,
.todo-wrapper .todolist-wrapper .todolist-header .back:focus,
.todo-wrapper .todolist-wrapper .todolist-header .back:hover {
    text-decoration: none;
    color: #515365
}

.todo-wrapper .todolist-wrapper .todolist-header .category {
    line-height: 60px;
    margin: 0;
    text-align: center;
    font-size: 16px
}

.todo-wrapper .todolist-wrapper .todolist-header .add {
    right: 15px;
    left: auto;
    font-size: 12px
}

.todo-wrapper .todolist-wrapper .todolist-header .add:focus,
.todo-wrapper .todolist-wrapper .todolist-header .add:hover {
    color: #0f9aee
}

.todo-wrapper .todolist-wrapper .todolist-body {
    padding: 15px
}

.todo-wrapper .checkbox {
    padding-right: 30px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.todo-wrapper .checkbox input[type=checkbox] + label {
    white-space: nowrap
}

.todo-wrapper .checkbox input[type=checkbox]:checked + label {
    text-decoration: line-through;
    color: #b4b7c8
}

.todo-wrapper .checkbox .delete {
    position: absolute;
    right: 0;
    border: 0;
    background-color: transparent;
    font-size: 12px;
    top: 10px;
    outline: 0;
    opacity: 0;
    visibility: hidden
}

.todo-wrapper .checkbox .delete:focus,
.todo-wrapper .checkbox .delete:hover {
    color: #ff3c7e
}

.todo-wrapper .checkbox:hover .delete {
    opacity: 1;
    visibility: visible
}

.nav-tabs {
    border-bottom: 1px solid #e6ecf5
}

.nav-tabs > li {
    margin-bottom: -2px
}

.nav-tabs > li > a {
    margin-right: 0;
    line-height: 2;
    border-radius: 0;
    color: #515365;
    opacity: .75;
    border: 0;
    border-bottom: 2px solid transparent;
    display: block;
    padding: 10px 15px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.nav-tabs > li > a:hover {
    border-color: transparent
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    background-color: transparent;
    opacity: 1
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 0;
    background-color: transparent;
    border-bottom: 2px solid #7774e7;
    opacity: 1
}

.nav-tabs .nav-link {
    border-top: 0;
    border-right: 0;
    border-left: 0
}

.nav-tabs .nav-link:active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent
}

.tab-success .nav-tabs > li.active > a,
.tab-success .nav-tabs > li.active > a:focus,
.tab-success .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #37c936
}

.tab-info .nav-tabs > li.active > a,
.tab-info .nav-tabs > li.active > a:focus,
.tab-info .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #0f9aee
}

.tab-warning .nav-tabs > li.active > a,
.tab-warning .nav-tabs > li.active > a:focus,
.tab-warning .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #fc0
}

.tab-danger .nav-tabs > li.active > a,
.tab-danger .nav-tabs > li.active > a:focus,
.tab-danger .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #ff3c7e
}

.center-tabs .nav-tabs {
    text-align: center;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.center-tabs .nav-tabs > li {
    float: none;
    display: inline-block
}

.justified-tabs .nav-tabs {
    width: 100%
}

.justified-tabs .nav-tabs > li {
    display: table-cell;
    width: 1%;
    text-align: center;
    float: none
}

.nav-pills > li + li {
    margin-left: 5px
}

.nav-pills > li > a {
    border-radius: 3px;
    opacity: .75;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    color: #515365;
    border: 1px solid transparent;
    padding: 5px 15px
}

.nav-pills > li > a:focus,
.nav-pills > li > a:hover {
    background-color: transparent;
    opacity: 1
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #7774e7;
    border: 1px solid #7774e7;
    opacity: 1
}

.nav-vertical .nav-pills.nav-stacked {
    float: left;
    width: 160px;
    padding: 0 15px;
    display: block
}

.nav-vertical .nav-pills > li {
    margin-bottom: 15px
}

.nav-vertical .nav-pills > li + li {
    margin-left: 0
}

.nav-vertical .tab-content {
    float: left;
    width: 70%
}

.pill-success .nav-pills > li.active > a,
.pill-success .nav-pills > li.active > a:focus,
.pill-success .nav-pills > li.active > a:hover {
    background-color: #37c936;
    border: 1px solid #37c936
}

.pill-info .nav-pills > li.active > a,
.pill-info .nav-pills > li.active > a:focus,
.pill-info .nav-pills > li.active > a:hover {
    background-color: #0f9aee;
    border: 1px solid #0f9aee
}

.pill-warning .nav-pills > li.active > a,
.pill-warning .nav-pills > li.active > a:focus,
.pill-warning .nav-pills > li.active > a:hover {
    background-color: #fc0;
    border: 1px solid #fc0
}

.pill-danger .nav-pills > li.active > a,
.pill-danger .nav-pills > li.active > a:focus,
.pill-danger .nav-pills > li.active > a:hover {
    background-color: #ff3c7e;
    border: 1px solid #ff3c7e
}

.tab-animation > .tab-content {
    position: relative
}

.tab-animation > .tab-content > .tab-pane {
    transition: .1s linear opacity
}

.tab-animation > .tab-content > .tab-pane.active-remove {
    position: absolute;
    top: 0;
    width: 100%;
    display: block
}

.tab-animation > .tab-content > .tab-pane.active-add,
.tab-animation > .tab-content > .tab-pane.active-remove-active {
    opacity: 0
}

.accordion .panel-group {
    margin-bottom: 0 !important;
}

.accordion .panel-default {
    background-color: #fff;
    margin-bottom: 15px;
    border: 1px solid #e6ecf5
}

.accordion .panel-default > .panel-heading {
    color: #515365;
    background-color: #fff;
    border-color: #e6ecf5
}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #e6ecf5;
    padding: 10px 20px 20px
}

.accordion.border-less .panel-default {
    border: 0;
    border-bottom: 1px solid #e6ecf5;
    margin-bottom: 0
}

.accordion .panel-heading {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion .panel-title {
    margin: 0
}

.accordion .panel-title > a {
    padding: 20px;
    display: block;
    color: #515365
}

.accordion .panel-title > a .icon {
    float: right;
    margin-top: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.accordion .panel-title > a .icon.collapsed {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg)
}

.accordion .panel-title > a:focus,
.accordion .panel-title > a:hover {
    text-decoration: none
}

.progress {
    height: 4px;
    background-color: #eaeef3;
    border-radius: 4px;
    margin-bottom: 10px
}

.progress.progress-sm {
    height: 8px
}

.progress.progress-md {
    height: 15px
}

.progress.progress-lg {
    height: 20px
}

.progress-bar {
    background-color: #888da8
}

.progress-primary .progress-bar {
    background-color: #7774e7
}

.progress-success .progress-bar {
    background-color: #37c936
}

.progress-info .progress-bar {
    background-color: #0f9aee
}

.progress-warning .progress-bar {
    background-color: #fc0
}

.progress-danger .progress-bar {
    background-color: #ff3c7e
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    line-height: 1.8;
    border-color: #e6ecf5
}

.table-sm > tbody > tr > td,
.table-sm > tbody > tr > th,
.table-sm > tfoot > tr > td,
.table-sm > tfoot > tr > th,
.table-sm > thead > tr > td,
.table-sm > thead > tr > th {
    padding: 5px
}

.table-lg > tbody > tr > td,
.table-lg > tbody > tr > th,
.table-lg > tfoot > tr > td,
.table-lg > tfoot > tr > th,
.table-lg > thead > tr > td,
.table-lg > thead > tr > th {
    padding: 15px
}

.table-xl > tbody > tr > td,
.table-xl > tbody > tr > th,
.table-xl > tfoot > tr > td,
.table-xl > tfoot > tr > th,
.table-xl > thead > tr > td,
.table-xl > thead > tr > th {
    padding: 20px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fbfcfd
}

.table-hover > tbody > tr:hover {
    background-color: #f6f7fb
}

.table-bordered {
    border: 1px solid #e6ecf5
}

.table > thead > tr > th {
    color: #515365;
    border-bottom: 1px solid #e6ecf5;
    padding: 0.5rem 0 0;
}

@media only screen and (max-width: 992px) {
    .table-overflow {
        width: 100%;
        overflow-x: auto
    }
}

.form-wizard .nav-pills {
    position: relative
}

.form-wizard .nav-pills > li > a {
    z-index: 1;
    opacity: 1;
    position: relative;
    display: block
}

.form-wizard .nav-pills > li > a .step {
    width: 36px;
    line-height: 28px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #e6ecf5;
    background: #fff;
    color: #888da8;
    display: inline-block
}

.form-wizard .nav-pills > li > a .title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -20px
}

.form-wizard .nav-pills > li > a.active {
    background-color: transparent;
    border-color: transparent;
    color: #888da8
}

.form-wizard .nav-pills > li > a.active .step {
    background-color: #0f9aee;
    border-color: #0f9aee;
    color: #fff
}

.form-wizard .progress {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: 0;
    right: 0;
    margin: auto;
    height: 5px;
    border-radius: 0
}

.form-wizard .tab-content {
    margin-top: 90px;
    margin-bottom: 30px
}

.maps {
    width: 100%;
    height: 100%;
    display: inline-block
}

.maps.map-fs .jvectormap-container {
    min-height: calc(100vh - 65px)
}

.maps.map-300 .jvectormap-container {
    min-height: 300px;
    max-height: 300px
}

@media only screen and (max-width: 767px) {
    .maps.map-300 .jvectormap-container {
        min-height: 250px
    }
}

.maps.map-500 .jvectormap-container {
    min-height: 500px;
    max-height: 500px
}

@media only screen and (max-width: 767px) {
    .maps.map-500 .jvectormap-container {
        min-height: 250px
    }
}

#google-container {
    width: 100%;
    height: 100% !important;
    min-height: calc(100vh - 65px)
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 25px;
    height: 25px;
    line-height: 1.2;
    color: #888da8;
    background-color: #fff;
    border: 1px solid #e6ecf5
}

.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
    background-color: #515365;
    color: #fff
}

.jvectormap-zoomout {
    top: 40px
}

.authentication .sign-in .img-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    max-width: 600px
}

.authentication .sign-in .img-caption .caption-title {
    color: #fff;
    font-size: 35px;
    font-weight: 300
}

.authentication .sign-in .img-caption .caption-text {
    color: #e6e6e6
}

.authentication .sign-in .login-footer {
    position: absolute;
    bottom: 0;
    padding: 15px 30px;
    border-top: 1px solid #e6ecf5;
    width: 100%
}

glyphs.character-mapping {
    margin: 0 0 20px;
    padding: 20px 0 20px 30px;
    color: #888da8;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.glyphs.character-mapping li {
    margin: 0 30px 20px 0;
    display: inline-block;
    width: 90px
}

.glyphs.character-mapping .icon {
    margin: 10px 0 10px 15px;
    padding: 15px;
    position: relative;
    width: 55px;
    height: 55px;
    color: #162a36 !important;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 32px
}

.glyphs.character-mapping .icon svg {
    fill: #000
}

.glyphs.character-mapping input {
    margin: 0;
    padding: 5px 0;
    line-height: 12px;
    font-size: 12px;
    display: block;
    width: 100%;
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    outline: 0
}

.glyphs.character-mapping input:focus {
    border: 1px solid #fbde4a;
    -webkit-box-shadow: inset 0 0 3px #fbde4a;
    box-shadow: inset 0 0 3px #fbde4a
}

.glyphs.character-mapping input:hover {
    -webkit-box-shadow: inset 0 0 3px #fbde4a;
    box-shadow: inset 0 0 3px #fbde4a
}

.glyphs.css-mapping {
    margin: 0 0 60px;
    padding: 30px 0 20px 30px;
    color: #888da8;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.glyphs.css-mapping li {
    margin: 0 30px 20px 0;
    padding: 0;
    display: inline-block;
    overflow: hidden
}

.glyphs.css-mapping .icon {
    margin: 0 10px 0 0;
    padding: 13px;
    height: 50px;
    width: 50px;
    color: #162a36 !important;
    overflow: hidden;
    float: left;
    font-size: 24px
}

.glyphs.css-mapping input {
    margin: 5px 0 0;
    padding: 8px;
    line-height: 16px;
    font-size: 16px;
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    color: #515365;
    outline: 0;
    float: right
}

.glyphs.css-mapping input:focus,
.glyphs.css-mapping input:hover {
    border-color: #0f9aee
}

.glyphs.css-mapping .ei {
    margin: 0 10px 0 0;
    padding: 13px;
    height: 50px;
    width: 50px;
    overflow: hidden;
    float: left;
    font-size: 24px
}

.icon-example {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400
}

.icon-example > span {
    width: 25%;
    float: left;
    padding: 30px 0;
    color: #515365
}

.icon-example > span i {
    padding-right: 15px;
    font-size: 18px
}

.fc {
    background-color: #fff;
    border: 1px solid #e6ecf5;
    border-radius: 5px;
    /* -webkit-box-shadow: 0 7px 15px rgba(0,0,0,.075);
  -moz-box-shadow: 0 7px 15px rgba(0,0,0,.075);
  box-shadow: 0 7px 15px rgba(0,0,0,.075); */
    transition: all 0.3s ease-in-out;
}

.fc:hover, .fc:active {
    background-color: #fff;
    border: 1px solid #e6ecf5;
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
}

.fc th {
    text-align: center;
    padding: 15px;
    background-color: transparent;
    color: #888da8;
    font-size: 12px;
    text-transform: uppercase;
    border-right-width: 0;
    border-left-width: 0
}

.fc button {
    background-color: #fff;
    background-image: none;
    height: 37px;
    padding: 0 15px;
    color: #6b7192
}

.fc button.fc-state-default {
    border-color: #e6ecf5;
    box-shadow: none
}

.fc button.fc-state-active {
    box-shadow: none;
    background-color: #e6ecf5
}

.fc-toolbar {
    padding: 20px 20px 0
}

.fc-view,
.fc-view > table {
    background-color: #fff
}

.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
    padding: 7px 15px
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #e6ecf5
}

.fc-unthemed .fc-today {
    background-color: transparent
}

.fc-basic-view .fc-day-number.fc-today {
    background-color: #0f9aee;
    color: #fff;
    display: inline-block;
    float: right;
    border-radius: 50%;
    padding: 6px 8px;
    line-height: 1;
    margin: 4px 4px 0 0
}

.fc-event-container .fc-event {
    border-radius: 5px;
    border: 1px solid #e5f4fd;
    background-color: #e5f4fd;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4);
    /* color: #0f9aee !important; */
    color: #275876 !important;
    font-size: 12px;
    line-height: 2;
    padding: 0 5px
}

.fc-event-container .fc-day-grid-event {
    margin: 1px 5px 5px
}

.event-default {
    background-color: #999;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px hsla(0, 0%, 60%, .4);
}

.event-rose {
    background-color: rgba(233, 30, 99, 1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4);
}

.event-azure {
    background-color: rgba(0, 188, 212, 1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4);
}

.event-green {
    background-color: rgba(76, 175, 80, 1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4);
}

.event-orange {
    background-color: rgba(255, 152, 0, 1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);
}

.event-red {
    background-color: rgba(244, 67, 54, 1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4);
}

/* .calendar-event {
  max-width: 400px;
} */

.card-block {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0 10px 16px -6px rgba(0,0,0,.08); */
    /* -webkit-box-shadow: 0 7px 15px rgba(0,0,0,.075);
  -moz-box-shadow: 0 7px 15px rgba(0,0,0,.075);
  box-shadow: 0 7px 15px rgba(0,0,0,.075); */
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-block.red {
    background: #f1a8a2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.card-block.red h1 {
    color: #fff;
}

.card-block.red p {
    color: #fff;
}

.card-block.orange {
    background: #f8bc85;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.card-block.orange h1 {
    color: #fff;
}

.card-block.orange p {
    color: #fff;
}

.card-block.green {
    background: #37c9363b;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.card-block.green h1 {
    color: #515365;
}

.card-block.green p {
    color: #515365;
}

.card-block:hover,
.card-block:active {
    position: relative;
    /* box-shadow: 0 10px 16px -6px rgba(0,0,0,.08); */
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
}

.active-card {
    position: relative;
    /* box-shadow: 0 10px 16px -6px rgba(0,0,0,.08); */
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    background: #dcfcdc;
}

.selected-task {
    background: #dcfcdc;
}

.widget-profile-1:hover {
    /* position: relative; */
    /* box-shadow: 0 10px 16px -6px rgba(0,0,0,.08); */
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
}

.infinite-event {
    position: absolute;
    top: -22px;
    z-index: 9;
    left: 25px;
    border: 0;
    font-size: 20px;
    padding: 7px 12px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.infinite-event:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
}

.reload-event {
    position: absolute;
    top: -22px;
    z-index: 9;
    left: 80px;
    border: 0;
    font-size: 20px;
    padding: 7px 12px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.reload-event:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
}

.add-event {
    position: absolute;
    top: -22px;
    z-index: 9;
    right: 25px;
    border: 0;
    font-size: 20px;
    padding: 7px 12px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.add-event:hover {
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .075);
}

.event-list {
    padding-left: 0;
    list-style: none;
    /* max-height: 500px; */
    overflow-y: auto;
}

.event-list .event-items {
    margin-bottom: 5px;
    position: relative
}

.event-selector {
    padding: 5px;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

.event-selector:hover,
.event-selector:active {
    /* background-color: rgba(255, 243, 156, 0.3); */
    background-color: #f6f7fb;
    border-radius: 5px;
}

.event-list .event-items .event-selector > a {
    display: block;
    color: #888da8;
}

.event-list .event-items .event-selector > a:hover {
    color: #4b4f66;
}

.event-list .event-items .remove {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.modal-remove-btn {
    color: rgba(255, 0, 0, 0.308);
    right: 0;
    top: 12px;
    font-size: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.modal-add-btn {
    /* display: contents; */
    color: rgba(0, 89, 255, 0.5);
    right: 0;
    top: 12px;
    font-size: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.event-list .event-items .event-name {
    /* font-weight: 700; */
    border: 0;
    padding: 0 10px
}

.event-list .event-items .event-name-2 {
    font-weight: 700;
    border: 0;
    padding-left: 25px
}

.event-list .event-items .event-detail {
    padding-left: 25px;
    font-style: italic;
}

.bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid;
    border-color: #f6f7fb
}

.bullet.white {
    border-color: #f6f7fb
}

.bullet.success {
    border-color: #b9da17
}

.bullet.success-sea {
    border-color: #4adbad
}

.bullet.sea {
    border-color: #58d1d1
}

.bullet.info {
    border-color: #7ebacf
}

.bullet.info-dark {
    border-color: #4798c4
}

.bullet.golden {
    border-color: #e7e59f
}

.bullet.warning {
    border-color: #faaf39
}

.bullet.warning-yellow {
    border-color: #f4cd25
}

.bullet.rose {
    border-color: #ff3c7e91
}

.bullet.danger {
    border-color: #f75b4c
}

.bullet.danger-red {
    border-color: rgba(244, 67, 54, 1)
}

.bullet.primary {
    border-color: rgba(119, 116, 231, 1)
}

.email-app .sec-side-nav {
    background: #fff;
    position: fixed;
    border-right: 1px solid #e6ecf5;
    height: calc(100vh - 120px);
    float: left;
    overflow: auto;
    width: 265px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.arrow-drop-tasks {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    transition: transform 0.5s;
}

.arrow_drop_tasks_active {
    transition: transform 0.5s;
    transform: rotate(-180deg);
}

/* .app-modal-window .modal-dialog {
  width: 500px;
} */

.modal-800 {
    max-width: 800px;
}

.modal-1000 {
    max-width: 1000px;
}

@media only screen and (max-width: 992px) {
    .email-app .sec-side-nav {
        z-index: 1;
        left: -250px
    }
}

.email-app .sec-side-nav .side-nav-inner {
    position: relative;
    padding: 30px 20px
}

.email-app .sec-side-nav .side-nav-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto
}

.email-app .sec-side-nav .side-nav-inner ul li {
    position: relative;
    display: block
}

.email-app .sec-side-nav .side-nav-inner ul li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    color: #888da8;
    font-size: 16px
}

.email-app .sec-side-nav .side-nav-inner ul li > a i {
    padding-right: 10px
}

.email-app .sec-side-nav .side-nav-inner ul li > a:hover {
    color: #3a3c49
}

.email-app .sec-side-nav .side-nav-inner ul li > a .label {
    float: right;
    margin-top: 4px
}

.email-app .sec-side-nav .side-nav-inner ul li.active > a {
    color: #7774e7
}

.email-app .email-wrapper {
    padding: 0;
    margin: 0;
    overflow: auto;
    min-height: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

@media only screen and (max-width: 992px) {
    .email-app .email-wrapper {
        position: absolute;
        left: 0;
        width: 100%;
        overflow-x: hidden
    }
}

@media only screen and (min-width: 992px) {
    .email-app .email-wrapper {
        margin-left: 250px
    }
}

.email-app .email-wrapper .email-list {
    position: relative;
    padding: 0;
    width: 100%;
    overflow-y: hidden;
    background-color: #fff;
    height: calc(100vh - 120px)
}

@media only screen and (max-width: 992px) {
    .email-app .email-wrapper .email-list {
        max-height: calc(100vh - 65px)
    }
}

@media only screen and (min-width: 992px) {
    .email-app .email-wrapper .email-list {
        width: 30%;
        border-right: 1px solid #e6ecf5;
        float: left
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .email-app .email-wrapper .email-list {
        width: 30%
    }
}

.email-app .email-wrapper .email-list .email-list-tools {
    padding: 5px 15px;
    border-bottom: 1px solid #e6ecf5;
    text-align: right;
    display: block;
    background-color: #f6f7fb
}

.email-app .email-wrapper .email-list .email-list-tools .tools {
    list-style: none;
    padding: 0
}

.email-app .email-wrapper .email-list .email-list-tools .tools > li {
    display: inline-block;
    padding: 3px 5px
}

.email-app .email-wrapper .email-list .email-list-tools .tools > li > a {
    font-size: 16px;
    color: #888da8;
    display: block;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.email-app .email-wrapper .email-list .email-list-tools .tools > li > a:focus,
.email-app .email-wrapper .email-list .email-list-tools .tools > li > a:hover {
    color: #0f9aee
}

.email-app .email-wrapper .email-list .email-list-wrapper {
    position: relative;
    min-height: calc(100vh - 101px);
    overflow-y: scroll;
    max-height: calc(100vh - 101px)
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item {
    padding-left: 0;
    list-style: none
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item {
    position: relative;
    display: table;
    width: 100%;
    padding: 12px 18px;
    border-bottom: 1px solid #e6ecf5;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item:focus,
.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item:hover {
    background-color: #f4fafe
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item a {
    color: #888da8
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-tick {
    position: absolute
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail p {
    margin-bottom: 0
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .from {
    font-size: 14px;
    color: #515365
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .subject {
    color: #515365;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .status {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-color: transparent;
    border-radius: 50px;
    border: 3px solid;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .datetime {
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 11px;
    background-color: #f7f6fe;
    color: #1e1e31;
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
}

.email-app .email-wrapper .email-content {
    float: left;
    width: 70%;
    position: relative;
    padding: 0;
    /* background-color: #fff; */
    min-height: calc(100vh - 65px)
}

.email-app .email-wrapper .email-content.no-inbox-view {
    width: 100%
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .email-app .email-wrapper .email-content {
        width: 70%
    }
}

@media only screen and (max-width: 992px) {
    .email-app .email-wrapper .email-content {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        max-height: calc(100vh - 65px);
        overflow-y: scroll
    }

    .email-app .email-wrapper .email-content.open {
        left: 0
    }
}

.email-app .email-wrapper .email-content .email-content-tools {
    background-color: #f6f7fb;
    padding: 10px 15px;
    border-bottom: 1px solid #e6ecf5
}

@media only screen and (min-width: 992px) {
    .email-app .email-wrapper .email-content .email-content-tools {
        display: none
    }
}

.email-app .email-wrapper .email-content .email-content-tools ul {
    list-style: none;
    padding: 0;
    display: inline-block
}

.email-app .email-wrapper .email-content .email-content-tools ul li {
    display: inline-block
}

.email-app .email-wrapper .email-content .email-content-tools ul li a {
    font-size: 16px;
    padding: 0 10px;
    color: #888da8
}

.email-app .email-wrapper .email-content .email-content-tools ul li a:focus,
.email-app .email-wrapper .email-content .email-content-tools ul li a:hover {
    color: #0f9aee
}

.email-app .email-wrapper .email-content .email-content-detail {
    position: relative;
    padding: 0 15px;
    max-height: calc(100vh - 65px);
    overflow-y: auto
}

@media only screen and (max-width: 992px) {
    .email-app .email-wrapper .email-content .email-content-detail {
        padding: 15px
    }
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head {
    position: relative
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info {
    display: inline-block
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .thumb-img {
    width: 50px;
    height: 50px
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .info {
    height: 50px;
    padding-left: 0 !important;
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .info .title {
    padding-top: 5px
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .info .sub-title {
    max-width: 100%
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .tools {
    padding: 0;
    list-style: none;
    float: right;
    margin-top: 15px
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li {
    display: inline-block;
    padding: 10px
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li a {
    color: #888da8
}

.email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li a:focus,
.email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li a:hover {
    color: #515365
}

.email-app .email-wrapper .email-content .email-content-detail .detail-body {
    padding: 0;
    position: relative;
    /* margin-top: 55px; */
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot {
    padding: 15px 0
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments {
    list-style: none;
    padding-left: 0
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li {
    display: inline-block;
    border: 1px solid #e6ecf5;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 6px
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a {
    display: block;
    color: #888da8
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-icon {
    float: left;
    padding: 8px 15px;
    font-size: 28px;
    border-right: 1px solid #e6ecf5
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info {
    display: inline-block;
    padding: 8px 15px 8px 10px
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info .file-name,
.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info .file-size {
    display: block
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:focus,
.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:hover {
    color: #515365
}

.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:focus .file-icon,
.email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:hover .file-icon {
    color: #7774e7
}

.email-app .email-wrapper .email-compose {
    position: relative
}

.email-app .email-wrapper .email-compose .email-compose-tools {
    background-color: #f6f7fb;
    padding: 10px 15px;
    border-bottom: 1px solid #e6ecf5
}

@media only screen and (min-width: 992px) {
    .email-app .email-wrapper .email-compose .email-compose-tools {
        display: none
    }
}

.email-app .email-wrapper .email-compose .email-compose-tools ul {
    list-style: none;
    padding: 0;
    display: inline-block
}

.email-app .email-wrapper .email-compose .email-compose-tools ul li {
    display: inline-block
}

.email-app .email-wrapper .email-compose .email-compose-tools ul li a {
    font-size: 16px;
    padding: 0 10px;
    color: #888da8
}

.email-app .email-wrapper .email-compose .email-compose-tools ul li a:focus,
.email-app .email-wrapper .email-compose .email-compose-tools ul li a:hover {
    color: #0f9aee
}

.email-app .email-wrapper .email-compose .email-compose-body {
    padding: 0 20px
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #e6ecf5;
    font-size: 14px;
    padding: 12px
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input::-webkit-input-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input:-moz-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input::-moz-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input:-ms-input-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .subject {
    border: 0;
    padding: 12px
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .subject::-webkit-input-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .subject:-moz-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .subject::-moz-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .send-header .subject:-ms-input-placeholder {
    font-size: 14px;
    color: #c3c5d3
}

.email-app .email-wrapper .email-compose .email-compose-body .note-editor {
    margin-top: 5px
}

.email-app .email-wrapper .email-compose .email-compose-body .note-editor.note-frame .note-statusbar {
    display: none
}

.email-app .email-wrapper .email-compose .email-compose-body .note-editor .panel-heading.note-toolbar {
    position: absolute;
    z-index: 9;
    width: 100%;
    bottom: 0;
    border-bottom: 0;
    border-top: 1px solid #e6ecf5
}

@media only screen and (max-width: 992px) {
    .email-app.mail-nav-active .sec-side-nav {
        left: 0
    }
}

@media only screen and (max-width: 992px) {
    .email-app.mail-nav-active .email-wrapper {
        left: 250px
    }
}

div[ui-view=emailContent].ng-leave {
    display: none
}

.social .social-cover {
    position: relative
}

.social .social-cover .cover-img {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.social .social-cover .cover-img .cover-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%)
}

.social .social-cover .cover-footer {
    padding: 15px;
    background-color: #fff
}

.social .social-cover .cover-footer ul,
.social .social-cover .cover-footer ul > li {
    display: inline-block
}

.social .social-cover .cover-footer ul > li > a {
    display: block;
    font-weight: 700;
    color: #888da8;
    padding: 10px 20px
}

.social .social-cover .cover-footer ul > li.active a,
.social .social-cover .cover-footer ul > li > a:focus,
.social .social-cover .cover-footer ul > li > a:hover {
    color: #515365
}

.gallery-item {
    display: block;
    position: relative;
    cursor: pointer
}

.gallery-item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background: #000;
    background: rgba(0, 0, 0, .7);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out
}

.gallery-item .overlay .overlay-content {
    position: absolute;
    padding: 20px 15px;
    width: 100%;
    left: 0;
    bottom: 0
}

.gallery-item .overlay .overlay-content .caption-title {
    color: #fff;
    margin: 0
}

.gallery-item .overlay .overlay-content .caption-date {
    color: #ccc
}

.gallery-item:hover .overlay {
    opacity: 1;
    visibility: visible
}

.pswp__caption__center {
    text-align: center
}

.redline {
    background-color: #ff274394 !important;
    color: #fff !important;
}

.deadline {
    background-color: #ff274394 !important;
    color: #fff !important;
}

.doughnut-center {
    display: block;
    position: absolute;
    /* top: calc(50% - 15px); */
    /* left: calc(50% - 15px); */
    top: calc(50% - 15px);
    left: calc(50% - 60px);
    /* width: 120px; */
    /* height: 120px; */
    width: 175px;
    height: 175px;
    z-index: 0;
    background: transparent;
    border-radius: 50%;
    /* box-shadow: 0 10px 16px -6px rgba(0,0,0,.3); */
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, .3);
}

.doughnut-center p {
    z-index: 500;
    font-size: 50px;
    text-shadow: 2px 2px 2px #a8c3c3;
    line-height: 1;
    margin: 0;
    color: #656874;
}

.doughnut-center span {
    border-top: 1px solid #dddddd;
    z-index: 100;
    font-size: 16px;
    text-shadow: 2px 2px 2px #a8c3c3;
}

.doughnut-center.big {
    /* left: calc(50% - 25px); */
    /* left: calc(50% - 60px); */
    left: calc(50% - 88px);
    top: calc(50% - 72px);
    padding-top: 40px;
}

.doughnut-center.contract {
    width: 160px;
    height: 160px;
    left: calc(50% - 80px);
    top: calc(50% - 72px);
    padding-top: 45px;
    text-align: center;
}

.doughnut-center.big.bottom {
    /* left: calc(50% - 25px); */
    /* left: calc(50% - 60px); */
    left: calc(50% - 88px);
    top: calc(50% - 59px);
    padding-top: 50px;
}

.doughnut-center.bigger {
    /* left: calc(50% - 40px); */
    left: calc(50% - 60px);
}

.doughnut-size230 {
    height: 230px !important;
}

.margin-0-10 {
    margin: 0 10px !important;
}

/* .sparkline-center {
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 90px);
  z-index: 100;
  font-size: 50px;
} */

.table-green {
    background: #0080001c !important;
}

.table-red {
    background: #ff000017 !important;
}

.cash {
    border-radius: 35px;
    padding: 2px 20px;
    display: inline-block;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.noty_type__reply {
    background-color: #fff;
    position: relative;
    padding: 0 10px 0 20px;
    border-radius: 10px !important;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .2)
}

.noty_type__reply img {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    border-radius: 50%;
}

.noty_type__reply h3 {
    margin-bottom: 0;
}

.noty_type__reply p {
    margin-top: 0px;
}

.noty_type__reply .noty-bull {
    display: inline-block;
    margin: 0 10px;
}

.noty_type__reply a {
    color: #1493BD;
    text-decoration: none;
}

.background-floral {
    background-color: floralwhite;
}

.thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
    top: 7px;
}

form .progress {
    line-height: 15px;
}

.progress {
    display: inline-block;
    width: 100px;
    /* border: 3px groove #CCC; */
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.files-count {
    font-size: 12px;
    color: #888da8;
}

.table {
    font-size: 12px;
    margin-bottom: 0 !important;
}

.btn-small {
    padding: 5px 20px !important;
    margin-top: -5px;
}

.progress-indicator {
    position: absolute;
    top: 55px;
    right: 15px;
    font-size: 11px;
    background-color: #f7f6fe;
    color: #1e1e31;
    /* padding: 4px 10px; */
    border-radius: 50px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
}

.progress-bar {
    height: 8px;
}

.as-sortable-item {
    border: none;
    /* display: table-row; */
}



.upload-btn-wrapper {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: inline;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    /*top: -15px;*/
    opacity: 0;
    width: 100%;
    height: 40px;
    cursor: pointer !important;
}

.hide {
    visibility: hidden;
}

.input-group-text {
    background-color: transparent;
    border: 1px solid #e6ecf5;
    color: #e0e2e9;
    border-radius: 0px;
    border-right: 0px;
    line-height: 1.7;
}

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5th {
    width: 20%;
    float: left;
}

.personal-menu-item {
    position: relative;
    display: table;
    width: 100%;
    padding: 20px 18px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.abs-right {
    position: absolute;
    right: 0;
}

.green-line {
    background-color: #37ff650f;
}

.red-line {
    background-color: #dc35450f;
}

@media (min-width: 768px) {
    .col-sm-5th {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}

@media print {
    body {
        font-size: 10px;
    }

    .mrg-top-30, .mrg-top-20 {
        margin-top: 15px !important;
    }

    .print-invisible {
        display: none;
    }
}

.printAct {
    height: 135mm;
    width: 50mm;
    top: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
    display: block;
}

@media print {
    @page {
        size: portrait;
    }

    html, body {
        height: 135mm;
        width: 50mm;
    }

    .form-wizard {
        display: none;
    }

    .content-footer {
        display: none;
    }

    .col-md-3 {
        display: none;
    }

    .print-btn {
        display: none;
    }
}